.about {
  background: url(../images/about-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.milk {
  background: url(../images/milk-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.nice {
  background: url(../images/nice-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.creambiscuit
{ background: url(../images/creambiscuit-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.creammnago{ background: url(../images/mango-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.creamorang{ background: url(../images/orange-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.creampineapple { background: url(../images/papple-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.creamstrawberry1 { background: url(../images/strawberry1.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.chococrunch  { background: url(../images/chococrunch-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.cream-vanila { background: url(../images/cream-vanila-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.atc-cream-mango { background: url(../images/atc-mango-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.atc-cream-orange { background: url(../images/atc-orange-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.atc-cream-banana { background: url(../images/atc-banana-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.atc-cream-lemon { background: url(../images/atc-lemon-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.atc-cream-strawberry { background: url(../images/strawberry-baner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.burborn{background: url(../images/burborn.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.bebogluco{background: url(../images/gluco-biscuit.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}			
.bebomilk{background: url(../images/bebo-milk.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.coconut{background: url(../images/coconut.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.milkcake{background: url(../images/bebo-milk-cake.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}			
.ginger{background: url(../images/ginger.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}			
.chocovanilla{background: url(../images/choco-vanila.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}			
.pineapple{background: url(../images/pineapple.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}			
.orange{background: url(../images/orange.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.strawberry{background: url(../images/strawberry.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}			
.creamchocolate{background: url(../images/cream-chocolate.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.cream-2-strawberry{background: url(../images/cream-2-strawberry-bg.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.cream-2-vanilla{background: url(../images/cream-2-vanilla-bg.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.creamorange{background: url(../images/cream-orange.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}						
.creamstrawberry{background: url(../images/cream-strawberry.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.creamvanila{background: url(../images/cream-vanila.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.monthenoire{background: url(../images/monthe-noire.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.candyorange{background: url(../images/candy-orange.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}			
.frutiescandies{background: url(../images/fruties-assorted-candies.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.gingercandy{background: url(../images/ginger-candy.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.milkcandy{background: url(../images/milk-candy.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}	
.toppop{background: url(../images/top-pop.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}	
.grandpop{background: url(../images/grand-pop.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}	
.popdrop{background: url(../images/pop-drop.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}												
.rice{background: url(../images/rice.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.shaving{background: url(../images/shaving-blade.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}
.global{background: url(../images/global.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;}																		

.about h1, .milk h1, .nice h1, .creambiscuit h1, .creammnago h1, .creamorang h1, .creampineapple h1, .creamstrawberry1 h1, .chococrunch h1, .cream-vanila h1,
.atc-cream-mango h1, .atc-cream-orange h1, .atc-cream-banana h1, .atc-cream-lemon h1, .atc-cream-strawberry h1, .burborn h1, .bebogluco h1, .bebomilk h1, .coconut h1, .milkcake h1, .ginger h1, .chocovanilla h1, .pineapple h1, .orange h1, .strawberry h1, .creamchocolate h1, .creamorange h1, .creamstrawberry h1, .creamvanila h1, .monthenoire h1, .candyorange h1, .frutiescandies h1, .gingercandy h1, .milkcandy h1, .toppop h1, .grandpop h1, .popdrop h1, 
.rice h1, .shaving h1, .global h1, .wafer-orange h1, .wafer-vanilla h1, .wafer-chocolate h1, .wafer-strawberry h1, .love-milk-wafer h1, .candies-5gms-orange h1, .candies-5gms-mango h1, .candies-5gms-tamarind h1, .candies-5gms-coffee h1, .candies-5gms-super h1, .candies-5gms-green-mango h1, .candies-5gms-soda h1, .candies-5gms-cola h1, .candies-5gms-sport h1, .bubble-gum-banner h1, .banner-lollipop h1, .banner-fruity-flavour h1, .kiko-banner h1, .deluxe-toffee h1,
.cream-25-strawberry h1, .cream-25-orange h1, .cream-25-pineapple h1, .cream-25-choco-vanilla h1, .yummy-cream h1, .cream-2-lemon h1, .cream-2-chocolate h1, .cream-2-strawberry h1, .cream-2-vanilla h1{
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.shaving h3 {
  color: red ;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
 
}
.rice h3 {
  color: red ;
  font-size: 18px;
  font-weight: 700;
  margin:0px;
  font-family: 'Roboto', sans-serif;
} 
.global h3{
  color: #F00;
font-size: 20px;
font-weight: 700;
text-align:center;
font-family: 'Roboto', sans-serif;
} 
.universal a{
       background: #FFA60B none repeat scroll 0% 0%;
padding: 10px !important;
color: #FFF;
border-radius: 8px;}
.catalogue {
color: #FFF;
background: #FF5A00 none repeat scroll 0% 0%;
padding: 10px;
float: right;
margin-top: -12px;
border-radius: 2px;}
.catalogue i{
       margin-right:5px;}
.company {
  background: url(../images/company-banner1.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.company h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}

.award {
  background: url(../images/award-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.group {
  background: url(../images/group-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
  -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;

}
.group h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.group h3 {
    color: #F00;
    font-weight: bold;
    font-size: 18px;
    font-family: "PT Sans",sans-serif;
}
.group h5 {
    color: #F00;
    font-weight: bold;
    font-size: 16px;
    font-family: "PT Sans",sans-serif;
    margin-bottom: 0px;
    margin-top: 0;
}

.group p{
   font-family: 'Gabriela';
   padding-top: 10px;
 
  font-size: 15px;
  color: #000;
  text-align: justify;
}
.group h5 {
    color: #FF8700;
    font-weight: bold;
    font-size: 16px;
    font-family: "PT Sans",sans-serif;
}
.manufacturing {
  background: url(../images/manufacturing-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.manufacturing ul li{
       padding-top: 10px;
  text-align: justify;
  font-family: 'Gabriela';
  line-height: 27px;
  font-size: 16px;
  color: #000;	}
.manufacturing h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.manufacturing h3 {
  color: red !important;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
.quality {
  background: url(../images/quality-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.quality h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.quality h3 {
  color: red !important;
  font-size: 18px;
  font-weight: 700;
   font-family: 'Roboto', sans-serif;
}
.workforce {
  background: url(../images/workforce.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.workforce h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.event {
  background: url(../images/event-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.event h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.event h3 {
  color: red !important;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
.event p span {
  color: red !important;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
.tracking {
  background: url(../images/tracking-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.tracking h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.career {
  background: url(../images/career-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.career h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.career h3 {
  color: red !important;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
.contact {
  background: url(../images/contact-banner.jpg) fixed;
  padding-top:26%;
  padding-bottom:10%; 
   -webkit-animation: fadein 2s; /* Safari and Chrome */
            -moz-animation: fadein 2s; /* Firefox */
            -ms-animation: fadein 2s; /* Internet Explorer */
            -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
.contact h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}
.contact h3 {
  color: red !important;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
.contact p span{
  font-size:20px;
  margin-right:10px;
  float:left;
 }
.contact p a{
       font-family: 'Roboto', sans-serif;
  text-align: justify;
  
  
  color: #F00 ;
  margin-left:10px;} 
.contact p a:hover{
       text-decoration:none;
	   color:#337AB7;}
.award h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
}

.ab-in {
  background: rgba(255, 255, 255, 0.91) none repeat scroll 0% 0%;
}
.tree {
  color: #000;
  background: #F3F3F3 none repeat scroll 0% 0%;
  text-align: left;
  padding: 7px 16px;
  font-size: 13px;
  margin: 0px 0px 10px;
  border: 1px solid #E3E3E3;
   font-family: 'Roboto', sans-serif !important;
}

.tree a,.tree a:visited{ color:#dc0c12; font-weight:bold; text-decoration:none; background:url(../images/arrow.png) no-repeat right; padding:0 18px 0 0;  margin:0 3px 0 0; }
.tree a:hover{ text-decoration:underline}
.probox {
	margin-top: 15px;
	border:1px solid #8C8C8C;
	padding:0 0 20px 0 !important;
	margin-bottom:20px;
}

.probox img{
	background: rgb(255, 210, 10) none repeat scroll 0% 0%;
	margin: 20px 0 10px 5px;
}
.probox h4 {
	margin: 0px;
	padding: 8px 15px;
	background: rgb(255, 210, 10) none repeat scroll 0% 0%;
	color: rgb(53, 53, 53);
}
.probox table {
	margin-top:20px;
	text-align:center;}
.probox table tr td {
	border:1px solid #545454;
	padding:4px 0;}

.bg-gray{
 
	background: #FF5A00  none repeat scroll 0% 0%;
	color:#fff;}
.prorange {
	background: #FFA60B none repeat scroll 0% 0%;
	border-radius: 5px;
  margin-bottom: 20px;
  font-family: "PT Sans",sans-serif;
}
 .prorange h5 {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	background:#FF5A00 none repeat scroll 0% 0%;
	margin: 0px 0 1px 0;
}
.prorange a h5 {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	background: #FF5A00 none repeat scroll 0% 0%;
	margin: 0px 0 1px 0;
}
.prorange a:hover h5 {
	color: #222;
	text-decoration:none !important;
	
	background:#FFD20A none repeat scroll 0% 0%;
	}

.prorange ul {
	padding:0;}
.prorange ul li{
	list-style:none;
	padding:10px 10px;
	border-bottom:1px solid #E0930E;}
.prorange ul li:hover {
  background:#FF8700 none repeat scroll 0% 0%;
}
.prorange ul li a{
	color:#fff;} 
a:focus, a:hover {
	text-decoration:none !important;}

.panel-default > .panel-heading{
  color: #FFF !important;
  font-weight: bold !important;
  font-size: 18px !important;
  padding: 10px !important;
  background:#FF5A00 none repeat scroll 0% 0% !important;
  margin: 0px 0 1px 0 !important;
}
.panel-title{
   font-size: 18px !important;
   font-weight: 600 !important;
}
.panel-title > a{
  font-size: 18px !important; 
}
.doggle{
  background: rgb(255, 166, 11) none repeat scroll 0% 0% !important;
  color: #FFF !important;
  font-weight: bold ;
  font-size: 18px !important;
  padding: 10px !important;
  border-bottom: 1px solid #E0930E;
  
  margin: 0px 0 1px 0 !important;
}
.doggle h4 {
  color: #fff !important;
}

.list-group {
    padding-left: 0px;
    margin-bottom:0px !important;
}
.list-group-item{
  list-style:none !important;
  padding:10px 10px !important;
  border-bottom: 1px solid #FF5A00 !important;
background: #FF5A00 none repeat scroll 0% 0% !important;
}
.panel {
    margin-bottom: 20px;
    background-color: #FFF;
    border:0px solid transparent !important;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.bscutmtter {
  padding-top: 10px;
  text-align: justify;
  font-family: 'Gabriela';
  line-height: 27px;
  font-size: 16px;
  color: #000;
}
.bscutmtter img{
  float: left;
  padding:  0 10px 0 0

}
.bscutmtter1 {
   font-family: 'Gabriela';
   padding-top: 15px;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}
.bscutmtter2 {
 font-family: 'Gabriela';

  font-size: 15px;
  line-height: 29px;
  color: #222;
  text-align: justify;
  padding-top: 20px;
  
}
.fix {
  position: fixed !important;
  width: 100%; 
}
 .prolistbtm ul{
  padding: 0;
 }
 .prolistbtm ul li{
  list-style: none;
  display: inline;
  margin-right: 20px;
 }
 .prolistbtm {
  text-align: center;
 
   font-family: 'Lato', sans-serif;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 30px;
 }
 .prolistbtm p{
  text-transform: uppercase;
  text-align: center !important;
font-family: "Lato",sans-serif !important;
 }
 
 .accordion {
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
    padding: 0px;
    width: 90%;
	 border:1px solid #868383;
}
 .accordion__title.active {
    background: #FFF url("../img/inner_tab_nav_hover.gif") repeat-x scroll left top;
    color: #000;
    border-radius: 3px;
}

 .accordion__content {
    float: right;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 3px 7px 3px 7px;
    text-align: justify;
    background: transparent none repeat scroll 0% 0%;
    color: #4B4B4B;
}
 .accordion__title {
    padding: 0px 15px;
    color: #FFF;
    float: left;
    line-height: 56px !important;
    height: 60px;
    cursor: pointer;
    margin-right: 0.25em;
    transition: all 0.2s ease-in 0s;
    margin-top: 0px;
    margin-left: 6px;
}
.u-tube-vdo {
    width: 80%;
}
.u-tube-link {
    width: 25%;
} 
.u-tube-link img{
margin-left: 0px;
padding-left: 0px;
margin-top: 5px;
cursor:pointer;}
 

  .prolistbtm img {
  width: 90%
 }
.prolist {
  padding: 10px 0 0px 0 !important;
 
  border-top: 1px solid #E4E4E4;
}
.prolist a {
  font-size: 12px;
  color: #E81D20  !important;
}
.prolist h1 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    font-family: "PT Sans",sans-serif;
    margin-left: 15px;
    margin-bottom: 25px
}
.tablepros {
	text-align:center}
.tablepros table tr td p {
	margin:0;}
 .tablepros table tr td p a {
  color:#000;} 
.tablepros table tr td {
	padding:8px 0	;}
  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings" !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.top_ {
  margin-bottom: 20px;
}
.bscutmtterinner {
  text-align: justify !important;
  font-family: 'Roboto', sans-serif;
}
.awrd h3 {
  color: red !important;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}

.awrd{
  font-family: 'Roboto', sans-serif;
}
.thumbnail {
  margin-bottom: 5px !important;
}
.awrd{
  padding-top: 20px;
} 

.dropdown-menu {
  min-width: 200px;
}
.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 660px;
}
.dropdown-menu li a {
  padding: 5px 15px;
  font-weight: 300;
}
.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
  font-size: 13px;
  text-transform:uppercase;
  font-family: 'PT Sans', sans-serif;
}
.multi-column-dropdown li a:hover {
   
    color: #FFF;
    background-color: #FFAB00;
}
.atc{
     float: left !important;
     width: 274px !important;
     height: 200px !important;
}
.atc p a{
      position:relative !important;
      top: -20px !important; 
}
.mail-left-align{
    position: relative;
    left: 80px;
}

 
@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}
.dcol{
  width: 47% !important;
}
.head_li {
  margin-left: 15px;
  border-bottom: 1px solid #ccc;
  font-weight: 800;
  font-size: 12px;
  margin-right: 15px;
    font-family: 'Roboto', sans-serif;
}

.b-img {
  text-align: center;
  padding: 10px 0;

}
.b-img  span a:hover{
  background: none !important;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 0px solid #DDD !important;
}



.bham {
    padding: 10px  !important;
    top: 40%;
    font-family: "Roboto",sans-serif ;
    position: fixed;
    transition: right 2s ease 0s;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.63);
    z-index: 99999;
    right: -291px ;
    background: #FFD20A none repeat scroll 0px 0px ; 
}
.bham:hover{
  right: 0px;
transition: right 1s ease 0s;
z-index: 999999;
}
.bham h1{
  font-size: 18px;
  margin: 0px;
  padding-bottom: 6px;
  text-align: center;
  color: #000; 
  font-weight: bold;
}
.bham ul {
        background-color: #FFF;
    padding: 10px;
    color: #000;
    list-style: none;
    margin-bottom: 0px !important;
}
.bham ul li {
    line-height: 25px;
}
.bham ul li a{
  color: #000;
}
aside::after {
    content: "\f10b";
    font-family: FontAwesome;
display: block !important;
font-size: 1.5em;
margin: 0px !important;
padding: 10px;
position: absolute;
right: 100%;
top: 55px;
width: 40px;
z-index: 9999 !important;
color: #FFF;
background-color: #E91E21;
text-align: center;
border-radius: 4px;
}
.enquiry {
    padding: 10px  !important;
    top: 30%;
    font-family: "Roboto",sans-serif ;
    position: fixed;
    transition: right 2s ease 0s;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.63);
    z-index: 99999;
    right: -397px ;
    background: #FFD20A none repeat scroll 0px 0px ; 
}
.enquiry h1 {
  font-size: 18px;
  margin: 0px;
  padding-bottom: 6px;
  text-align: center;
  color: #000; 
  font-weight: bold;
}
.enquiry:hover {
  right: 0px;
transition: right 1s ease 0s;
z-index: 999999 ;
}
.enquiry ul {
        background-color: #FFF;
    padding: 10px;
    color: #000;
    list-style: none;
    margin-bottom: 0px !important;
}
.enquiry ul li {
    line-height: 25px;
}
.enquiry ul li a {
  color: #000;
}
.mini {
    width: 100%;
    max-width: 100%;
    margin-bottom:0px !important;
}
.mini tr {
  color: #000 !important;
}
.mini tr td input {
  color: #000 !important;
}
.enquiry::after {
    content: "\f003";
    font-family: FontAwesome;
display: block !important;
font-size: 1.5em;
margin: 0px !important;
padding: 10px;
position: absolute;
right: 100%;
top: 55px;
z-index: 9999 !important;
color: #FFF;
background-color: #E91E21;
border-radius: 4px;
}
.download {
    padding: 10px  !important;
    top: 50%;
    font-family: "Roboto",sans-serif ;
    position: fixed;
    transition: right 2s ease 0s;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.63);
    z-index: 99999;
    right: -240px ;
    background: #FFD20A none repeat scroll 0px 0px ; 
}
.download h1 {
  font-size: 18px;
  margin: 0px;
  padding-bottom: 6px;
  text-align: center;
  color: #000; 
  font-weight: bold;
}
.download h1 a {
  color: #000;
}
.download:hover {
  right: 0px;
transition: right 1s ease 0s;

}
.download ul {
        background-color: #FFF;
    padding: 0px;
    color: #000;
    list-style: none;
    margin-bottom: 0px !important;
}
.download ul li {
    line-height: 25px;
}
.download ul li a {
  color: #000;
}
.download::after {
    content: "\f1c1";
    font-family: FontAwesome;
display: block !important;
font-size: 1.5em;
margin: 0px !important;
padding: 10px;
position: absolute;
right: 100%;
top: 55px;
z-index: 9999 !important;
color: #FFF;
background-color: #E91E21;
width: 51px;
border-radius: 4px;
}

.fea {
    padding: 0px;
    position: relative;
	width: 1166px;
    height: 280px;
}
.gr{background: rgb(231, 227, 227) none repeat scroll 0% 0%  !important;
	   padding-bottom:0px;
	   padding-top:10px;  }

.hd {
    color: #4F0502;
font-weight: bold;
font-size: 22px;    
}
.top_ {
    z-index: 9999;
	padding-top:10px;
}

.btn-success {
    color: #FFF;
    background-color: #2A2A2A;
    border-color: #000;
    margin: 0px 3px;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #FFF;
    background-color: #2A2A2A !important;
    border-color: #000;
}
.photo{
    padding: 0px 0 0 0; 
	overflow: hidden;
	background-color: #fff;
}
.photo img{
      width: 90%;
	  margin: 0px auto; 
	      padding: 20px;  
        -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width .5s; }
.photo p{text-align: center;
         padding: 10px 0px;
         font-family: 'Open Sans', sans-serif;
         font-weight: bold;
         text-transform: capitalize;
         margin: 0px 0px 0px;
         background-color: #F5CF21;
         box-shadow: 2px 4px 8px rgba(66, 66, 66, 0.42);
         color: #FFF;}
.fa {
    display: inline-block;
    font-family: FontAwesome !important;
    
}
.btn-success {
    color: #FFF;
    background-color: #F5CF21 !important;
    border-color: #F5CF21 !important;
}
.gulfood-img{
      width: 100%;
    height: 178px;
    object-fit: cover;
    margin-top: 6px; 
}


@media (max-width: 360px){
  .logo img {
    width:100%;
  }
   .welcome a {
    background: #F5CF21 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "PT Sans",sans-serif;
    font-size: 22px;
    line-height: 26px;
    padding: 20px 48px;
    font-weight: bold;
    float: left;
    margin-top: 0px;
    text-align: justify;
}
 .prolistbtm {
  text-align: center;
  width: 100% !important;
 }
 .pidding {
    padding: 0px 0px 0px !important;
	margin-top:40px !important;
}
.navbar-static-top {
    border-width: 0px 0px 1px;
    z-index: 0 !important;
}
 .navbar-inverse {
    background: #FFD20A none repeat scroll 0% 0% !important;
}
.style {
    float: right;
    padding: 0px;
    margin: 0px;
    width: 100%;
    display:inline-flex;
}

#master0 img {
  width:85% !important;
}
.section1 h1 {
    color: #4F0502;
    font-weight: bold;
    font-size: 19px;
    font-family: "PT Sans",sans-serif;
}
.demo2 {
    padding: 0px !important;
    height: 192px !important;
}
.dropdown-submenu > .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-top: 27px;
    margin-left: -181px;
    border-radius: 0px 6px 6px;
}
.company {
    background: transparent url("../images/company-banner1.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.award {
    background: transparent url("../images/award-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.group {
    background: transparent url("../images/group-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.catalogue {
    color: #FFF;
    background: #FF5A00 none repeat scroll 0% 0%;
    padding: 6px;
    float: right;
    margin-top: -1px;
    border-radius: 2px;
}
.about {
    background: transparent url("../images/about-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.milk {
    background: transparent url("../images/milk-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.nice {
    background: transparent url("../images/nice-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.creambiscuit {
    background: transparent url("../images/creambiscuit-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.creammnago {
    background: transparent url("../images/mango-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
    padding-left: 5%;
    padding-right: 5%;
}
.creamorang {
    background: transparent url("../images/orange-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.creampineapple {
    background: transparent url("../images/papple-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right:5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.creamstrawberry1 {
    background: transparent url("../images/strawberry1.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.chococrunch {
    background: transparent url("../images/chococrunch-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.cream-vanila {
    background: transparent url("../images/cream-vanila-baner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.atc-cream-mango {
    background: transparent url("../images/atc-mango-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.atc-cream-orange {
    background: transparent url("../images/atc-orange-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.atc-cream-banana {
    background: transparent url("../images/atc-banana-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.atc-cream-lemon {
    background: transparent url("../images/atc-lemon-banner.jpg") repeat fixed 0% 0%;
    padding: 39% 5% 10%;
}
.atc-cream-strawberry {
    background: transparent url("../images/strawberry-baner.jpg") repeat fixed 0% 0%;
    padding-top:39%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.burborn {
    background: transparent url("../images/burborn.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left:5%; 
    animation: 2s ease 0s normal none 1 running fadein;
}
.bebogluco {
    background: transparent url("../images/gluco-biscuit.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}

.bebomilk {
    background: transparent url("../images/bebo-milk.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.coconut {
    background: transparent url("../images/coconut.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.milkcake {
    background: transparent url("../images/bebo-milk-cake.jpg") repeat fixed 0% 0%;
    padding-top:39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.ginger {
    background: transparent url("../images/ginger.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.chocovanilla {
    background: transparent url("../images/choco-vanila.jpg") repeat fixed 0% 0%;
    padding-top:39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.pineapple {
    background: transparent url("../images/pineapple.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.orange {
    background: transparent url("../images/orange.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.strawberry {
    background: transparent url("../images/strawberry.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.creamchocolate {
    background: transparent url("../images/cream-chocolate.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.creamorange {
    background: transparent url("../images/cream-orange.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.creamstrawberry {
    background: transparent url("../images/cream-strawberry.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.creamvanila {
    background: transparent url("../images/cream-vanila.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.monthenoire {
    background: transparent url("../images/monthe-noire.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.candyorange {
    background: transparent url("../images/candy-orange.jpg") repeat fixed 0% 0%;
    padding-top:39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.frutiescandies {
    background: transparent url("../images/fruties-assorted-candies.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.gingercandy {
    background: transparent url("../images/ginger-candy.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.milkcandy {
    background: transparent url("../images/milk-candy.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.toppop {
    background: transparent url("../images/top-pop.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.grandpop {
    background: transparent url("../images/grand-pop.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.drop img{
   width: 100%;
}
.popdrop {
    background: transparent url("../images/pop-drop.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.rice {
    background: transparent url("../images/rice.jpg") repeat fixed 0% 0%;
    padding-top:39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.bscutmtter img {
    float: left;
    padding: 0px 10px 0px 0px;
    width: 96%;
}
.shaving {
    background: transparent url("../images/shaving-blade.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.manufacturing {
    background: transparent url("../images/manufacturing-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.thumb{
  width: 100%;
}
.quality {
    background: transparent url("../images/quality-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.workforce {
    background: transparent url("../images/workforce.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.global {
    background: transparent url("../images/global.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 10%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.event {
    background: transparent url("../images/event-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.tracking {
    background: transparent url("../images/tracking-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.career {
    background: transparent url("../images/career-banner.jpg") repeat fixed 0% 0%;
    padding-top: 39%;
    padding-bottom: 10%;
    padding-right: 5%;
    padding-left: 5%;
    animation: 2s ease 0s normal none 1 running fadein;
}
.contact{
  padding-top: 49%;
  padding-right: 5%;
  padding-left: 5%;
}

}

@media (width: 1024px) {
    .nav > li > a {
    position: relative;
    display: block;
    padding: 9px 6px !important;
}
.logo img {
  width: 100%;
}
.welcome a {
    background: #F5CF21 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "PT Sans",sans-serif;
    font-size: 22px;
    line-height: 26px;
    padding: 20px 48px;
    font-weight: bold;
    float: right;
    margin-top: 0px;
    text-align: justify;
}
.section1 h1 {
    color: #4F0502;
    font-weight: bold;
    font-size: 18px;
    font-family: "PT Sans",sans-serif;
}
#master0{
  width: 100% !important;
}
#master0 img {
  width:83% !important;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-left: -163px;
}
.demo2 {
    padding: 0px !important;
    height: 182px !important;
}
.catalogue {
    color: #FFF;
    background: #FF5A00 none repeat scroll 0% 0%;
    padding: 8px;
    float: right;
    margin-top: 13px;
    border-radius: 2px;
    margin-left: 9px;
}
.thumb{
  width:100%;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 90% !important;
    height: auto;
}
.box3 {
    background: #A9CD49 none repeat scroll 0% 0%;
    margin-left: 0px;
    padding: 12px 10px;
    margin-top: 0px;
    width: 215px;
}
.box2 {
    background: #68D494 none repeat scroll 0% 0%;
    margin-left: 0px;
    padding: 12px 10px;
    margin-top: 0px;
    width: 215px;
}
.box1 {
    background: #55B6E3 none repeat scroll 0% 0%;
    margin-left: 0px;
    padding: 12px 10px;
    margin-top: 0px;
    width: 215px;
}
.box4 {
    background: #F5CF21 none repeat scroll 0% 0%;
    padding: 12px 10px;
    margin-top: 0px;
    width: 215px;
}

}

@media (width: 1280px) {
  #master0 img{
    width: 100%;
  }
}

 @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Firefox */
        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Safari and Chrome */
        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Internet Explorer */
        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Opera */
        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
}

/*new css*/

.biscuits-left-container{
      display: flex;
    align-items: center;
    justify-content: center;
}
.biscuits-outer-block table{
    width: 85%;
    margin: auto;
}
.biscuits-outer-block .tablepros table tr td p {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
.biscuits-title{
  font-size: 18px;
}
.biscuits-outer-block{
  margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}