/*remove body default style*/
body{ margin:0px; }

/*display*/
.flex{ display:flex; }
.block{ display:block; }
.inline-block{ display:inline-block; }
.none{ display:none;}
.flex-wrap{ flex-wrap: wrap;}

/*justify content*/
.space-between{ justify-content:space-between; }
.space-around{ justify-content:space-around; }
.space-evenly{ justify-content: space-evenly; }
.space-center{ justify-content: center; }
.space-start{ justify-content: flex-start; }
.space-end{ justify-content: flex-end; }

/*align items*/
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }
.align-center{ align-items: center; }

/*width pixels*/
.w-25-px{ width:25px; }
.w-50-px{ width:50px; }
.w-75-px{ width:75px; }
.w-100-px{ width:100px; }
.w-125-px{ width:125px; }
.w-150-px{ width:150px; }
.w-175-px{ width:175px; }
.w-200-px{ width:200px; }
.w-225-px{ width:225px; }
.w-250-px{ width:250px; }
.w-275-px{ width:275px; }
.w-300-px{ width:300px; }

/*width percent*/
.w-1-p{ width:1%; }
.w-2-p{ width:2%; }
.w-3-p{ width:3%; }
.w-4-p{ width:4%; }
.w-5-p{ width:5%; }
.w-6-p{ width:6%; }
.w-7-p{ width:7%; }
.w-8-p{ width:8%; }
.w-9-p{ width:9%; }
.w-10-p{ width:10%; }
.w-15-p{ width:15%; }
.w-17-p{ width:17%; }
.w-18-p{ width:18%; }
.w-19-p{ width:19%; }
.w-20-p{ width:20%; }
.w-23-p{ width:23%; }
.w-25-p{ width:25%; }
.w-30-p{ width:30%; }
.w-35-p{ width:35%; }
.w-40-p{ width:40%; } 
.w-45-p{ width:45%; }
.w-47-p{ width:47%; }
.w-49-p{ width:49%; }
.w-50-p{ width:50%; }
.w-55-p{ width:55%; }
.w-60-p{ width:60%; }
.w-65-p{ width:65%; }
.w-70-p{ width:70%; }
.w-75-p{ width:75%; }
.w-80-p{ width:80%; }
.w-85-p{ width:85%; }
.w-90-p{ width:90%; }
.w-95-p{ width:95%; }
.w-100-p{ width:100%; }

/*margin top*/
.mt-0{ margin-top:0px; }
.mt-1{ margin-top:5px; }
.mt-2{ margin-top:10px; }
.mt-3{ margin-top:15px; }
.mt-4{ margin-top:20px; }
.mt-5{ margin-top:25px; }
.mt-6{ margin-top:30px; }
.mt-7{ margin-top:35px; }
.mt-8{ margin-top:40px; }
.mt-9{ margin-top:45px; }
.mt-10{ margin-top:50px; }
.mt-11{ margin-top:55px; }
.mt-12{ margin-top:60px; }
.mt-13{ margin-top:65px; }
.mt-14{ margin-top:70px; }
.mt-15{ margin-top:75px; }
.mt-16{ margin-top:80px; }
.mt-17{ margin-top:85px; }
.mt-18{ margin-top:90px; }
.mt-19{ margin-top:95px; }
.mt-20{ margin-top:100px; }

/*margin bottom*/
.mb-0{ margin-bottom:0px; }
.mb-1{ margin-bottom:5px; }
.mb-2{ margin-bottom:10px; }
.mb-3{ margin-bottom:15px; }
.mb-4{ margin-bottom:20px; }
.mb-5{ margin-bottom:25px; }
.mb-6{ margin-bottom:30px; }
.mb-7{ margin-bottom:35px; }
.mb-8{ margin-bottom:40px; }
.mb-9{ margin-bottom:45px; }
.mb-10{ margin-bottom:50px; }
.mb-11{ margin-bottom:55px; }
.mb-12{ margin-bottom:60px; }
.mb-13{ margin-bottom:65px; }
.mb-14{ margin-bottom:70px; }
.mb-15{ margin-bottom:75px; }
.mb-16{ margin-bottom:80px; }
.mb-17{ margin-bottom:85px; }
.mb-18{ margin-bottom:90px; }
.mb-19{ margin-bottom:95px; }
.mb-20{ margin-bottom:100px; }

/*margin left*/
.ml-0{ margin-left:0px; }
.ml-1{ margin-left:5px; }
.ml-2{ margin-left:10px; }
.ml-3{ margin-left:15px; }
.ml-4{ margin-left:20px; }
.ml-5{ margin-left:25px; }
.ml-6{ margin-left:30px; }
.ml-7{ margin-left:35px; }
.ml-8{ margin-left:40px; }
.ml-9{ margin-left:45px; }
.ml-10{ margin-left:50px; }
.ml-11{ margin-left:55px; }
.ml-12{ margin-left:60px; }
.ml-13{ margin-left:65px; }
.ml-14{ margin-left:70px; }
.ml-15{ margin-left:75px; }
.ml-16{ margin-left:80px; }
.ml-17{ margin-left:85px; }
.ml-18{ margin-left:90px; }
.ml-19{ margin-left:95px; }
.ml-20{ margin-left:100px; }

/*margin right*/
.mr-0{ margin-right:0px; }
.mr-1{ margin-right:5px; }
.mr-2{ margin-right:10px; }
.mr-3{ margin-right:15px; }
.mr-4{ margin-right:20px; }
.mr-5{ margin-right:25px; }
.mr-6{ margin-right:30px; }
.mr-7{ margin-right:35px; }
.mr-8{ margin-right:40px; }
.mr-9{ margin-right:45px; }
.mr-10{ margin-right:50px; }
.mr-11{ margin-right:55px; }
.mr-12{ margin-right:60px; }
.mr-13{ margin-right:65px; }
.mr-14{ margin-right:70px; }
.mr-15{ margin-right:75px; }
.mr-16{ margin-right:80px; }
.mr-17{ margin-right:85px; }
.mr-18{ margin-right:90px; }
.mr-19{ margin-right:95px; }
.mr-20{ margin-right:100px; }

/*padding top*/
.pt-0{ padding-top:0px; }
.pt-1{ padding-top:5px; }
.pt-2{ padding-top:10px; }
.pt-3{ padding-top:15px; }
.pt-4{ padding-top:20px; }
.pt-5{ padding-top:25px; }
.pt-6{ padding-top:30px; }
.pt-7{ padding-top:35px; }
.pt-8{ padding-top:40px; }
.pt-9{ padding-top:45px; }
.pt-10{ padding-top:50px; }
.pt-11{ padding-top:55px; }
.pt-12{ padding-top:60px; }
.pt-13{ padding-top:65px; }
.pt-14{ padding-top:70px; }
.pt-15{ padding-top:75px; }
.pt-16{ padding-top:80px; }
.pt-17{ padding-top:85px; }
.pt-18{ padding-top:90px; }
.pt-19{ padding-top:95px; }
.pt-20{ padding-top:100px; }

/*padding bottop*/
.pb-0{ padding-bottom:0px; }
.pb-1{ padding-bottom:5px; }
.pb-2{ padding-bottom:10px; }
.pb-3{ padding-bottom:15px; }
.pb-4{ padding-bottom:20px; }
.pb-5{ padding-bottom:25px; }
.pb-6{ padding-bottom:30px; }
.pb-7{ padding-bottom:35px; }
.pb-8{ padding-bottom:40px; }
.pb-9{ padding-bottom:45px; }
.pb-10{ padding-bottom:50px; }
.pb-11{ padding-bottom:55px; }
.pb-12{ padding-bottom:60px; }
.pb-13{ padding-bottom:65px; }
.pb-14{ padding-bottom:70px; }
.pb-15{ padding-bottom:75px; }
.pb-16{ padding-bottom:80px; }
.pb-17{ padding-bottom:85px; }
.pb-18{ padding-bottom:90px; }
.pb-19{ padding-bottom:95px; }
.pb-20{ padding-bottom:100px; }

/*padding left*/
.pl-0{ padding-left:0px; }
.pl-1{ padding-left:5px; }
.pl-2{ padding-left:10px; }
.pl-3{ padding-left:15px; }
.pl-4{ padding-left:20px; }
.pl-5{ padding-left:25px; }
.pl-6{ padding-left:30px; }
.pl-7{ padding-left:35px; }
.pl-8{ padding-left:40px; }
.pl-9{ padding-left:45px; }
.pl-10{ padding-left:50px; }
.pl-11{ padding-left:55px; }
.pl-12{ padding-left:60px; }
.pl-13{ padding-left:65px; }
.pl-14{ padding-left:70px; }
.pl-15{ padding-left:75px; }
.pl-16{ padding-left:80px; }
.pl-17{ padding-left:85px; }
.pl-18{ padding-left:90px; }
.pl-19{ padding-left:95px; }
.pl-20{ padding-left:100px; }

/*padding right*/
.pr-0{ padding-right:0px; }
.pr-1{ padding-right:5px; }
.pr-2{ padding-right:10px; }
.pr-3{ padding-right:15px; }
.pr-4{ padding-right:20px; }
.pr-5{ padding-right:25px; }
.pr-6{ padding-right:30px; }
.pr-7{ padding-right:35px; }
.pr-8{ padding-right:40px; }
.pr-9{ padding-right:45px; }
.pr-10{ padding-right:50px; }
.pr-11{ padding-right:55px; }
.pr-12{ padding-right:60px; }
.pr-13{ padding-right:65px; }
.pr-14{ padding-right:70px; }
.pr-15{ padding-right:75px; }
.pr-16{ padding-right:80px; }
.pr-17{ padding-right:85px; }
.pr-18{ padding-right:90px; }
.pr-19{ padding-right:95px; }
.pr-20{ padding-right:100px; }

/*border*/
.b-1-s{ border:1px solid;}
.b-t-1-s{ border-top:1px solid;}
.b-b-1-s{ border-bottom:1px solid;}
.b-l-1-s{ border-left:1px solid;}
.b-r-1-s{ border-right:1px solid;}

a:link { text-decoration:none;cursor:pointer;color:inherit; }
a:hover { text-decoration:none;cursor:pointer;color:inherit; }
a:visited { text-decoration:none;cursor:pointer;color:inherit; }
a:active { text-decoration:none;cursor:pointer;color:inherit; }

.text-none{ text-transform:none;}
.text-capitalize{ text-transform:capitalize;}
.text-uppercase{ text-transform:uppercase;}
.text-lowercase{ text-transform:lowercase;}

.absolute{ position:absolute;}
.fixed{ position:fixed;}
.relative{position:relative;}

.text-center{ text-align:center; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }
.text-justify{ text-align:justify; }

.full-height{ height:100vh; }