/*Top div of page*/
.page_top{
	height: auto;
	width: 100%;
	background-image: url(top.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.active
{
	display: block !important;
}
.video
{
	   height: 500px;
    width: 70%;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 65px;
}
.popup
{
    background-color: #0000008f;
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;

}
.cross
{
	float: right;
    color: #fff;
    font-size: 40px;
    font-weight: bolder;
    
    margin-right: 40px;
}

/*<!--Header is starting here-->*/
.header{
	height: auto;
	width: 25%;
	padding: 50px 0px;
	margin-bottom: 40px;
	color: #FFF;
	float: left;
	display: inline-block;
}
.heading{
	font-size: 60px;
	font-weight: bold;
	line-height: 60px;
	margin: 25px 30px 30px 0px;
	color: #5a5859;
}
.head_text{
	font-size: 12px;
	line-height: 20px;
	color: #959595;
}
.watch_buttons{
	height: auto;
	width: 196px;
	margin: 50px 0px;
	padding: 10px;
	background-color: #f19800;
}

.watch_buttons:hover{
	cursor: pointer;
}
.watch_buttons:hover .watch_logo, .watch_btn{
	cursor: pointer;
}
.watch_logo{
	height: auto;
	width: auto;
	border: none;
	border-right: 1px solid #FFF;
	padding: 5px 15px 5px 10px;
	background-color: transparent;
}
.watch_logo img{
	height: 15px;
	width: 15px;
	object-fit: contain;
}
.watch_btn{
	padding: 0px 30px;
	font-size: 16px;
	background-color: transparent;
	color: #FFF;
	border: none;
}

/*Repeatedly used code is here*/
.main_div{
	height: auto;
	width: 100%;
	padding: 30px 0px;
	display: inline-block;
}
.div_title{
	text-align: center;
	color: #f19800;
	font-size: 16px;
	font-weight: bold;
}
.div_head{
	text-align: center;
	color: #5a5859;
	font-size: 35px;
	font-weight: bold;
}
.div_divider{
	height: auto;
	width: 35px;
	border-top: 2px solid #f19800;
	margin: 20px auto;
}

.inner_main{
	height: auto;
	width: 1000px;
	margin: 30px 70px;
	display: inline-block;
}
.inner_title{
	color: #f19800;
	font-size: 16px;
	font-weight: bold;
}
.inner_head{
	color: #5a5859;
	font-size: 35px;
	margin-right: 80px;
	font-weight: bold;
}
.inner_divider{
	height: auto;
	width: 35px;
	border-top: 2px solid #f19800;
	margin: 30px 0px;
}
.inner_text_bold{
	color: #b5b5b5;
	font-size: 19px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 20px;
}
.inner_text{
	color: #b5b5b5;
	font-size: 12px;
	line-height: 20px;
}
/*<!--Certification div is starting here-->*/
.certificate_text{
	color: #b5b5b5;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	margin: 0px 240px;
}
.certification_img{
	height: auto;
	width: 500px;
	float: left;
}
.certification_img img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.certification_descript{
	height: auto;
	width: 400px;
	float: left;
	padding: 60px 50px;
    margin: 34px 0px;
	box-shadow: 0px 0px 5px 0px #b5b5b5;
}
.certification_point{
	height: auto;
    width: 145px;
    padding: 30px 55px 0px 0px;
    float: left;
}
.check_img{
	height: auto;
	width: auto;
	float: left;
	margin-right: 20px;
}
.check_img img{
	height: 15px;
	width: 15px;
	object-fit: contain;
}
.point_text{
	font-size: 12px;
	color: #5a5859;
	font-weight: bold;
}

/*<!--Page mid is here-->*/
.success{
	height: auto;
	width: 100%;
	background-image: url(mid.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 70px 0px;
	display: inline-block;
	margin: 30px 0px;
}
.success_title{
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}
.success_head{
	text-align: center;
	color: #FFF;
	font-size: 35px;
	font-weight: bold;
}
.success_divider{
	height: auto;
	width: 35px;
	border-top: 2px solid #FFF;
	margin: 20px auto;
}
.success_text{
	color: #FFF;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	margin: 0px 295px;
}
.success_card{
	height: auto;
	width: 283px;
    margin: 0px 30px 0px 0px;
    padding: 15px 0px 15px 20px;
	background-color: #FFF;
	float: left;
}
.success_card img{
	height: 90px;
	width: 90px;
	object-fit: contain;
	float: left;
	margin-right: 20px;
}
.quantity{
	color: #5a5859;
	font-size: 40px;
	margin-top: 15px;
	font-weight: bold;
}
.card_name{
	color: #f19800;
	font-size: 10px;
	font-weight: bold;
}

/*<!--Appearance Div is here-->*/
.participation_img{
	height: auto;
	width: 450px;
	float: right;
}
.participation_img img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.participation_descript{
	height: auto;
	width: 40%;
	margin-top: 80px;
	float: left;
}
.shotshow_img{
	height: auto;
	width: 450px;
	float: left;
}
.shotshow_img img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.shotshow_descript{
	height: auto;
	width: 40%;
	margin-top: 80px;
	float: right;
}

/*<!--Clints Div is here-->*/
.clients_div{
	height: auto;
	width: 100%;
	background-image: url(clients_back.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 90px 0px;
}
.clients_text{
	color: #b5b5b5;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	margin: 0px 295px;
}
.clients_img{
	height: auto;
	width: 290px;
	margin: 20px;
	float: left;
	box-shadow: 0px 0px 5px 0px #b5b5b5;
}
.clients_img img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}

/*<!--Contact Div is here-->*/
.contact_div{
	height: auto;
	width: 100%;
	padding: 150px 0px 70px 0px;
	background-image: url(bottom.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: #FFF;
}
.contact_head{
	font-size: 35px;
	font-weight: bold;
	margin: 10px;
}
.contact_text{
	font-size: 12px;
	margin: 10px 420px;
	line-height: 20px;
}
.contact_button{
	padding: 10px 50px;
	margin: 30px auto;
	font-size: 16px;
	border: 1px solid #FFF;
	background-color: transparent;
}
.contact_button:hover{
	cursor: pointer;
}
.contact_button a{
	text-decoration: none;
	color: #FFF;
}