@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");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,700&family=Open+Sans:ital,wght@0,500;0,600;0,800;1,700&display=swap");

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.zoom-in {
  cursor: zoom-in;
}
 

.class0{
	background:#585858;
    height: 3px;
}
.class1{
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.class2{
	 background: #585858;
	text-align: center;
	width: 250px;
	border-radius: 25px;
}
.class2 p{
	padding: 5px;
	font-weight: 600;
}
.class2 p a:hover{
	text-decoration: none;
}
.class2 i{
	padding: 5px;
	color: #fff;
}
.class2 p a{
	color: #fff;
}

.class3{
	margin-top: -15px;
}
.class3 p{
	padding: 5px;
	font-weight: 600;
}
.class3 p a:hover{
	text-decoration: none;
}
.class3 i{
	padding: 5px;
	color: #000;
}
.class3 p a{
	color: #000;
}
.class4{
	/*background: #e1e1e1;*/
	width: 250px;
	padding:5px;
}
 

.class8{
	text-align: center;
	background-color:#fff000 ;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	padding-top: 25px;
	padding-bottom: 100px;
	position: relative;
	margin-bottom: 100px;
	padding-left: 25px;
	padding-right: 25px;
}
.class9 h2{
	font-size: 25px;
	font-family:Rubik;
	font-weight: 600;
	color: #000;
}
.class9 h1{
	font-size: 35px;
	font-family:Rubik;
	font-weight: 700;
	color: #e30f0f; 
	margin-top: -10px;
} 
.class9 img{
	margin-bottom: 25px;
}
.class9 p{
	font-family:Rubik ;
	color: #393939;
}
.class10 {
    position: absolute;
    left: -77px;
    bottom: -121px;
}
.class11 {
    position: absolute;
    bottom: -75px;
    right: -70px;
}

.class12{
	text-align: center;
}

.class13 h2{
	font-size: 25px;
	font-family:Rubik;
	font-weight: 600;
	color: #000;
}
.class13 h1{
	font-size: 35px;
	font-family:Rubik;
	font-weight: 700;
	color: #601010; 
	margin-top: -10px;
} 
.class13 img{
	margin-top: -40px;
	margin-bottom: 25px;
}
.class13 p{
	font-family:Rubik ;
	color: #393939;
}

.class15{
	text-align: center;
	margin-top: 100px;
}
.class15 h1{
	font-size: 35px;
	font-family:Rubik;
	font-weight: 700;
	color: #601010;
}
.class15 img{
	margin-top: -40px;
	margin-bottom: 25px;
}

footer{
	background-color: #e31e24;
	margin-top: 150px;
}
.footer-top{
	text-align: center;
	margin-top: -50px;
	margin-bottom: 50px;
}


.footer-left{
	margin-top: 50px; 
	margin-bottom: 50px;
	position: relative;
}
.footer-left-icon{
	position: absolute;
	left:0;
	top: 0;
}
.footer-left-icon i{
	font-size: 50px;
	color: #f5c300;
}
.footer-left-text{
    margin-left: 36px;
    padding-right: 40px;
}
.footer-left-text h4{
	color: #f5c300;
	font-family:Rubik;
	font-weight: 600;
	font-size: 15px;
}
.footer-left-text p{
	color: #ffffff;
	margin-top: -5px;	
	font-family:Rubik; 
	font-size: 18px;
}



.footer-center{
	margin-top: 50px; 
	margin-bottom: 50px;
	position: relative;
}
.footer-center-icon{
	position: absolute;
	left:0;
	top: 0;
}
.footer-center-icon i{
	font-size: 50px;
	color: #f5c300;
}
.footer-center-text{
	margin-left: 50px;
}
.footer-center-text h4{
	color: #f5c300;
	font-family:Rubik;
	font-weight: 600;
	font-size: 15px;
}
.footer-center-text p{
	color: #ffffff;
	margin-top: -5px;	
	font-size: 18px;
	font-family:Rubik; 
}
.footer-center-text p a{
	color: #fff;
}



.footer-right{
	margin-top: 50px; 
	margin-bottom: 50px;
	position: relative;
}
.footer-right-icon{
	position: absolute;
	left:0;
	top: 0;
}
.footer-right-icon i{
	font-size: 50px;
	color: #f5c300;
}
.footer-right-text{
	margin-left: 50px;
}
.footer-right-text h4{
	color: #f5c300;
	font-family:Rubik;
	font-weight: 600;
	font-size: 15px;
}
.footer-right-text p{
	color: #ffffff;
	margin-top: -5px;	
	font-family:Rubik; 
	font-size: 18px;
}
.footer-right-text p a{
	color: #fff;
}

.footer{
	text-align: center;
	background-color: #000000;
	height: auto; 
	padding-bottom: 10px;
}
.footer p{
	color: #fff;
	font-weight: 600;
	font-family:Rubik; 
}
.footer p span{
	color: #ffdd20;
}
.footer p span a{
	color: #ffdd20;
}



/* about page  */

.inner-section{
	position: relative;
}
.class19 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
}
.class19 h1{
	font-weight: 700;
	font-family:Rubik; 
	color: #ebcf83;
	font-size: 40px;
}
.class19 img{
	margin-top: -45px;
}

.class21{
	margin-top: 50px;
}

.class22{
	margin-bottom: 50px;
	overflow: hidden;
}
.class22 > div{
	padding-left: 15px;
	position: relative;
}
.class22 > div::after{
	border-left: 7px solid #e30f0f;
	position: absolute;
	content: " ";
	height: 100%;
	top: -3px;
	left: 0;
}


.class22 > div h2{
	font-size: 22px;
	font-family:Rubik;
	font-weight: 600;
	color: #000;
}
.class22 > div h1{
	font-size: 30px;
	font-family:Rubik;
	font-weight: 700;
	color: #e30f0f; 
	margin-top: -10px;
}

.class23{
	background-image: url('../images/extra/about.jpg');
	background-repeat: no-repeat;
    background-size: cover;
}

.class24{
	background-color: #e30f0f;
	padding: 25px;
	text-align: center;
}
.class24 h2{
	font-size: 22px;
	font-family:Rubik;
	font-weight: 600;
	color: #ebcf83;
}
.class24 p{
	color: #fff; 
	margin-top: 15px;
	font-family:Rubik; 
}


.class25{
	margin-top: 50px;
}
.class26{
	text-align: center;
}
.class26 > div{
	 background-color: #e30f0f;
	 border-radius: 50px;
	 -webkit-border-radius: 50px;
	 -moz-border-radius: 50px;
	 -ms-border-radius: 50px;
	 -o-border-radius: 50px;
	 height: 90px;
	 width: 90px;
	 margin: auto;
	 padding-top: 15px;
}
.class26 p{
	color: #000; 
	margin-top: 15px;
	font-family:Rubik; 
}

.class27{
	margin-top: 50px;
}

.class28{
	margin-top: 100px;
}

.class29{ 
	padding:10px 25px;
}
.class30{
	background-color: #e30f0f;
	margin: auto;
	height: 100px;
	text-align: center;
	width:100px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	padding-top:15px;
}
.class31{
	background-color: #fff;
	margin-top: -40px;
	box-shadow:0px 0px 8px 0px rgb(0 0 0 / 10%);
	text-align: center;
	padding: 25px;
	padding-bottom: 5px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
}
.class31 h2{
	font-size: 22px;
	font-family:Rubik;
	font-weight: 600;
	margin-top: -10px;
	color: #601010;
}
.class31 p{
	color: #393939; 
	margin-top: 15px;
	font-family:Rubik; 
}


/* product page */

.class35{
	margin-top: 50px;
}
.class35 p{
	color: #393939; 
	margin-top: 15px;
	font-family:Raleway; 
}


.class37{
	position: relative;
	margin-top: 25px;
	z-index: 1;
}
.class38{
    position: absolute;
    right: -120px;
    top: -80px;
}
.class39{
	position: absolute;
    left: -35px;
    bottom: -65px;
}


.class40 { 
	position: relative;  
}
.class41{
	position: absolute;
	background-color: #f8b31f;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 250px;
	margin: auto;
	margin-left: -50px;
	padding: 20px;
    padding-left: 76px;
    padding-top: 45px;
	border-top-right-radius:150px ;
	border-bottom-right-radius:150px ;
}
.class41 h2{
	font-size:35px;
	font-family:Rubik;
	font-weight: 700;
	margin-top: -10px;
	color: #601010;
}
.class41 img{
	margin-top: -5px;
}
 .class42{   
	display: flex;
	width: 300px;
 }
 .class42 p{
	border: 5px solid #601010;
	padding:2px 15px;
	margin: 5px;
	font-size:22px;
	font-family:sans-serif;
	font-weight:700;
	width: 130px;
	color: #601010;
	margin-top: 15px;
 }
 .class42 p span{
	font-size: 18px;
 }
 .class43{   
	display: flex;
	width: 300px;
 }
 .class43 p{
	border: 5px solid;
	padding:2px 15px;
	margin: 5px;
	font-size:22px;
	font-family:sans-serif;
	font-weight:700;
	width: 130px; 
	color: #601010;

 }
 .class43 p span{
	font-size: 18px;
 }


 
.class620{
	margin-bottom: 50px;
  }

  


/****************************/

.class143{
	margin-top: 50px;
  }
  .class144{
	margin-bottom: 10px;
  }
  .class144
  input{
	border-radius: 0; 
  } 
  .class145 button {
	background: #e30f0f;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	padding: 10px 50px;
	transition: all 0.6s;
	margin-top: 50px;
  }
  .class145 button:hover{
	background: #f8b31f;
	color: #000;
  }
  
  



  
/************inquiry***********/
.class51{

}
.class51 h1{
    font-weight: 700;
    color: #fd9c01;
    font-family: 'Corbel';
    text-align: center;
    margin-top: 25px;
}

.class52
input{
	border-radius: 0;
}
.class52
textarea{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.class53{
	text-align: center;
}

.class53
input{
	background: #e30f0f;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	padding: 10px 50px;
	transition: all 0.6s;
}
.class53
input:hover{
	background: #f8b31f;
	color: #000;
}



/*******contact*******/



/*******contact*******/


.class54{
	margin-top: 50px;
}
.class55
table
tr
td{
	padding: 10px;
	font-weight: 600;
	font-family:Rubik; 
}
.class56 i{
	margin-top: -15px;
}
.class55
table
tr
td a{
	color: #000;
	font-weight: 600;
}
.class56{
	margin-top: 50px;
}

.class21,.class25,.class28{
	overflow: hidden;
}


.newproduct-div{ 
	padding: 50px;
}
.newproduct-text{
	background-color: red;
	text-align: center;
	padding:  10px 0;
}
.newproduct-text h2{
	font-size: 25px;
    font-family: Rubik;
    font-weight: 700;
	color: #fff;
	margin: 0;
}
.newproduct-text span{
	margin-top: -20px;
	font-family: Rubik;
	font-weight: 600;
	color: #fff;
}