body{margin:0px;background:#F7FAF7;}

.main_container
{
float:left;width:100%;height:auto;background:#F7FAF7;
backgroundk: linear-gradient(to right,#a1037a,#f02fc1);
}


.main_title
{
float:left;widthk:100%;height:50px;line-height:50px;margin:40px 0px 0px 5px;text-align:center;font-size:1.5em;color:#a1037a;

}
.cb_awad_log
{
float:left;width:50px;margin:40px 0px 0px 20px;border-radius:100%;backgroundk:#fff;	
}

.menu_icon
{
float:right;width:50px;margin:40px 10px 0px 0px;border-radius:100%;backgroundk:#fff;	
}
.sub_title
{
float:left;width:96%;height:40px;line-height:40px;margin-top:20px;margin-bottomk:10px;margin-leftk:2%;text-align:center;font-size:1em;
color:#505252;backgroundk:red;border:10px;
font-weight:bold;border-radius:15px;font-family: Poppins-Bold;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.#sub_title2
{
float:left;width:0%;height:40px;line-height:40px;margin-top:20px;margin-bottomk:10px;margin-rightk:2%;text-align:center;font-size:1em;
colork:#1DA51D;background:blue;border:10px;
font-weight:700;border-radius:15px;font-family: Poppins-Bold;

}

.img_banner
{
float:left;width:100%;margin-top:20;margin-bottom:20px;
}

.main_vid_div
{
float:left;width:98%;height:auto;margin-left:1%;margin-bottom:20px;margin-top:20px;backgroundk:green;	
}
.sub_vid_div
{
float:left;width:48%;height:350px;margin-bottom:20px;margin-left:1.5%;background:#fff;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}
.vid_cover
{
width:100%;height:280px;display:flex;align-items:center;justify-content:center;background:#272827;border-radiusk:15px 15px 0px 0px;	
}
.vid_tag
{
float:left;max-width:100%;margin-leftk:2%;max-height:100%;max-heightk:100%;background:#000;border-radiusk:15px 15px 0px 0px;	
}
.vid_lebal_div
{
float:left;width:100%;height:70px;backgrounk:red;border-top:1px solid #ccc;
	
}
.username_red
{
float:left;width:100%;height:40px;line-height:40px;margin-top:15px;font-size:1.1em;color:red;font-weight:bold;
text-align:left;margin-left:10px;
backgroundk:green;
}
.username_blue
{
float:right;width:100%;height:40px;line-height:40px;margin-top:15px;font-size:1.1em;color:#0A80D1;font-weight:bold;
text-align:right;margin-right:10px;
backgroundk:green;
}
.cb_tick_icon
{
float:right;width:40px;height:40px;	
}
.Vote_lebal
{
float:right;height:40px;line-height:40px;margin-right:10px;margin-top:8px;backgroundk:#A0076D;font-size:1.2em;border-radius:10px;padding:3px;
cursor:pointer;	
background: linear-gradient(to right,#a1037a,#f02fc1);
}
.Vote_lebal:hover{background: linear-gradient(to right,#159217,#2EFC31);}


.vote_btn_div
{
float:left;width:96%;height:80px;margin-left:2%;margin-bottom:20px;backgroundk:green;borderk:1px solid #ccc;border-radius:15px;
displayk:flex;align-itemsk:center;justify-contentk:space-around;	
}
.red_vote_btn
{
float:left;width:60px;height:60px;line-height:60px;margin-left:7%;margin-top:10px;background:red;border-radius:100%;color:#fff;font-weight:bold;font-size:1.2em;
text-align:center;cursor:pointer;	
}
.red_vote_btn:hover{background:#fff;border:2px solid red;color:red;}
.blue_vote_btn
{
float:right;width:60px;height:60px;line-height:60px;margin-right:7%;margin-top:10px;background:blue;border-radius:100%;color:#fff;font-weight:bold;font-size:1.2em;
text-align:center;cursor:pointer;	
}
.blue_vote_btn:hover{background:#fff;border:2px solid blue;color:blue;}

.voting_view_div
{
float:left;width:96%;height:170px;margin-left:2%;background:#A2FFC9;borderk:1px solid #ccc;border-radius:15px;	
}
.div_cover_red
{
float:left;width:46%;margin-left:2%;	backgroundk:pink;
}
.vote_red_div
{
float:left;width:100%;height:15px;margin-leftk:2%;margin-top:20px;margin-bottom:20px;background:#fff;border-radius:25px;display:flex;align-items:center;	
}
.vote_red_in
{
float:left;widthk:30%;height:15px;background:red;border-radius:25px;	
}
.div_cover_blue
{
float:right;width:46%;margin-right:2%;	backgroundk:pink;
}
.vote_blue_in
{
float:right;width:30%;height:15px;background:blue;border-radius:25px;	
}
.vote_blue_div
{
float:right;width:100%;height:15px;margin-rightk:2%;margin-bottom:20px;margin-top:20px;margin-bottom:20px;background:#fff;border-radius:25px;	
}
.red_output_div
{
float:left;width:50px;height:50px;line-height:50px;margin-left:20%;background:#fff;border-radius:100%;color:#FA8989;font-weight:bold;font-size:1em;
text-align:center;border:1px solid #FA8989;
	
}
.blue_output_div
{
float:right;width:50px;height:50px;line-height:50px;margin-right:20%;background:#fff;border-radius:100%;color:#3CA1FB;font-weight:bold;font-size:1em;
text-align:center;border:1px solid #3CA1FB;	
}
.user_alert
{
float:left;width:100%;height:40px;line-height:40px;text-align:center;color:#07A827;font-weight:bold;font-size:1.1em;	
}








.main_award_div
{
float:left;width:70%;height:400px;margin-left:15%;margin-bottom:40px;background:#F5F5F5;border-radius:20px;
display:flex;align-items:center;justify-content:center;
box-shadowk: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;	
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
box-shadowk: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
box-shadowk: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.award_title
{
float:left;width:96%;height:60px;line-height:60px;margin-top:20px;margin-bottom:30px;margin-left:2%;text-align:center;font-size:1.3em;
color:#F7B104;background:#fff;border:10px;
font-weight:bold;border-radius:15px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.join_award_title
{
float:left;width:96%;height:80px;line-height:80px;margin-top:20px;margin-bottom:30px;margin-left:2%;text-align:center;font-size:1.3em;
color:#fff;background:#9018D9;border:10px;
font-weight:bold;border-radius:15px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}



.main_option_div
{
float:left;width:100%;height:100%;background:#fff;position:fixed;displayk:none;	
}

.bk_btn_cover
{
float:left;width:90%;height:50px;line-height:50px;margin-top:40px;margin-bottom:10px;backgroundk:red;display:flex;align-items:center;	
}
.bk_btn_icon
{
float:left;width:40px;height:40px;margin-left:5%;	
}



.option_btn_cover
{
float:left;width:90%;height:50px;line-height:50px;margin-topk:10px;backgroundk:red;display:flex;align-items:center;	
}
.option_btn
{
float:left;margin-left:10px;font-weight:bold;color:#333;	
}
.btn_icon
{
float:left;width:30px;height:30px;margin-left:5%;	
}

.ad_div
{
float:left;width:94%;height:200px;margin-left:3%;background:#ededed;	
}