*
{
	margin:0;
	padding:0;
	background:
}
.fourt-container h2{
	text-align:"centre";
	
	

}
.first-container
{
	background:#F2D531;
	color:#312C25;
	position:relative;	
	overflow:hidden;
	
}


.banner-container
{
  background:#F2D531;
  position:fixed;
  width:100%;
  height:100vh;  
}



.second-container
{  
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	width:100%;
	margin-top:-65px;
	
}

.flex
{
	display:flex;
	justify-content;
	padding-top:15px;	
	margin-top:28%;
	margin-left:820px;
}


.flex2
{
	display:flex;
	
	margin-left:450px;
	
    
}

.flex3
{
	display:flex;
	
	
	
    
}

.playbutton
{
	height:80px;
	width:80px;
	border-style:solid;
	border-radius:85px;
	display:flex;
	align-items:center;
	padding:45px;
	margin-top:105px;
	border-color:#312C25;
}


.videoo
{
	width:300px;
	margin-right:126px;
	margin-top:74px;
    margin-left:25px;
}


.vedio2
{
	width:530px;
    margin:45px;
	padding-left:95px;
	
}

.vedio4
{
	width:270px;
	
    margin:25px;
	padding-left:9px;
	
}

.vedio3
{
	width:530px;
    margin:45px;
	padding-left:-25px;
	
}

.play
{
	color:#312C25;
}

.text1
{
	color:#312C25;
	font-size:25px;
	background:#F2D531;
	padding-left:25px;
	padding-top:45px;
}

.line
{
	border-style:solid;
	border-color:black;
	margin-top:165px;
	
}

.logo
{
 padding-left:15px;
 padding-top:10px;
}

.logo1
{
 padding-right:45px;
 padding-top:10px;
}


.navbar
{
	display:flex;
    position:fixed;
	justify-content:space-between;
	padding:15px;
	width:100%;
   	z-index:999;
	border-style:solid;
    background:#F2D531;
    color:#312C25;
}
.navbar img{
	width:95px
  
	
}

.navitems
{
	display:flex;
	justify-content:space-evenly;
	padding-top:10px;
	margin-left:-150%;
}

li>a 
{
	text-decoration:none;
	color:black;
	padding-top:15px;
	color:#312C25;
}

li
{
	list-style:none
}


.banner-text
{
	text-align:center;
	font-size:100px;
	padding:195px;
	letter-spacing:15px;
	background-attachment:fixed;
	color:#312C25;
}

.third-container
{
    background-image:url("C2.jpg");
	color:#312C25;
	background-size:cover;
	background-repeat:none;
	background-attachment:fixed;

	
}

.fourt-container
{
	width:100%;
	height:500px;
	background:#F2D531;
}

.fifth-container
{
	width:100%;
	
	background:#F2D531;
}


.banner-container2
{
	
 background:#f2d53142;
 width:100%;
 overflow:hidden;
	
	
}

.mar
{
	border-style:solid;
	border-color:#312C25;
	padding:20px;
}

.martext
{
	font-size:45px;
}

.table
{
	
	width:80%;
	margin-left:20%;
	margin-top:5%;
    border-style:solid;
	border-color:#312C25;
	border-bottom-width:5px;
	border-top-width:5px;
	border-right-width:5px;
}

td
{
	padding:65px;
	font-size:19px;
}

.brands
{
	text-align:center;
	padding-top:25px;
}

.tilt-in-fwd-tr {
	animation: tilt-in-fwd-tr 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@keyframes tilt-in-fwd-tr {
  0% {
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.flip-horizontal-top {
	animation: flip-horizontal-top 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}


@keyframes flip-horizontal-top {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(180deg);
  }
}



.flip-diagonal-2-br:hover {
	animation: flip-diagonal-2-br 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}


@keyframes flip-diagonal-2-br {
  0% {
    transform: rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    transform: rotate3d(-1, 1, 0, 180deg);
  }
  
  100%{
	 transform: rotate3d(-1, 1, 0, 0deg); 
  }
}


.flip-scale-up-ver:hover {
	animation: flip-scale-up-ver 1s linear both;
}



@keyframes flip-scale-up-ver {
  0% {
    transform: scale(1) rotateY(0);
  }
  50% {
    transform: scale(2.5) rotateY(90deg);
  }
  100% {
    transform: scale(1) rotateY(180deg);
  }
}



.jello-horizontal:hover {
	animation: jello-horizontal 2s both;
}



@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}


.tracking-in-expand {
	animation: tracking-in-expand 5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

.frh
{
	text-align:center;
	padding:15px;
	padding-top:45px;
}