@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%;
}


#popUpmain{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6);
  z-index: 100000000000000000;
}

#popup{
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  box-shadow: 1px 2px 5px 3px #fff;
}
#popup
button{
  position: absolute;
  border:0;
  background:#606060;
}
.navimg{
  position: absolute;
  z-index: 100;
  padding: 30px;
}



.class1{
	display: inline;
}
.class2{
	float: left;
	margin-top: 100px;
}
.class3{
	float: right;
}
.class5{
	text-align: center;
	margin-top: 50px;
}
.class5 p{
	word-spacing: 10px;
	letter-spacing: 8px;
	font-weight: 600;
}
.class5 h1{
	margin-top: -20px;
	color: #8b0b0b;
	font-weight: 700;
	font-family: 'Raleway';
}
.class5 hr{
	width: 450px;
	border-bottom: 3px dashed #8b0b0b;
	margin-top: -10px;
}

.class6 p{
	text-align: center;
	font-family: 'Raleway';
	word-spacing: 5px;
	color: #000;
}

.class7{
	margin-top: 70px;
}
.class8{

}
.class8
img{
	width: 100%;
}

.class9{
	text-align: center;
	margin-top: -240px;
}
.class9 h1{
	font-size:25px;
	color: #8b0b0b;
	font-weight: 700;
	font-family: 'Raleway';
}
.class9 p{
	margin-top: -5px;
	padding: 0 80px;
	text-align: center;
	font-family: 'Raleway';
	word-spacing: 3px;
	font-size: 15px;	color: #000;
}


.class10{
	margin-top: 70px;
}
.class11{

}
.class11
img{
	width: 100%;
}

.class12{
	text-align: center;
	margin-top: -240px;
}
.class12 h1{
	font-size:25px;
	color: #8b0b0b;
	font-weight: 700;
	font-family: 'Raleway';
}
.class12 p{
	margin-top: -5px;
	padding: 0 80px;
	text-align: center;
	font-family: 'Raleway';
	word-spacing: 3px;
	font-size: 15px;	color: #000;
}
.class13{
	padding: 0;
	margin-top: 150px;
	position: absolute;
}
.class15{
	margin-top: 100px;
}
.class16{
	padding: 20px;
}
.class17{
	border-radius: 50%;
	overflow: hidden;
	padding: 80px 40;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	background: #fff;
}
#proslider{
	width: 80%;
	text-align: center;
	margin: 0 auto; 
}
#proslider
i{
	color: #000;
	font-size: 35px;
}
.class18{
	text-align:right;
	margin-top: 50px;
}
.class19{
	
}
.textslider{
	text-align: center;
}
.textslider h1{
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 35px;
}
.textslider hr{
	width: 450px;
	border-bottom: 3px dashed #8b0b0b;
	margin-top: -10px;
}
.textslider p{
	padding: 0 50px;
	font-size: 18px;
	font-family: 'Raleway';

}
.textslider h2{
	color: #8b0b0b;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 50px;
}
.textslider h2 span{
	font-size: 15px;
}
#textslider
ul li span{
	color: #000;
}
.class20{
	margin-top: 150px;
}
.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(0 0 0 / 50%);
}

.class22 p{
	color: #a0a0a0;
	text-align: center;
	padding-top: 15px;font-family: 'Raleway';
}


.class23 p{
	color: #a0a0a0;
	text-align: center;
	padding-top: 15px;font-family: 'Raleway';
	margin-top: -30px;
}
.class23
p
a{
	color: #a0a0a0;
}
.class23
p span{
	padding: 0 10px;
}

.class24
ul{
	list-style: none;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}
.class24
ul li{
	display: inline;
	padding: 0 10px;
}
.class24 ul li a{
	color: #ffca06;
}
.class25{
	text-align: center;
	background: #000000;
	height: 60px;
}
.class25 p{
	padding-top: 15px;
	color: #fff;
	font-weight: 600;
}
.class25 p a{
	color: #ffca06;
}

.class31{
	text-align: center;
	top:250;
	bottom: 50;
}
.class31 h1{
	font-size: 80px;
	color: #fff;
	font-family:'Baloo 2', cursive;
	font-weight: 700;
	text-shadow: 2px 4px rgba(0,0,0,0.75);
}

.class32{
	background: #ffca06;
	position: absolute;
}
.class33{
	padding: 50px 0;
}
.class34
h1{
	font-family: 'Raleway';
	font-weight: 700;
	color: #fff;
	background: #8b0b0b;
	width: 200px;
	text-align: center;
	z-index: 1;
	position: relative;
}
.class34 hr{
	border-bottom: 3px dashed #8b0b0b;
	margin-top: -12px!important;
	margin: 0;
}
.class34
p{
	font-family: 'Raleway';
	font-weight: 700;
	color: #606060;
	padding: 15 0 0 0;
}
.class35{
	margin-top: 110px;
	margin-bottom: 50px;
}


.class37{
	text-align: center;
	padding:50px 0;
}
.numscroll{
	background: #ffca06;
	padding: 50px 0;
	overflow: hidden; 
}
.numscroll:hover{
	background: #333;
	padding: 50 0;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.numscroll
i{
	font-size: 35px;
	padding-bottom: 10px;
	color: #606060;
}
.numscroll:hover h5{
	color: #fff;
}
.numscroll:hover h1{
	color: #fff;
}
.numscroll
h5{
	font-family: 'Raleway';
	font-weight: 700;
	color: #8b0b0b;
}
.numscroll
h1{
	font-family: 'Raleway';
	font-weight: 700;
	color: #8b0b0b;
}




.class45{
	background: #ffca06;
	position: absolute;
	height: 200px;
}
.class46{
	padding: 50px 0;
}
.class47
h1{
	font-family: 'Raleway';
	font-weight: 700;
	color: #fff;
	background: #8b0b0b;
	width: 400px;
	text-align: center;
	z-index: 1;
	position: relative;
}
.class47 hr{
	border-bottom: 3px dashed #8b0b0b;
	margin-top: -12px!important;
	margin: 0;
}
.class48{
	margin-top:150px;
}
.class49{

}
.class50{
	background: #8b0b0b;
	padding: 10px;
}
.class51{
	background: #ffca06;
	height: 120px;
	padding: 10px;
	text-align: center;
}
.class51:hover{
	background: #8b0b0b;
	color: #fff;
}
.class51:hover h1{
	color: #fff;
}
.class51:hover p{
	color: #ffca06;
}
.class51:hover p a{
	color: #ffca06;
}
.class51
h1{
	font-family: 'Raleway';
	font-weight: 700;
	color: #8b0b0b;
}
.class51 p{
	font-family: 'Raleway';
	color: #000;
	font-weight: 600;
}
.class51 p a{
	font-family: 'Raleway';
	color: #000;
	font-weight: 600;
}
.class52{
	margin-top: 50px;
}


.class55{
	background: #ffca06;
	position: absolute;
	height: 400px;
}
.class56{
	padding: 50px 0;
}
.class57
h1{
	font-family: 'Raleway';
	font-weight: 700;
	color: #fff;
	background: #8b0b0b;
	width: 400px;
	text-align: center;
	z-index: 1;
	position: relative;
}
.class57 hr{
	border-bottom: 3px dashed #8b0b0b;
	margin-top: -12px!important;
	margin: 0;
}
.class58{
	margin-top: 150px;
}
.class59
form
input{
	border-radius: 0;
	border:0;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.class59
form
textarea{
	border-radius: 0;
	border:0;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.class59
form button{
	background: #ffca06;
	border-radius: 0;
	border:0;
	width: 200px;
	color: #000;
	font-weight: 700;
	margin-bottom:20px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.class60{
	text-align: center;
}

/* Style the tab */
.tab {
  float: top;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height:auto;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  font-weight: 500;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 100%;
  border-left: none;
  height:100%;
}
.class71
h1{
	font-size: 25px;
		font-family: 'Raleway';
	font-weight: 700;
	padding: 10px 0;
	color: #8b0b0b;
}
.class72{
	padding-top: 50px;
	text-align: center;
}
.class72 h1 {
    background: #f3f3f3;
    font-size: 20px;
    font-family: 'Raleway';
    font-weight: 700;
    margin-top: 5px;
    padding: 5px;
    border-radius: 15px;
}
.class73{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7abcff+0,4096ee+100 */
background: rgb(122,188,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(122,188,255,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(122,188,255,1) 0%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(122,188,255,1) 0%,rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	padding: 10px  10 1 10;
}
#class72 h1 {
    text-align: center;
    font-size: 30px; font-family: 'Raleway';
    font-weight: 700;
    color: #ffca06;
    margin-top: 20px;
    padding: 10px;
    background-color: #295d93;
    width: 300px;
    margin: 0 auto;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.tabcontent h3 {
    text-align: center;
    font-size: 30px; font-family: 'Raleway';
    font-weight: 700;
    color: #ffca06;
    margin-top: 20px;
    padding: 5px ;
    background-color: #295d93;
    width: 300px;
    margin: 0 auto;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.mainbg{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,3a84c3+22,3a84c3+22,6199c7+50,419ad6+59,3a8bc2+84,26558b+100 */
background: rgb(206,219,233); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(58,132,195,1) 22%, rgba(58,132,195,1) 22%, rgba(97,153,199,1) 50%, rgba(65,154,214,1) 59%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(58,132,195,1) 22%,rgba(58,132,195,1) 22%,rgba(97,153,199,1) 50%,rgba(65,154,214,1) 59%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(58,132,195,1) 22%,rgba(58,132,195,1) 22%,rgba(97,153,199,1) 50%,rgba(65,154,214,1) 59%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 50px;
	margin-top: 10px;
}
.mainimg{
	position: relative;
	z-index: 1;
}
.mainimg:hover{

}
.mainimgstand{
	margin-top: -79px;
}

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

/* The Transformation */
.mainimg:hover img {
  transform: scale(1.1);

}
.class74
button{
	background: transparent;
	border: 0;
}




/**********social icon****************/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 50%;z-index: 1000000;
}

#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{
	background-color: #1DA1F2;

 }
 .fixed-twitter span{
 	background-color: #1DA1F2;
 }
 
 .fixed-youtube{
	background-color: red;

 }

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

 }
 .fab {
    font-family: "Font Awesome 5 Brands";
    margin-top: 12px;
}
 .fixed-whatsapp span{
 	background-color: green;
 }
/*end fixed social*/



.dbtn{

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


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