@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.navresponcive{
  position: absolute;z-index: 100; width: 100%;
}


.navimg{
  position: absolute;
  z-index: 100;
  padding: 30px;
}


.class1{
	text-align: center;
	margin-top: 50px;
}
.class1 p{
	word-spacing: 10px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 5px;
}
.class1 h1{
	margin-top: -20px;
	color: #8b0b0b;
	font-weight: 700;
	font-family: 'Raleway';
}
.class1 img{
	margin-top: -5px;
}

#class2maxwidth{
	max-width: 1500px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 150px;
}
.class2{
	text-align: left;
}
.class3{
	text-align: right;
	margin-top: 50px; 
}
.class4{
	margin-top: 30px;
}
.class4 p{
	font-weight: 600;
	font-family: 'Raleway';
}
.class5{
	text-align: right;
}
.class7{
	margin-top: -50px;
}
.class7 button{
	width: 250px;
	color: #fff;
	padding: 5px;
	border-radius: 25px;
	border: 0;
	background: #8b0b0b;
}
.class7
button
a{
	color: #fff26e;
}


#mrtopimg{

}
.class8{
	padding: 0;
	margin-top: -100px;
	position: absolute;
	width: 100%;
}

.class9{
	text-align: center;
	position: relative;
	z-index: 1;
}

.class10{
	text-align: center;
	margin-top: -10px;
	z-index: 0;
}
.animation {
  width: 300px;
  margin: 0 auto;
}
@keyframes swinging {
  0% {
    transform: rotate(7deg);
  }
  50% {
    transform: rotate(-7deg);
  }
  100% {
    transform: rotate(7deg);
  }
}

.girl--swinging {
  transform-origin: 65.15% 0%;
  animation: swinging 3.5s ease-in-out infinite;
  margin-top: -23px;
}

.class11{
	margin-top: -100px;
}


.extra{
	height: 100px;
}


/**************product slider*****************/
.class12{
	text-align: center;
	margin-bottom: 50px;
}
.class12 h1{
color: #8b0b0b;
	font-weight: 700;
	font-family: 'Raleway';
}
.productbox{
	background: #ececec;
}
.cardimg{
	text-align: center;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
    text-align: left;
    margin: 0 auto;
    padding: 10px;
    
}
.bx-wrapper {
  box-shadow: none !important;
  border: none !important;
  background: transparent!important;
  margin: auto !important;
  height: auto!important;

}
.productbox
h1{
	font-size: 18px;
	font-weight: 700;
	font-family: 'Raleway';
	color: #e62e35;
}



/**********************/
#class14{
	background: #14191e;
}


.class14{
	padding: 20px 0;
}
.class15{
	text-align: center;
}
.class15 span{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

.class16{
	text-align: center;
}
.class16 p{
	color: #fff;
	font-weight: 600;
	margin-top: -10px;
}
.class16 p span{
	color: #b74914;
}


.class17{
	padding: 20px 0;
}
.class18 table tr td i{
	font-size: 35px;
	color: #cf5211;
	padding: 0 5px;
}
.class18 table tr td p{
	font-size: 15px;
	margin-top: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #fff;
}
.class18 table tr td p span{
	font-size:18px;
	font-weight: 600;
}
.class18 table tr td p a{
	color: #fff;
}


.class19{
	padding: 20px 0;
}
.class20 table tr td i{
	font-size: 45px;
	color: #cf5211;
	padding: 0 5px;
}
.class20 table tr td p{
	font-size: 15px;
	margin-top: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #fff;
}
.class20 table tr td p span{
	font-size:18px;
	font-weight: 600;
}
.class20 table tr td p a{
	color: #fff;
}



.class21{
	padding: 20px 0;
}
.class22 table tr td i{
	font-size: 45px;
	color: #cf5211;
	padding: 0 5px;
}
.class22 table tr td p{
	font-size: 15px;
	margin-top: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #fff;
}
.class22 table tr td p span{
	font-size:18px;
	font-weight: 600;
}





.class23{
	padding: 0px 0;
}
.class24 table tr td i{
	font-size: 15px;
	color: #cf5211;
	padding: 10px;
	height: 40px;
	width: 40px;
	border-radius: 25px;
	border:2px solid  #fff;
}
.class24 table tr td p{
	font-size: 12px;
	margin-top: 25px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	font-family: 'Raleway';
	padding: 0 5px;
}
.class24 table tr td p span{
	font-size:15px;
	font-weight: 500;
}







.class25{
	padding: 0px 0;
}
.class26 table tr td i{
	font-size: 15px;
	color: #cf5211;
	padding: 11px;
	height: 40px;
	width: 40px;
	border-radius: 25px;
	border:2px solid  #fff;
}
.class26 table tr td p{
	font-size: 12px;
	margin-top: 25px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	font-family: 'Raleway';
	padding: 0 5px;
}
.class26 table tr td p span{
	font-size:15px;
	font-weight: 500;
}


.class27{
	padding: 0px 0;
}
.class28 table tr td i{
	font-size: 15px;
	color: #cf5211;
	padding: 12px;
	height: 40px;
	width: 40px;
	border-radius: 25px;
	border:2px solid  #fff;
}
.class28 table tr td p{
	font-size: 12px;
	margin-top: 25px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	font-family: 'Raleway';
	padding: 0 5px;
}
.class28 table tr td p span{
	font-size:15px;
	font-weight: 500;
}



.class29{
	padding: 0px 0;
}
.class30 table tr td i{
	font-size: 15px;
	color: #cf5211;
	padding: 11px;
	height: 40px;
	width: 40px;
	border-radius: 25px;
	border:2px solid  #fff;
}
.class30 table tr td p{
	font-size: 12px;
	margin-top: 25px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	font-family: 'Raleway';
	padding: 0 5px;
}
.class30 table tr td p span{
	font-size:15px;
	font-weight: 500;
}
.class31{
	background: #000;
	padding: 10px;
}
.class32{
	text-align: center;
}
.class32 p{
	color: #fff;
	font-weight: 600;
}
.class32 p span{
	color: #cf5211;
}
.class32 p span a{
	color: #cf5211;
}


/******************************all title start*********************************/
.class41{
	height: 300px;
	background: #fee744;
	text-align: center;
	padding-top: 150px;
}

.class42 h1{
	color: #fff212;
	font-family: 'Raleway';
	font-weight: 700;
}

.class42 p{
	color: #fff212;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 20px;
}
.class42 p a{
	color: #fff;
}










/******************************contact start*********************************/
.class43{
	text-align: center;
	margin: 50px 0;
	padding:0 40px;
	background: #FFFFFF;
	box-shadow: 0px 0px 8px 0px rgba(145,135,145,0.2);
}
.class44{
	padding: 30px 0;
}
.class44 h1{
	font-size: 30px;
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
}
.class45
form
input{
	margin-bottom: 30px;
	border-radius: 0;
	background: #f9f9f9;
	height: 45px;
}
.class45
form
input::placeholder{
	color: #000;
	font-family: 'Raleway';
	font-weight: 600;
}
.class45
form
textarea{
	margin-bottom: 30px;
	border-radius: 0;
	height: 150px;
	background: #f9f9f9;
}
.class45
form
textarea::placeholder{
	color: #000;
	font-family: 'Raleway';
	font-weight: 600;
}

.class45 button{
	background: #8b0b0b;
	width: 250px;
	padding: 10px;
	border:0;
	color: #fff;
	font-family: 'Raleway';
	font-weight: 600;
	margin-bottom: 50px;
}

.class46{
	text-align: center;
	margin: 50px 0;
	padding:0 20px 50px 20px;
	background: #FFFFFF;
	box-shadow: 0px 0px 8px 0px rgba(145,135,145,0.2);
}
.class47{
	padding: 30px 0;
}
.class47 h1{
	font-size: 30px;
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
}


.class48{
	background: #8b0b0b;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.class48
h1{
	color: #fff;
	font-size: 25px;
	padding-top: 10px;
	text-align: left;
	font-family: 'Raleway';
	font-weight: 600;
}
.class48
h1 i{
	padding: 0 10px;
}
.class48 p{
	color: #fff;
	margin-left: 40px;
	text-align: left;
	margin-top: -5px;
}




.class49{
	background: #8b0b0b;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.class49
h1{
	color: #fff;
	font-size: 25px;
	padding-top: 10px;
	text-align: left;
	font-family: 'Raleway';
	font-weight: 600;
}
.class49
h1 i{
	padding: 0 10px;
}
.class49 p{
	color: #fff;
	margin-left: 40px;
	text-align: left;
	margin-top: -5px;
}
.class49
p
a{
	color: #fff;
}


.class50{
	background: #8b0b0b;
	padding: 10px 20px;
}
.class50
h1{
	color: #fff;
	font-size: 25px;
	padding-top: 10px;
	text-align: left;
	font-family: 'Raleway';
	font-weight: 600;
}
.class50
h1 i{
	padding: 0 10px;
}
.class50 p{
	color: #fff;
	margin-left: 40px;
	text-align: left;
	margin-top: -5px;
}
.class50
p
a{
	color: #fff;
}




/************about start*******************************/
.class51{
	padding: 50px 0;
}
.class52{
	border: 2px solid #606060;
	border-radius: 15px;
	overflow: hidden;
}

.class53{
	padding: 50px 30px;
}
.class54
h1{
	font-size: 30px;
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
}
.class54 hr{
	margin-top: -5px;
}
.numscroll{
	text-align: center;
	padding: 50px 0
}
.numscroll div
i{
	font-size: 30px;
	padding: 10px;
	color: #fff;
	text-shadow:2px 2px rgb(0,2,002,0.5);
}
.numscroll h1{
	color: #fff;
	font-family: 'Raleway';
	font-weight: 600;
}
.numscroll
h5{
	color: #fff;
	font-family: 'Raleway';
	font-weight: 500;
}



/*******************media*********************/
.class56{
	border:2px solid ;
  overflow: hidden; 
  margin-bottom: 50px;
}

.class56 img {
  transition: transform .5s ease;
}

.class56:hover img {
  transform: scale(1.1);
}

.class57{
	padding: 50px 20px;
}

  
.mission{
	text-align:right;
	padding: 30px 10px;
}
.mission h1{
	font-size: 30px;
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
}
.mission p{
	font-family: 'Raleway';
	font-weight: 500;
	color:000;
}
.mission hr{
	margin-top: -5;
}



.vission{
	text-align: left;
	padding: 30px 10px;
}
.vission h1{
	font-size: 30px;
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
}
.vission p{
	font-family: 'Raleway';
	font-weight: 500;
	color:000;
}
.vission hr{
	margin-top: -5;
}


/********************namkeen**********************/

/********************namkeen*1*********************/
.class59{
	margin: 20px 0;
	padding: 10px;
}
.class60{
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fce58e+0,eb6459+100 */
background: rgb(252,229,142); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(252,229,142,1) 0%, rgba(235,100,89,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,229,142,1) 0%,rgba(235,100,89,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(252,229,142,1) 0%,rgba(235,100,89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce58e', endColorstr='#eb6459',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class61{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class61 img {
  transition: transform .5s ease;
}
.class61:hover img {
  transform: scale(1.1);
}
.class62{
	margin-top: -35px;
}
.class63{
	background: #730909;
}
.class63 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}





/********************namkeen*2*********************/
.class64{
	margin: 20px 0;
	padding: 10px;
}
.class65{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b1b2db+0,7678a6+100 */
background: rgb(177,178,219); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(177,178,219,1) 0%, rgba(118,120,166,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(177,178,219,1) 0%,rgba(118,120,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(177,178,219,1) 0%,rgba(118,120,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b2db', endColorstr='#7678a6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class66{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class66 img {
  transition: transform .5s ease;
}
.class66:hover img {
  transform: scale(1.1);
}
.class67{
	margin-top: -35px;
}
.class68{
	background: #3e4095;
}
.class68 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}




/********************namkeen*3*********************/
.class69{
	margin: 20px 0;
	padding: 10px;
}
.class70{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f692+0,7fc452+100 */
background: rgb(248,246,146); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(248,246,146,1) 0%, rgba(127,196,82,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(248,246,146,1) 0%,rgba(127,196,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(248,246,146,1) 0%,rgba(127,196,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f692', endColorstr='#7fc452',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class71{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class71 img {
  transition: transform .5s ease;
}
.class71:hover img {
  transform: scale(1.1);
}
.class72{
	margin-top: -35px;
}
.class73{
	background: #61ab38;
}
.class73 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}






/********************namkeen*4*********************/
.class74{
	margin: 20px 0;
	padding: 10px;
}
.class75{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf894+0,6dc521+100 */
background: rgb(253,248,148); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(253,248,148,1) 0%, rgba(109,197,33,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(253,248,148,1) 0%,rgba(109,197,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(253,248,148,1) 0%,rgba(109,197,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf894', endColorstr='#6dc521',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class76{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class76 img {
  transition: transform .5s ease;
}
.class76:hover img {
  transform: scale(1.1);
}
.class77{
	margin-top: -35px;
}
.class78{
	background: #3c8206;
}
.class78 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}


/********************namkeen*5*********************/
.class79{
	margin: 20px 0;
	padding: 10px;
}
.class80{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fccb08+0,f33b1e+100 */
background: rgb(252,203,8); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(252,203,8,1) 0%, rgba(243,59,30,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,203,8,1) 0%,rgba(243,59,30,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(252,203,8,1) 0%,rgba(243,59,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb08', endColorstr='#f33b1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class81{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class81 img {
  transition: transform .5s ease;
}
.class81:hover img {
  transform: scale(1.1);
}
.class82{
	margin-top: -35px;
}
.class83{
	background: #c03623;
}
.class83 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}



/********************namkeen*6*********************/
.class84{
	margin: 20px 0;
	padding: 10px;
}
.class85{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#80c452+1,e8ef8a+100 */
background: rgb(128,196,82); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(128,196,82,1) 1%, rgba(232,239,138,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(128,196,82,1) 1%,rgba(232,239,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(128,196,82,1) 1%,rgba(232,239,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c452', endColorstr='#e8ef8a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class86{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class86 img {
  transition: transform .5s ease;
}
.class86:hover img {
  transform: scale(1.1);
}
.class87{
	margin-top: -35px;
}
.class88{
	background: #61ab38;
}
.class88 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}






/********************namkeen*7*********************/
.class89{
	margin: 20px 0;
	padding: 10px;
}
.class90{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#43459b+1,7e81e2+100 */
background: rgb(67,69,155); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(67,69,155,1) 1%, rgba(126,129,226,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(67,69,155,1) 1%,rgba(126,129,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(67,69,155,1) 1%,rgba(126,129,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43459b', endColorstr='#7e81e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class91{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class91 img {
  transition: transform .5s ease;
}
.class91:hover img {
  transform: scale(1.1);
}
.class92{
	margin-top: -35px;
}
.class93{
	background: #2c2e80;
}
.class93 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}


/********************namkeen*8*********************/
.class94{
	margin: 20px 0;
	padding: 10px;
}
.class95{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbe009+1,85c226+100 */
background: rgb(251,224,9); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(251,224,9,1) 1%, rgba(133,194,38,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(251,224,9,1) 1%,rgba(133,194,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(251,224,9,1) 1%,rgba(133,194,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe009', endColorstr='#85c226',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.class96{
padding-top: 20px;
position: relative;
z-index: 1;
}
.class96 img {
  transition: transform .5s ease;
}
.class96:hover img {
  transform: scale(1.1);
}
.class97{
	margin-top: -35px;
}
.class98{
	background: #014923;
}
.class98 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}



/********************namkeen*9*********************/
#class94{
	margin: 20px 0;
	padding: 10px;
}
#class95{
	text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc9933+0,003333+100 */
background: rgb(204,153,51); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(204,153,51,1) 0%, rgba(0,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(204,153,51,1) 0%,rgba(0,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(204,153,51,1) 0%,rgba(0,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9933', endColorstr='#003333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#class96{
padding-top: 20px;
position: relative;
z-index: 1;
}
#class96 img {
  transition: transform .5s ease;
}
#class96:hover img {
  transform: scale(1.1);
}
#class97{
	margin-top: -35px;
}
#class98{
	background: #014923;
}
#class98 h1{
	color: #fff;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-family: 'Raleway';
	font-weight: 600;
}












.class103{
	padding: 50px 30px;
}
.class104{
	text-align: center;
}
.class104
h1{
	font-size: 30px;
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
}
.class104 hr{
	margin-top: -5px;
}
.class105{
	padding-top:10px;
	padding-bottom: 100px;
}
.class106{

}
.class107{
	margin: 20px 20px 0 20px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	overflow: hidden;
}
.class108{
	background: #1e9b4a;
	padding: 10px 20px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.class108 h2{
	font-size: 20px;
	color: #fff;
	font-family: 'Raleway';
	font-weight: 700;
}
.class108 p{
	font-size: 15px;
	font-family: 'Raleway';
	font-weight: 600;
	color: #fff;
}

.class109{
	background: #8b0b0b;
	padding: 10px 20px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.class109 h2{
	font-size: 20px;
	color: #fff;
	font-family: 'Raleway';
	font-weight: 700;
}
.class109 p{
	font-size: 15px;
	font-family: 'Raleway';
	font-weight: 600;
	color: #fff;
}

.class110{
	background: yellow;
	padding: 10px 20px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.class110 h2{
	font-size: 20px;
	color: #000;
	font-family: 'Raleway';
	font-weight: 700;
}
.class110 p{
	font-size: 15px;
	font-family: 'Raleway';
	font-weight: 600;
	color: #000;
}





/**********social icon****************/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 50%;z-index: 1000000;
}
#fixed-social i{
  padding-top: 10px;
}
#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 200000!important;
}
#fixed-social a:hover>span{
  visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
  line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 10000;
    opacity: 0;
}
 .fixed-facebook{
  background-color: #4267B2;
 }
 .fixed-facebook span{
  background-color: #4267B2;
 }
 .fixed-twitter{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */


 }
 .fixed-twitter span{
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */

 }
 .class47 img{
     border:2px solid;
 }
 .fixed-youtube{
  background-color: red;

 }

 .fixed-youtube span{
  background-color: red;
 }
 .fixed-whatsapp {
  background-color: green;

 }
 .fixed-whatsapp span{
  background-color: green;
 }
 
 
 
 
 


.dbtn{

  width: 50px;
  height: 100px;
  background: #E84310;
  z-index: 1000000;
   position: fixed;
  bottom: -4px;
  right: 0px;
  top: 30%;
}
.dbtn i{
font-size: 35px;
padding-top: 5px;
color: #f3f3f3
}

.distributorform{
	width: 80%;
}
.distributorform input{
	border-radius: 0;
}
.btn-mod1{
	background: red;
	color: #fff;
}
.btn-mod1:hover{
	background:yellow;color: #000;
}
.btn-mod2{
	background: red;color: #fff;
}
.btn-mod2:hover{
	background:yellow;color: #000;
}