body,html{
    margin:0px;
    padding:0px;
    overflow-x: hidden;
    box-sizing: border-box;
    width:100%;
    height:100%;
}
.spcolor{
    background-color: #8A2324;
}
.pullD{
    float:left;
    vertical-align: middle
}
.pullD1{
float:right;
display:block;
min-width:50%;
text-transform:uppercase;
}
.pullD1 ul{
padding-left:0px;
display:block;
width:100%;
margin-top:6%
}
.pullD1 ul li{
list-style-type:none;
display:inline-block;
width:7rem;
text-align: center
}
.pullD1 ul li a{
display:block;
font-size:1rem;
margin-left:2%;
margin-right:2%;
color:white;
text-decoration:none;
font-family: 'Noto Serif', serif;
}
.bindu{
    float:right;
    width:5px;
    height:5px;
    background-color:#90bc3d;
    border-radius:50%;
    margin-top:9%
}

/*--carousel--*/
.backie{
   background-color:#F6E2A7;
    height:85vh;
    padding-top: 5vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-origin: border-box;
    background-size:100% 100%;
}
.ab1{
    font-family: 'Noto Serif', serif;
    position:absolute;
    top:5%;
    left:10%;
    display:block;
    max-width: 580px;
    max-height:350px;
}
.headee{
    font-size:36px;
    color:#5D1717;
    display:block;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
}
.par{
    font-size:1.1rem;
    color:#2B0100;
    display:block;
    margin-top:3%;
    font-weight: 600;
    text-align:justify;
}
.ab2{
    font-family: 'Noto Serif', serif;
    position:absolute;
    top:5%;
    right:5%;
    width:40vw;
    height:60vh;
}
.amarimg{
    width:100%;
    height:100%;
}
.ab3{
    position:absolute;
    left:10%;
    bottom:25%;
    color:#610401;
    display:block;
    max-width: 80%;
    max-height:350px;
    font-weight: 700;
    font-family: 'Rancho', cursive;
    font-size: 80px;
    line-height:90px;
 }

/*--products--*/
.itema{
    background-image: url('/images/download.jpg');
    background-origin: border-box;
    background-size:100% 100%;   
}
.products{
    font-size:48px;
    color:#7A2E31;
    font-family: 'Lobster Two', cursive;
    text-align: center;
    font-weight: 600;
}
.proddct{
  display:block;
  width:100%;
  list-style-type: none;
  text-align: center;  
}
.proddct li{
  display:inline-block;
  text-align: center; 
  font-size:18px;
  margin-top:2%;
  margin-left:1%;
  margin-right:1%;
  cursor:pointer;
  font-weight:400;
  color:#514e49;
  font-family: 'Noto Serif', serif;
}
.proddct li:hover{
    color:#90bc3d;
}
.bindu2{
    float:right;
    width:10px;
    height:10px;
    background-color:#7A2E31;;
    border-radius:50%;
    margin-top:9% 
}
.listumhide{
    display:none !important;
}

/*--photo--*/
.golla{
  position:absolute;
  top:0px;
  left:-9%; 
  bottom:0px;
  height:100%;
  width:100%; 
  border-bottom-right-radius:50%;
  border-top-right-radius:50%;  
}
.golls{
position:relative;
width:100%;
height:100%;
}
.kio1{
display:inline-block;
width:40px;
height:40px;
border-radius:50%;   
border-color:2px solid #684e3f;
background-image: url(../images/kioimg.png);
font-weight:700;

}
.kio1:hover{
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
border-color:2px solid #684e3f;
background-image: url(../images/kioimgh.png);
font-weight:700; 
}
.ki1{
    display:inline-block;
    position: absolute;
    font-size:1.7rem;
    color:#684e3f;
}
.jio1{
    position: absolute;
    right:10%;
    display:block;
    top:0%;
    cursor:pointer;
    width:320px;
    z-index: 99; 
}
.jio2{
    position: absolute;
    right:-10%;
    display:block;
    top:20%;
    cursor:pointer ;
    width:320px;
    z-index: 99;  
}
.jio3{
    position: absolute;
    right:-30%;
    display:block;
    top:40%;  
    cursor:pointer;
    width:320px;
    z-index: 99;  
}
.jio4{
    position: absolute;
    right:-10%;
    display:block;
    top:60%;
    cursor:pointer;
    width:320px;
    z-index: 99;     
}
.jio5{
    position: absolute;
    right:10%;
    display:block;
    top:80%;
    cursor:pointer;
    width:320px;
    z-index: 99;     
}
.jio6{
    position: absolute;
    right:30%;
    display:block;
    top:75%;
    cursor:pointer;
    width:120px;
    z-index: 99;     
}
.jio7{
    position: absolute;
    right:50%;
    display:block;
    top:90%;
    cursor:pointer;
    width:120px;
    z-index: 99; 
}
.verti{
    margin-top:0%;
    padding-top:0%;
    padding-right:30px;
    font-size:1.7rem;
    color:black;
    font-weight: 600;
    text-align: justify;
    font-family: 'Dancing Script', cursive;
}

/*--why choose GRB--*/
.use{
    font-size:48px;
    font-family: 'Courgette', cursive;
    color:#7A2E31;;
    font-weight: 600;
    margin-top:3%;
    display:block;
    text-align: center;
    font-family: 'Lobster Two', cursive;
}
.use1{
    font-size:16px;
    font-family: 'Noto Serif', serif;
    color:grey;
    font-weight: 400;
    margin-top:1%;
    display:block;
    text-align: center;
}
.mangga{
    font-size: 0.9rem;
    font-family: 'Noto Serif', serif;
    font-size:1.5rem;
    display:block;
}
.footertop{
    font-size:1.2rem;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight:600;
    display:block;
    color:white;
}
.footerlow{
display:block;
padding-left:0px;
margin-top:5%;
}
.footerlow li{
display:block; 
list-style-type:none;
}
.footerlow li a{
    display:block; 
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color:white;
   text-decoration: none;
}
.follow{
    display:inline-block;
    font-size:1.4rem;
    font-weight: 6S00;
    width:35px;
    color:white;
    height:35px;
    border-radius:100%;
    border:2px solid white;
    text-align: center;
}

/*--aboutuslist--*/
.aboutuslist{
    display:block;
    width:100%;
    margin-top:4%;
    margin-bottom:4%;
}
.aboutuslist > ul{
    display:block;
    width:100%;
    padding-left:0px;
}
.aboutuslist li{
    display:inline-block;
    font-size: 1rem;
   cursor:pointer;
    margin-left:0.5%;
    margin-right: 0.5%;
    font-family:  'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color:#494343;
}
.headingH{
    display:block;
    font-size:1.2rem;
    color:#d52628;
    font-weight: 600;
}
.history1{
    display:block;
    margin-top:3%;
    font-size: 1.1rem;
    margin-bottom: 4%;
    color:grey;
    font-family:  'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.isactive{
   color:#d52628!important; 
}

/*products page*/
.slightpadd{
    padding:2%;
}
.products1{
    position:relative;
    padding:2%;
    width:100%;
    height:100%;
    overflow: hidden;
}
.productover{
    position:absolute;
    width:96%;
    height:25%;
    bottom:0%;
    top:73%;
    text-align: center;
    background-color: #514e49;
    opacity: 0.8;
    z-index: 99;
}
.productover1{
    position:absolute;
    width:100%;
    height:20%;
    bottom:3%;
    text-align: center;
    background-color:transparent;
    z-index: 999;
}
.textam{
    font-size:16px;
    color:white ;
    text-transform:uppercase;
    display:block;
    font-weight: 700;
}
.img-hover{
transition:all 2s ease-in-out 0s
}
.img-hover:hover{
transform: scale(1.2);

}

/*contact*/
.moveupcontainer{
    margin-top:-5%;
    background-color: white;

}
.contacttext{
    text-align: center;
    font-size: 1.8;
    color:grey;
    font-weight: 600;
}
.formstyle{
    width:100%;
    height:45px;
    border:1px solid gray;
    border-radius:5px;
    display:block;
    margin-top: 2%;
}
textarea{
    height:100%;
    width:100%;
    border:1px solid gray;
}
.submit{
    margin-top: 5%;
    width:100%;
}
.submitbutton{
    display:block;
    width:100px;
    height:40px;
    border:2px solid #8b755a;
    cursor:pointer;
    background-color: #8b755a;
    color:white;
    margin:0px auto;

}
.submitbutton:hover{
   background-color: white; 
    color:black;
}
.deli{
margin-top: 5%;
font-size: 40px;
font-family: 'Fjalla One', sans-serif; 
font-weight: 500
}