/*---main body------*/
body,html{
	height:100%;width:100%;
	font-family: 'Roboto','segoe ui',Helvetica, sans-serif;
	font-size:16px;
	-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;
	background:#fdfdfd;color:#666;
	word-wrap:break-word;
	margin:0;padding:0;
    scroll-behavior:smooth;
}

:root {
    --robo: 'Roboto',sans-serif,'segoe ui',Helvetica, sans-serif; 
    --robos:  'Roboto Slab','Courier New','segoe ui', sans-serif;
    --bsb:0 0 30px 0 rgba(0,0,0,0.6);
    --bsg:0 0 30px 0 rgba(0,0,0,0.3);
    --bslg:0 0 30px 0 rgba(0,0,0,0.1);
    --theme:#971444;
    --ltheme:#c6366b;
    --dtheme:#790b33;
    --ct1:#ffe2e6;

    --maxwidth:700px;

    --white2:rgba(255,255,255,0.2);
    --white6:rgba(255,255,255,0.6);
    --white8:rgba(255,255,255,0.8);
    --black1:rgba(0,0,0,0.1);
}

*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;
}
.notrans *{transition:none;}

*:focus{outline:none;}
*,
*:after,
*:before{ 
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box; 
}




/*--------------scrollbar--------------*/
@media all and (min-width:900px){
*::-moz-scrollbar{width:7px;height:7px;}
*::-webkit-scrollbar{width:7px;height:7px;}
*::scrollbar{width:7px;height:7px;}

*::-moz-scrollbar-track{background:rgba(0,0,0,0.5)}
*::-webkit-scrollbar-track{background:rgba(0,0,0,0.5);}
*::scrollbar-track{background:rgba(0,0,0,0.5);}

*::-moz-scrollbar-thumb{background:rgba(200,200,200,0.8);}
*::-webkit-scrollbar-thumb{background:rgba(200,200,200,0.8);}
*::scrollbar-thumb{background:rgba(200,200,200,0.8);}
}


.b,.bold{font-weight:500;}
.bolder{font-weight:600;}
.boldest{font-weight:700;}

.thin{font-weight:300;}
.thiner{font-weight:200;}
.thinest{font-weight:100;}

/*---color---*/
.theme{background:var(--theme);}
.ltheme{background:var(--ltheme);}
.dtheme{background:var(--dtheme);}

ctheme,.ctheme{color:var(--theme);}
.cltheme{color:var(--ltheme);}
.cdtheme{color:var(--dtheme);}

.black{background:#444;}
.cblack{color:#444;}
.lblack{background:#666;}
.clblack{color:#666;}
.black1,
.hblack1:hover{background:rgba(0,0,0,0.1);}
.black05{background:rgba(0,0,0,0.05);}
.black2{background:rgba(0,0,0,0.2);}
.lgrey{background:#bbb;}
.clgrey{color:#bbb;}
.white{background:#fff;}
.cwhite{color:#f5f5f5;}
.trans{background:transparent;}
.ctrans{color:transparent;}

.cream{background:#f1ebdc;}

.teal,.bteal .theme{background:#01776e;}
.bteal .ctheme,.cteal{color:#01776e;}

.pink,.bpink .theme{background:#ff2377;}
.bpink .ctheme,.cpink{color:#ff2377;}

.orange,.borange .theme{background:#ff4f0f;}
.borange .ctheme,.corange{color:#ff4f0f;}

.green,.bgreen .theme{background:#2be47b;}
.bgreen .ctheme,.cgreen{color:#2be47b;}

.maroon,.bmaroon .theme{background:#6e063c;}
.bmaroon .ctheme,.cmaroon{color:#6e063c;}

.grey,.bgrey .theme{background:#686975;}
.bgrey .ctheme,.cgrey{color:#686975;}


.violetg,.bvioletg .theme{background:#6108ae;
  background:linear-gradient(to right, #6108ae, #a921da);
  background:-webkti-linear-gradient(to right, #6108ae, #a921da);
}
.bvioletg .ctheme,.bviolet .ctheme,.cviolet{color:#6108ae;}

.red,.bred .theme{background:#f01431;}

.redg,.bredg .theme{background:#f01431;
    background:linear-gradient(to right, #f01431, #ff622d);
    background:-webkti-linear-gradient(to right, #f01431, #ff622d);
}
.bredg .ctheme,.bred .ctheme,.cred{color:#f01431;}

.blue,.bblue .theme{background:#047dff;}
.blueg,.bblueg .theme{background:#047dff;
	background:linear-gradient(to right, #047dff, #04e3e6);
	background:-webkti-linear-gradient(to right, #047dff, #04e3e6);
}

.themeg{background:var(--theme);
    background:linear-gradient(to right, #5b0825,#ff0f32);
    background:-webkti-linear-gradient(to right, #5b0825,#ff0f32);
}
.themegr{background:var(--theme);
    background:linear-gradient(60deg, #ff0f32,#5b0825);
    background:-webkti-linear-gradient(60deg, #ff0f32,#5b0825);
}
.cthemeg{
    color:#a90f45;
    background-image:linear-gradient(45deg,#5b0825,#ff0f32);
    background-image:-webkit-linear-gradient(45deg,#5b0825,#ff0f32);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;}


.bblueg .ctheme,.bblue .ctheme,.cblue{color:#047dff;}

.yellow{background:#ffde73;}

.cwhite2{color:var(--white2);}
.cwhite6{color:var(--white6);}
.cwhite8{color:var(--white8);}
.ct1{color:var(--ct1);}


.clink{color:var(--ct1);text-decoration:none;}
.clink:hover{text-decoration:underline;}

/*----svg fill---*/
.ftheme{fill:var(--theme);}
.fdtheme{fill:var(--dtheme);}
.fte{fill:#536a74;}
.fy{fill:#ffb218;}


/*for panel*/
.blred{border-left:8px solid #f01431;background:#fcecef;padding:20px 10px;}
.blgreen{border-left:8px solid #2be47b;background:#e4f9ed;padding:20px 10px;}
.blblue{border-left:8px solid #00a6ff;background:#eef5ff;padding:20px 10px;}
.blyellow{border-left:8px solid #fff12e;background:#fffde8;padding:20px 10px;}





/*---border--*/
.no_b{border:0;}
.pf{position:fixed;}
.p5{padding:5px;}
.br5{border-radius:5px;}
.br3{border-radius:3px;}
.pf{position:fixed;}
.p5{padding:5px;}
.br5{border-radius:5px;}
.br10{border-radius:10px;}
.br30{border-radius:30px;}
.br50{border-radius:50%;}

.bb1{border-bottom:0.8px solid #ddd;}
.bl20{border-left:20px solid transparent;}

/*--cursor--*/
.cna{cursor:not-allowed;}
.cp{cursor:pointer;}
.no_b{border:0;}
.pf{position:fixed;}
.p5{padding:5px;}
.br5{border-radius:5px;}


/*--display--*/
.dn{display:none;}
.db{display:block;width:100%;}
.dib{display:inline-block;}

.flex{display:-webkit-flex;display:flex;width:100%;}

.dtab,
.dtab{display:table;width:100%;}
.dcel,.dcel_m{display:table-cell;}

/*for 100% in mobile view*/
@media only screen and (max-width: 900px) {
.dcel_m{display:block;width:100%;}
}



/*---float--*/
.cl{clear: left;}
.cr{clear: right;}
.cb{clear: both;}
.fl{float:left;}
.fr{float:right;}

/*---font and text--*/
.i{font-style: italic;}

.tl{text-align:left;}
.tc{text-align:center;}
.tj{text-align:justify;}
.tr{text-align:right;}
.tja{text-align:justify-all;}

.tdn,
.htdu{text-decoration:none;}
.tdu{text-decoration:underline;}
.htdu:hover{text-decoration:underline;}

.ttuc{text-transform:uppercase;}

.rob{font-family: var(--robo);}
.robs{font-family:var(--robos);}

.f0{font-size:0;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.f40{font-size:40px;}


@media screen and (min-width:10px){
h1,h2,h3,h4,h5,h6{padding:0;margin:0;line-height:1.2;}
h1{font-size:44px;}
h2{font-size:38px;}
h3{font-size:32px;}
h4{font-size:26px;}
h5{font-size:22px;}
h6{font-size:18px;}
}
@media screen and (min-width:800px){
h1{font-size:54px;}
h2{font-size:46px;}
h3{font-size:38px;}
h4{font-size:30px;}
h5{font-size:24px;}
}



/*shadow*/
.bsb{box-shadow:var(--bsb);}
.bsg{box-shadow:var(--bsg);}
.cp{cursor:pointer;}
.no_b{border:0;}
.pf{position:fixed;}
.p5{padding:5px;}
.br5{border-radius:5px;}
.bslg{box-shadow:var(--bslg);}
.hbsb:hover{box-shadow:var(--bsb);}
.hbsg:hover{box-shadow:var(--bsg);}
.hbslg:hover{box-shadow:var(--bslg);}



/*---margin--*/


.m0{margin:0;}
.mcen{margin:auto;}
.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}

.mt5{margin-top:4px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mt-5{margin-top:-5px;}
.mt-50{margin-top:-50px;}
.mt-1{margin-top:-1px;}
.mt-2{transform:translateY(-2px);}
.mt-10{margin-top:-10px;}


/*--overflow---*/
.ofa{overflow:auto;}
.ofh{overflow:hidden;}

.ofxh{overflow-x:hidden;}
.ofxa{overflow-x:auto;}
.ofyh{overflow-y:hidden;}
.ofya{overflow-y:auto;}


.o0{opacity:0;}
.o6,.o6h1{opacity:0.6;}
.o8,.o8h1{opacity:0.8;}
.o6h1:hover{opacity:1;}
.o8h1:hover{opacity:1;}


/*---padding--*/
.p0{padding:0;}
.pf{position:fixed;}
.p5{padding:5px;}
.p8{padding:8px;}
.p10{padding:10px;}
.p12{padding:12px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pbut{padding:12px 30px;}

.plr10{padding-left:10px;padding-right:10px;}
.plr120{padding-left:20px;padding-right:20px;}

.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb20{padding-top:20px;padding-bottom:20px;}
.ptb40{padding-top:40px;padding-bottom:40px;}
.ptb60{padding-top:60px;padding-bottom:60px;}
.ptb80{padding-top:80px;padding-bottom:80px;}

.pl30{padding-left:30px;}

.pa{position:absolute;}
.pf{position:fixed;}
.pr{position:relative;}
.ps{position:sticky;}



/*----rotate---*/
.r180{transform:rotate(180deg);}


/*----vertical align---*/
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}


/*----height---*/
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h50{height:50px;}
.h70{height:70px;}
.h90{height:90px;}
.h100{height:100%;}

/*---width--*/
.w100{width:100%;}
.w50{width:50%;}
.w25{width:25%;}
.w33{width:33.33%;}
.w40{width:40%;}

.w24p{width:24px;}
.w40p{width:40px;}
.w50p{width:50px;}
.w80p{width:80px;}
.w200p{width:200px;}
.w100p{width:100px;}


.mw500,
.mw700,
.mw800{width:100%;}

.mw500{max-width:500px;}
.mw700{max-width:700px;}
.mw800{max-width:800px;}



@media screen and (min-width:10px){
.mobile{display:block;}
.web{display:none;}
}
@media screen and (min-width:600px){
.mobile{display:none;}
.web{display:block;}
}


.btn{
    border:0;font-size:15px;
    text-transform:uppercase;
    font-weight:700; color:#fff;
    border-radius:5px;
    box-shadow:1px 2px 3px 0 rgba(0,0,0,0.4);
    padding:10px 20px;
    opacity:0.8;
    cursor:pointer;position:relative;
    overflow:hidden;}

.btn:hover{padding:10px 35px 10px 15px;opacity:1;border-radius:30px;}
.btn:after{content:"⭢";font-size:20px;position:absolute;opacity:0;top:3px;margin-left:60px;transition:0.4s;}
.btn:hover:after{opacity:1;margin-left:6px;}

.btn_01{
    background:var(--theme);
    background:linear-gradient(60deg, #ff0f32,#5b0825);
    background:-webkti-linear-gradient(60deg, #ff0f32,#5b0825);
}
.btn_01:hover{box-shadow:0 0 0 7px rgba(169, 11, 63, 0.2);}


.btn_02{background:#ffd230;}
.btn_02:hover{box-shadow:0 0 0 7px rgba(112, 11, 44, 0.3);background:#ff2e5e;}

.btn_12{background:#ffe201;}
.btn_12:hover{box-shadow:0 0 0 7px rgba(251, 231, 140, 0.5);background:#ffc61a;}


.btn_4:hover{box-shadow:0 0 30px 0 #ff1557;}


.btn_3{background:#ff002b;}
.btn_3:hover{background:#d00427;box-shadow:0 0 0 7px rgba(112, 11, 44, 0.3);}

.btn_23{background:#ff002b;border-radius:30px;padding:15px;opacity:1;}
.btn_23:hover{background:#d00427;padding:15px 30px 15px 10px;box-shadow:0 0 0 7px rgba(112, 11, 44, 0.3);}
.btn_23:after{top:10px;}


.btn_4{background:#45637f;box-shadow:0 2px 10px 0 rgba(0,0,0,0.4);}
.btn_4:hover{background:#2a547c;box-shadow:0 0 0 10px rgba(0,0,76,0.2);}

.btn_5,

.btn_5:hover,
.btn_holder:hover .btn_5{background:#ff0051;box-shadow:0 0 10px rgba(255,0,76,0.2);color:#fff;transform:translateY(10px);border:0;}

.btn_6{color:#ff0051;background:transparent;border:2px solid #ff0051;}
.btn_6:hover{background:#ff0051;box-shadow:0 0 0 10px rgba(255, 0, 81, 0.4);color:#fff;}

.btn_07{background:#e40132;}
.btn_07:hover{background:#861a36;box-shadow:0 0 0 8px rgba(255, 0, 81, 0.2);}


.bot5{bottom:5px;}

/*added latter after 002*/
.toe{white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.tt2{transform:translateY(2px);}
.hmd:hover{transform:translateY(5px);}
.segoe{font-family:'segoe ui',Helvetica;}

input[type="password"] {
  letter-spacing: 0.3em;
}


/*--svg icons--*/

.f454_a{fill:#8a0b1b;}
.f454_b{fill:#fa2c49;}
.f454_1{fill:#e82833;}
.f454_2{fill:#e11c27;}
.f454_3{fill:#da1925;}
.f454_4{fill:#c91521;}
.f454_5{fill:#a50f1e;}
.f454_6{fill:#8a0b1b;}
.f454_7{fill:#6f0918;}
.f454_8{fill:#640717;}
.f454_9{fill:#580613;}
.f454_10{fill:#4e0410;}
.fgrey{fill:#dedede;}
.ftheme{fill:var(--theme);}
.fdtheme{fill:var(--dtheme);}
.flw_30{fill:rgba(0,0,0,0.1);}
.fwhite,.flw{fill:#fafafa;}
.flg{fill:#888;}

.svg_icon{cursor:pointer;}
.svg_icon .tcir{opacity:0.2;}
.svg_icon .cir{opacity:0;}
.svg_icon:hover .cir{opacity:0.4;r:100;}
.svg_icon:hover .svg_circle{r:70;}  



.h6_7{height:6.7px;}
.svg_wd line{stroke:#fff;stroke-width:2px;}

.hr60{width:60%;margin:auto;border:0.5px solid #ddd;}
.bl1{border-left:1px solid #ddd;height:250px;top:100px;}


/*material input start*/
.minput{position:relative;padding-top:20px;margin-top:10px;}
.minput input,
.minput textarea{border:0;border-bottom:1px solid #ddd;color:#888;width:100%;padding:10px;font-size:18px;position:relative;z-index:98;background:transparent;resize:vertical;}

.minput label{transform:translateY(-30px);color:#888;position:absolute;padding:0 10px;width:100%;border:0;z-index:97;}
.minput input:focus~label,
.minput .defminput~label{transform:translateY(-60px);font-size:14px;opacity:0.6;}


.minput input ~ .bar,
.minput textarea ~ .bar{background:var(--theme);height:2px;width:0;position:absolute;bottom:0;left:0;z-index:100;}
.minput textarea ~ .bar{bottom:3px;}
.minput input:focus ~ .bar,
.minput textarea:focus ~ .bar{width:100%;}