html,body{margin:0;}
.br-radi-0{border-radius:0;}
.br-none{border:none;}
.bg-black{background-color:black;}
.bg-black-00{background-color:rgba(0,0,0,0)}
.bg-black-002{background-color:rgba(0,0,0,0.02)}
.bg-black-004{background-color:rgba(0,0,0,0.04)}
.bg-black-005{background-color:rgba(0,0,0,0.05)}
.bg-black-01{background-color:rgba(0,0,0,0.1)}
.bg-black-02{background-color:rgba(0,0,0,0.2)}
.bg-black-03{background-color:rgba(0,0,0,0.3)}
.bg-black-04{background-color:rgba(0,0,0,0.4)}
.bg-black-05{background-color:rgba(0,0,0,0.5)}
.bg-black-06{background-color:rgba(0,0,0,0.6)}
.bg-black-07{background-color:rgba(0,0,0,0.7)}
.bg-black-08{background-color:rgba(0,0,0,0.8)}
.bg-black-09{background-color:rgba(0,0,0,0.9)}
.bg-white{background-color:white;}
.bg-white-00{background-color:rgba(255,255,255,0.0)}
.bg-white-01{background-color:rgba(255,255,255,0.1)}
.bg-white-02{background-color:rgba(255,255,255,0.2)}
.bg-white-03{background-color:rgba(255,255,255,0.3)}
.bg-white-04{background-color:rgba(255,255,255,0.4)}
.bg-white-05{background-color:rgba(255,255,255,0.5)}
.bg-white-06{background-color:rgba(255,255,255,0.6)}
.bg-white-07{background-color:rgba(255,255,255,0.7)}
.bg-white-08{background-color:rgba(255,255,255,0.8)}
.bg-white-09{background-color:rgba(255,255,255,0.9)}
.bg-blue{background-color:blue;}
.bg-red{background-color:red;}
.bg-green{background-color:green;}
.bg-lgreen{background-color:lightgreen;}
.bg-orange{background-color:orange;}
.bg-tomato{background-color:tomato;}
.bg-pink{background-color:pink;}
.bg-yellow{background-color:yellow;}
.bg-lg{background-color:lightgreen;}


.txt-black{color:black;}
.txt-black-01{color:rgba(0,0,0,0.1);}
.txt-black-02{color:rgba(0,0,0,0.2);}
.txt-black-03{color:rgba(0,0,0,0.3);}
.txt-black-04{color:rgba(0,0,0,0.4);}
.txt-black-05{color:rgba(0,0,0,0.5);}
.txt-black-06{color:rgba(0,0,0,0.6);}
.txt-black-07{color:rgba(0,0,0,0.7);}
.txt-black-08{color:rgba(0,0,0,0.8);}
.txt-black-09{color:rgba(0,0,0,0.9);}
.txt-white{color:white;}
.txt-white-01{color:rgba(255,255,255,0.1);}
.txt-white-02{color:rgba(255,255,255,0.2);}
.txt-white-03{color:rgba(255,255,255,0.3);}
.txt-white-04{color:rgba(255,255,255,0.4);}
.txt-white-05{color:rgba(255,255,255,0.5);}
.txt-white-06{color:rgba(255,255,255,0.6);}
.txt-white-07{color:rgba(255,255,255,0.7);}
.txt-white-08{color:rgba(255,255,255,0.8);}
.txt-white-09{color:rgba(255,255,255,0.9);}
.txt-orange{color:orange;}
.txt-red{color:red;}
.txt-lg{color:lightgreen;}  
.txt-green{color:green;}
.txt-sky{color:rgba(255,233,212,1);}

.f-size-30px{font-size:30px;}
.f-size-20px{font-size:20px;}
.f-size-50px{font-size:50px;}

.f-size-10{font-size:10%;}
.f-size-20{font-size:20%;}
.f-size-50{font-size:50%;}
.f-size-60{font-size:60%;}
.f-size-65{font-size:65%;}
.f-size-70{font-size:70%;}
.f-size-80{font-size:80%;}
.f-size-90{font-size:90%;}
.f-size-95{font-size:95%;}
.f-size-110{font-size:110%;}
.f-size-115{font-size:115%;}
.f-size-120{font-size:120%;}
.f-size-130{font-size:130%;}
.f-size-140{font-size:140%;}
.f-size-150{font-size:150%;}
.f-size-200{font-size:200%;}
.f-size-250{font-size:250%;}
.f-size-300{font-size:300%;}

.w-10{width:10%;}
.w-15{width:15%;}
.w-20{width:20%;}
.w-25{width:25%;}
.w-30{width:30%;}
.w-33{width:33.333%;}
.w-40{width:40%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-70{width:70%;}
.w-75{width:75%;}
.w-80{width:80%;}
.w-90{width:90%;}
.w-95{width:95%;}


.center{display:flex;align-items:center;justify-content:center;}
.center-x{display:flex;justify-content:center;}
.center-y{display:flex;align-items:center;}
.border-radius-0{border-radius:0;}
.border-radius-100{border-radius:100%;}
.br-none{border:none;}
.outline-none{outline:none;}
.txt-dec-none{text-decoration:none;}
.box-shadow-none{box-shadow:none;}
.round{border-radius:50%;}
.float-l{float:left;}
.float-r{float:right;}
.pointer{cursor:pointer;}
.cursor-progress{cursor:progress;}
.cursor-help{cursor:help;}
.cursor-nodrop{cursor:no-drop;}

.op-1{opacity:1}
.op-01{opacity:0.1}
.op-02{opacity:0.2}
.op-03{opacity:0.3}
.op-04{opacity:0.4}
.op-05{opacity:0.5}
.op-06{opacity:0.6}
.op-07{opacity:0.7}
.op-08{opacity:0.8}
.op-09{opacity:0.9}


.poistion-sticky{position:sticky;}
.border-top-1px-dark{border-top:1px solid #000;}
.txt-shadow{text-shadow:5px 5px 10px rgba(0,0,0,0.5)}
.txt-shadow2{text-shadow:2px 2px 3px rgba(0,0,0,1)}
.txt-shadow3{text-shadow:1px 1px 1px rgba(0,0,0,1)}
.box-shadow{box-shadow:5px 10px 5px rgba(0,0,0,0.2)}
.box-shadow2{box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.box-shadow3{box-shadow:0px 3px 3px rgba(0,0,0,0.4)}
.word-wrap-br-all{word-wrap:break-all;}
/*----------------------------------------------------
------------------------------------------------------*/