@font-face {



  font-family: 'Poppins-Bold';



  src: url('../fonts/Poppins-Bold.ttf');



}



@font-face {

javascript:void(0)

  font-family: 'Poppins-Medium';



  src: url('../fonts/Poppins-Medium.ttf');



}



@font-face {



  font-family: 'Poppins-Regular';



  src: url('../fonts/Poppins-Regular.ttf');



}



@font-face {



  font-family: 'Poppins-Thin';



  src: url('../fonts/Poppins-Thin.ttf');



}



@font-face {



  font-family: 'Libre Barcode 39d';



  src: url('../fonts/barcode.woff2') format('woff2');



}



:focus {



    outline: -webkit-focus-ring-color auto 0px;



}



button:focus {



    outline: 0px dotted;



    outline: 0px auto -webkit-focus-ring-color;



}



a:hover



{	



	cursor: pointer;



}



input::-webkit-outer-spin-button,



input::-webkit-inner-spin-button {



  -webkit-appearance: none;



  margin: 0;



}



body { background-color: #ff7010; background-repeat: no-repeat; background-size: cover; font-family: 'Poppins-Regular'; height: 100vh; }



table



{
	color:#fb7002 !important;


	border: 0px!important;



}



.loginbackmain {



    width: 100%!important;



    padding: 50px 0px!important;



    margin-left: 0%!important;



    text-align:center!important;



}



.myyantra_input



{



    width: 320px;



    border: 2px solid #000;



    margin-bottom: 10px;



    border-radius: 5px;



}



.fnt_28



{



font-size:28px;



}



.bot_20



{



    margin-bottom:20px;



}



.myyantralog



{



    width:320px;



}



.logosec img



{



    width:100%;
/*width: 112px;*/
width:80px



}



form.form-horizontal {



    margin-top: 25px;



}



p#demo { /*border-radius:10px; padding-bottom:14px; background-color: #07263b;

    border: 5px solid #031a2b; color:#fff; */ 



height: 50px;

    background-color: #ff7010;

    font-size: 36px !important;

    text-transform: uppercase;

    display: inline-flex;

    align-items: center;

    /*padding: 0 78px;*/

    position: relative;

    margin-left: 15px;

    color:#fff;

    border: none !important;

    outline: none;

    width: 90%;

text-align:center;

    transition: 0.2s linear;

    justify-content: center;

}



p#demo:after{

content: '';

    position: absolute;

    left: 100%;

    top: 0;

    bottom: 0;

    border-top: 25px solid transparent;

    border-bottom: 25px solid transparent;

    border-left: 15px solid #ff7010;

    transition: 0.2s linear;

}

p#demo:before{

    content: '';

    position: absolute;

    left: 100%;

    top: 0;

    bottom: 0;

    border-top: 25px solid transparent;

    border-bottom: 25px solid transparent;

    border-left: 15px solid #ff7010;

    transition: 0.2s linear;

left: auto;

    right: 100%;

    border-left: none;

    border-right: 15px solid  #ff7010;

}

}

.wid_100 table { margin-top: 20px; }



.top150



{



	margin-top: 150px!important;



}



.yat_header { width: 100%; float: left; background-color: transparent; padding: 15px; box-shadow:0px 0px 15px 0px #03253cbf; /*border: 6px solid #000;*/ border-top:0px; border-left:0px; border-right:0px; border-radius: 0px 0px 15px 15px; }



.wid_100head



{



	width: 100%;



	float: left;



	display:flex;







}



.logosec { 

	

    text-align: left;

   
	
	display: flex;
    flex-direction: row-reverse;

}



.logosec p



{



	font-size: 22px;



	font-family: 'Poppins-Medium';



	margin:0px;



	text-transform: uppercase;



	color: #000;

 

	margin-top: 10px;







}



.avail_bal {  float: left; text-align: right;margin-left:12px}



.avail_balbtn { 

background-color: #07263B;

    color: #fff;

    font-family: 'Poppins-Medium';

    text-transform: uppercase;

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 0;

    border-radius: 50px;

    /*font-size: 18px;

    padding: 10px 23px;*/
font-size: 16px;
    padding: 10px 7px;

    border: 4px double #07263b;

	margin-right:12px;

}








.mainsec_part



{



	width: 100%;



	float: left;



}



.wid_100



{



	width: 100%;



	float: left;



}



.wid_100 form



{



	



background-color: #FFF;



}







.wid_80 { width: 75%; float: left; padding: 20px; padding-top:0px; background: transparent; }



.wid_20crd



{



	width: 20%;



	float: left;



	padding: 2px;



}







.worlicard_cnt { width:100%; float: left; background-color: #0000FF; border-radius: 5px; padding: 10px 10px 10px 10px; text-align: center;border: 2px solid #ff7010;

    background: hsl(204deg 79% 13%); }



.worlicard_cnt p.card_par{ color: white; }



.card_sz



{



   width: 140px;

    height: 160px;
    
   
    margin-left: 0;

    background-color: #031a2b;

    padding: 9px;

    border-radius: 5px;



}



.card_par { width: 100%; float: left; text-align: center; font-size: 20px; font-family: 'Poppins-Medium'; margin-top:5px;

height: 25px;overflow: hidden; text-transform: uppercase; background: transparent; }



.card_btn



{



	width: 50%;



	margin-left:25%;



	float: left;	



	padding: 2px 2px;



	background-color: #fff;



	border: 1.5px solid #00000091;



	border-radius:2px;



	margin-bottom: 0px;



}



.top_90



{



	margin-top: 90px;



}



.coinmain



{



	width: 100%;



	float: left;



	background-color: #fff;



	padding: 10px;



}



.coinpart



{



	width: 20%;



	float: left;



	padding: 10px;



}



.coincontent



{



	width: 100%;



	float: left;



	background-color: #fff;



	border-radius: 5px;



	box-shadow: 0px 0px 15px 0px #1949db;



	padding: 30px;



	text-align: center;



}



.chipimg



{



	width: 100%;



	float: left;



	height:110px;



	margin-top: -85px;



}



.btn_coin



{



	width: 20%;



	float: left;



	padding: 10px;



}



.commbtn



{



	width: 100%;



	float: left;



	background-color: #f830c5;



	color: #fff;



	font-family: 'Poppins-Bold';



	font-size: 18px;



	border-radius: 20px;



	border:none;



	padding: 5px;



	margin-bottom: 10px;







}



.wid_20



{



	width: 25%;



    float: left;



    padding: 10px;



    margin-top: 2px;



    padding-top: 0px;



}



.sidebarmain { width: 100%; float: left; background-color:#031a2b; border-radius: 5px; padding: 0; margin-bottom: 30px;border:5px solid #031a2b;}



.head_pink



{



	width: 100%;



	float: left;



	font-size: 18px;



	color: #f830c5;



	font-family: 'Poppins-Bold';



}



.comm_para



{



	width: 100%;



	float: left;



	font-size: 18px;



	font-family: 'Poppins-Medium';



	color: #363636;



	margin:10px 0px;







}



.sidebarmain::-webkit-scrollbar-track



{



	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);



	background-color: #F5F5F5;



}







.sidebarmain::-webkit-scrollbar



{



	width: 6px;



	background-color: #F5F5F5;



}







.sidebarmain::-webkit-scrollbar-thumb



{



	background-color: #1949db;



}



.devider



{



	width: 100%;



	float: left;



	height: 2px;



	background-color: #ebebeb;



}



.top_btn



{



	margin-top: 20px;



}



.Formmain



{



	/*width: 50%;*/



	float: left;



	/*margin-left: 25%;*/



	padding: 10px;



	background-color: #ffff;



	margin-top: 25px;



	margin-bottom: 25px;



	border-radius: 10px;



	/*box-shadow: 0px 0px 15px 0px #1949db;*/



}



.ticketmain



{



	width: 100%;



	float: left;



	text-align: center;



}



.companyname_head



{



	width: 100%;



	float: left;



	color: #363636;



	font-size: 24px;



	font-family: 'Poppins-Bold';



	text-transform: uppercase;



	margin-bottom: 20px;



}



.ticket_comp



{



	width: 100%;



	float: left;



	font-size: 20px;



	margin-bottom: 10px;



}



.recipt_img



{



	width:250px;



	height: 250px;



	margin-top: 20px;



	margin-bottom: 20px;



}



.col_gr



{



	color: #4d79ff



}



.barcode_ticket



{



	width: 100%;



	float: left;



	font-family: 'Libre Barcode 39d';



	font-weight: 400;



	margin-top: 20px;



}



.ticket_no



{



	width: 100%;



	float: left;



	font-size: 24px;



	font-family: 'Poppins-Bold';



}



.namebackwid_20crd 



{



	background-color: #fff;	



	width: 100%;



	float: left;



	text-align: center;



	margin-top: 20px;



}



.nameback p



{wid_20crd 



	height: 30px;



    overflow: hidden;



    font-family: 'Poppins-Medium';



    font-size: 24px;



    text-transform: uppercase;



    margin: 0;



}



.slideimg { 

    width: 55%;
    height: 48%;
    margin-left: 20px;
    margin-top'FONT-WEIGHT: 200';
    margin: 22.5% auto;
	border-radius:50%;
}



.botsecyantra



{



	width: 100%;



	float: left;



	padding: 0px 5px;



	margin-bottom:150px;



}



.yat_wid100 { width: 100%; float: left;background-color: #031a2b;

    box-shadow: 0px 0px 15px 0px #031a2b; padding: 2px; border-radius: 5px; margin-top:-15px; }



.yat_14 { width: calc(16.66% - 10px); float: left; border: 0; margin: 5px; background-color: #fff; height: 250px;}



.yat_half



{



	width: 50%;



	float: left;



	padding: 5px;



}



.yat_half img



{



	width: 95%;



	height: 90px;



}



.comyat_par { width: 100%; font-size: 16px; color: #fff; float: left; text-transform: uppercase; margin:15px 0px; background: transparent; font-weight: 600; }







.yat_full span {color: #000; font-size: 17px; font-family:italic;}



.yat_full { width: 100%; float: left;  text-align: center; padding: 10px; display: block; flex-direction: row-reverse; justify-content: space-between; align-items: center; background: hsl(204deg 79% 13%); }



.yat_full + .yat_full { border-top: 0; }



.yat_full .yantra-date-time span, .yat_full p.comyat_par{

	color: white !important;

}



.yat_full .yat_full:after{

   width: 70px;

    height: 2px;

    background-color: #ff7010;

    position: absolute;

    content: '';

    bottom: -63px;

    left: 50%;

    transform: translateX(-50%);

}



.pad_15



{



	padding: 15px;



}

sub-date-time{

    color: #ff7010 !important;

    font-size: 13px !important;

    font-family: italic !important;

    font-weight: 400 !important;

}



.yat_footer { width: 100%; float: left; position: fixed; bottom: 0; left: 0; padding:-2px; background-color: #07263b;

    margin-top: 50px;

    box-shadow: 0px 0px 15px 0px #07263b;

    border: 5px solid #07263b; border-radius: 15px 15px 0px 0px; border-bottom:0px; border-left:0px; border-right:0px; }



.footmain



{



	width: 100%;



	float: left;







}



.widfoot13



{



	width: 13%;



	float: left;



}



.widfoot80



{



	width: 87%;



	float: left;



}



.foot_btn



{



	width: 100%;



	float: left;



}



.div_btn { width: 13.5%;

    float: left;

    background-color: #07263b;

    border: 2px solid #ff7010;

    border-radius: 5px 19px 84px;

    text-align: center;

    padding: 0px;
	
	margin-right: 7px; 



}

#exit{

border-radius: 22px 10px 6px 78px !important;

}



.div_btn:nth-child(odd) { /*transform: skew(20deg);*/ }



.div_btn:nth-child(odd) .comyat_par { /*transform: skew(-20deg);*/ }



.div_btn:nth-child(even) { /*transform: skew(-20deg);*/ }



.div_btn:nth-child(even) .comyat_par { /*transform: skew(20deg); */}





.top_ex



{



	margin-top: 17px;



	margin-bottom: 17px;



}







.yantra-date-time { padding: 0 7px; }

.yantra-image img { max-width: 100px; max-height: 100px; margin-top:12px;border: 1px dashed #ffffff59;padding:7px;}

.yantra-image{ margin-bottom:20px;}



.date-and-time{color: #000; font-size: 17px; font-family:italic;}











.ticket_winner-form { 



	display: inline-block;    

    float: right;

  

	margin-top:7px;

}



.ticket_winner-form input { border: 2px solid #000; padding: 5px 10px; margin: 0 0 0 15px; max-width: 220px; }



img { max-width: 100%; }











/*@media screen and (min-width: 319px) and (max-width: 767px)*/



/*{*/



/*	.wid_80{width:100%;padding: 0px;margin-top: 15px;}*/



/*	.wid_20crd{width: 100%;}*/



/*	.card_sz{height: auto;}*/



/*	.coinmain{width: 100%;}*/



/*	.coinpart{width: 50%;margin-bottom: 40px;}*/



/*	.btn_coin{width: 100%;}*/



/*	.chipimg{height: auto;margin-top: -65px;}*/



/*	.wid_20 {width: 100%;}*/



/*	.Formmain{width: 100%;margin-left: 0%;}*/



/*	.slideimg{height: auto;}*/



/*	.logosec{width: 100%;margin-bottom: 20px;}*/



/*	.logosec p{font-size: 19px;}*/



/*	.avail_bal{width: 100%;}*/



/*	.avail_balbtn{width: 100%;margin-bottom:5px;}*/



/*	.yat_14{width: 100%}*/



/*	.yat_footer{position: inherit;}*/



/*	.yat_half img{height: auto;}*/



/*	.widfoot13{width: 100%;}*/



/*	.widfoot80{width: 100%;}*/



/*	.div_btn {width: 100%;border-radius: 5px;margin-bottom: 5px;}*/



/*	.top150{margin-top: 10px!important;}*/



/*	.logosec img{width:100%;}*/

	

	



/*}*/



/*@media screen and (min-width: 768px) and (max-width: 991px) */



/*{*/



/*	.wid_80{width:100% }*/



/*	.wid_20crd{width:50%;}*/



/*	.coinmain{width: 100%}*/



/*	.chipimg{height: auto;margin-top: -60px;}*/



/*	.card_sz{height: auto;}*/



/*	.btn_coin{width: 50%;}*/



/*	.wid_20{width: 100%;}*/



/*	.slideimg{height: auto;}*/



/*	.yat_14{width: 33%}*/



/*	.yat_half img{height: auto;}*/



/*}*/



@media(max-width:360px){

p#demo{padding: 0 42px;}



.d-header{

    border-right: 2px solid;

    margin-right: 0px;

}



.same-header{

width:100%

}

.sansation_lightlight.compny_name_tex{

	margin-left: 22px;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    color: #fff;

    font-size: 21px;

    margin-top: 12px;

    float: left;

    position: relative;

    

}

.register{

text-align:end;

margin-top:12px;

color:#fff;

}



.wid_20:after{

content: "";

width: 100%;

height: 100%;

background:url("images/banner_image.jfif");



}

.logo-s{

width:100%;

height:100%

object-fit:cover;

}

#swiper-slide-sec{
background-image: url(../../images/banner_image.jfif);
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: contain;
    top: 350px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.text-white{
	color:#fff !important;
}
.text-orange{
	color:#FF7010 !important;
}

.color-picker-div {
	margin: 0px 10px;
}

.color-picker-div a {
	font-size: 15px;
	color: #000;
}

.color-picker-div a:hover {
	font-size: 15px;
	color: #000;
	text-decoration: none;
}

.bg-green
{
	background-color: green !important;
}
.max-qty-ti {
    width: 100%;
    float: left;
    text-align: center;
}