.body{
	overflow-x:hidden;
  background-color:#ba903d21;
}
html{
  scroll-behavior:smooth;
  overflow-x:hidden;
}
/*header*/
.topbar{
	background-image:linear-gradient(135deg,#ba903d 20%,#800000 20%);
	min-height:100px;
}
.topbar-a{
	margin: 6px 0px 10px 0px;
}
.topbar .topbar-a a{
	color:white;
	text-decoration:none;
}
.topbar .topbar-a1 a{
	background-color:#fff;
	color:#800000;
	border-radius:20px;
	padding:5px 10px 5px 10px;
}
.topbar-a1{
	margin:8px 0px 5px 0px;
}
.topbar-a .topsec:hover{
  color:#ba903d;
}
.topbar-a1 .speciala{
	background-color:#ba903d!important;
	color:white!important;
}
.topbar a:hover{
	color:#800000;
}
#header.header-scrolled {
    background: #fff;
    padding: 20px 0;
    height: 72px;
    transition: all 0.5s;
}
#header {
    padding: 30px 0;
    height: 92px;
    position: relative;
    left: 0;
    top: -60px;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    background-color: #fff;
    box-shadow: 5px 0px 15px #c3c3c3;
}
#logo{
	margin-top:-15px;
}
#header #logo h1 {
    font-size: 34px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
}
#header #logo h1 a, #header #logo h1 a:hover {
    color: #000;
    padding-left: 10px;
    border-left: 4px solid grey;
}
#nav-menu-container {
    float: right;
    margin: -14px 0px;
}
#nav-menu-container .nav-menu{
	margin-top:-30px;
}
.nav-menu > li {
    margin-left: 10px;
}
.nav-menu > li {
    float: left;
}
.nav-menu li {
    position: relative;
    white-space: nowrap;
}
.nav-menu, .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-scrolled .nav-menu li:hover > a, .header-scrolled .nav-menu > .menu-active > a {
    color: #18d26e;
}
.header-scrolled .nav-menu a {
    color: black;
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {
    color: #800000;
}
.nav-menu a {
    padding: 0 8px 15px 8px;
    text-decoration: none;
    display: inline-block;
    color:#ba903d;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    outline: none;
}
#mobile-nav-toggle {
    display: inline;
}
#mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 20px 20px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}
#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}
body.mobile-nav-active #mobile-nav {
    left: 0;
}
#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background:#800000;  
    opacity:1;  
    left:-260px;
    width:260px;
    overflow-y: auto;
    transition: 0.4s;
}
#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#mobile-nav ul li {
    position: relative;
}
#mobile-nav ul li a:hover{
	color:#fff;
}
#mobile-nav ul li a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color:#fff;
}
#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}
#mobile-nav ul .menu-item-active {
    color: #fff;
}
#mobile-nav ul li li {
    padding-left: 30px;
}

.menu-has-children ul
{display: none;}

.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color:black;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}


.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}
.nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
}
.nav-menu ul {
    position: absolute;
    display: none;
    top: 92%;
    left: 0;
    z-index: 99;
}

.sf-arrows .sf-with-ul {
    padding-right: 30px;
}
.nav-menu li {
    position: relative;
    white-space: nowrap;
}
#mobile-nav-toggle i{
	color:#800000;
	margin-top:10px;
}
@media (max-width: 768px){
#nav-menu-container {
    display: none;
}
.topbar{
	display:none;
}
#header{
	position:fixed;
	top:0px;
}
.container1{
	padding-left:0px!important;
	padding-right:0px!important;
	margin-right:0px!important;
	margin-left:0px!important;
	width:100%;
}
#mobile-nav-toggle {
    display: inline;
}
}
/*header*/
/*about section*/
.aboutinfo{
  margin-top:-110px;
  overflow-x:hidden;
}
.about1 .aboutimg img{
  display: block;
  margin: 0px auto;
  padding:30px 0px;
}
.about1 .about p,h3{
  color:white;
}
.about1 .bgcolor{
   background-color:#800000;
}
@media only screen and (max-width:767px){

.fixed_icons_div{
  display: block !important;
}

.aboutinfo{
  margin-top:-92px;
  overflow-x:hidden;
}
}
/*about section*/
/*card section*/
.cardspacing{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cardspacing .card{
	width:100%!important;
	min-height:378px;
	border-radius:0px;
  margin-top: 50px;
  margin-bottom: 50px;
  animation: slide-in 1s backwards;
}
.card:last-child {
  animation-delay: .4s;
}
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
}
.cardspacing .card1{
  min-height:235px!important;
  padding:5px;
}
.cardspacing .card{
  margin-bottom:0px;
}
.cardspacing .cardbottom{
  margin-bottom:50px;
}
.cardspacing .card1 .card-body{
  border:2px solid grey;
}
.card h4{
	color:#800000;
}
.card p{
	letter-spacing:2px;
	font-family:Roboto;
	font-size:15px;
}
.card img{
	width:100%;
	height:200px;
}
/*card section*/
/*cateory section*/
.cato{
  overflow-x:hidden;
  margin-top: -53px;
  margin-bottom: 126px;
}
.cato1{
  overflow-x:hidden;
  margin-top: 0px;
  margin-bottom:10px;  
}
.cato .heading h2,.cato1 .heading h2{
  text-align:center;
  font-size:45px;
  font-weight:bold;
  font-family:Roboto;
  text-transform:uppercase;
  color:#800000;
}
.cato .heading h2:after,.cato1 .heading h2:after{
  content:'';
  position:absolute;
  width:78px;
  height:2px;
  left:522px;
  top:78px;
  bottom:0px;
  background:#bb9241;
}
.categoryimg{
  margin-bottom:40px;
  width:100%;
}
.categoryimg img{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media only screen and (max-width:768px){
     .cato .heading h2:after{
    display:none;
  }
}
@media only screen and (max-width:767px){
  .cardspacing{
    width: 380px;
    display: block;
    margin: 0px auto;
  }
  .cardspacing .card{
    width:100%!important;
  }
  .cato .heading h2{
      margin-top:-11px;
  }
  .cato .heading{
      margin-bottom:-40px;
  }
  .cato .heading h2:after{
    display:none;
  }
  .cato1{
    margin-top:128px;
  }
  .cato1 .heading{
    margin-bottom:-20px;
  }
}
/*cateory section*/
/*footer css*/
.page-footer,p a{
  color:white;
}
.page-footer p a:hover{
  color:white;
}
.footerbase{
  background-image: linear-gradient(-53deg,#ba903d 50%,#800000 50%);
}
.footer-copyright{
  background-color:#800000;
}
.footer-copyright a{
  color:white;
}
.footer-copyright a:hover{
  color:white;
}
@media only screen and (max-width:767px){
  .page-footer iframe{
  width:290px;
}
}
/*footer css*/
/*btn css*/
.btn12{
  background: linear-gradient(45deg, maroon, #ba903d);
  color:white;
  padding:8px 15px;
  border-radius:20px;
}
.btn12:hover{
  background: linear-gradient(45deg,#ba903d,maroon);
  color:white;
}
/*btn css*/
/*about page css*/
.aboutheading{
  margin-top:-92px;
/*  margin-bottom:50px;*/
    padding-top: 175px;
padding-bottom: 0px;
background-color: #b3770082;
}
.aboutheading .heading h2{
  text-align:center;
  font-size:45px;
  font-weight:bold;
/*  padding-left:20px;*/
/*  font-family:Roboto;*/
  text-transform:uppercase;
  color:#800000;
  margin-top:-150px;
padding-top: 42px;
}
.aboutpage{
  position:relative;
  top:-92px;
}
.aboutpage img{
    width:100%;
}
.aboutpage1{
  margin-top:-30px;
/*  background-color:#ba903d21;*/
  padding-top:30px;
}
.aboutpage1 h3,.aboutpage1 p{
  color:#800000;
  font-family:Roboto;
  padding-bottom:20px;
  text-align:right;
  margin-bottom:0px;
}
@media only screen and (max-width:768px){
  .aboutpage{
    margin-top:184px;
  }
  .aboutpage1 h3{
    text-align:center;
    font-size:27px;
  }
  .aboutheading{
    position:relative;
    top:53px;
    width:100%;
        margin-top:0px;
/*  margin-bottom:50px;*/
    padding-top: 60px;
padding-bottom: 12px;
background-color: #b3770082;
  }
    .aboutpage1 {
    margin-top: 20px;
/*
    background-color: #ba903d21;
    padding-top: 30px;
*/
}
  .aboutheading .heading h2{
    font-size:30px;
    text-align:center;
      margin-top: 0px;
      padding-top: 0px;
  }
}
/*about page css*/
/*slider css*/
@keyframes slide
        {
             0%{left:0%;}
            20%{left:0%;}
            40%{left:-100%;}
            65%{left:-100%;}
            80%{left:-200%;}
            100%{left:-200%;}
        }

        #slider 
        {
            overflow: hidden;
                width: 100%;
    position: relative;
    top: -92px;
        }

       #slider figure
        {
            position:relative;
            width:600%;
            margin:0px;
            left:0px;
            text-align:left;
            animation: 30s slide infinite;
        }

        #slider figure img
        {
            float:left;
            width:16.6666%;
          
            height:70%;   
        }
        @media only screen and (max-width:767px){
          #slider{
            margin-top:184px;
          }
        }
        /*slider csss*/
        /*contact page css*/
 .contact form{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding:30px 30px;
 }
form input.form-control:focus,textarea.form-control:focus {
    color: #000!important;
    background-color: #fbe0e078!important;
    border-color: maroon!important;
    outline: 0;
    box-shadow: 0 0 0 0.1rem #800000!important;
}
.contactheading .heading h2{
  text-align:center;
  font-size:45px;
  font-weight:bold;
  font-family:sans-serif;
  text-transform:uppercase;
  color:#800000;
  margin-bottom:50px;
}
.contactheading .heading h2:after{
  content:'';
  position:absolute;
  width:78px;
  height:2px;
  left:600px;
  top:60px;
  bottom:0px;
  background: #bb9241;
}
.contact .contactiframe{
  margin-top:50px;
  margin-bottom:10px;
}
.contact .contactiframe iframe{
  width:100%;
  height:300px;
  border:1px solid grey;
  padding:10px;  
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
}
@media only screen and (max-width:767px){
  .contact .contactiframe{
    margin-top:26px;
  }
  .contact .contactiframe iframe{
    height:250px;
  }
  .contactheading{
    padding-top:159px;
  }
  .contactheading .heading h2{
      margin-top:-25px;
      font-size:40px; 
      margin-bottom:0px!important;
       }
  .contactheading .heading h2:after{
    display:none;
  }
}
        /*contact page css*/
        /*product-page*/
/*        .viewall1{
          box-shadow: 0 4px 8px 0 rgba(249, 249, 249, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #80000040;
    padding: 30px;
        }*/
        .viewproduct .viewall{
          margin-bottom:50px;
          box-shadow: 0 4px 8px 0 rgba(249, 249, 249, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          padding:20px;
        }
        .viewimg{
          width:100%;
        }
        .viewproduct .viewimg img{
             width: 300px;
             height: 300px;
             border: 1px solid black;
             padding: 10px;
        }
        .viewproduct .viewtext h4{
          font-family:Roboto;
          color:#800000;
        }
        .viewproduct .viewtext .borderpro{
          border:1px solid #800000;
        }
        .viewproduct .viewtext1 {
          padding:0px 20px;
        }
        @media only screen and (max-width:767px){
        .viewproduct .viewtext{
          padding:20px 20px;
          text-align:right;
         }
         .viewproduct .viewtext1{
          padding:20px 20px;
          text-align:left;
         }
        }
        /*product-page*/
        /*product des*/
        .viewproductdes .viewdesimg{
          width:100%;
        }
        .viewdesimg{
          margin-bottom:20px;
        }
        .viewdestable{
          margin-bottom: 20px;
        }
        .viewproductdes .viewdesimg img{
          width:300px;
          height: 300px;
          border:1px solid grey;
          padding:10px;
          margin:30px;
         }
         .table-bordered td, .table-bordered th {
    border-top:1px solid #ba903d!important;
    border-bottom:1px solid #ba903d!important;
}
.table{
   color:#800000!important;
}
.table td{
  padding:2px!important;
}
@media only screen and (max-width:767px){
  .firsttable .table {
    margin-top:30px;
  }
} 
/*product des*/  
/*our product*/
.bord{
  border:1px solid #800000;
}
.tabo{
  background-color:#fff;
}
.tab-pane{
  margin-top:-20px;
}
.tabo li{
  border-bottom:2px solid #F4F6F8;
}
.tabo li a{
  color:#800000;
}
.tabo li:hover,.tabo li a:hover{
  background-color:#800000;
  color:white;
}
.tabo .nav-link.active {
    color: #800101!important;
    background-color: #fff;
    border-bottom:2px solid #F4F6F8!important;
}
.tabo .nav-item .nav-link.active:hover{
    background-color:#800000;
  color:white!important;
}
.h6text h6{
  background-color:#fff;
  color:#800000;
  text-align:center;
      padding: 10px;
    margin-top: 20px;
}
.catoborder{
  margin-bottom:30px;
}
.catoborder{
  width:100%;
}
.catoborder img{
  width:100%;
}
.catoborder:hover{
  margin-top:-15px;
  transition:0.2s;
}
.catoborder img:hover{
  box-shadow: 0 4px 8px 0 rgba(249, 249, 249, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.catoborder .h6text:hover{
 box-shadow: 0 4px 8px 0 rgba(249, 249, 249, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}
/*contact*/
  .form-control{
  color: #295f94;
    background-color: #fff!important;
    border: 1px solid #800000!important;
    border-radius:0px!important;
  }
  .contact form .contactbtn a{
  background: linear-gradient(45deg, maroon, #ba903d);
  color:white;
  padding:8px 15px;
  border-radius:20px;
  margin-top:10px;
}
.btn12:hover{
  background: linear-gradient(45deg,#ba903d,maroon);
  color:white;
}
.modal-header,.close{
  border-bottom:none!important; 
  border-top-left-radius: none;
  border-top-right-radius: none;
  background-color:#800000;
  color:white!important;
}
.modal-content{
background-color: #800000!important;
}
/*side icons*/
.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 30px;
    background-color: #800000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.float:hover,.float1:hover,.float2:hover{
  background-color:#ba903d;
  color:#800000;
  border:1px solid #800000;
  transition:0.5s;
}
.float1 {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 100px;
    right: 30px;
    background-color: #800000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.float2 {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 160px;
    right: 30px;
    background-color: #800000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.my-float {
    margin-top:13px;
}

.text-left p{
    text-align:left!important;
}

.fixed_icons_div{
  display: none;
}