@font-face{
  font-family: "AvenirNextBold";
  font-style: normal;
  font-weight: normal;
  src:url("../font/AvenirNextLTPro_Bold.otf")format("opentype");
}

@font-face{
  font-family: "AvenirNextLight";
  font-style: normal;
  font-weight: normal;
  src:url("../font/AvenirNextLTPro_lt.otf")format("opentype");
}

@font-face{
  font-family: "AvenirNextRegular";
  font-style: normal;
  font-weight: normal;
  src:url("../font/AvenirNextLTPro_Regular.otf")format("opentype");
}

@font-face{
  font-family: "JosefinSansLight";
    font-style: normal;
    font-weight: normal;
    src:url("../font/JosefinSans-Light.ttf")format("truetype");
}


@font-face{
  font-family: "JosefinSans";
    font-style: normal;
    font-weight: normal;
    src:url("../font/JosefinSans-Regular.ttf")format("truetype");
}

@font-face{
  font-family: "AllerBd";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Aller_Bd.ttf")format("truetype");
}


@font-face{
  font-family: "AllerRg";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Aller_Rg.ttf")format("truetype");
}

@font-face{
  font-family: "Sweet";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Sweet.ttf")format("truetype");
}

@font-face{
  font-family: "AmaranthR";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Amaranth-Regular.otf")format("opentype");
}

@font-face{
  font-family: "AmaranthI";
    font-style: italic;
    font-weight: normal;
    src:url("../font/Amaranth-Italic.otf")format("opentype");
}

@font-face{
  font-family: "AmaranthB";
    font-style: bold;
    font-weight: normal;
    src:url("../font/Amaranth-Bold.otf")format("opentype");
}

@font-face{
  font-family: "AmaranthBI";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Amaranth-Bold.otf")format("opentype");
}

@font-face{
  font-family: "Calibri";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Calibri.ttf")format("truetype");
}

@font-face{
  font-family: "Gotham";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Gotham.ttf")format("truetype");
}

@font-face{
  font-family: "Helvetica";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Helvetica.ttf")format("truetype");
}

@font-face{
  font-family: "HelveticaRounded";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Helvetica-rounded.otf")format("opentype");
}

@font-face{
  font-family: "Montserrat";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Montserrat-Regular.ttf")format("truetype");
}

@font-face{
  font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Roboto-Regular.ttf")format("truetype");
}

@font-face{
  font-family: "Gothic";
    font-style: normal;
    font-weight: normal;
    src:url("../font/CenturyGothic.ttf")format("truetype");
}

@font-face{
  font-family: "Circular";
    font-style: normal;
    font-weight: normal;
    src:url("../font/CircularStd-Book.otf")format("opentype");
}

@font-face{
  font-family: "Santana";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Santana-RegularCondensed.ttf")format("truetype");
}

@font-face{
  font-family: "SantanaBold";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Santana-Bold.ttf")format("truetype");
}

@font-face{
  font-family: "SantanaBlack";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Santana-Black.ttf")format("truetype");
}

@font-face{
  font-family: "FlameRegular";
    font-style: normal;
    font-weight: normal;
    src:url("../font/FlameRegular.otf")format("opentype");
}

@font-face{
  font-family: "FlameBold";
    font-style: normal;
    font-weight: normal;
    src:url("../font/FlameBold.otf")format("opentype");
}

@font-face{
  font-family: "Flame";
    font-style: normal;
    font-weight: normal;
    src:url("../font/FlameSans.otf")format("opentype");
}

@font-face{
  font-family: "Dunkin";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Dunkin-Sans.ttf")format("truetype");
}

@font-face{
  font-family: "Futura";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Futura.otf")format("opentype");
}

:root{
  --font-size: 1em;
  --line-height: 1.2;
}

*{
  font-size: var(--font-size);
  padding: 0px;
  margin: 0px;
  /* list-style: none; */
  text-decoration: none;
  box-sizing: border-box;
  /*font-family: "AllerRg";*/
  line-height: var(--line-height);
}

html{
  scroll-behavior: smooth;
  font-size: 1em;
}

.font-avenir-regular{
  font-family: "AvenirNextRegular" !important;
}

.font-avenir-light{
  font-family: "AvenirNextLight" !important;
}

.font-avenir-bold{
  font-family: "AvenirNextBold" !important;
}

.font-gothic{
  font-family: "Gothic" !important;
}

.font-calibri{
  font-family: "Calibri" !important;
}

.font-gotham{
  font-family: "Gotham" !important;
}

.font-helvetica{
  font-family: "Helvetica" !important;
}

.font-helvetica-rounded{
  font-family: "HelveticaRounded" !important;
}

.font-montserrat{
  font-family: "Montserrat" !important;
}

.font-roboto{
  font-family: "Roboto" !important;
}

.font-amaranthBI{
  font-family: "AmaranthBI" !important;
}

.font-amaranthB{
  font-family: "AmaranthB" !important;
}

.font-amaranthI{
  font-family: "AmaranthI" !important;
}

.font-amaranthR{
  font-family: "AmaranthR" !important;
}

.font-sweet{
  font-family: "Sweet" !important;
}

.font-allerRg{
  font-family: "AllerRg" !important;
}

.font-allerBd{
  font-family: "AllerBd" !important;
}

.font-jsansLight{
  font-family: "JosefinSansLight" !important;
}

.font-jsans{
  font-family: "JosefinSans" !important;
}

.font-circular{
  font-family: "Circular" !important;
}

.font-santana{
  font-family: "Santana" !important;
}

.font-santana-bold{
  font-family: "SantanaBold" !important;
}

.font-santana-black{
  font-family: "SantanaBlack" !important;
}

.font-flame{
  font-family: "Flame" !important;
}

.font-flame-regular{
  font-family: "FlameRegular" !important;
}

.font-flame-bold{
  font-family: "FlameBold" !important;
}

.font-dunkin{
  font-family: "Dunkin" !important;
}

.font-futura{
  font-family: "Futura" !important;
}

div, img, p{
  transition: all 80ms ease-in-out;
}


/*Start of visibility definition*/
.visibility-hidden{
  visibility: hidden;
}

.visibility-visible{
  visibility: visible;
}

.display-none{
  display: none;
}

.display-block{
  display: block;
}

/*End of visibility definition*/


.color-bg-grey{
  color: white;
  background-color: #333333;
}




/*Start of Width Definitions*/


/*Max-width definitions*/

.max-width-100{
  max-width: 100%;
}

.max-width-90{
  max-width: 90%;
}

.max-width-80{
  max-width: 80%;
}

.max-width-70{
  max-width: 70%;
}

.max-width-60{
  max-width: 60%;
}

.max-width-50{
  max-width: 50%;
}

.max-width-40{
  max-width: 40%;
}

.max-width-30{
  max-width: 30%;
}

.max-width-20{
  max-width: 20%;
}

.max-width-10{
  max-width: 10%;
}

/*End of Max Width defintions*/






/*Start of min-width definitions*/
.min-width-100{
  min-width: 100%;
}

.min-width-95{
  min-width: 95%;
}

.min-width-90{
  min-width: 90%;
}

.min-width-85{
  min-width: 85%;
}

.min-width-80{
  min-width: 80%;
}

.min-width-75{
  min-width: 75%;
}

.min-width-70{
  min-width: 70%;
}

.min-width-65{
  min-width: 65%;
}

.min-width-60{
  min-width: 60%;
}

.min-width-55{
  min-width: 55%;
}

.min-width-50{
  min-width: 50%;
}

.min-width-45{
  min-width: 45%;
}

.min-width-40{
  min-width: 40%;
}

.min-width-35{
  min-width: 35%;
}

.min-width-30{
  min-width: 30%;
}

.min-width-25{
  min-width: 25%;
}

.min-width-20{
  min-width: 20%;
}

.min-width-15{
  min-width: 15%;
}

.min-width-10{
  min-width: 10%;
}

.min-width-5{
  min-width: 5%;
}

.min-width-0{
  min-width: 0%;
}

/*End of min-width definitions*/







/*Normal width definitions*/
.width-auto{
  width: 100%;
}

.width-200{
  width: 200%;
}

.width-100{
  width: 100%;
}

.width-95{
  width: 95%;
}

.width-90{
  width: 90%;
}

.width-85{
  width: 85%;
}

.width-80{
  width: 80%;
}

.width-75{
  width: 75%;
}

.width-70{
  width: 70%;
}

.width-65{
  width: 65%;
}

.width-60{
  width: 60%;
}

.width-55{
  width: 55%;
}

.width-50{
  width: 50%;
}

.width-45{
  width: 45%;
}

.width-40{
  width: 40%;
}

.width-35{
  width: 35%;
}

.width-30{
  width: 30%;
}

.width-25{
  width: 25%;
}

.width-20{
  width: 20%;
}

.width-15{
  width: 15%;
}

.width-10{
  width: 10%;
}

.width-5{
  width: 5%;
}

.width-0{
  width: 0%;
}

/*End of width definitions*/








/*Start of Height definitions*/

/*Max height definitions*/

.max-height-100{
  max-height: 100vh;
}

.max-height-95{
  max-height: 95vh;
}

.max-height-90{
  max-height: 90vh;
}

.max-height-85{
  max-height: 85vh;
}

.max-height-80{
  max-height: 80vh;
}

.max-height-75{
  max-height: 75vh;
}

.max-height-70{
  max-height: 70vh;
}

.max-height-65{
  max-height: 65vh;
}

.max-height-60{
  max-height: 60vh;
}

.max-height-55{
  max-height: 55vh;
}

.max-height-50{
  max-height: 50vh;
}

.max-height-45{
  max-height: 45vh;
}

.max-height-40{
  max-height: 40vh;
}

.max-height-35{
  max-height: 35vh;
}

.max-height-30{
  max-height: 30vh;
}

.max-height-25{
  max-height: 25vh;
}

.max-height-20{
  max-height: 20vh;
}

.max-height-15{
  max-height: 15vh;
}

.max-height-10{
  max-height: 10vh;
}

.max-height-9{
  max-height: 9vh;
}

.max-height-8{
  max-height: 8vh;
}

.max-height-7{
  max-height: 7vh;
}

.max-height-6{
  max-height: 6vh;
}

.max-height-5{
  max-height: 5vh;
}

.max-height-1{
  max-height: 1vh;
}


/*End of Max height definitions*/






/*Start of Min-height definitions*/

.min-height-100{
  min-height: 100vh;
}

.min-height-95{
  min-height: 95vh;
}

.min-height-90{
  min-height: 90vh;
}

.min-height-85{
  min-height: 85vh;
}

.min-height-80{
  min-height: 80vh;
}

.min-height-75{
  min-height: 75vh;
}

.min-height-70{
  min-height: 70vh;
}

.min-height-65{
  min-height: 65vh;
}

.min-height-60{
  min-height: 60vh;
}

.min-height-55{
  min-height: 55vh;
}

.min-height-50{
  min-height: 50vh;
}

.min-height-45{
  min-height: 45vh;
}

.min-height-40{
  min-height: 40vh;
}

.min-height-35{
  min-height: 35vh;
}

.min-height-30{
  min-height: 30vh;
}

.min-height-25{
  min-height: 25vh;
}

.min-height-20{
  min-height: 20vh;
}

.min-height-15{
  min-height: 15vh;
}

.min-height-10{
  min-height: 10vh;
}

.min-height-9{
  min-height: 9vh;
}

.min-height-8{
  min-height: 8vh;
}

.min-height-7{
  min-height: 7vh;
}

.min-height-6{
  min-height: 6vh;
}

.min-height-5{
  min-height: 5vh;
}

.min-height-1{
  min-height: 1vh;
}


/*End of Min-height definitions*/








/*Normal height definitions*/

.height-auto{
  height: 100%;
}

.height-100{
  height: 100vh;
}

.height-95{
  height: 95vh;
}

.height-90{
  height: 90vh;
}

.height-85{
  height: 85vh;
}

.height-80{
  height: 80vh;
}

.height-75{
  height: 75vh;
}

.height-70{
  height: 70vh;
}

.height-65{
  height: 65vh;
}

.height-60{
  height: 60vh;
}

.height-55{
  height: 55vh;
}

.height-50{
  height: 50vh;
}

.height-45{
  height: 45vh;
}

.height-40{
  height: 40vh;
}

.height-35{
  height: 35vh;
}

.height-30{
  height: 30vh;
}

.height-25{
  height: 25vh;
}

.height-20{
  height: 20vh;
}

.height-15{
  height: 15vh;
}

.height-10{
  height: 10vh;
}

.height-9{
  height: 9vh;
}

.height-8{
  height: 8vh;
}

.height-7{
  height: 7vh;
}

.height-6{
  height: 6vh;
}

.height-5{
  height: 5vh;
}

.height-4{
  height: 4vh;
}

.height-3{
  height: 3vh;
}

.height-2{
  height: 2vh;
}

.height-1{
  height: 1vh;
}

/*End of height definitions*/







/*Navigation*/

.nav ul{
  position: relative;
}

/*.nav ul li{
  display: inline-block;
}*/

/*.nav ul li:hover{
  background: #333;
}*/

.nav ul li a,visited{
  /*color: #ccc;*/
  display: block;
  /*padding: 15px;*/
  padding: 19px 10px;
}

/*.nav ul li a:hover{
  color: #ccc;
}
*/

.nav ul li:hover ul{
  display: block;
}

.nav ul ul{
  display: none;
  position: absolute;
  background: #f0f0f0;
}

.nav ul ul li{
  display: block;
}

/*End of Navigation*/


















.container{
  width: 90%;
  margin: auto;
  height: 100%;
}

.full{
  width: 100%;
  height: 100%;
}


/*Start of Table definition*/

table, th, td{
  border: none;
}

table.table{
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  /*margin: 0px auto;*/
}

table.striped tr {
  border-bottom: none;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(242, 242, 242, 0.5);
}

table.striped > tbody > tr > td {
  border-radius: 0;
}

table.highlight > tbody > tr {
  -webkit-transition: background-color .25s ease;
  transition: background-color .25s ease;
}

table.highlight > tbody > tr:hover {
  background-color: rgba(242, 242, 242, 0.5);
}

tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

td, th {
  padding: 10px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

table.table.bordered tr th, table.table.bordered tr td{
  border: 0.5px solid grey;
}

tr.bordered th, tr.bordered td{
  border: 0.5px solid grey;
}

th.bordered{
  border: 0.5px solid grey;
}

td.bordered{
  border: 0.5px solid grey;
}



/*Start of table background color definitions*/

tr.red-bg th, tr.red-bg td, td.red-bg, th.red-bg{
  background-color: #e3263c;
}

tr.yellow-bg th, tr.yellow-bg td, td.yellow-bg, th.yellow-bg{
  background-color: #feae02;
}

tr.green-bg th, tr.green-bg td, td.green-bg, th.green-bg{
  background-color: #23a201;
}

tr.grey-bg th, tr.grey-bg td, td.grey-bg, th.grey-bg{
  background-color: #6d706c;
}

tr.deep-grey-bg th, tr.deep-grey-bg td, td.deep-grey-bg, th.deep-grey-bg{
  background-color: #333333;
}

tr.black-bg th, tr.black-bg td, td.black-bg, th.black-bg{
  background-color: black;
}

tr.blue-bg th, tr.blue-bg td, td.blue-bg, th.blue-bg{
  background-color: #1a6ae3;
}

tr.deep-blue-bg th, tr.deep-blue-bg td, td.deep-blue-bg, th.deep-blue-bg{
  background-color: #0a1d3a;
}

tr.transparent-bg th, tr.transparent-bg td, td.transparent-bg, th.transparent-bg{
  background-color: transparent;
}

tr.light-grey-bg th, tr.light-grey-bg td, td.light-grey-bg, th.light-grey-bg{
  background-color: #1a6ae3;
}

tr.off-white-bg th, tr.off-white-bg td, td.off-white-bg, th.off-white-bg{
  background-color: #f0f0f0;
}

tr.light-yellow-bg th, tr.light-yellow-bg td, td.light-yellow-bg, th.light-yellow-bg{
  background-color: #f6c252;
}

/*End of table background color*/



/*Start of table text color definitions*/

tr.red-text th, tr.red-text td, td.red-text, th.red-text{
  color: #e3263c;
}

tr.yellow-text th, tr.yellow-text td, td.yellow-text, th.yellow-text{
  color: #feae02;
}

tr.green-text th, tr.green-text td, td.green-text, th.green-text{
  color: #23a201;
}

tr.grey-text th, tr.grey-text td, td.grey-text, th.grey-text{
  color: #6d706c;
}

tr.deep-grey-text th, tr.deep-grey-text td, td.deep-grey-text, th.deep-grey-text{
  color: #333333;
}

tr.black-text th, tr.black-text td, td.black-text, th.black-text{
  color: black;
}

tr.blue-text th, tr.blue-text td, td.blue-text, th.blue-text{
  color: #1a6ae3;
}

tr.deep-blue-text th, tr.deep-blue-text td, td.deep-blue-text, th.deep-blue-text{
  color: #0a1d3a;
}

tr.light-grey-text th, tr.light-grey-text td, td.light-grey-text, th.light-grey-text{
  color: #1a6ae3;
}

tr.off-white-text th, tr.off-white-text td, td.off-white-text, th.off-white-text{
  color: #f0f0f0;
}

tr.light-yellow-text th, tr.light-yellow-text td, td.light-yellow-text, th.light-yellow-text{
  color: #f6c252;
}

/*End of table text color definitions*/


/*Start of table text align definitions*/

table.right-text thead tr th, table.right-text tbody tr td{
  text-align: right;
}

table.center-text thead tr th, table.center-text tbody tr td{
  text-align: center;
}

table.left-text thead tr th, table.left-text tbody tr td{
  text-align: left;
}

table.justify-text thead tr th, table.justify-text tbody tr td{
  text-align: justify;
}


tr.right-text th, tr.right-text td{
  text-align: right;
}

tr.center-text th, tr.center-text td{
  text-align: center;
}

tr.left-text th, tr.left-text td{
  text-align: left;
}

tr.justify-text th, tr.justify-text td{
  text-align: justify;
}


th.left-text, td.left-text{
  text-align: left;
}

th.right-text, td.right-text{
  text-align: right;
}

th.center-text, td.center-text{
  text-align: center;
}

th.justify-text, td.justify-text{
  text-align: left;
}

/*End of table text align definitions*/


/*Float table definitions*/
table.left{
  float: left;
}

table.right{
  float: right;
}

/*End of table definitions*/


/*Start of table font family definitions*/

table.allerBd, thead.allerBd, tbody.allerBd, tr.allerBd, th.allerBd, th.allerBd{
  font-family: "AllerBd";
}

table.allerRg, thead.allerRg, tbody.allerRg, tr.allerRg, th.allerRg, td.allerRg{
  font-family: "AllerRg";
}

table.sweet, thead.sweet, tbody.sweet, tr.sweet, th.sweet, td.sweet{
  font-family: "Sweet";
}

/*End of table font family definitions*/


/*Start of font size definitions*/

table.font-10, tr.font-10, th.font-10, th.font-10{
  font-size: 10px;
}

table.font-11, tr.font-11, th.font-11, th.font-11{
  font-size: 11px;
}

table.font-12, tr.font-12, th.font-12, th.font-12{
  font-size: 12px;
}

table.font-13, tr.font-13, th.font-13, th.font-13{
  font-size: 13px;
}

table.font-14, tr.font-14, th.font-14, th.font-14{
  font-size: 14px;
}

table.font-15, tr.font-15, th.font-15, th.font-15{
  font-size: 15px;
}

table.font-16, tr.font-16, th.font-16, th.font-16{
  font-size: 16px;
}

table.font-17, tr.font-17, th.font-17, th.font-17{
  font-size: 17px;
}

table.font-18, tr.font-18, th.font-18, th.font-18{
  font-size: 18px;
}

table.font-19, tr.font-19, th.font-19, th.font-19{
  font-size: 19px;
}

table.font-20, tr.font-20, th.font-20, th.font-20{
  font-size: 20px;
}

table.font-25, tr.font-25, th.font-25, th.font-25{
  font-size: 25px;
}

table.font-30, tr.font-30, th.font-30, th.font-30{
  font-size: 30px;
}

table.font-35, tr.font-35, th.font-35, th.font-35{
  font-size: 35px;
}

table.font-40, tr.font-40, th.font-40, th.font-40{
  font-size: 40px;
}

table.font-45, tr.font-45, th.font-45, th.font-45{
  font-size: 45px;
}

table.font-50, tr.font-50, th.font-50, th.font-50{
  font-size: 50px;
}

table.font-60, tr.font-60, th.font-60, th.font-60{
  font-size: 60px;
}

/*End of font size definitions*/



/*End of table definitons*/





/*Start of flex defintions*/

.row{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.flex-row{
  width: 100%;
  display: flex;
  flex-direction: row;
}

.flex-row-reverse{
  display: flex;
  flex-direction: row-reverse;
}

.flex-column{
  display: flex;
  flex-direction: column;
}

.flex-column-reverse{
  display: flex;
  flex-direction: column-reverse;
}

.justify-content-center{
  justify-content: center;
}

.align-items-center{
  align-items: center;
}

.flex-wrap{
  flex-wrap: wrap;
}

.justify-content-space-around{
  justify-content: space-around;
}

.justify-content-space-between{
  justify-content: space-between;
}

.flex-wrap-reverse{
  flex-wrap: wrap-reverse;
}

.col-1{
  width: 8.333%;
}

.col-2{
  width: 16.666%;
}

.col-3{
  width: 24.999%;
}

.col-4{
  width: 33.332%;
}

.col-5{
  width: 41.665%;
}

.col-6{
  width: 49.998%;
}

.col-7{
  width: 58.331%;
}

.col-8{
  width: 66.664%;
}

.col-9{
  width: 74.997%;
}

.col-10{
  width: 83.333%;
}

.col-11{
  width: 91.663%;
}

.col-12{
  width: 99.996%;
}

/*End of flex defintions*/







/*Start of color definitions*/

.white-text{
  color: white;
}

.red-text{
  color: #e3263c;
}

.yellow-text{
  color: #feae02;
}

.green-text{
  color: #23a201;
}

.grey-text{
  color: #6d706c;
}

.deep-grey-text{
  color: #444343;
}

.deep-grey-text{
  color: #333333;
}

.black-text{
  color: black;
}

.blue-text{
  color: #1a6ae3;
}

.deep-blue-text{
  color: #0a1d3a;
}

.transparent-bg{
  background-color: transparent;
}

.deep-grey-bg{
  background-color: #333333;
}

.light-grey-bg{
  background-color: #ddd;
}

.deep-blue-bg{
  background-color: #0a1d3a;
}

.blue-bg{
  background-color: #1a6ae3;
}

.white-bg{
  background-color: white;
}

.off-white-bg{
  background-color: #f0f0f0;
}

.red-bg{
  background-color: #e3263c;
}

.yellow-bg{
  background-color: #feae02;
}

.light-yellow-bg{
  background-color: #f6c252;
}

.green-bg{
  background-color: #23a201;
}

.grey-bg{
  background-color: #6d706c;
  opacity: 0.8;
}

.black-bg{
  background-color: black;
}

.dirty-white-bg{
  background-color: #d1cfd0;
}

.light-green-bg{
  background-color: #3eb592;
}

/*End of color definition*/









/*Start of button and Input definitions*/

button.fixed{
  position: fixed;
}

button.absolute{
  position: absolute;
}

button.relative{
  position: relative;
}

button.top-0{
  top: 0;
}

button.top-10{
  top: 10%;
}

button.top-20{
  top: 20%;
}

button.top-30{
  top: 30%;
}

button.top-40{
  top: 40%;
}

button.top-50{
  top: 50%;
}

button.bottom-0{
  bottom: 0;
}

button.bottom-10{
  bottom: 10%;
}

button.bottom-20{
  bottom: 20%;
}

button.bottom-30{
  bottom: 30%;
}

button.bottom-40{
  bottom: 40%;
}

button.bottom-50{
  bottom: 50%;
}

button.transparent, input[type=text].transparent, input[type=submit].transparent, input[type=password].transparent, input[type=number].transparent{
  background-color: transparent;
  border: none;
}

button.disabled{
  color: #f1f1f1;
}

button.deep-grey-text{
  color: #333333;
}

button.font-10{
  font-size: 10px;
}

button.font-20{
  font-size: 20px;
}

button.font-30{
  font-size: 30px;
}

button.font-40{
  font-size: 40px;
}

button.font-40{
  font-size: 40px;
}

button.button-yellow:active, button.ghost:active, div.btn:active{
  background-color: red;
  transform: scale(0.95);
}

button.ghost{
  padding: 15px 45px;
  border-radius: 50px;
  border: 1px solid #feae02;
  background-color: transparent;
}

button.red-bg{
  background-color: #e3263c;
}

button.rounded-5{
  border-radius: 5px;
}

button.white-text{
  color: white;
}

button.padding-15{
  padding: 15px 15px;
}

button.button-yellow{
  padding: 15px 45px;
  border-radius: 50px;
  background-color: #feae02;
  border: none;
  transition: all 100ms ease-in;
}

textarea{
  width: 100%;
  background-color: #ddd;
  padding: 10px 15px;
  border: none;
  height: 250px;
}

textarea:focus{
  background-color: lightblue;
}

select{
  width: 100%;
  padding: 10px 15px;
 /* border: none;*/
}

input[type=text]{
  width: 100%;
  background-color: #ddd;
  padding: 0.625em 0.9375em;
  border: none;
}

.input{
  width: 100%;
  padding: 0.625em 0.9375em;
  background-color: #ddd;
  border: none;
}

input[type=date].input{
  width: 100%;
  padding: 10px 15px;
  background-color: #ddd;
  border: none;
}

input[type=file].input{
  width: 100%;
  padding: 10px 15px;
  background-color: #ddd;
  border: none;
}

input[type=number].input{
  width: 100%;
  padding: 10px 15px;
  background-color: #ddd;
  border: none;
}

input[type=text]:focus{
  background-color: lightblue;
}

input[type=submit], button{
  border: none;
  padding: 10px 35px;
  background-color: #23a201;
  border-radius: 2px;
  transition: all 100ms ease-in;
}

input[type=submit]:active, button:active{
  background-color: red;
  transform: scale(0.95);
}

input[type=submit]:hover, button.button-yellow:hover, button.ghost:hover{
  transform: translateY(-5%);
}

button.btn, input[type=submt].btn{
  padding: 15px 35px;
}


div.btn{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

input.transparent{
  background-color: transparent;
  border: 1px solid black;
}

textarea.transparent{
  background-color: transparent;
  border: 1px solid black;
}

textarea.allerRg{
  font-family: "AllerRg";
}

button.border-all-1, input[type=text].border-all-1, input[type=submit].border-all-1, input[type=password].border-all-1, input[type=number].border-all-1, input[type=file].border-all-1{
  border: 1px solid black;
}

button.width-100, input[type=text].width-100, input[type=password].width-100, input[type=submit].width-100, input[type=date].width-100, input[type=number].width-100{
  width: 100%;
}

button.width-90, input[type=text].width-90, input[type=password].width-90, input[type=submit].width-90, input[type=date].width-90, input[type=number].width-90{
  width: 90%;
}

button.width-80, input[type=text].width-80, input[type=password].width-80, input[type=submit].width-80, input[type=date].width-80, input[type=number].width-80{
  width: 80%;
}

button.width-70, input[type=text].width-70, input[type=password].width-70, input[type=submit].width-70, input[type=date].width-70, input[type=number].width-70{
  width: 70%;
}

button.width-60, input[type=text].width-60, input[type=password].width-60, input[type=submit].width-60, input[type=date].width-60, input[type=number].width-60{
  width: 60%;
}

button.width-50, input[type=text].width-50, input[type=password].width-50, input[type=submit].width-50, input[type=date].width-50, input[type=number].width-50{
  width: 50%;
}

button.width-40, input[type=text].width-40, input[type=password].width-40, input[type=submit].width-40, input[type=date].width-40, input[type=number].width-40{
  width: 40%;
}

button.width-30, input[type=text].width-30, input[type=password].width-30, input[type=submit].width-30, input[type=date].width-30, input[type=number].width-30{
  width: 30%;
}

button.width-20, input[type=text].width-20, input[type=password].width-20, input[type=submit].width-20, input[type=date].width-20, input[type=number].width-20{
  width: 20%;
}

button.width-10, input[type=text].width-10, input[type=password].width-10, input[type=submit].width-10, input[type=date].width-10, input[type=number].width-10{
  width: 10%;
}










button.height-8, input[type=text].height-8, input[type=password].height-8, input[type=submit].height-8, input[type=date].height-8, input[type=number].height-8{
  height: 8vh;
}

button.height-10, input[type=text].height-10, input[type=password].height-10, input[type=submit].height-10, input[type=date].height-10, input[type=number].height-10{
  height: 10vh;
}

button.height-20, input[type=text].height-20, input[type=password].height-20, input[type=submit].height-20, input[type=date].height-20, input[type=number].height-20{
  height: 20vh;
}

button.height-30, input[type=text].height-30, input[type=password].height-30, input[type=submit].height-30, input[type=date].height-30, input[type=number].height-30{
  height: 30vh;
}

button.height-40, input[type=text].height-40, input[type=password].height-40, input[type=submit].height-40, input[type=date].height-40, input[type=number].height-40{
  height: 40vh;
}

button.height-50, input[type=text].height-50, input[type=password].height-50, input[type=submit].height-50, input[type=date].height-50, input[type=number].height-50{
  height: 50vh;
}

button.height-60, input[type=text].height-60, input[type=password].height-60, input[type=submit].height-60, input[type=date].height-60, input[type=number].height-60{
  height: 60vh;
}

button.height-70, input[type=text].height-70, input[type=password].height-70, input[type=submit].height-70, input[type=date].height-70, input[type=number].height-70{
  height: 70vh;
}

button.height-80, input[type=text].height-80, input[type=password].height-80, input[type=submit].height-80, input[type=date].height-80, input[type=number].height-80{
  height: 80vh;
}

















button.white-text, input[type=text].white-text, input[type=password].white-text, input[type=submit].white-text, input[type=date].white-text, input[type=number].white-text{
  color: white;
}

button.red-text, input[type=text].red-text, input[type=password].red-text, input[type=submit].red-text, input[type=date].red-text, input[type=number].red-text{
  color: #e3263c;
}

button.yellow-text, input[type=text].yellow-text, input[type=password].yellow-text, input[type=submit].yellow-text, input[type=date].yellow-text, input[type=number].yellow-text{
  color: #feae02;
}

button.green-text, input[type=text].green-text, input[type=password].green-text, input[type=submit].green-text, input[type=date].green-text, input[type=number].green-text{
  color: #23a201;
}

button.grey-text, input[type=text].grey-text, input[type=password].grey-text, input[type=submit].grey-text, input[type=date].grey-text, input[type=number].grey-text{
  color: #6d706c;
}

button.deep-grey-text, input[type=text].deep-grey-text, input[type=password].deep-grey-text, input[type=submit].deep-grey-text, input[type=date].grey-text, input[type=number].deep-grey-text{
  color: #333333;
}

button.black-text, input[type=text].black-text, input[type=password].black-text, input[type=submit].black-text, input[type=date].black-text, input[type=number].black-text{
  color: black;
}

button.blue-text, input[type=text].blue-text, input[type=password].blue-text, input[type=submit].blue-text, input[type=date].blue-text, input[type=number].blue-text{
  color: #1a6ae3;
}

button.deep-blue-text, input[type=text].deep-blue-text, input[type=password].deep-blue-text, input[type=submit].deep-blue-text, input[type=date].deep-blue-text, input[type=number].deep-blue-text{
  color: #0a1d3a;
}

button.light-grey-text, input[type=text].light-grey-text, input[type=password].light-grey-text, input[type=submit].light-grey-text, input[type=date].light-grey-text, input[type=number].light-grey-text{
  color: #ddd;
}

button.light-yellow-text, input[type=text].light-yellow-text, input[type=password].light-yellow-text, input[type=submit].light-yellow-text, input[type=date].light-yellow-text, input[type=number].light-yellow-text{
  color: #f6c252;
}

button.light-green-text, input[type=text].light-green-text, input[type=password].light-green-text, input[type=submit].light-green-text, input[type=date].light-green-text, input[type=number].light-green-text{
  color: #3eb592;
}











button.white-bg, input[type=text].white-bg, input[type=password].white-bg, input[type=submit].white-bg, input[type=date].white-bg, input[type=number].white-bg{
  background-color: white;
}

button.red-bg, input[type=text].red-bg, input[type=password].red-bg, input[type=submit].red-bg, input[type=date].red-bg, input[type=number].red-bg{
  background-color: #e3263c;
}

button.yellow-bg, input[type=text].yellow-bg, input[type=password].yellow-bg, input[type=submit].yellow-bg, input[type=date].yellow-bg, input[type=number].yellow-bg{
  background-color: #feae02;
}

button.green-bg, input[type=text].green-bg, input[type=password].green-bg, input[type=submit].green-bg, input[type=date].green-bg, input[type=number].green-bg{
  background-color: #23a201;
}

button.grey-bg, input[type=text].grey-bg, input[type=password].grey-bg, input[type=submit].grey-bg, input[type=date].grey-bg, input[type=number].grey-bg{
  background-color: #6d706c;
}

button.deep-grey-bg, input[type=text].deep-grey-bg, input[type=password].deep-grey-bg, input[type=submit].deep-grey-bg, input[type=date].grey-bg, input[type=number].deep-grey-bg{
  background-color: #333333;
}

button.black-bg, input[type=text].black-bg, input[type=password].black-bg, input[type=submit].black-bg, input[type=date].black-bg, input[type=number].black-bg{
  background-color: black;
}

button.blue-bg, input[type=text].blue-bg, input[type=password].blue-bg, input[type=submit].blue-bg, input[type=date].blue-bg, input[type=number].blue-bg{
  background-color: #1a6ae3;
}

button.deep-blue-bg, input[type=text].deep-blue-bg, input[type=password].deep-blue-bg, input[type=submit].deep-blue-bg, input[type=date].deep-blue-bg, input[type=number].deep-blue-bg{
  background-color: #0a1d3a;
}

button.light-grey-bg, input[type=text].light-grey-bg, input[type=password].light-grey-bg, input[type=submit].light-grey-bg, input[type=date].light-grey-bg, input[type=number].light-grey-bg{
  background-color: #ddd;
}

button.light-yellow-bg, input[type=text].light-yellow-bg, input[type=password].light-yellow-bg, input[type=submit].light-yellow-bg, input[type=date].light-yellow-bg, input[type=number].light-yellow-bg{
  background-color: #f6c252;
}

button.light-green-bg, input[type=text].light-green-bg, input[type=password].light-green-bg, input[type=submit].light-green-bg, input[type=date].light-green-bg, input[type=number].light-green-bg{
  background-color: #3eb592;
}







button.uppercase, input[type=text].uppercase, input[type=password].uppercase, input[type=submit].uppercase, input[type=date].uppercase, input[type=number].uppercase{
  text-transform: uppercase;
}

button.lowercase, input[type=text].lowercase, input[type=password].lowercase, input[type=submit].lowercase, input[type=date].lowercase, input[type=number].lowercase{
  text-transform: lowercase;
}

button.capitalize, input[type=text].capitalize, input[type=password].capitalize, input[type=submit].capitalize, input[type=date].capitalize, input[type=number].capitalize{
  text-transform: capitalize;
}

button.allerRg, input[type=text].allerRg, input[type=password].allerRg, input[type=submit].allerRg, input[type=date].allerRg, input[type=number].allerRg{
  font-family: "AllerRg"
}

button.allerBd, input[type=text].allerBd, input[type=password].allerBd, input[type=submit].allerBd, input[type=date].allerBd, input[type=number].allerBd{
  font-family: "AllerBd"
}





/*End of Button and Input defintions*/





























/*Round Edges*/

div.round, input.round, button.round, form.round, table.round, span.round{
  border-radius: 2px;
}

div.round-5, input.round-5, button.round-5, form.round-5, table.round-5, span.round-5{
  border-radius: 5px;
}

div.round-10, input.round-10, button.round-10, form.round-10, table.round-10, span.round-10{
  border-radius: 10px;
}

div.round-15, input.round-15, button.round-15, form.round-15, table.round-15, span.round-15{
  border-radius: 15px;
}


/*End of Round Edges*/







/*Start of float definitions*/
.left{
  float: left;
}

.right{
  float: right;
}

/*End of float definitions*/




/*Start of position defintions*/

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.fixed{
  position: fixed;
}

/*End of position defintions*/




/*Start of Top Definitions*/

.top-0{
  top: 0px;
}

.top-5{
  top: 5%;
}

.top-10{
  top: 10%;
}

.top-15{
  top: 15%;
}

.top-20{
  top: 20%;
}

.top-25{
  top: 25%;
}

.top-30{
  top: 30%;
}

.top-35{
  top: 35%;
}

.top-40{
  top: 40%;
}

.top-45{
  top: 45%;
}

.top-50{
  top: 50%;
}

/*End of Top defintions*/









/*Start of Bottom definitions*/

.bottom-0{
  bottom: 0px;
}

.bottom-5{
  bottom: 5%;
}

.bottom-10{
  bottom: 15%;
}

.bottom-20{
  bottom: 20%;
}

.bottom-25{
  bottom: 25%;
}

.bottom-30{
  bottom: 30%;
}

.bottom-35{
  bottom: 35%;
}

.bottom-40{
  bottom: 40%;
}

.bottom-45{
  bottom: 45%;
}

.bottom-50{
  bottom: 50%;
}

.bottom-55{
  bottom: 55%;
}

.bottom-60{
  bottom: 60%;
}

.bottom-65{
  bottom: 65%;
}

.bottom-70{
  bottom: 70%;
}

.bottom-75{
  bottom: 75%;
}

/*End of Bottom Definitions*/





/*Start of Left Defintions*/

.left-0{
  left: 0;
}

.left-5{
  left: 5%;
}

.left-10{
  left: 10%;
}

.left-15{
  left: 15%;
}

.left-20{
  left: 20%;
}

.left-25{
  left: 25%;
}

.left-30{
  left: 30%;
}

.left-35{
  left: 35%;
}

.left-40{
  left: 40%;
}

.left-45{
  left: 45%;
}

.left-50{
  left: 50%;
}

.left-55{
  left: 55%;
}

.left-60{
  left: 60%;
}

/*End of Left definitions*/











/*Start of Right Definitions*/

.right-0{
  right: 0px;
}

.right-1{
  right: 1%;
}

.right-2{
  right: 2%;
}

.right-3{
  right: 3%;
}

.right-4{
  right: 4%;
}

.right-5{
  right: 5%;
}

.right-6{
  right: 6%;
}

.right-7{
  right: 7%;
}

.right-8{
  right: 8%;
}

.right-9{
  right: 9%;
}

.right-10{
  right: 10%;
}

.right-15{
  right: 15%;
}

.right-20{
  right: 20%;
}

.right-25{
  right: 25%;
}

.right-30{
  right: 30%;
}

.right-35{
  right: 35%;
}

.right-40{
  right: 40%;
}

.right-45{
  right: 45%;
}

.right-50{
  right: 50%;
}

.right-55{
  right: 55%;
}

.right-60{
  right: 60%;
}
 

/*End of Right Definitions*/












/*Start of Margin defintions*/

.margin-auto{
  margin: 0px auto;
}

.margin-top-10{
  margin-top: 0.625em;
}

.margin-top-20{
  margin-top: 1.25em;
}

.margin-top-25{
  margin-top: 1.5625em;
}

.margin-top-30{
  margin-top: 1.875em;
}

.margin-top-40{
  margin-top: 2.5em;
}

.margin-top-50{
  margin-top: 3.125em;
}

.margin-top-60{
  margin-top: 3.75em;
}

.margin-top-70{
  margin-top: 4.375em;
}

.margin-top-80{
  margin-top: 5em;
}

.margin-top-90{
  margin-top: 5.625em;
}

.margin-top-100{
  margin-top: 6.25em;
}

.margin-bottom-5{
  margin-bottom: calc(5px * 1);
}

.margin-bottom-10{
  margin-bottom: 0.625em;
}

.margin-bottom-20{
  margin-bottom: 1.25em;
}

.margin-bottom-30{
  margin-bottom: 1.875em;
}

.margin-bottom-40{
  margin-bottom: 2.5em;
}

.margin-bottom-50{
  margin-bottom: 3.125em;
}

input.margin-top-10{
  margin-top: 0.625em;
}

input.margin-top-20{
  margin-top: 1.25em;
}

input.margin-top-30{
  margin-top: 1.875em;
}

input.margin-top-40{
  margin-top: 2.5em;
}

input.margin-top-50{
  margin-top: 3.125em;
}

textarea.margin-top-10{
  margin-top: 0.625em;
}

textarea.margin-top-20{
  margin-top: 1.25em;
}

textarea.margin-top-30{
  margin-top: 1.875em;
}

textarea.margin-top-40{
  margin-top: 2.5em;
}

textarea.margin-top-50{
  margin-top: 3.125em;
}

/*End of margin definitions*/










/*Start of padding defintions*/

.padding-right-10{
  padding-right: 0.625em;
}

.padding-left-10{
  padding-left: 0.625em;
}

.padding-right-11{
  padding-right: 0.6875em;
}

.padding-left-11{
  padding-left: 0.6875em;
}

.padding-right-12{
  padding-right: 0.75em;
}

.padding-left-12{
  padding-left: 0.75em;
}

.padding-right-13{
  padding-right: 0.8125em;
}

.padding-left-13{
  padding-left: 0.8125em;
}

.padding-right-14{
  padding-right: 0.875em;
}

.padding-left-14{
  padding-left: 0.875em;
}

.padding-right-15{
  padding-right: 0.9375em;
}

.padding-left-15{
  padding-left: 0.9375em;
}

.padding-right-16{
  padding-right: 1em;
}

.padding-left-16{
  padding-left: 1em;
}

.padding-right-17{
  padding-right: 1.0625em;
}

.padding-left-17{
  padding-left: 1.0625em;
}

.padding-right-18{
  padding-right: 1.125em;
}

.padding-left-18{
  padding-left: 1.125em;
}

.padding-right-19{
  padding-right: 1.1875em;
}

.padding-left-19{
  padding-left: 1.1875em;
}

.padding-right-20{
  padding-right: 1.25em;
}

.padding-left-20{
  padding-left: 1.25em;
}

.padding-right-30{
  padding-right: 1.875em;
}

.padding-left-30{
  padding-left: 1.875em;
}

.padding-right-40{
  padding-right: 2.5em;
}

.padding-left-40{
  padding-left: 2.5em;
}

.padding-right-50{
  padding-right: 3.125em;
}

.padding-left-50{
  padding-left: 3.125em;
}

.padding-all-1{
  padding: 0.0625em;
}

.padding-all-2{
  padding: 0.125em;
}

.padding-all-3{
  padding: 0.1875em;
}

.padding-all-4{
  padding: 0.25em;
}

.padding-all-5{
  padding: 0.3125em;
}

.padding-all-6{
  padding: 0.375em;
}

.padding-all-7{
  padding: 0.4375em;
}

.padding-all-8{
  padding: 0.5em;
}

.padding-all-9{
  padding: 0.5625em;
}

.padding-all-10{
  padding: 0.625em;
}

.padding-all-11{
  padding: 0.6875em;
}

.padding-all-12{
  padding: 0.75em;
}

.padding-all-13{
  padding: 0.8125em;
}

.padding-all-14{
  padding: 0.875em;
}

.padding-all-15{
  padding: 0.9375em;
}

.padding-all-16{
  padding: 1em;
}

.padding-all-17{
  padding: 1.0625em;
}

.padding-all-18{
  padding: 1.125em;
}

.padding-all-19{
  padding: 1.1875em;
}

.padding-all-20{
  padding: 1.25em;
}

.padding-all-30{
  padding: 1.875em;
}

.padding-all-40{
  padding: 2.5em;
}

.padding-all-50{
  padding: 3.125em;
}

.padding-left-5{
  padding: 0.3125em;
}

.padding-left-right-10{
  padding-left: 0.625em;
  padding-right: 0.625em;
}

.padding-left-right-20{
  padding-left: 1.25em;
  padding-right: 1.25em;
}

.padding-left-10{
  padding-left: 0.625em;
}

.padding-right-10{
  padding-right: 0.625em;
}

.padding-top-bottom-2{
  padding: 0.125em 0em;
}

.padding-top-bottom-10{
  padding: 0.625 0em;
}

.padding-top-bottom-20{
  padding: 1.25em 0em;
}

.padding-top-bottom-30{
  padding: 1.875em 0em;
}

.padding-top-bottom-40{
  padding: 2.5em 0em;
}

.padding-top-bottom-50{
  padding: 3.125em 0em;
}

/*End of padding definitions*/









/*Start of font defintions*/

.font-8{
  font-size: 0.5em;
}

.font-9{
  font-size: 0.5625em;
}

.font-10{
  font-size: 0.625em;
}

.font-11{
  font-size: 0.6875em;
}

.font-12{
  font-size: 0.75em;
}

.font-13{
  font-size: 0.8125em;
}

.font-14{
  font-size: 0.875em;
}

.font-15{
  font-size: 0.9375em;
}

.font-16{
  font-size: 1em;
}

.font-17{
  font-size: 1.0625em;
}

.font-18{
  font-size: 1.125em;
}

.font-19{
  font-size: 1.1875em;
}

.font-20{
  font-size: 1.25em;
}

.font-25{
  font-size: 1.5625em;
}

.font-30{
  font-size: 1.875em;
}

.font-35{
  font-size: 2.1875em;
}

.font-40{
  font-size: 2.5em;
}

.font-45{
  font-size: 2.8125em;
}

.font-50{
  font-size: 3.125em;
}

.font-60{
  font-size: 3.75em;
}

.font-70{
  font-size: 4.375em;
}

.font-80{
  font-size: 5em;
}

.font-90{
  font-size: 5.625em;
}

.font-100{
  font-size: 6.25em;
}

/*End of font defintions*/









/*Start of font bold definitions*/

.bold-text{
  font-weight: bold;
}

.bolder-text{
  font-weight: bolder;
}

/*End of font bold definitions*/







/*Start of italic*/
.italic{
  font-style: italic; 
}


/*End of italic*/







/*Start of text alignment definitions*/

.center-text{
  text-align: center;
}

.right-text{
  text-align: right;
}

.left-text{
  text-align: left;
}

.justify-text{
  text-align: justify;
}

/*End of text alignment definitions*/






/*Start of float definitions*/

.float-left{
  float: left;
}

.float-right{
  float: right;
}


/*End of float definitions*/


/*Start of text transform definitions*/

.capitalize{
  text-transform: capitalize;
}

.lowercase{
  text-transform: lowercase;
}

.uppercase{
  text-transform: uppercase;
}

/*End of text transform definitions*/





.word-spacing-0-2{
  word-spacing: 0.2em;
}
.letter-spacing{
  letter-spacing: 0.2em;
}





/*Start of ul defintions*/

ul.inline-block li{
  display: inline-block;
}

ul.block li{
  display: block;
}

.ul-inline ul li{
  display: inline-block;
}

.list ul li{
  display: block;
  padding: 8px 0px;
}

ul.allerBd{
  font-family: "AllerBd" !important;
}

ul.allerRg{
  font-family: "AllerRg" !important;
}

ul.font-12{
  font-size: 12px;
}

ul.font-13{
  font-size: 13px;
}

ul.white-text{
  color: white;
}

ul.grey-text{
  color: #6d706c;
  opacity: 0.8;
}

/*End of ul defintions*/












/*Start of a definitions*/

a{
  text-decoration: none;
  color: black;
}

a.red-text{
  color: #e3263c;
}

a.white-text{
  color: white;
}

a.grey-text{
  color: #6d706c;
}

a.yellow-text{
  color: #feae02;
}

a.off-white-text{
  color: #f0f0f0;
}

a.deep-grey-text{
  color: #333333;
}


/*End of a definitions*/


.visible-on-hover{
  opacity: 0;
}

.visible-on-hover:hover{
  opacity: 1;
}

.quick-view{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}



.yellow-hover:hover{
  color: #feae02;
}

.red-hover:hover{
  color: #e3263c;
}

.green-hover:hover{
  color: #23a201;
}

.deep-grey-white-text-hover:hover{
  color: white;
  background-color: #333333;
  transition: 80ms ease-in-out !important;
}


/*Start of div overflow definitions*/

.overflow-hidden{
  overflow: hidden;
}

.overflow-auto{
  overflow: auto;
}

/*End of div overflow definitions*/









/*Start of cursor definitions*/

.cursor-pointer{
  cursor: pointer;
}

.cursor-progress{
  cursor: progress;
}

.cursor-not-allowed{
  cursor: not-allowed;
}

/*End of cursor definitions*/








/*Start of z-index definitions*/

.z-index-1{
  z-index: 1;
}

.z-index-2{
  z-index: 2;
}

.z-index-3{
  z-index: 3;
}

.z-index-4{
  z-index: 4;
}

.z-index-5{
  z-index: 5;
}

.z-index-6{
  z-index: 6;
}

.z-index-7{
  z-index: 7;
}

.z-index-8{
  z-index: 8;
}

.z-index-9{
  z-index: 9;
}

.z-index-10{
  z-index: 10;
}

.z-index-20{
  z-index: 20;
}

.z-index-999{
  z-index: 999;
}

.z-index-1000{
  z-index: 1000;
}

.z-index-1-1{
  z-index: -1;
}

/*End of z-index definitions*/








/*Start of opacity definitions*/

.opacity-0{
  opacity: 0;
}

.opacity-01{
  opacity: 0.1;
}

.opacity-02{
  opacity: 0.2;
}

.opacity-03{
  opacity: 0.3;
}

.opacity-04{
  opacity: 0.4;
}

.opacity-05{
  opacity: 0.5;
}

.opacity-06{
  opacity: 0.6;
}

.opacity-07{
  opacity: 0.7;
}

.opacity-08{
  opacity: 0.8;
}

.opacity-09{
  opacity: 0.9;
}

.opacity-1{
  opacity: 1;
}

/*End of opacity definitions*/










/*Start of border definitions*/

.border-all-hover:hover{
  border: 1px solid grey;
}

.border-all-1{
  border: 1px solid grey;
}

.border-left-1{
  border-left: 1px solid grey;
}

.border-left-3{
  border-left: 3px solid grey;
}

.border-right-1{
  border-right: 1px solid grey;
}

.border-right-3{
  border-right: 3px solid grey;
}

.border-bottom-1{
  border-bottom: 1px solid grey;
}

.border-bottom-1-white{
  border-bottom: 1px solid white;
}

.border-bottom-3-white{
  border-bottom: 3px solid white;
}

.border-bottom-3-grey{
  border-bottom: 3px solid #444343;
}


/*End of border definitions*/




/*Start of image container definitions*/

.img-container-100{
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-container-90{
  width: 90%;
  height: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-container-80{
  width: 80%;
  height: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-container-70{
  width: 70%;
  height: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-container-60{
  width: 60%;
  height: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-container-50{
  width: 100%;
  height: 50%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-container-auto{
  max-width: 100%;
  max-height: 100%;
}

.img-container-auto img{
  max-width: auto;
  max-height: 100%;
}

.img-container-100 img, .img-container-90 img, .img-container-80 img, .img-container-70 img, .img-container-60 img, .img-container-50 img{
  max-width: 100%;
  max-height: 100%;
}

/*End of image container definitions*/



/*Start of video container definitions*/

.video{
  width: 100%;
  height: 100%;
}

.video video{
  width: 100%;
  height: 100%;
}

.iframe{
  width: 100%;
  height: 100%;
}
iframe{
  width: 100%;
  height: 100%;
  border: none;
}

/*End of video definitions*/




/*Start of translate definitions*/

div.translate-x-y-5:hover, img.translate-x-y-5:hover, p.translate-x-y-5:hover{
  transform: translate(-5%, -5%);
}

div.translate-y-5:hover, img.translate-y-5:hover, p.translate-y-5:hover{
  transform: translateY(-5%);
}

div.translate-x-5:hover, img.translate-x-5:hover, p.translate-x-5:hover{
  transform: translateX(-5%);
}

/*End of translate definitions*/





/*Start of box shadow definitions*/

div.box-shadow-7{
  box-shadow: 7px 7px 10px #6d706c;
}

div.box-shadow-hover-7:hover, img.box-shadow-hover-7:hover{
  box-shadow: 7px 7px 10px #6d706c;
}

div.rounded-5, img.rounded-5, button.rounded-5{
  border-radius: 5px;
}

/*End of box shadow definitions*/


.hide-menu{
  display: none;
}

.show-menu{
  display: block;
}

.show-on-medium-small{
  display: none;
}

@media(max-width: 420px){
  .magnifier{
    width: 80px !important;
    height: 80px !important;
  }

  .show-on-medium-small{
    display: block;
  }
  
  .hide-on-small-only{
    display: none !important;
  }

  .hide-on-medium-small{
    display: none !important;
  }

  .show-on-small{
    display: block !important;
  }

  /*start of width definitions*/

  .width-s-100{
    width: 100% !important;
  }

  .width-s-95{
    width: 95% !important;
  }

  .width-s-90{
    width: 90% !important;
  }

  .width-s-85{
    width: 85% !important;
  }

  .width-s-80{
    width: 80% !important;
  }

  .width-s-75{
    width: 75% !important;
  }

  .width-s-70{
    width: 70% !important;
  }

  .width-s-65{
    width: 65% !important;
  }

  .width-s-60{
    width: 60% !important;
  }

  .width-s-55{
    width: 55% !important;
  }

  .width-s-50{
    width: 50% !important;
  }

  .width-s-45{
    width: 45% !important;
  }

  .width-s-40{
    width: 40% !important;
  }

  .width-s-35{
    width: 35% !important;
  }

  .width-s-30{
    width: 30% !important;
  }

  .width-s-25{
    width: 25% !important;
  }

  .width-s-20{
    width: 20% !important;
  }

  .width-s-15{
    width: 15% !important;
  }

  .width-s-10{
    width: 10% !important;
  }

  .width-s-5{
    width: 5% !important;
  }

  .width-s-0{
    width: 0% !important;
  }

  /*End of width definitions*/








/*Start of min width definitions*/

.min-width-s-100{
  min-width: 100%;
}

.min-width-s-95{
  min-width: 95%;
}

.min-width-s-90{
  min-width: 90%;
}

.min-width-s-85{
  min-width: 85%;
}

.min-width-s-80{
  min-width: 80%;
}

.min-width-s-75{
  min-width: 75%;
}

.min-width-s-70{
  min-width: 70%;
}

.min-width-s-65{
  min-width: 65%;
}

.min-width-s-60{
  min-width: 60%;
}

.min-width-s-55{
  min-width: 55%;
}

.min-width-s-50{
  min-width: 50%;
}

.min-width-s-45{
  min-width: 45%;
}

.min-width-s-40{
  min-width: 40%;
}

.min-width-s-35{
  min-width: 35%;
}

.min-width-s-30{
  min-width: 30%;
}

.min-width-s-25{
  min-width: 25%;
}

.min-width-s-20{
  min-width: 20%;
}

.min-width-s-15{
  min-width: 15%;
}

.min-width-s-10{
  min-width: 10%;
}

.min-width-s-5{
  min-width: 5%;
}

.min-width-s-0{
  min-width: 0%;
}

  /*End of min width*/







  /*start of height defintions*/

  .height-s-100{
    height: 100vh !important;
  }

  .height-s-95{
    height: 95vh;
  }

  .height-s-90{
    height: 90vh;
  }

  .height-s-85{
    height: 85vh;
  }

  .height-s-80{
    height: 80vh;
  }

  .height-s-75{
    height: 75vh;
  }

  .height-s-70{
    height: 70vh;
  }

  .height-s-65{
    height: 65vh;
  }

  .height-s-60{
    height: 60vh;
  }

  .height-s-55{
    height: 55vh;
  }

  .height-s-50{
    height: 50vh;
  }

  .height-s-45{
    height: 45vh;
  }

  .height-s-40{
    height: 40vh;
  }

  .height-s-35{
    height: 35vh;
  }

  .height-s-30{
    height: 30vh;
  }

  .height-s-25{
    height: 25vh;
  }

  .height-s-20{
    height: 20vh;
  }

  .height-s-15{
    height: 15vh;
  }

  .height-s-10{
    height: 10vh;
  }

  .height-s-9{
    height: 9vh;
  }

  .height-s-8{
    height: 8vh;
  }

  .height-s-7{
    height: 7vh;
  }

  .height-s-6{
    height: 6vh;
  }

  .height-s-5{
    height: 5vh;
  }

  .height-s-1{
    height: 1vh;
  }

  /*End of height defintions*/






  /*Start of flex definitions*/

  .col-s-1{
    width: 8.333% !important;
  }

.col-s-2{
  width: 16.666% !important;
}

.col-s-3{
  width: 24.999% !important;
}

.col-s-4{
  width: 33.332% !important;
}

.col-s-5{
  width: 41.665% !important;
}

.col-s-6{
  width: 49.998% !important;
}

.col-s-7{
  width: 58.331% !important;
}

.col-s-8{
  width: 66.664% !important;
}

.col-s-9{
  width: 74.997% !important;
}

.col-s-10{
  width: 83.333% !important;
}

.col-s-11{
  width: 91.663% !important;
}

.col-s-12{
  width: 99.996% !important;
}


/*End of flex definitions*/






/*Start of padding definitions*/

  .padding-s-all-10{
    padding: 10px !important;
  }

  .padding-s-all-9{
    padding: 9px !important;
  }

  .padding-s-all-8{
    padding: 8px !important;
  }

  .padding-s-all-7{
    padding: 7px !important;
  }

  .padding-s-all-6{
    padding: 6px !important;
  }

  .padding-s-all-5{
    padding: 5px !important;
  }

  .padding-s-all-4{
    padding: 4px !important;
  }

  .padding-s-all-3{
    padding: 3px !important;
  }

  .padding-s-all-2{
    padding: 2px !important;
  }

  .padding-s-all-1{
    padding: 1px !important;
  }


  /*End of padding definitions*/





  /*Start of font-defintions*/

  .font-s-10{
    font-size: 10px !important;
  }

  .font-s-12{
    font-size: 12px !important;
  }

  .font-s-13{
    font-size: 13px !important;
  }

  .font-s-14{
    font-size: 14px !important;
  }

  .font-s-15{
    font-size: 15px !important;
  }

  .font-s-16{
    font-size: 16px !important;
  }

  .font-s-17{
    font-size: 17px !important;
  }

  .font-s-18{
    font-size: 18px !important;
  }

  .font-s-19{
    font-size: 19px !important;
  }

  .font-s-20{
    font-size: 20px !important;
  }

  .font-s-21{
    font-size: 21px !important;
  }

  .font-s-22{
    font-size: 22px !important;
  }

  .font-s-23{
    font-size: 23px !important;
  }

  .font-s-24{
    font-size: 24px !important;
  }

  .font-s-25{
    font-size: 25px !important;
  }

  .font-s-26{
    font-size: 26px !important;
  }

  .font-s-27{
    font-size: 27px !important;
  }

  .font-s-28{
    font-size: 28px !important;
  }

  .font-s-29{
    font-size: 29px !important;
  }

  .font-s-30{
    font-size: 30px !important;
  }

  .font-s-35{
    font-size: 35px !important;
  }

  .font-s-40{
    font-size: 40px !important;
  }

  .font-s-45{
    font-size: 45px !important;
  }

  .font-s-50{
    font-size: 50px !important;
  }

  .font-s-55{
    font-size: 55px !important;
  }

  .font-s-60{
    font-size: 60px !important;
  }

  .font-s-65{
    font-size: 65px !important;
  }

  .font-s-70{
    font-size: 70px !important;
  }

  .font-s-75{
    font-size: 75px !important;
  }

  .font-s-80{
    font-size: 80px !important;
  }

  /*End of font defintions*/







  /*Start of Top definitions*/

  .top-s-0{
    top: 0px !important;
  }

  .top-s-5{
    top: 5% !important;
  }

  .top-s-10{
    top: 10% !important;
  }

  .top-s-15{
    top: 15% !important;
  }

  .top-s-20{
    top: 20% !important;
  }

  .top-s-25{
    top: 25% !important;
  }

  .top-s-30{
    top: 30% !important;
  }

  .top-s-35{
    top: 35% !important;
  }

  .top-s-40{
    top: 40% !important;
  }

  .top-s-45{
    top: 45% !important;
  }

  .top-s-50{
    top: 50% !important;
  }

  /*End of Top definitions*/





  /*Start of bottom definition*/

  .bottom-s-0{
    bottom: 0px !important;
  }

  .bottom-s-5{
    bottom: 5% !important;
  }

  .bottom-s-10{
    bottom: 15% !important;
  }

  .bottom-s-20{
    bottom: 20% !important;
  }

  .bottom-s-25{
    bottom: 25% !important;
  }

  .bottom-s-30{
    bottom: 30% !important;
  }

  .bottom-s-35{
    bottom: 35% !important;
  }

  .bottom-s-40{
    bottom: 40% !important;
  }

  .bottom-s-45{
    bottom: 45% !important;
  }

  .bottom-s-50{
    bottom: 50% !important;
  }

  .bottom-s-55{
    bottom: 55% !important;
  }

  .bottom-s-60{
    bottom: 60% !important;
  }

  .bottom-s-65{
    bottom: 65% !important;
  }

  .bottom-s-70{
    bottom: 70% !important;
  }

  .bottom-s-75{
    bottom: 75% !important;
  }

  /*End of bottom defintions*/






  /*Start of left defintions*/

  .left-s-0{
    left: 0 !important;
  }

  .left-s-5{
    left: 5% !important;
  }

  .left-s-10{
    left: 10% !important;
  }

  .left-s-15{
    left: 15% !important;
  }

  .left-s-20{
    left: 20% !important;
  }

  /*End of left definitions*/







  /*Start of right definitions*/
  .right-s-0{
    right: 0px !important;
  }

  .right-s-5{
    right: 5% !important;
  }

  .right-s-10{
    right: 10% !important;
  }

  .right-s-15{
    right: 15% !important;
  }

  .right-s-20{
    right: 20% !important;
  }

  /*End of right definitions*/



  .list-s ul li{
  display: block;
  padding: 2px 0px !important;
  }
  
}


/*Medium*/

@media screen and (max-width: 620px) and (min-width: 421px){


.magnifier{
    width: 80px !important;
    height: 80px !important;
  }

  .show-on-medium-small{
    display: block !important;
  }
  
  .hide-on-small-only{
    display: none !important;
  }

  .hide-on-medium-small{
    display: none !important;
  }

  .show-on-small{
    display: block !important;
  }

  /*start of width definitions*/

  .width-m-100{
    width: 100% !important;
  }

  .width-m-95{
    width: 95% !important;
  }

  .width-m-90{
    width: 90% !important;
  }

  .width-m-85{
    width: 85% !important;
  }

  .width-m-80{
    width: 80% !important;
  }

  .width-m-75{
    width: 75% !important;
  }

  .width-m-70{
    width: 70% !important;
  }

  .width-m-65{
    width: 65% !important;
  }

  .width-m-60{
    width: 60% !important;
  }

  .width-m-55{
    width: 55% !important;
  }

  .width-m-50{
    width: 50% !important;
  }

  .width-m-45{
    width: 45% !important;
  }

  .width-m-40{
    width: 40% !important;
  }

  .width-m-35{
    width: 35% !important;
  }

  .width-m-30{
    width: 30% !important;
  }

  .width-m-25{
    width: 25% !important;
  }

  .width-m-20{
    width: 20% !important;
  }

  .width-m-15{
    width: 15% !important;
  }

  .width-m-10{
    width: 10% !important;
  }

  .width-m-5{
    width: 5% !important;
  }

  .width-m-0{
    width: 0% !important;
  }

  /*End of width definitions*/





  /*Start of min width definitions*/

.min-width-m-100{
  min-width: 100%;
}

.min-width-m-95{
  min-width: 95%;
}

.min-width-m-90{
  min-width: 90%;
}

.min-width-m-85{
  min-width: 85%;
}

.min-width-m-80{
  min-width: 80%;
}

.min-width-m-75{
  min-width: 75%;
}

.min-width-m-70{
  min-width: 70%;
}

.min-width-m-65{
  min-width: 65%;
}

.min-width-m-60{
  min-width: 60%;
}

.min-width-m-55{
  min-width: 55%;
}

.min-width-m-50{
  min-width: 50%;
}

.min-width-m-45{
  min-width: 45%;
}

.min-width-m-40{
  min-width: 40%;
}

.min-width-m-35{
  min-width: 35%;
}

.min-width-m-30{
  min-width: 30%;
}

.min-width-m-25{
  min-width: 25%;
}

.min-width-m-20{
  min-width: 20%;
}

.min-width-m-15{
  min-width: 15%;
}

.min-width-m-10{
  min-width: 10%;
}

.min-width-m-5{
  min-width: 5%;
}

.min-width-m-0{
  min-width: 0%;
}

  /*End of min width*/



  /*start of height defintions*/

  .height-m-100{
    height: 100vh !important;
  }

  .height-m-95{
    height: 95vh;
  }

  .height-m-90{
    height: 90vh;
  }

  .height-m-85{
    height: 85vh;
  }

  .height-m-80{
    height: 80vh;
  }

  .height-m-75{
    height: 75vh;
  }

  .height-m-70{
    height: 70vh;
  }

  .height-m-65{
    height: 65vh;
  }

  .height-m-60{
    height: 60vh;
  }

  .height-m-55{
    height: 55vh;
  }

  .height-m-50{
    height: 50vh;
  }

  .height-m-45{
    height: 45vh;
  }

  .height-m-40{
    height: 40vh;
  }

  .height-m-35{
    height: 35vh;
  }

  .height-m-30{
    height: 30vh;
  }

  .height-m-25{
    height: 25vh;
  }

  .height-m-20{
    height: 20vh;
  }

  .height-m-15{
    height: 15vh;
  }

  .height-m-10{
    height: 10vh;
  }

  .height-m-9{
    height: 9vh;
  }

  .height-m-8{
    height: 8vh;
  }

  .height-m-7{
    height: 7vh;
  }

  .height-m-6{
    height: 6vh;
  }

  .height-m-5{
    height: 5vh;
  }

  .height-m-1{
    height: 1vh;
  }

  /*End of height defintions*/






  /*Start of flex definitions*/

  .col-m-1{
    width: 8.333% !important;
  }

.col-m-2{
  width: 16.666% !important;
}

.col-m-3{
  width: 24.999% !important;
}

.col-m-4{
  width: 33.332% !important;
}

.col-m-5{
  width: 41.665% !important;
}

.col-m-6{
  width: 49.998% !important;
}

.col-m-7{
  width: 58.331% !important;
}

.col-m-8{
  width: 66.664% !important;
}

.col-m-9{
  width: 74.997% !important;
}

.col-m-10{
  width: 83.333% !important;
}

.col-m-11{
  width: 91.663% !important;
}

.col-m-12{
  width: 99.996% !important;
}


/*End of flex definitions*/






/*Start of padding definitions*/

  .padding-m-all-10{
    padding: 10px !important;
  }

  .padding-m-all-9{
    padding: 9px !important;
  }

  .padding-m-all-8{
    padding: 8px !important;
  }

  .padding-m-all-7{
    padding: 7px !important;
  }

  .padding-m-all-6{
    padding: 6px !important;
  }

  .padding-m-all-5{
    padding: 5px !important;
  }

  .padding-m-all-4{
    padding: 4px !important;
  }

  .padding-m-all-3{
    padding: 3px !important;
  }

  .padding-m-all-2{
    padding: 2px !important;
  }

  .padding-m-all-1{
    padding: 1px !important;
  }


  /*End of padding definitions*/





  /*Start of font-defintions*/

  .font-m-10{
    font-size: 10px !important;
  }

  .font-m-12{
    font-size: 12px !important;
  }

  .font-m-13{
    font-size: 13px !important;
  }

  .font-m-14{
    font-size: 14px !important;
  }

  .font-m-15{
    font-size: 15px !important;
  }

  .font-m-16{
    font-size: 16px !important;
  }

  .font-m-17{
    font-size: 17px !important;
  }

  .font-m-18{
    font-size: 18px !important;
  }

  .font-m-19{
    font-size: 19px !important;
  }

  .font-m-20{
    font-size: 20px !important;
  }

  .font-m-21{
    font-size: 21px !important;
  }

  .font-m-22{
    font-size: 22px !important;
  }

  .font-m-23{
    font-size: 23px !important;
  }

  .font-m-24{
    font-size: 24px !important;
  }

  .font-m-25{
    font-size: 25px !important;
  }

  .font-m-26{
    font-size: 26px !important;
  }

  .font-m-27{
    font-size: 27px !important;
  }

  .font-m-28{
    font-size: 28px !important;
  }

  .font-m-29{
    font-size: 29px !important;
  }

  .font-m-30{
    font-size: 30px !important;
  }

  .font-m-35{
    font-size: 35px !important;
  }

  .font-m-40{
    font-size: 40px !important;
  }

  .font-m-45{
    font-size: 45px !important;
  }

  .font-m-50{
    font-size: 50px !important;
  }

  .font-m-55{
    font-size: 55px !important;
  }

  .font-m-60{
    font-size: 60px !important;
  }

  .font-m-65{
    font-size: 65px !important;
  }

  .font-m-70{
    font-size: 70px !important;
  }

  .font-m-75{
    font-size: 75px !important;
  }

  .font-m-80{
    font-size: 80px !important;
  }

  /*End of font defintions*/







  /*Start of Top definitions*/

  .top-m-0{
    top: 0px !important;
  }

  .top-m-5{
    top: 5% !important;
  }

  .top-m-10{
    top: 10% !important;
  }

  .top-m-15{
    top: 15% !important;
  }

  .top-m-20{
    top: 20% !important;
  }

  .top-m-25{
    top: 25% !important;
  }

  .top-m-30{
    top: 30% !important;
  }

  .top-m-35{
    top: 35% !important;
  }

  .top-m-40{
    top: 40% !important;
  }

  .top-m-45{
    top: 45% !important;
  }

  .top-m-50{
    top: 50% !important;
  }

  /*End of Top definitions*/





  /*Start of bottom definition*/

  .bottom-m-0{
    bottom: 0px !important;
  }

  .bottom-m-5{
    bottom: 5% !important;
  }

  .bottom-m-10{
    bottom: 15% !important;
  }

  .bottom-m-20{
    bottom: 20% !important;
  }

  .bottom-m-25{
    bottom: 25% !important;
  }

  .bottom-m-30{
    bottom: 30% !important;
  }

  .bottom-m-35{
    bottom: 35% !important;
  }

  .bottom-m-40{
    bottom: 40% !important;
  }

  .bottom-m-45{
    bottom: 45% !important;
  }

  .bottom-m-50{
    bottom: 50% !important;
  }

  .bottom-m-55{
    bottom: 55% !important;
  }

  .bottom-m-60{
    bottom: 60% !important;
  }

  .bottom-m-65{
    bottom: 65% !important;
  }

  .bottom-m-70{
    bottom: 70% !important;
  }

  .bottom-m-75{
    bottom: 75% !important;
  }

  /*End of bottom defintions*/






  /*Start of left defintions*/

  .left-m-0{
    left: 0 !important;
  }

  .left-m-5{
    left: 5% !important;
  }

  .left-m-10{
    left: 10% !important;
  }

  .left-m-15{
    left: 15% !important;
  }

  .left-m-20{
    left: 20% !important;
  }

  /*End of left definitions*/







  /*Start of right definitions*/
  .right-m-0{
    right: 0px !important;
  }

  .right-m-5{
    right: 5% !important;
  }

  .right-m-10{
    right: 10% !important;
  }

  .right-m-15{
    right: 15% !important;
  }

  .right-m-20{
    right: 20% !important;
  }

  /*End of right definitions*/



  .list-m ul li{
  display: block;
  padding: 2px 0px !important;
  }


}


/*large*/

@media screen and (max-width: 820px) and (min-width: 621px){


.magnifier{
    width: 80px !important;
    height: 80px !important;
  }

  .show-on-medium-small{
    display: block !important;
  }
  
  .hide-on-small-only{
    display: none !important;
  }

  .hide-on-medium-small{
    display: none !important;
  }

  .show-on-small{
    display: block !important;
  }

  /*start of width definitions*/

  .width-l-100{
    width: 100% !important;
  }

  .width-l-95{
    width: 95% !important;
  }

  .width-l-90{
    width: 90% !important;
  }

  .width-l-85{
    width: 85% !important;
  }

  .width-l-80{
    width: 80% !important;
  }

  .width-l-75{
    width: 75% !important;
  }

  .width-l-70{
    width: 70% !important;
  }

  .width-l-65{
    width: 65% !important;
  }

  .width-l-60{
    width: 60% !important;
  }

  .width-l-55{
    width: 55% !important;
  }

  .width-l-50{
    width: 50% !important;
  }

  .width-l-45{
    width: 45% !important;
  }

  .width-l-40{
    width: 40% !important;
  }

  .width-l-35{
    width: 35% !important;
  }

  .width-l-30{
    width: 30% !important;
  }

  .width-l-25{
    width: 25% !important;
  }

  .width-l-20{
    width: 20% !important;
  }

  .width-l-15{
    width: 15% !important;
  }

  .width-l-10{
    width: 10% !important;
  }

  .width-l-5{
    width: 5% !important;
  }

  .width-l-0{
    width: 0% !important;
  }

  /*End of width definitions*/



  /*Start of min width definitions*/

.min-width-l-100{
  min-width: 100%;
}

.min-width-l-95{
  min-width: 95%;
}

.min-width-l-90{
  min-width: 90%;
}

.min-width-l-85{
  min-width: 85%;
}

.min-width-l-80{
  min-width: 80%;
}

.min-width-l-75{
  min-width: 75%;
}

.min-width-l-70{
  min-width: 70%;
}

.min-width-l-65{
  min-width: 65%;
}

.min-width-l-60{
  min-width: 60%;
}

.min-width-l-55{
  min-width: 55%;
}

.min-width-l-50{
  min-width: 50%;
}

.min-width-l-45{
  min-width: 45%;
}

.min-width-l-40{
  min-width: 40%;
}

.min-width-l-35{
  min-width: 35%;
}

.min-width-l-30{
  min-width: 30%;
}

.min-width-l-25{
  min-width: 25%;
}

.min-width-l-20{
  min-width: 20%;
}

.min-width-l-15{
  min-width: 15%;
}

.min-width-l-10{
  min-width: 10%;
}

.min-width-l-5{
  min-width: 5%;
}

.min-width-l-0{
  min-width: 0%;
}

  /*End of min width*/



  /*start of height defintions*/

  .height-l-100{
    height: 100vh !important;
  }

  .height-l-95{
    height: 95vh;
  }

  .height-l-90{
    height: 90vh;
  }

  .height-l-85{
    height: 85vh;
  }

  .height-l-80{
    height: 80vh;
  }

  .height-l-75{
    height: 75vh;
  }

  .height-l-70{
    height: 70vh;
  }

  .height-l-65{
    height: 65vh;
  }

  .height-l-60{
    height: 60vh;
  }

  .height-l-55{
    height: 55vh;
  }

  .height-l-50{
    height: 50vh;
  }

  .height-l-45{
    height: 45vh;
  }

  .height-l-40{
    height: 40vh;
  }

  .height-l-35{
    height: 35vh;
  }

  .height-l-30{
    height: 30vh;
  }

  .height-l-25{
    height: 25vh;
  }

  .height-l-20{
    height: 20vh;
  }

  .height-l-15{
    height: 15vh;
  }

  .height-l-10{
    height: 10vh;
  }

  .height-l-9{
    height: 9vh;
  }

  .height-l-8{
    height: 8vh;
  }

  .height-l-7{
    height: 7vh;
  }

  .height-l-6{
    height: 6vh;
  }

  .height-l-5{
    height: 5vh;
  }

  .height-l-1{
    height: 1vh;
  }

  /*End of height defintions*/






  /*Start of flex definitions*/

.col-l-1{
    width: 8.333% !important;
}

.col-l-2{
  width: 16.666% !important;
}

.col-l-3{
  width: 24.999% !important;
}

.col-l-4{
  width: 33.332% !important;
}

.col-l-5{
  width: 41.665% !important;
}

.col-l-6{
  width: 49.998% !important;
}

.col-l-7{
  width: 58.331% !important;
}

.col-l-8{
  width: 66.664% !important;
}

.col-l-9{
  width: 74.997% !important;
}

.col-l-10{
  width: 83.333% !important;
}

.col-l-11{
  width: 91.663% !important;
}

.col-l-12{
  width: 99.996% !important;
}


/*End of flex definitions*/






/*Start of padding definitions*/

  .padding-l-all-10{
    padding: 10px !important;
  }

  .padding-l-all-9{
    padding: 9px !important;
  }

  .padding-l-all-8{
    padding: 8px !important;
  }

  .padding-l-all-7{
    padding: 7px !important;
  }

  .padding-l-all-6{
    padding: 6px !important;
  }

  .padding-l-all-5{
    padding: 5px !important;
  }

  .padding-l-all-4{
    padding: 4px !important;
  }

  .padding-l-all-3{
    padding: 3px !important;
  }

  .padding-l-all-2{
    padding: 2px !important;
  }

  .padding-l-all-1{
    padding: 1px !important;
  }


  /*End of padding definitions*/





  /*Start of font-defintions*/

  .font-l-10{
    font-size: 10px !important;
  }

  .font-l-12{
    font-size: 12px !important;
  }

  .font-l-13{
    font-size: 13px !important;
  }

  .font-l-14{
    font-size: 14px !important;
  }

  .font-l-15{
    font-size: 15px !important;
  }

  .font-l-16{
    font-size: 16px !important;
  }

  .font-l-17{
    font-size: 17px !important;
  }

  .font-l-18{
    font-size: 18px !important;
  }

  .font-l-19{
    font-size: 19px !important;
  }

  .font-l-20{
    font-size: 20px !important;
  }

  .font-l-21{
    font-size: 21px !important;
  }

  .font-l-22{
    font-size: 22px !important;
  }

  .font-l-23{
    font-size: 23px !important;
  }

  .font-l-24{
    font-size: 24px !important;
  }

  .font-l-25{
    font-size: 25px !important;
  }

  .font-l-26{
    font-size: 26px !important;
  }

  .font-l-27{
    font-size: 27px !important;
  }

  .font-l-28{
    font-size: 28px !important;
  }

  .font-l-29{
    font-size: 29px !important;
  }

  .font-l-30{
    font-size: 30px !important;
  }

  .font-l-35{
    font-size: 35px !important;
  }

  .font-l-40{
    font-size: 40px !important;
  }

  .font-l-45{
    font-size: 45px !important;
  }

  .font-l-50{
    font-size: 50px !important;
  }

  .font-l-55{
    font-size: 55px !important;
  }

  .font-l-60{
    font-size: 60px !important;
  }

  .font-l-65{
    font-size: 65px !important;
  }

  .font-l-70{
    font-size: 70px !important;
  }

  .font-l-75{
    font-size: 75px !important;
  }

  .font-l-80{
    font-size: 80px !important;
  }

  /*End of font defintions*/







  /*Start of Top definitions*/

  .top-l-0{
    top: 0px !important;
  }

  .top-l-5{
    top: 5% !important;
  }

  .top-l-10{
    top: 10% !important;
  }

  .top-l-15{
    top: 15% !important;
  }

  .top-l-20{
    top: 20% !important;
  }

  .top-l-25{
    top: 25% !important;
  }

  .top-l-30{
    top: 30% !important;
  }

  .top-l-35{
    top: 35% !important;
  }

  .top-l-40{
    top: 40% !important;
  }

  .top-l-45{
    top: 45% !important;
  }

  .top-l-50{
    top: 50% !important;
  }

  /*End of Top definitions*/





  /*Start of bottom definition*/

  .bottom-l-0{
    bottom: 0px !important;
  }

  .bottom-l-5{
    bottom: 5% !important;
  }

  .bottom-l-10{
    bottom: 15% !important;
  }

  .bottom-l-20{
    bottom: 20% !important;
  }

  .bottom-l-25{
    bottom: 25% !important;
  }

  .bottom-l-30{
    bottom: 30% !important;
  }

  .bottom-l-35{
    bottom: 35% !important;
  }

  .bottom-l-40{
    bottom: 40% !important;
  }

  .bottom-l-45{
    bottom: 45% !important;
  }

  .bottom-l-50{
    bottom: 50% !important;
  }

  .bottom-l-55{
    bottom: 55% !important;
  }

  .bottom-l-60{
    bottom: 60% !important;
  }

  .bottom-l-65{
    bottom: 65% !important;
  }

  .bottom-l-70{
    bottom: 70% !important;
  }

  .bottom-l-75{
    bottom: 75% !important;
  }

  /*End of bottom defintions*/






  /*Start of left defintions*/

  .left-l-0{
    left: 0 !important;
  }

  .left-l-5{
    left: 5% !important;
  }

  .left-l-10{
    left: 10% !important;
  }

  .left-l-15{
    left: 15% !important;
  }

  .left-l-20{
    left: 20% !important;
  }

  /*End of left definitions*/







  /*Start of right definitions*/
  .right-l-0{
    right: 0px !important;
  }

  .right-l-5{
    right: 5% !important;
  }

  .right-l-10{
    right: 10% !important;
  }

  .right-l-15{
    right: 15% !important;
  }

  .right-l-20{
    right: 20% !important;
  }

  /*End of right definitions*/



  .list-l ul li{
  display: block;
  padding: 2px 0px !important;
  }


}






@media screen and (max-width: 1120px) and (min-width: 821px){

  /*start of width definitions*/

  .width-lx-100{
    width: 100% !important;
  }

  .width-lx-95{
    width: 95% !important;
  }

  .width-lx-90{
    width: 90% !important;
  }

  .width-lx-85{
    width: 85% !important;
  }

  .width-lx-80{
    width: 80% !important;
  }

  .width-lx-75{
    width: 75% !important;
  }

  .width-lx-70{
    width: 70% !important;
  }

  .width-lx-65{
    width: 65% !important;
  }

  .width-lx-60{
    width: 60% !important;
  }

  .width-lx-55{
    width: 55% !important;
  }

  .width-lx-50{
    width: 50% !important;
  }

  .width-lx-45{
    width: 45% !important;
  }

  .width-lx-40{
    width: 40% !important;
  }

  .width-lx-35{
    width: 35% !important;
  }

  .width-lx-30{
    width: 30% !important;
  }

  .width-lx-25{
    width: 25% !important;
  }

  .width-lx-20{
    width: 20% !important;
  }

  .width-lx-15{
    width: 15% !important;
  }

  .width-lx-10{
    width: 10% !important;
  }

  .width-lx-5{
    width: 5% !important;
  }

  .width-lx-0{
    width: 0% !important;
  }

  /*End of width definitions*/





  /*Start of min width definitions*/

.min-width-lx-100{
  min-width: 100%;
}

.min-width-lx-95{
  min-width: 95%;
}

.min-width-lx-90{
  min-width: 90%;
}

.min-width-lx-85{
  min-width: 85%;
}

.min-width-lx-80{
  min-width: 80%;
}

.min-width-lx-75{
  min-width: 75%;
}

.min-width-lx-70{
  min-width: 70%;
}

.min-width-lx-65{
  min-width: 65%;
}

.min-width-lx-60{
  min-width: 60%;
}

.min-width-lx-55{
  min-width: 55%;
}

.min-width-lx-50{
  min-width: 50%;
}

.min-width-lx-45{
  min-width: 45%;
}

.min-width-lx-40{
  min-width: 40%;
}

.min-width-lx-35{
  min-width: 35%;
}

.min-width-lx-30{
  min-width: 30%;
}

.min-width-lx-25{
  min-width: 25%;
}

.min-width-lx-20{
  min-width: 20%;
}

.min-width-lx-15{
  min-width: 15%;
}

.min-width-lx-10{
  min-width: 10%;
}

.min-width-lx-5{
  min-width: 5%;
}

.min-width-lx-0{
  min-width: 0%;
}

  /*End of min width*/



  /*start of height defintions*/

  .height-lx-100{
    height: 100vh !important;
  }

  .height-lx-95{
    height: 95vh;
  }

  .height-lx-90{
    height: 90vh;
  }

  .height-lx-85{
    height: 85vh;
  }

  .height-lx-80{
    height: 80vh;
  }

  .height-lx-75{
    height: 75vh;
  }

  .height-lx-70{
    height: 70vh;
  }

  .height-lx-65{
    height: 65vh;
  }

  .height-lx-60{
    height: 60vh;
  }

  .height-lx-55{
    height: 55vh;
  }

  .height-lx-50{
    height: 50vh;
  }

  .height-lx-45{
    height: 45vh;
  }

  .height-lx-40{
    height: 40vh;
  }

  .height-lx-35{
    height: 35vh;
  }

  .height-lx-30{
    height: 30vh;
  }

  .height-lx-25{
    height: 25vh;
  }

  .height-lx-20{
    height: 20vh;
  }

  .height-lx-15{
    height: 15vh;
  }

  .height-lx-10{
    height: 10vh;
  }

  .height-lx-9{
    height: 9vh;
  }

  .height-lx-8{
    height: 8vh;
  }

  .height-lx-7{
    height: 7vh;
  }

  .height-lx-6{
    height: 6vh;
  }

  .height-lx-5{
    height: 5vh;
  }

  .height-lx-1{
    height: 1vh;
  }

  /*End of height defintions*/




/*Start of flex definitions*/

.col-lx-1{
    width: 8.333% !important;
}

.col-lx-2{
  width: 16.666% !important;
}

.col-lx-3{
  width: 24.999% !important;
}

.col-lx-4{
  width: 33.332% !important;
}

.col-lx-5{
  width: 41.665% !important;
}

.col-lx-6{
  width: 49.998% !important;
}

.col-lx-7{
  width: 58.331% !important;
}

.col-lx-8{
  width: 66.664% !important;
}

.col-lx-9{
  width: 74.997% !important;
}

.col-lx-10{
  width: 83.333% !important;
}

.col-lx-11{
  width: 91.663% !important;
}

.col-lx-12{
  width: 99.996% !important;
}



/*Start of padding definitions*/

  .padding-lx-all-10{
    padding: 10px !important;
  }

  .padding-lx-all-9{
    padding: 9px !important;
  }

  .padding-lx-all-8{
    padding: 8px !important;
  }

  .padding-lx-all-7{
    padding: 7px !important;
  }

  .padding-lx-all-6{
    padding: 6px !important;
  }

  .padding-lx-all-5{
    padding: 5px !important;
  }

  .padding-lx-all-4{
    padding: 4px !important;
  }

  .padding-lx-all-3{
    padding: 3px !important;
  }

  .padding-lx-all-2{
    padding: 2px !important;
  }

  .padding-lx-all-1{
    padding: 1px !important;
  }


  /*End of padding definitions*/





  /*Start of font-defintions*/

  .font-lx-10{
    font-size: 10px !important;
  }

  .font-lx-12{
    font-size: 12px !important;
  }

  .font-lx-13{
    font-size: 13px !important;
  }

  .font-lx-14{
    font-size: 14px !important;
  }

  .font-lx-15{
    font-size: 15px !important;
  }

  .font-lx-16{
    font-size: 16px !important;
  }

  .font-lx-17{
    font-size: 17px !important;
  }

  .font-lx-18{
    font-size: 18px !important;
  }

  .font-lx-19{
    font-size: 19px !important;
  }

  .font-lx-20{
    font-size: 20px !important;
  }

  .font-lx-21{
    font-size: 21px !important;
  }

  .font-lx-22{
    font-size: 22px !important;
  }

  .font-lx-23{
    font-size: 23px !important;
  }

  .font-lx-24{
    font-size: 24px !important;
  }

  .font-lx-25{
    font-size: 25px !important;
  }

  .font-lx-26{
    font-size: 26px !important;
  }

  .font-lx-27{
    font-size: 27px !important;
  }

  .font-lx-28{
    font-size: 28px !important;
  }

  .font-lx-29{
    font-size: 29px !important;
  }

  .font-lx-30{
    font-size: 30px !important;
  }

  .font-lx-35{
    font-size: 35px !important;
  }

  .font-lx-40{
    font-size: 40px !important;
  }

  .font-lx-45{
    font-size: 45px !important;
  }

  .font-lx-50{
    font-size: 50px !important;
  }

  .font-lx-55{
    font-size: 55px !important;
  }

  .font-lx-60{
    font-size: 60px !important;
  }

  .font-lx-65{
    font-size: 65px !important;
  }

  .font-lx-70{
    font-size: 70px !important;
  }

  .font-lx-75{
    font-size: 75px !important;
  }

  .font-lx-80{
    font-size: 80px !important;
  }

  /*End of font defintions*/







  /*Start of Top definitions*/

  .top-lx-0{
    top: 0px !important;
  }

  .top-lx-5{
    top: 5% !important;
  }

  .top-lx-10{
    top: 10% !important;
  }

  .top-lx-15{
    top: 15% !important;
  }

  .top-lx-20{
    top: 20% !important;
  }

  .top-lx-25{
    top: 25% !important;
  }

  .top-lx-30{
    top: 30% !important;
  }

  .top-lx-35{
    top: 35% !important;
  }

  .top-lx-40{
    top: 40% !important;
  }

  .top-lx-45{
    top: 45% !important;
  }

  .top-lx-50{
    top: 50% !important;
  }

  /*End of Top definitions*/





  /*Start of bottom definition*/

  .bottom-lx-0{
    bottom: 0px !important;
  }

  .bottom-lx-5{
    bottom: 5% !important;
  }

  .bottom-lx-10{
    bottom: 15% !important;
  }

  .bottom-lx-20{
    bottom: 20% !important;
  }

  .bottom-lx-25{
    bottom: 25% !important;
  }

  .bottom-lx-30{
    bottom: 30% !important;
  }

  .bottom-lx-35{
    bottom: 35% !important;
  }

  .bottom-lx-40{
    bottom: 40% !important;
  }

  .bottom-lx-45{
    bottom: 45% !important;
  }

  .bottom-lx-50{
    bottom: 50% !important;
  }

  .bottom-lx-55{
    bottom: 55% !important;
  }

  .bottom-lx-60{
    bottom: 60% !important;
  }

  .bottom-lx-65{
    bottom: 65% !important;
  }

  .bottom-lx-70{
    bottom: 70% !important;
  }

  .bottom-lx-75{
    bottom: 75% !important;
  }

  /*End of bottom defintions*/






  /*Start of left defintions*/

  .left-lx-0{
    left: 0 !important;
  }

  .left-lx-5{
    left: 5% !important;
  }

  .left-lx-10{
    left: 10% !important;
  }

  .left-lx-15{
    left: 15% !important;
  }

  .left-lx-20{
    left: 20% !important;
  }

  /*End of left definitions*/







  /*Start of right definitions*/
  .right-lx-0{
    right: 0px !important;
  }

  .right-lx-5{
    right: 5% !important;
  }

  .right-lx-10{
    right: 10% !important;
  }

  .right-lx-15{
    right: 15% !important;
  }

  .right-lx-20{
    right: 20% !important;
  }

  /*End of right definitions*/



}


/* 1366×768 for the start of large screen */
/* 1920×1080 is the next */
/* 2560 is the next */
/* Beginning of large Screens */
/* Multiple font by 1.2 */
@media screen and (max-width: 1366px) and (min-width: 1281px){

/*Start of font defintions*/

body{
  font-size: 1.2em;
}

.font-8{
  font-size: 0.6em;
}

.font-9{
  font-size: 0.675em;
}

.font-10{
  font-size: 0.75em;
}

.font-11{
  font-size: 0.825em;
}

.font-12{
  font-size: 0.9em;
}

.font-13{
  font-size: 0.975em;
}

.font-14{
  font-size: 1.05em;
}

.font-15{
  font-size: 1.125em;
}

.font-16{
  font-size: 1.2em;
}

.font-17{
  font-size: 1.275em;
}

.font-18{
  font-size: 1.35em;
}

.font-19{
  font-size: 1.425em;
}

.font-20{
  font-size: 1.5em;
}

.font-25{
  font-size: 1.875em;
}

.font-30{
  font-size: 2.25em;
}

.font-35{
  font-size: 2.625em;
}

.font-40{
  font-size: 3em;
}

.font-45{
  font-size: 3.375em;
}

.font-50{
  font-size: 3.75em;
}

.font-60{
  font-size: 4.5em;
}

.font-70{
  font-size: 5.25em;
}

.font-80{
  font-size: 6em;
}

.font-90{
  font-size: 6.75em;
}

.font-100{
  font-size: 7.5em;
}

/*End of font defintions*/


/*Start of Margin defintions*/

.margin-auto{
  margin: 0px auto;
}

.margin-top-10{
  margin-top: 0.75em;
}

.margin-top-20{
  margin-top: 1.5em;
}

.margin-top-25{
  margin-top: 1.875em;
}

.margin-top-30{
  margin-top: 2.25em;
}

.margin-top-40{
  margin-top: 3em;
}

.margin-top-50{
  margin-top: 3.75em;
}

.margin-top-60{
  margin-top: 4.5em;
}

.margin-top-70{
  margin-top: 5.25em;
}

.margin-top-80{
  margin-top: 6em;
}

.margin-top-90{
  margin-top: 6.75em;
}

.margin-top-100{
  margin-top: 7.5em;
}

.margin-bottom-5{
  margin-bottom: calc(5px * 1.2);
}

.margin-bottom-10{
  margin-bottom: 0.75em;
}

.margin-bottom-20{
  margin-bottom: 1.5em;
}

.margin-bottom-30{
  margin-bottom: 2.25em;
}

.margin-bottom-40{
  margin-bottom: 3em;
}

.margin-bottom-50{
  margin-bottom: 3.75em;
}

input.margin-top-10{
  margin-top: 0.75em;
}

input.margin-top-20{
  margin-top: 1.5em;
}

input.margin-top-30{
  margin-top: 2.25em;
}

input.margin-top-40{
  margin-top: 3em;
}

input.margin-top-50{
  margin-top: 3.75em;
}

textarea.margin-top-10{
  margin-top: 0.75em;
}

textarea.margin-top-20{
  margin-top: 1.5em;
}

textarea.margin-top-30{
  margin-top: 2.25em;
}

textarea.margin-top-40{
  margin-top: 3em;
}

textarea.margin-top-50{
  margin-top: 3.75em;
}

/*End of margin definitions*/


/*Start of padding defintions*/

.padding-right-10{
  padding-right: 0.75em;
}

.padding-left-10{
  padding-left: 0.75em;
}

.padding-right-11{
  padding-right: 0.825em;
}

.padding-left-11{
  padding-left: 0.825em;
}

.padding-right-12{
  padding-right: 0.9em;
}

.padding-left-12{
  padding-left: 0.9em;
}

.padding-right-13{
  padding-right: 0.975em;
}

.padding-left-13{
  padding-left: 0.975em;
}

.padding-right-14{
  padding-right: 1.05em;
}

.padding-left-14{
  padding-left: 1.05em;
}

.padding-right-15{
  padding-right: 1.125em;
}

.padding-left-15{
  padding-left: 1.125em;
}

.padding-right-16{
  padding-right: 1.2em;
}

.padding-left-16{
  padding-left: 1.2em;
}

.padding-right-17{
  padding-right: 1.275em;
}

.padding-left-17{
  padding-left: 1.275em;
}

.padding-right-18{
  padding-right: 1.35em;
}

.padding-left-18{
  padding-left: 1.35em;
}

.padding-right-19{
  padding-right: 1.425em;
}

.padding-left-19{
  padding-left: 1.425em;
}

.padding-right-20{
  padding-right: 1.5em;
}

.padding-left-20{
  padding-left: 1.5em;
}

.padding-right-30{
  padding-right: 2.25em;
}

.padding-left-30{
  padding-left: 2.25em;
}

.padding-right-40{
  padding-right: 3em;
}

.padding-left-40{
  padding-left: 3em;
}

.padding-right-50{
  padding-right: 3.75em;
}

.padding-left-50{
  padding-left: 3.75em;
}

.padding-all-1{
  padding: 0.075em;
}

.padding-all-2{
  padding: 0.15em;
}

.padding-all-3{
  padding: 0.225em;
}

.padding-all-4{
  padding: 0.3em;
}

.padding-all-5{
  padding: 0.375em;
}

.padding-all-6{
  padding: 0.45em;
}

.padding-all-7{
  padding: 0.525em;
}

.padding-all-8{
  padding: 0.6em;
}

.padding-all-9{
  padding: 0.675em;
}

.padding-all-10{
  padding: 0.75em;
}

.padding-all-11{
  padding: 0.825em;
}

.padding-all-12{
  padding: 0.9em;
}

.padding-all-13{
  padding: 0.975em;
}

.padding-all-14{
  padding: 1.05em;
}

.padding-all-15{
  padding: 1.125em;
}

.padding-all-16{
  padding: 1.2em;
}

.padding-all-17{
  padding: 1.275em;
}

.padding-all-18{
  padding: 1.35em;
}

.padding-all-19{
  padding: 1.425em;
}

.padding-all-20{
  padding: 1.5em;
}

.padding-all-30{
  padding: 2.25em;
}

.padding-all-40{
  padding: 3em;
}

.padding-all-50{
  padding: 3.75em;
}

.padding-left-5{
  padding: 0.375em;
}

.padding-left-right-10{
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.padding-left-right-20{
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.padding-left-10{
  padding-left: 0.75em;
}

.padding-right-10{
  padding-right: 0.75em;
}

.padding-top-bottom-2{
  padding: 0.15em 0em;
}

.padding-top-bottom-10{
  padding: 0.75em 0em;
}

.padding-top-bottom-20{
  padding: 1.5em 0em;
}

.padding-top-bottom-30{
  padding: 2.25em 0em;
}

.padding-top-bottom-40{
  padding: 3em 0em;
}

.padding-top-bottom-50{
  padding: 3.75em 0em;
}

/*End of padding definitions*/

input{
  width: 100%;
  padding: 0.75em 1.125em;
  border: none;
}


}

/* Multiple font by 1.25 */
@media screen and (max-width: 1643px) and (min-width: 1367px){

/*Start of font defintions*/

body{
  font-size: 1.25em;
}

.font-8{
  font-size: 0.625em;
}

.font-9{
  font-size: 0.703125em;
}

.font-10{
  font-size: 0.78125em;
}

.font-11{
  font-size: 0.859375em;
}

.font-12{
  font-size: 0.9375em;
}

.font-13{
  font-size: 1.015625em;
}

.font-14{
  font-size: 1.09375em;
}

.font-15{
  font-size: 1.171875em;
}

.font-16{
  font-size: 1.25em;
}

.font-17{
  font-size: 1.328125em;
}

.font-18{
  font-size: 1.40625em;
}

.font-19{
  font-size: 1.484375em;
}

.font-20{
  font-size: 1.5625em;
}

.font-25{
  font-size: 1.953125em;
}

.font-30{
  font-size: 2.34375em;
}

.font-35{
  font-size: 2.734375em;
}

.font-40{
  font-size: 3.125em;
}

.font-45{
  font-size: 3.515625em;
}

.font-50{
  font-size: 3.90625em;
}

.font-60{
  font-size: 4.6875em;
}

.font-70{
  font-size: 5.46875em;
}

.font-80{
  font-size: 6.25em;
}

.font-90{
  font-size: 7.03125em;
}

.font-100{
  font-size: 7.8125em;
}

/*End of font defintions*/



/*Start of Margin defintions*/

.margin-auto{
  margin: 0px auto;
}

.margin-top-10{
  margin-top: 0.78125em;
}

.margin-top-20{
  margin-top: 1.5625em;
}

.margin-top-25{
  margin-top: 1.953125em;
}

.margin-top-30{
  margin-top: 2.34375em;
}

.margin-top-40{
  margin-top: 3.125em;
}

.margin-top-50{
  margin-top: 3.90625em;
}

.margin-top-60{
  margin-top: 4.6875em;
}

.margin-top-70{
  margin-top: 5.46875em;
}

.margin-top-80{
  margin-top: 6.25em;
}

.margin-top-90{
  margin-top: 7.03125em;
}

.margin-top-100{
  margin-top: 7.8125em;
}

.margin-bottom-5{
  margin-bottom: calc(5px * 1.25);
}

.margin-bottom-10{
  margin-bottom: 0.78125em;
}

.margin-bottom-20{
  margin-bottom: 1.5625em;
}

.margin-bottom-30{
  margin-bottom: 2.34375em;
}

.margin-bottom-40{
  margin-bottom: 3.125em;
}

.margin-bottom-50{
  margin-bottom: 3.90625em;
}

input.margin-top-10{
  margin-top: 0.78125em;
}

input.margin-top-20{
  margin-top: 1.5625em;
}

input.margin-top-30{
  margin-top: 2.34375em;
}

input.margin-top-40{
  margin-top: 3.125em;
}

input.margin-top-50{
  margin-top: 3.90625em;
}

textarea.margin-top-10{
  margin-top: 0.78125em;
}

textarea.margin-top-20{
  margin-top: 1.5625em;
}

textarea.margin-top-30{
  margin-top: 2.34375em;
}

textarea.margin-top-40{
  margin-top: 3.125em;
}

textarea.margin-top-50{
  margin-top: 3.90625em;
}

/*End of margin definitions*/



/*Start of padding defintions*/

.padding-right-10{
  padding-right: 0.78125em;
}

.padding-left-10{
  padding-left: 0.78125em;
}

.padding-right-11{
  padding-right: 0.859375em;
}

.padding-left-11{
  padding-left: 0.859375em;
}

.padding-right-12{
  padding-right: 0.9375em;
}

.padding-left-12{
  padding-left: 0.9375em;
}

.padding-right-13{
  padding-right: 1.015625em;
}

.padding-left-13{
  padding-left: 1.015625em;
}

.padding-right-14{
  padding-right: 1.09375em;
}

.padding-left-14{
  padding-left: 1.09375em;
}

.padding-right-15{
  padding-right: 1.171875em;
}

.padding-left-15{
  padding-left: 1.171875em;
}

.padding-right-16{
  padding-right: 1.25em;
}

.padding-left-16{
  padding-left: 1.25em;
}

.padding-right-17{
  padding-right: 1.328125em;
}

.padding-left-17{
  padding-left: 1.328125em;
}

.padding-right-18{
  padding-right: 1.40625em;
}

.padding-left-18{
  padding-left: 1.40625em;
}

.padding-right-19{
  padding-right: 1.484375em;
}

.padding-left-19{
  padding-left: 1.484375em;
}

.padding-right-20{
  padding-right: 1.5625em;
}

.padding-left-20{
  padding-left: 1.5625em;
}

.padding-right-30{
  padding-right: 2.34375em;
}

.padding-left-30{
  padding-left: 2.34375em;
}

.padding-right-40{
  padding-right: 3.125em;
}

.padding-left-40{
  padding-left: 3.125em;
}

.padding-right-50{
  padding-right: 3.90625em;
}

.padding-left-50{
  padding-left: 3.90625em;
}

.padding-all-1{
  padding: 0.078125em;
}

.padding-all-2{
  padding: 0.15625em;
}

.padding-all-3{
  padding: 0.234375em;
}

.padding-all-4{
  padding: 0.3125em;
}

.padding-all-5{
  padding: 0.390625em;
}

.padding-all-6{
  padding: 0.46875em;
}

.padding-all-7{
  padding: 0.546875em;
}

.padding-all-8{
  padding: 0.625em;
}

.padding-all-9{
  padding: 0.703125em;
}

.padding-all-10{
  padding: 0.78125em;
}

.padding-all-11{
  padding: 0.859375em;
}

.padding-all-12{
  padding: 0.9375em;
}

.padding-all-13{
  padding: 1.015625em;
}

.padding-all-14{
  padding: 1.09375em;
}

.padding-all-15{
  padding: 1.171875em;
}

.padding-all-16{
  padding: 1.25em;
}

.padding-all-17{
  padding: 1.328125em;
}

.padding-all-18{
  padding: 1.40625em;
}

.padding-all-19{
  padding: 1.484375em;
}

.padding-all-20{
  padding: 1.5625em;
}

.padding-all-30{
  padding: 2.34375em;
}

.padding-all-40{
  padding: 3.125em;
}

.padding-all-50{
  padding: 3.90625em;
}

.padding-left-5{
  padding: 0.390625em;
}

.padding-left-right-10{
  padding-left: 0.78125em;
  padding-right: 0.78125em;
}

.padding-left-right-20{
  padding-left: 1.5625em;
  padding-right: 1.5625em;
}

.padding-left-10{
  padding-left: 0.78125em;
}

.padding-right-10{
  padding-right: 0.78125em;
}

.padding-top-bottom-2{
  padding: 0.15625em 0em;
}

.padding-top-bottom-10{
  padding: 0.78125em 0em;
}

.padding-top-bottom-20{
  padding: 1.5625em 0em;
}

.padding-top-bottom-30{
  padding: 2.34375em 0em;
}

.padding-top-bottom-40{
  padding: 3.125em 0em;
}

.padding-top-bottom-50{
  padding: 3.90625em 0em;
}

/*End of padding definitions*/

input{
  width: 100%;
  padding: 0.78125em 1.171875em;
  border: none;
}

}

/* Multiple font by 1.3 */
@media screen and (max-width: 1920px) and (min-width: 1643px){

/*Start of font defintions*/

body{
  font-size: 1.3em;
}

.font-8{
  font-size: 0.65em;
}

.font-9{
  font-size: 0.73125em;
}

.font-10{
  font-size: 0.8125em;
}

.font-11{
  font-size: 0.89375em;
}

.font-12{
  font-size: 0.975em;
}

.font-13{
  font-size: 1.05625em;
}

.font-14{
  font-size: 1.1375em;
}

.font-15{
  font-size: 1.21875em;
}

.font-16{
  font-size: 1.3em;
}

.font-17{
  font-size: 1.38125em;
}

.font-18{
  font-size: 1.4625em;
}

.font-19{
  font-size: 1.54375em;
}

.font-20{
  font-size: 1.625em;
}

.font-25{
  font-size: 2.03125em;
}

.font-30{
  font-size: 2.4375em;
}

.font-35{
  font-size: 2.84375em;
}

.font-40{
  font-size: 3.25em;
}

.font-45{
  font-size: 3.65625em;
}

.font-50{
  font-size: 4.0625em;
}

.font-60{
  font-size: 4.875em;
}

.font-70{
  font-size: 5.6875em;
}

.font-80{
  font-size: 6.5em;
}

.font-90{
  font-size: 7.3125em;
}

.font-100{
  font-size: 8.125em;
}

/*End of font defintions*/



/*Start of Margin defintions*/

.margin-auto{
  margin: 0px auto;
}

.margin-top-10{
  margin-top: 0.8125em;
}

.margin-top-20{
  margin-top: 1.625em;
}

.margin-top-25{
  margin-top: 2.03125em;
}

.margin-top-30{
  margin-top: 2.4375em;
}

.margin-top-40{
  margin-top: 3.25em;
}

.margin-top-50{
  margin-top: 4.0625em;
}

.margin-top-60{
  margin-top: 4.875em;
}

.margin-top-70{
  margin-top: 5.6875em;
}

.margin-top-80{
  margin-top: 6.5em;
}

.margin-top-90{
  margin-top: 7.3125em;
}

.margin-top-100{
  margin-top: 8.125em;
}

.margin-bottom-5{
  margin-bottom: calc(5px * 1.3);
}

.margin-bottom-10{
  margin-bottom: 0.8125em;
}

.margin-bottom-20{
  margin-bottom: 1.625em;
}

.margin-bottom-30{
  margin-bottom: 2.4375em;
}

.margin-bottom-40{
  margin-bottom: 3.25em;
}

.margin-bottom-50{
  margin-bottom: 4.0625em;
}

input.margin-top-10{
  margin-top: 0.8125em;
}

input.margin-top-20{
  margin-top: 1.625em;
}

input.margin-top-30{
  margin-top: 2.4375em;
}

input.margin-top-40{
  margin-top: 3.25em;
}

input.margin-top-50{
  margin-top: 4.0625em;
}

textarea.margin-top-10{
  margin-top: 0.8125em;
}

textarea.margin-top-20{
  margin-top: 1.625em;
}

textarea.margin-top-30{
  margin-top: 2.4375em;
}

textarea.margin-top-40{
  margin-top: 3.25em;
}

textarea.margin-top-50{
  margin-top: 4.0625em;
}

/*End of margin definitions*/



/*Start of padding defintions*/

.padding-right-10{
  padding-right: 0.8125em;
}

.padding-left-10{
  padding-left: 0.8125em;
}

.padding-right-11{
  padding-right: 0.89375em;
}

.padding-left-11{
  padding-left: 0.89375em;
}

.padding-right-12{
  padding-right: 0.975em;
}

.padding-left-12{
  padding-left: 0.975em;
}

.padding-right-13{
  padding-right: 1.05625em;
}

.padding-left-13{
  padding-left: 1.05625em;
}

.padding-right-14{
  padding-right: 1.1375em;
}

.padding-left-14{
  padding-left: 1.1375em;
}

.padding-right-15{
  padding-right: 1.21875em;
}

.padding-left-15{
  padding-left: 1.21875em;
}

.padding-right-16{
  padding-right: 1.3em;
}

.padding-left-16{
  padding-left: 1.3em;
}

.padding-right-17{
  padding-right: 1.38125em;
}

.padding-left-17{
  padding-left: 1.38125em;
}

.padding-right-18{
  padding-right: 1.4625em;
}

.padding-left-18{
  padding-left: 1.4625em;
}

.padding-right-19{
  padding-right: 1.54375em;
}

.padding-left-19{
  padding-left: 1.54375em;
}

.padding-right-20{
  padding-right: 1.625em;
}

.padding-left-20{
  padding-left: 1.625em;
}

.padding-right-30{
  padding-right: 2.4375em;
}

.padding-left-30{
  padding-left: 2.4375em;
}

.padding-right-40{
  padding-right: 3.25em;
}

.padding-left-40{
  padding-left: 3.25em;
}

.padding-right-50{
  padding-right: 4.0625em;
}

.padding-left-50{
  padding-left: 4.0625em;
}

.padding-all-1{
  padding: 0.08125em;
}

.padding-all-2{
  padding: 0.1625em;
}

.padding-all-3{
  padding: 0.24375em;
}

.padding-all-4{
  padding: 0.325em;
}

.padding-all-5{
  padding: 0.40625em;
}

.padding-all-6{
  padding: 0.4875em;
}

.padding-all-7{
  padding: 0.56875em;
}

.padding-all-8{
  padding: 0.65em;
}

.padding-all-9{
  padding: 0.73125em;
}

.padding-all-10{
  padding: 0.8125em;
}

.padding-all-11{
  padding: 0.89375em;
}

.padding-all-12{
  padding: 0.975em;
}

.padding-all-13{
  padding: 1.05625em;
}

.padding-all-14{
  padding: 1.1375em;
}

.padding-all-15{
  padding: 1.21875em;
}

.padding-all-16{
  padding: 1.3em;
}

.padding-all-17{
  padding: 1.38125em;
}

.padding-all-18{
  padding: 1.4625em;
}

.padding-all-19{
  padding: 1.54375em;
}

.padding-all-20{
  padding: 1.625em;
}

.padding-all-30{
  padding: 2.4375em;
}

.padding-all-40{
  padding: 3.25em;
}

.padding-all-50{
  padding: 4.0625em;
}

.padding-left-5{
  padding: 0.40625em;
}

.padding-left-right-10{
  padding-left: 0.8125em;
  padding-right: 0.8125em;
}

.padding-left-right-20{
  padding-left: 1.625em;
  padding-right: 1.625em;
}

.padding-left-10{
  padding-left: 0.8125em;
}

.padding-right-10{
  padding-right: 0.8125em;
}

.padding-top-bottom-2{
  padding: 0.1625em 0em;
}

.padding-top-bottom-10{
  padding: 0.8125em 0em;
}

.padding-top-bottom-20{
  padding: 1.625em 0em;
}

.padding-top-bottom-30{
  padding: 2.4375em 0em;
}

.padding-top-bottom-40{
  padding: 3.25em 0em;
}

.padding-top-bottom-50{
  padding: 4.0625em 0em;
}

/*End of padding definitions*/

input{
  width: 100%;
  padding: 0.8125em 1.21875em;
  border: none;
}

}

/* Multiple font by 1.35 */
@media screen and (max-width: 2048px) and (min-width: 1920px){

  /*Start of font defintions*/
  
  body{
    font-size: 1.35em;
  }

  .font-8{
    font-size: 0.675em;
  }
  
  .font-9{
    font-size: 0.759375em;
  }
  
  .font-10{
    font-size: 0.84375em;
  }
  
  .font-11{
    font-size: 0.928125em;
  }
  
  .font-12{
    font-size: 1.0125em;
  }
  
  .font-13{
    font-size: 1.096875em;
  }
  
  .font-14{
    font-size: 1.18125em;
  }
  
  .font-15{
    font-size: 1.265625em;
  }
  
  .font-16{
    font-size: 1.35em;
  }

  .font-17{
    font-size: 1.434375em;
  }

  .font-18{
    font-size: 1.51875em;
  }

  .font-19{
    font-size: 1.603125em;
  }
  
  .font-20{
    font-size: 1.6875em;
  }
  
  .font-25{
    font-size: 2.109375em;
  }
  
  .font-30{
    font-size: 2.53125em;
  }
  
  .font-35{
    font-size: 2.953125em;
  }
  
  .font-40{
    font-size: 3.375em;
  }
  
  .font-45{
    font-size: 3.796875em;
  }
  
  .font-50{
    font-size: 4.21875em;
  }
  
  .font-60{
    font-size: 5.0625em;
  }
  
  .font-70{
    font-size: 5.90625em;
  }
  
  .font-80{
    font-size: 6.75em;
  }
  
  .font-90{
    font-size: 7.59375em;
  }
  
  .font-100{
    font-size: 8.4375em;
  }
  
  /*End of font defintions*/
  
  
  
  /*Start of Margin defintions*/
  
  .margin-auto{
    margin: 0px auto;
  }
  
  .margin-top-10{
    margin-top: 0.84375em;
  }
  
  .margin-top-20{
    margin-top: 1.6875em;
  }
  
  .margin-top-25{
    margin-top: 2.109375em;
  }
  
  .margin-top-30{
    margin-top: 2.53125em;
  }
  
  .margin-top-40{
    margin-top: 3.375em;
  }
  
  .margin-top-50{
    margin-top: 4.21875em;
  }
  
  .margin-top-60{
    margin-top: 5.0625em;
  }
  
  .margin-top-70{
    margin-top: 5.90625em;
  }
  
  .margin-top-80{
    margin-top: 6.75em;
  }
  
  .margin-top-90{
    margin-top: 7.59375em;
  }
  
  .margin-top-100{
    margin-top: 8.4375em;
  }

  .margin-bottom-5{
    margin-bottom: calc(5px * 1.35);
  }
  
  .margin-bottom-10{
    margin-bottom: 0.84375em;
  }
  
  .margin-bottom-20{
    margin-bottom: 1.6875em;
  }
  
  .margin-bottom-30{
    margin-bottom: 2.53125em;
  }
  
  .margin-bottom-40{
    margin-bottom: 3.375em;
  }
  
  .margin-bottom-50{
    margin-bottom: 4.21875em;
  }
  
  input.margin-top-10{
    margin-top: 0.84375em;
  }
  
  input.margin-top-20{
    margin-top: 1.6875em;
  }
  
  input.margin-top-30{
    margin-top: 2.53125em;
  }
  
  input.margin-top-40{
    margin-top: 3.375em;
  }
  
  input.margin-top-50{
    margin-top: 4.21875em;
  }
  
  textarea.margin-top-10{
    margin-top: 0.84375em;
  }
  
  textarea.margin-top-20{
    margin-top: 1.6875em;
  }
  
  textarea.margin-top-30{
    margin-top: 2.53125em;
  }
  
  textarea.margin-top-40{
    margin-top: 3.375em;
  }
  
  textarea.margin-top-50{
    margin-top: 4.21875em;
  }
  
  /*End of margin definitions*/
  
  
  
  /*Start of padding defintions*/
  
  .padding-right-10{
    padding-right: 0.84375em;
  }
  
  .padding-left-10{
    padding-left: 0.84375em;
  }
  
  .padding-right-11{
    padding-right: 0.928125em;
  }
  
  .padding-left-11{
    padding-left: 0.928125em;
  }
  
  .padding-right-12{
    padding-right: 1.0125em;
  }
  
  .padding-left-12{
    padding-left: 1.0125em;
  }
  
  .padding-right-13{
    padding-right: 1.096875em;
  }
  
  .padding-left-13{
    padding-left: 1.096875em;
  }
  
  .padding-right-14{
    padding-right: 1.18125em;
  }
  
  .padding-left-14{
    padding-left: 1.18125em;
  }
  
  .padding-right-15{
    padding-right: 1.265625em;
  }
  
  .padding-left-15{
    padding-left: 1.265625em;
  }
  
  .padding-right-16{
    padding-right: 1.35em;
  }
  
  .padding-left-16{
    padding-left: 1.35em;
  }
  
  .padding-right-17{
    padding-right: 1.434375em;
  }
  
  .padding-left-17{
    padding-left: 1.434375em;
  }
  
  .padding-right-18{
    padding-right: 1.51875em;
  }
  
  .padding-left-18{
    padding-left: 1.51875em;
  }
  
  .padding-right-19{
    padding-right: 1.603125em;
  }
  
  .padding-left-19{
    padding-left: 1.603125em;
  }
  
  .padding-right-20{
    padding-right: 1.6875em;
  }
  
  .padding-left-20{
    padding-left: 1.6875em;
  }
  
  .padding-right-30{
    padding-right: 2.53125em;
  }
  
  .padding-left-30{
    padding-left: 2.53125em;
  }
  
  .padding-right-40{
    padding-right: 3.375em;
  }
  
  .padding-left-40{
    padding-left: 3.375em;
  }
  
  .padding-right-50{
    padding-right: 4.21875em;
  }
  
  .padding-left-50{
    padding-left: 4.21875em;
  }
  
  .padding-all-1{
    padding: 0.084375em;
  }
  
  .padding-all-2{
    padding: 0.16875em;
  }
  
  .padding-all-3{
    padding: 0.253125em;
  }
  
  .padding-all-4{
    padding: 0.3375em;
  }
  
  .padding-all-5{
    padding: 0.421875em;
  }
  
  .padding-all-6{
    padding: 0.50625em;
  }
  
  .padding-all-7{
    padding: 0.590625em;
  }
  
  .padding-all-8{
    padding: 0.675em;
  }
  
  .padding-all-9{
    padding: 0.759375em;
  }
  
  .padding-all-10{
    padding: 0.84375em;
  }
  
  .padding-all-11{
    padding: 0.928125em;
  }
  
  .padding-all-12{
    padding: 1.0125em;
  }
  
  .padding-all-13{
    padding: 1.096875em;
  }
  
  .padding-all-14{
    padding: 1.18125em;
  }
  
  .padding-all-15{
    padding: 1.265625em;
  }
  
  .padding-all-16{
    padding: 1.35em;
  }
  
  .padding-all-17{
    padding: 1.434375em;
  }
  
  .padding-all-18{
    padding: 1.51875em;
  }
  
  .padding-all-19{
    padding: 1.603125em;
  }
  
  .padding-all-20{
    padding: 1.6875em;
  }
  
  .padding-all-30{
    padding: 2.53125em;
  }
  
  .padding-all-40{
    padding: 3.375em;
  }
  
  .padding-all-50{
    padding: 4.21875em;
  }
  
  .padding-left-5{
    padding: 0.421875em;
  }
  
  .padding-left-right-10{
    padding-left: 0.84375em;
    padding-right: 0.84375em;
  }
  
  .padding-left-right-20{
    padding-left: 1.6875em;
    padding-right: 1.6875em;
  }
  
  .padding-left-10{
    padding-left: 0.84375em;
  }
  
  .padding-right-10{
    padding-right: 0.84375em;
  }
  
  .padding-top-bottom-2{
    padding: 0.16875em 0em;
  }
  
  .padding-top-bottom-10{
    padding: 0.84375em 0em;
  }
  
  .padding-top-bottom-20{
    padding: 1.6875em 0em;
  }
  
  .padding-top-bottom-30{
    padding: 2.53125em 0em;
  }
  
  .padding-top-bottom-40{
    padding: 3.375em 0em;
  }
  
  .padding-top-bottom-50{
    padding: 4.21875em 0em;
  }
  
  /*End of padding definitions*/

  input{
    width: 100%;
    padding: 0.84375em 1.265625em;
    border: none;
  }
  
}

/* Multiple font by 1.4 */
@media screen and (max-width: 2176px) and (min-width: 2048px){

  /*Start of font defintions*/
  
  body{
    font-size: 1.4em;
  }

  .font-8{
    font-size: 0.7em;
  }
  
  .font-9{
    font-size: 0.7875em;
  }
  
  .font-10{
    font-size: 0.875em;
  }
  
  .font-11{
    font-size: 0.9625em;
  }
  
  .font-12{
    font-size: 1.05em;
  }
  
  .font-13{
    font-size: 1.1375em;
  }
  
  .font-14{
    font-size: 1.225em;
  }
  
  .font-15{
    font-size: 1.3125em;
  }
  
  .font-16{
    font-size: 1.4em;
  }

  .font-17{
    font-size: 1.4875em;
  }

  .font-18{
    font-size: 1.575em;
  }

  .font-19{
    font-size: 1.6625em;
  }
  
  .font-20{
    font-size: 1.75em;
  }
  
  .font-25{
    font-size: 2.1875em;
  }
  
  .font-30{
    font-size: 2.625em;
  }
  
  .font-35{
    font-size: 3.0625em;
  }
  
  .font-40{
    font-size: 3.5em;
  }
  
  .font-45{
    font-size: 3.9375em;
  }
  
  .font-50{
    font-size: 4.375em;
  }
  
  .font-60{
    font-size: 5.25em;
  }
  
  .font-70{
    font-size: 6.125em;
  }
  
  .font-80{
    font-size: 7em;
  }
  
  .font-90{
    font-size: 7.875em;
  }
  
  .font-100{
    font-size: 8.75em;
  }
  
  /*End of font defintions*/
  
  
  
  /*Start of Margin defintions*/
  
  .margin-auto{
    margin: 0px auto;
  }
  
  .margin-top-10{
    margin-top: 0.875em;
  }
  
  .margin-top-20{
    margin-top: 1.75em;
  }
  
  .margin-top-25{
    margin-top: 2.1875em;
  }
  
  .margin-top-30{
    margin-top: 2.625em;
  }
  
  .margin-top-40{
    margin-top: 3.5em;
  }
  
  .margin-top-50{
    margin-top: 4.375em;
  }
  
  .margin-top-60{
    margin-top: 5.25em;
  }
  
  .margin-top-70{
    margin-top: 6.125em;
  }
  
  .margin-top-80{
    margin-top: 7em;
  }
  
  .margin-top-90{
    margin-top: 7.875em;
  }
  
  .margin-top-100{
    margin-top: 8.75em;
  }

  .margin-bottom-5{
    margin-bottom: calc(5px * 1.4);
  }
  
  .margin-bottom-10{
    margin-bottom: 0.875em;
  }
  
  .margin-bottom-20{
    margin-bottom: 1.75em;
  }
  
  .margin-bottom-30{
    margin-bottom: 2.625em;
  }
  
  .margin-bottom-40{
    margin-bottom: 3.5em;
  }
  
  .margin-bottom-50{
    margin-bottom: 4.375em;
  }
  
  input.margin-top-10{
    margin-top: 0.875em;
  }
  
  input.margin-top-20{
    margin-top: 1.75em;
  }
  
  input.margin-top-30{
    margin-top: 2.625em;
  }
  
  input.margin-top-40{
    margin-top: 3.5em;
  }
  
  input.margin-top-50{
    margin-top: 4.375em;
  }
  
  textarea.margin-top-10{
    margin-top: 0.875em;
  }
  
  textarea.margin-top-20{
    margin-top: 1.75em;
  }
  
  textarea.margin-top-30{
    margin-top: 2.625em;
  }
  
  textarea.margin-top-40{
    margin-top: 3.5em;
  }
  
  textarea.margin-top-50{
    margin-top: 4.375em;
  }
  
  /*End of margin definitions*/
  
  
  
  /*Start of padding defintions*/
  
  .padding-right-10{
    padding-right: 0.875em;
  }
  
  .padding-left-10{
    padding-left: 0.875em;
  }
  
  .padding-right-11{
    padding-right: 0.9625em;
  }
  
  .padding-left-11{
    padding-left: 0.9625em;
  }
  
  .padding-right-12{
    padding-right: 1.05em;
  }
  
  .padding-left-12{
    padding-left: 1.05em;
  }
  
  .padding-right-13{
    padding-right: 1.1375em;
  }
  
  .padding-left-13{
    padding-left: 1.1375em;
  }
  
  .padding-right-14{
    padding-right: 1.225em;
  }
  
  .padding-left-14{
    padding-left: 1.225em;
  }
  
  .padding-right-15{
    padding-right: 1.3125em;
  }
  
  .padding-left-15{
    padding-left: 1.3125em;
  }
  
  .padding-right-16{
    padding-right: 1.4em;
  }
  
  .padding-left-16{
    padding-left: 1.4em;
  }
  
  .padding-right-17{
    padding-right: 1.4875em;
  }
  
  .padding-left-17{
    padding-left: 1.4875em;
  }
  
  .padding-right-18{
    padding-right: 1.575em;
  }
  
  .padding-left-18{
    padding-left: 1.575em;
  }
  
  .padding-right-19{
    padding-right: 1.6625em;
  }
  
  .padding-left-19{
    padding-left: 1.6625em;
  }
  
  .padding-right-20{
    padding-right: 1.75em;
  }
  
  .padding-left-20{
    padding-left: 1.75em;
  }
  
  .padding-right-30{
    padding-right: 2.625em;
  }
  
  .padding-left-30{
    padding-left: 2.625em;
  }
  
  .padding-right-40{
    padding-right: 3.5em;
  }
  
  .padding-left-40{
    padding-left: 3.5em;
  }
  
  .padding-right-50{
    padding-right: 4.375em;
  }
  
  .padding-left-50{
    padding-left: 4.375em;
  }
  
  .padding-all-1{
    padding: 0.0875em;
  }
  
  .padding-all-2{
    padding: 0.175em;
  }
  
  .padding-all-3{
    padding: 0.2625em;
  }
  
  .padding-all-4{
    padding: 0.35em;
  }
  
  .padding-all-5{
    padding: 0.4375em;
  }
  
  .padding-all-6{
    padding: 0.525em;
  }
  
  .padding-all-7{
    padding: 0.6125em;
  }
  
  .padding-all-8{
    padding: 0.7em;
  }
  
  .padding-all-9{
    padding: 0.7875em;
  }
  
  .padding-all-10{
    padding: 0.875em;
  }
  
  .padding-all-11{
    padding: 0.9625em;
  }
  
  .padding-all-12{
    padding: 1.05em;
  }
  
  .padding-all-13{
    padding: 1.1375em;
  }
  
  .padding-all-14{
    padding: 1.225em;
  }
  
  .padding-all-15{
    padding: 1.3125em;
  }
  
  .padding-all-16{
    padding: 1.4em;
  }
  
  .padding-all-17{
    padding: 1.4875em;
  }
  
  .padding-all-18{
    padding: 1.575em;
  }
  
  .padding-all-19{
    padding: 1.6625em;
  }
  
  .padding-all-20{
    padding: 1.75em;
  }
  
  .padding-all-30{
    padding: 2.625em;
  }
  
  .padding-all-40{
    padding: 3.5em;
  }
  
  .padding-all-50{
    padding: 4.375em;
  }
  
  .padding-left-5{
    padding: 0.4375em;
  }
  
  .padding-left-right-10{
    padding-left: 0.875em;
    padding-right: 0.875em;
  }
  
  .padding-left-right-20{
    padding-left: 1.75em;
    padding-right: 1.75em;
  }
  
  .padding-left-10{
    padding-left: 0.875em;
  }
  
  .padding-right-10{
    padding-right: 0.875em;
  }
  
  .padding-top-bottom-2{
    padding: 0.175em 0em;
  }
  
  .padding-top-bottom-10{
    padding: 0.875em 0em;
  }
  
  .padding-top-bottom-20{
    padding: 1.75em 0em;
  }
  
  .padding-top-bottom-30{
    padding: 2.625em 0em;
  }
  
  .padding-top-bottom-40{
    padding: 3.5em 0em;
  }
  
  .padding-top-bottom-50{
    padding: 4.375em 0em;
  }
  
  /*End of padding definitions*/

  input{
    width: 100%;
    padding: 0.875em 1.3125em;
    border: none;
  }
  
}

/* Multiple font by 1.45 */
@media screen and (max-width: 2304px) and (min-width: 2176px){

  /*Start of font defintions*/
  
  body{
    font-size: 1.45em;
  }

  .font-8{
    font-size: 0.725em;
  }
  
  .font-9{
    font-size: 0.815625em;
  }
  
  .font-10{
    font-size: 0.90625em;
  }
  
  .font-11{
    font-size: 0.996875em;
  }
  
  .font-12{
    font-size: 1.0875em;
  }
  
  .font-13{
    font-size: 1.178125em;
  }
  
  .font-14{
    font-size: 1.26875em;
  }
  
  .font-15{
    font-size: 1.359375em;
  }
  
  .font-16{
    font-size: 1.45em;
  }

  .font-17{
    font-size: 1.540625em;
  }

  .font-18{
    font-size: 1.63125em;
  }

  .font-19{
    font-size: 1.721875em;
  }
  
  .font-20{
    font-size: 1.8125em;
  }
  
  .font-25{
    font-size: 2.265625em;
  }
  
  .font-30{
    font-size: 2.71875em;
  }
  
  .font-35{
    font-size: 3.171875em;
  }
  
  .font-40{
    font-size: 3.625em;
  }
  
  .font-45{
    font-size: 4.078125em;
  }
  
  .font-50{
    font-size: 4.53125em;
  }
  
  .font-60{
    font-size: 5.4375em;
  }
  
  .font-70{
    font-size: 6.34375em;
  }
  
  .font-80{
    font-size: 7.25em;
  }
  
  .font-90{
    font-size: 8.15625em;
  }
  
  .font-100{
    font-size: 9.0625em;
  }
  
  /*End of font defintions*/
  
  
  
  /*Start of Margin defintions*/
  
  .margin-auto{
    margin: 0px auto;
  }
  
  .margin-top-10{
    margin-top: 0.90625em;
  }
  
  .margin-top-20{
    margin-top: 1.8125em;
  }
  
  .margin-top-25{
    margin-top: 2.265625em;
  }
  
  .margin-top-30{
    margin-top: 2.71875em;
  }
  
  .margin-top-40{
    margin-top: 3.625em;
  }
  
  .margin-top-50{
    margin-top: 4.53125em;
  }
  
  .margin-top-60{
    margin-top: 5.4375em;
  }
  
  .margin-top-70{
    margin-top: 6.34375em;
  }
  
  .margin-top-80{
    margin-top: 7.25em;
  }
  
  .margin-top-90{
    margin-top: 8.15625em;
  }
  
  .margin-top-100{
    margin-top: 9.0625em;
  }

  .margin-bottom-5{
    margin-bottom: calc(5px * 1.45);
  }
  
  .margin-bottom-10{
    margin-bottom: 0.90625em;
  }
  
  .margin-bottom-20{
    margin-bottom: 1.8125em;
  }
  
  .margin-bottom-30{
    margin-bottom: 2.71875em;
  }
  
  .margin-bottom-40{
    margin-bottom: 3.625em;
  }
  
  .margin-bottom-50{
    margin-bottom: 4.53125em;
  }
  
  input.margin-top-10{
    margin-top: 0.90625em;
  }
  
  input.margin-top-20{
    margin-top: 1.8125em;
  }
  
  input.margin-top-30{
    margin-top: 2.71875em;
  }
  
  input.margin-top-40{
    margin-top: 3.625em;
  }
  
  input.margin-top-50{
    margin-top: 4.53125em;
  }
  
  textarea.margin-top-10{
    margin-top: 0.90625em;
  }
  
  textarea.margin-top-20{
    margin-top: 1.8125em;
  }
  
  textarea.margin-top-30{
    margin-top: 2.71875em;
  }
  
  textarea.margin-top-40{
    margin-top: 3.625em;
  }
  
  textarea.margin-top-50{
    margin-top: 4.53125em;
  }
  
  /*End of margin definitions*/
  
  
  
  /*Start of padding defintions*/
  
  .padding-right-10{
    padding-right: 0.90625em;
  }
  
  .padding-left-10{
    padding-left: 0.90625em;
  }
  
  .padding-right-11{
    padding-right: 0.996875em;
  }
  
  .padding-left-11{
    padding-left: 0.996875em;
  }
  
  .padding-right-12{
    padding-right: 1.0875em;
  }
  
  .padding-left-12{
    padding-left: 1.0875em;
  }
  
  .padding-right-13{
    padding-right: 1.178125em;
  }
  
  .padding-left-13{
    padding-left: 1.178125em;
  }
  
  .padding-right-14{
    padding-right: 1.26875em;
  }
  
  .padding-left-14{
    padding-left: 1.26875em;
  }
  
  .padding-right-15{
    padding-right: 1.359375em;
  }
  
  .padding-left-15{
    padding-left: 1.359375em;
  }
  
  .padding-right-16{
    padding-right: 1.45em;
  }
  
  .padding-left-16{
    padding-left: 1.45em;
  }
  
  .padding-right-17{
    padding-right: 1.540625em;
  }
  
  .padding-left-17{
    padding-left: 1.540625em;
  }
  
  .padding-right-18{
    padding-right: 1.63125em;
  }
  
  .padding-left-18{
    padding-left: 1.63125em;
  }
  
  .padding-right-19{
    padding-right: 1.721875em;
  }
  
  .padding-left-19{
    padding-left: 1.721875em;
  }
  
  .padding-right-20{
    padding-right: 1.8125em;
  }
  
  .padding-left-20{
    padding-left: 1.8125em;
  }
  
  .padding-right-30{
    padding-right: 2.71875em;
  }
  
  .padding-left-30{
    padding-left: 2.71875em;
  }
  
  .padding-right-40{
    padding-right: 3.625em;
  }
  
  .padding-left-40{
    padding-left: 3.625em;
  }
  
  .padding-right-50{
    padding-right: 4.53125em;
  }
  
  .padding-left-50{
    padding-left: 4.53125em;
  }
  
  .padding-all-1{
    padding: 0.090625em;
  }
  
  .padding-all-2{
    padding: 0.18125em;
  }
  
  .padding-all-3{
    padding: 0.271875em;
  }
  
  .padding-all-4{
    padding: 0.3625em;
  }
  
  .padding-all-5{
    padding: 0.453125em;
  }
  
  .padding-all-6{
    padding: 0.54375em;
  }
  
  .padding-all-7{
    padding: 0.634375em;
  }
  
  .padding-all-8{
    padding: 0.725em;
  }
  
  .padding-all-9{
    padding: 0.815625em;
  }
  
  .padding-all-10{
    padding: 0.90625em;
  }
  
  .padding-all-11{
    padding: 0.996875em;
  }
  
  .padding-all-12{
    padding: 1.0875em;
  }
  
  .padding-all-13{
    padding: 1.178125em;
  }
  
  .padding-all-14{
    padding: 1.26875em;
  }
  
  .padding-all-15{
    padding: 1.359375em;
  }
  
  .padding-all-16{
    padding: 1.45em;
  }
  
  .padding-all-17{
    padding: 1.540625em;
  }
  
  .padding-all-18{
    padding: 1.63125em;
  }
  
  .padding-all-19{
    padding: 1.721875em;
  }
  
  .padding-all-20{
    padding: 1.8125em;
  }
  
  .padding-all-30{
    padding: 2.71875em;
  }
  
  .padding-all-40{
    padding: 3.625em;
  }
  
  .padding-all-50{
    padding: 4.53125em;
  }
  
  .padding-left-5{
    padding: 0.453125em;
  }
  
  .padding-left-right-10{
    padding-left: 0.90625em;
    padding-right: 0.90625em;
  }
  
  .padding-left-right-20{
    padding-left: 1.8125em;
    padding-right: 1.8125em;
  }
  
  .padding-left-10{
    padding-left: 0.90625em;
  }
  
  .padding-right-10{
    padding-right: 0.90625em;
  }
  
  .padding-top-bottom-2{
    padding: 0.18125em 0em;
  }
  
  .padding-top-bottom-10{
    padding: 0.90625em 0em;
  }
  
  .padding-top-bottom-20{
    padding: 1.8125em 0em;
  }
  
  .padding-top-bottom-30{
    padding: 2.71875em 0em;
  }
  
  .padding-top-bottom-40{
    padding: 3.625em 0em;
  }
  
  .padding-top-bottom-50{
    padding: 4.53125em 0em;
  }
  
  /*End of padding definitions*/

  input{
    width: 100%;
    padding: 0.90625em 1.359375em;
    border: none;
  }
  
}

/* Multiple font by 1.5 */
@media screen and (max-width: 2432px) and (min-width: 2304px){

  /*Start of font defintions*/
  
  body{
    font-size: 1.5em;
  }

  .font-8{
    font-size: 0.75em;
  }
  
  .font-9{
    font-size: 0.84375em;
  }
  
  .font-10{
    font-size: 0.9375em;
  }
  
  .font-11{
    font-size: 1.03125em;
  }
  
  .font-12{
    font-size: 1.125em;
  }
  
  .font-13{
    font-size: 1.21875em;
  }
  
  .font-14{
    font-size: 1.3125em;
  }
  
  .font-15{
    font-size: 1.40625em;
  }
  
  .font-16{
    font-size: 1.5em;
  }

  .font-17{
    font-size: 1.59375em;
  }

  .font-18{
    font-size: 1.6875em;
  }

  .font-19{
    font-size: 1.78125em;
  }
  
  .font-20{
    font-size: 1.875em;
  }
  
  .font-25{
    font-size: 2.34375em;
  }
  
  .font-30{
    font-size: 2.8125em;
  }
  
  .font-35{
    font-size: 3.28125em;
  }
  
  .font-40{
    font-size: 3.75em;
  }
  
  .font-45{
    font-size: 4.21875em;
  }
  
  .font-50{
    font-size: 4.6875em;
  }
  
  .font-60{
    font-size: 5.625em;
  }
  
  .font-70{
    font-size: 6.5625em;
  }
  
  .font-80{
    font-size: 7.5em;
  }
  
  .font-90{
    font-size: 8.4375em;
  }
  
  .font-100{
    font-size: 9.375em;
  }
  
  /*End of font defintions*/
  
  
  
  /*Start of Margin defintions*/
  
  .margin-auto{
    margin: 0px auto;
  }
  
  .margin-top-10{
    margin-top: 0.9375em;
  }
  
  .margin-top-20{
    margin-top: 1.875em;
  }
  
  .margin-top-25{
    margin-top: 2.34375em;
  }
  
  .margin-top-30{
    margin-top: 2.8125em;
  }
  
  .margin-top-40{
    margin-top: 3.75em;
  }
  
  .margin-top-50{
    margin-top: 4.6875em;
  }
  
  .margin-top-60{
    margin-top: 5.625em;
  }
  
  .margin-top-70{
    margin-top: 6.5625em;
  }
  
  .margin-top-80{
    margin-top: 7.5em;
  }
  
  .margin-top-90{
    margin-top: 8.4375em;
  }
  
  .margin-top-100{
    margin-top: 9.375em;
  }

  .margin-bottom-5{
    margin-bottom: calc(5px * 1.5);
  }
  
  .margin-bottom-10{
    margin-bottom: 0.9375em;
  }
  
  .margin-bottom-20{
    margin-bottom: 1.875em;
  }
  
  .margin-bottom-30{
    margin-bottom: 2.8125em;
  }
  
  .margin-bottom-40{
    margin-bottom: 3.75em;
  }
  
  .margin-bottom-50{
    margin-bottom: 4.6875em;
  }
  
  input.margin-top-10{
    margin-top: 0.9375em;
  }
  
  input.margin-top-20{
    margin-top: 1.875em;
  }
  
  input.margin-top-30{
    margin-top: 2.8125em;
  }
  
  input.margin-top-40{
    margin-top: 3.75em;
  }
  
  input.margin-top-50{
    margin-top: 4.6875em;
  }
  
  textarea.margin-top-10{
    margin-top: 0.9375em;
  }
  
  textarea.margin-top-20{
    margin-top: 1.875em;
  }
  
  textarea.margin-top-30{
    margin-top: 2.8125em;
  }
  
  textarea.margin-top-40{
    margin-top: 3.75em;
  }
  
  textarea.margin-top-50{
    margin-top: 4.6875em;
  }
  
  /*End of margin definitions*/
  
  
  
  /*Start of padding defintions*/
  
  .padding-right-10{
    padding-right: 0.9375em;
  }
  
  .padding-left-10{
    padding-left: 0.9375em;
  }
  
  .padding-right-11{
    padding-right: 1.03125em;
  }
  
  .padding-left-11{
    padding-left: 1.03125em;
  }
  
  .padding-right-12{
    padding-right: 1.125em;
  }
  
  .padding-left-12{
    padding-left: 1.125em;
  }
  
  .padding-right-13{
    padding-right: 1.21875em;
  }
  
  .padding-left-13{
    padding-left: 1.21875em;
  }
  
  .padding-right-14{
    padding-right: 1.3125em;
  }
  
  .padding-left-14{
    padding-left: 1.3125em;
  }
  
  .padding-right-15{
    padding-right: 1.40625em;
  }
  
  .padding-left-15{
    padding-left: 1.40625em;
  }
  
  .padding-right-16{
    padding-right: 1.5em;
  }
  
  .padding-left-16{
    padding-left: 1.5em;
  }
  
  .padding-right-17{
    padding-right: 1.59375em;
  }
  
  .padding-left-17{
    padding-left: 1.59375em;
  }
  
  .padding-right-18{
    padding-right: 1.6875em;
  }
  
  .padding-left-18{
    padding-left: 1.6875em;
  }
  
  .padding-right-19{
    padding-right: 1.78125em;
  }
  
  .padding-left-19{
    padding-left: 1.78125em;
  }
  
  .padding-right-20{
    padding-right: 1.875em;
  }
  
  .padding-left-20{
    padding-left: 1.875em;
  }
  
  .padding-right-30{
    padding-right: 2.8125em;
  }
  
  .padding-left-30{
    padding-left: 2.8125em;
  }
  
  .padding-right-40{
    padding-right: 3.75em;
  }
  
  .padding-left-40{
    padding-left: 3.75em;
  }
  
  .padding-right-50{
    padding-right: 4.6875em;
  }
  
  .padding-left-50{
    padding-left: 4.6875em;
  }
  
  .padding-all-1{
    padding: 0.09375em;
  }
  
  .padding-all-2{
    padding: 0.1875em;
  }
  
  .padding-all-3{
    padding: 0.28125em;
  }
  
  .padding-all-4{
    padding: 0.375em;
  }
  
  .padding-all-5{
    padding: 0.46875em;
  }
  
  .padding-all-6{
    padding: 0.5625em;
  }
  
  .padding-all-7{
    padding: 0.65625em;
  }
  
  .padding-all-8{
    padding: 0.75em;
  }
  
  .padding-all-9{
    padding: 0.84375em;
  }
  
  .padding-all-10{
    padding: 0.9375em;
  }
  
  .padding-all-11{
    padding: 1.03125em;
  }
  
  .padding-all-12{
    padding: 1.125em;
  }
  
  .padding-all-13{
    padding: 1.21875em;
  }
  
  .padding-all-14{
    padding: 1.3125em;
  }
  
  .padding-all-15{
    padding: 1.40625em;
  }
  
  .padding-all-16{
    padding: 1.5em;
  }
  
  .padding-all-17{
    padding: 1.59375em;
  }
  
  .padding-all-18{
    padding: 1.6875em;
  }
  
  .padding-all-19{
    padding: 1.78125em;
  }
  
  .padding-all-20{
    padding: 1.875em;
  }
  
  .padding-all-30{
    padding: 2.8125em;
  }
  
  .padding-all-40{
    padding: 3.75em;
  }
  
  .padding-all-50{
    padding: 4.6875em;
  }
  
  .padding-left-5{
    padding: 0.46875em;
  }
  
  .padding-left-right-10{
    padding-left: 0.9375em;
    padding-right: 0.9375em;
  }
  
  .padding-left-right-20{
    padding-left: 1.875em;
    padding-right: 1.875em;
  }
  
  .padding-left-10{
    padding-left: 0.9375em;
  }
  
  .padding-right-10{
    padding-right: 0.9375em;
  }
  
  .padding-top-bottom-2{
    padding: 0.1875em 0em;
  }
  
  .padding-top-bottom-10{
    padding: 0.9375em 0em;
  }
  
  .padding-top-bottom-20{
    padding: 1.875em 0em;
  }
  
  .padding-top-bottom-30{
    padding: 2.8125em 0em;
  }
  
  .padding-top-bottom-40{
    padding: 3.75em 0em;
  }
  
  .padding-top-bottom-50{
    padding: 4.6875em 0em;
  }
  
  /*End of padding definitions*/

  input{
    width: 100%;
    background-color: #ddd;
    padding: 0.9375em 1.40625em;
    border: none;
  }
  
}

/* Multiple font by 1.55 */
@media screen and (max-width: 2560px) and (min-width: 2432px){

  /*Start of font defintions*/
  
  body{
    font-size: 1.55em;
  }

  .font-8{
    font-size: 0.775em;
  }
  
  .font-9{
    font-size: 0.871875em;
  }
  
  .font-10{
    font-size: 0.96875em;
  }
  
  .font-11{
    font-size: 1.065625em;
  }
  
  .font-12{
    font-size: 1.1625em;
  }
  
  .font-13{
    font-size: 1.259375em;
  }
  
  .font-14{
    font-size: 1.35625em;
  }
  
  .font-15{
    font-size: 1.453125em;
  }
  
  .font-16{
    font-size: 1.55em;
  }

  .font-17{
    font-size: 1.646875em;
  }

  .font-18{
    font-size: 1.74375em;
  }

  .font-19{
    font-size: 1.840625em;
  }
  
  .font-20{
    font-size: 1.9375em;
  }
  
  .font-25{
    font-size: 2.421875em;
  }
  
  .font-30{
    font-size: 2.90625em;
  }
  
  .font-35{
    font-size: 3.390625em;
  }
  
  .font-40{
    font-size: 3.875em;
  }
  
  .font-45{
    font-size: 4.359375em;
  }
  
  .font-50{
    font-size: 4.84375em;
  }
  
  .font-60{
    font-size: 5.8125em;
  }
  
  .font-70{
    font-size: 6.78125em;
  }
  
  .font-80{
    font-size: 7.75em;
  }
  
  .font-90{
    font-size: 8.71875em;
  }
  
  .font-100{
    font-size: 9.6875em;
  }
  
  /*End of font defintions*/
  
  
  
  /*Start of Margin defintions*/
  
  .margin-auto{
    margin: 0px auto;
  }
  
  .margin-top-10{
    margin-top: 0.96875em;
  }
  
  .margin-top-20{
    margin-top: 1.9375em;
  }
  
  .margin-top-25{
    margin-top: 2.421875em;
  }
  
  .margin-top-30{
    margin-top: 2.90625em;
  }
  
  .margin-top-40{
    margin-top: 3.875em;
  }
  
  .margin-top-50{
    margin-top: 4.84375em;
  }
  
  .margin-top-60{
    margin-top: 5.8125em;
  }
  
  .margin-top-70{
    margin-top: 6.78125em;
  }
  
  .margin-top-80{
    margin-top: 7.75em;
  }
  
  .margin-top-90{
    margin-top: 8.71875em;
  }
  
  .margin-top-100{
    margin-top: 9.6875em;
  }

  .margin-bottom-5{
    margin-bottom: calc(5px * 1.55);
  }
  
  .margin-bottom-10{
    margin-bottom: 0.96875em;
  }
  
  .margin-bottom-20{
    margin-bottom: 1.9375em;
  }
  
  .margin-bottom-30{
    margin-bottom: 2.90625em;
  }
  
  .margin-bottom-40{
    margin-bottom: 3.875em;
  }
  
  .margin-bottom-50{
    margin-bottom: 4.84375em;
  }
  
  input.margin-top-10{
    margin-top: 0.96875em;
  }
  
  input.margin-top-20{
    margin-top: 1.9375em;
  }
  
  input.margin-top-30{
    margin-top: 2.90625em;
  }
  
  input.margin-top-40{
    margin-top: 3.875em;
  }
  
  input.margin-top-50{
    margin-top: 4.84375em;
  }
  
  textarea.margin-top-10{
    margin-top: 0.96875em;
  }
  
  textarea.margin-top-20{
    margin-top: 1.9375em;
  }
  
  textarea.margin-top-30{
    margin-top: 2.90625em;
  }
  
  textarea.margin-top-40{
    margin-top: 3.875em;
  }
  
  textarea.margin-top-50{
    margin-top: 4.84375em;
  }
  
  /*End of margin definitions*/
  
  
  
  /*Start of padding defintions*/
  
  .padding-right-10{
    padding-right: 0.96875em;
  }
  
  .padding-left-10{
    padding-left: 0.96875em;
  }
  
  .padding-right-11{
    padding-right: 1.065625em;
  }
  
  .padding-left-11{
    padding-left: 1.065625em;
  }
  
  .padding-right-12{
    padding-right: 1.1625em;
  }
  
  .padding-left-12{
    padding-left: 1.1625em;
  }
  
  .padding-right-13{
    padding-right: 1.259375em;
  }
  
  .padding-left-13{
    padding-left: 1.259375em;
  }
  
  .padding-right-14{
    padding-right: 1.35625em;
  }
  
  .padding-left-14{
    padding-left: 1.35625em;
  }
  
  .padding-right-15{
    padding-right: 1.453125em;
  }
  
  .padding-left-15{
    padding-left: 1.453125em;
  }
  
  .padding-right-16{
    padding-right: 1.55em;
  }
  
  .padding-left-16{
    padding-left: 1.55em;
  }
  
  .padding-right-17{
    padding-right: 1.646875em;
  }
  
  .padding-left-17{
    padding-left: 1.646875em;
  }
  
  .padding-right-18{
    padding-right: 1.74375em;
  }
  
  .padding-left-18{
    padding-left: 1.74375em;
  }
  
  .padding-right-19{
    padding-right: 1.840625em;
  }
  
  .padding-left-19{
    padding-left: 1.840625em;
  }
  
  .padding-right-20{
    padding-right: 1.9375em;
  }
  
  .padding-left-20{
    padding-left: 1.9375em;
  }
  
  .padding-right-30{
    padding-right: 2.90625em;
  }
  
  .padding-left-30{
    padding-left: 2.90625em;
  }
  
  .padding-right-40{
    padding-right: 3.875em;
  }
  
  .padding-left-40{
    padding-left: 3.875em;
  }
  
  .padding-right-50{
    padding-right: 4.84375em;
  }
  
  .padding-left-50{
    padding-left: 4.84375em;
  }
  
  .padding-all-1{
    padding: 0.096875em;
  }
  
  .padding-all-2{
    padding: 0.19375em;
  }
  
  .padding-all-3{
    padding: 0.290625em;
  }
  
  .padding-all-4{
    padding: 0.3875em;
  }
  
  .padding-all-5{
    padding: 0.484375em;
  }
  
  .padding-all-6{
    padding: 0.58125em;
  }
  
  .padding-all-7{
    padding: 0.678125em;
  }
  
  .padding-all-8{
    padding: 0.775em;
  }
  
  .padding-all-9{
    padding: 0.871875em;
  }
  
  .padding-all-10{
    padding: 0.96875em;
  }
  
  .padding-all-11{
    padding: 1.065625em;
  }
  
  .padding-all-12{
    padding: 1.1625em;
  }
  
  .padding-all-13{
    padding: 1.259375em;
  }
  
  .padding-all-14{
    padding: 1.35625em;
  }
  
  .padding-all-15{
    padding: 1.453125em;
  }
  
  .padding-all-16{
    padding: 1.55em;
  }
  
  .padding-all-17{
    padding: 1.646875em;
  }
  
  .padding-all-18{
    padding: 1.74375em;
  }
  
  .padding-all-19{
    padding: 1.840625em;
  }
  
  .padding-all-20{
    padding: 1.9375em;
  }
  
  .padding-all-30{
    padding: 2.90625em;
  }
  
  .padding-all-40{
    padding: 3.875em;
  }
  
  .padding-all-50{
    padding: 4.84375em;
  }
  
  .padding-left-5{
    padding: 0.484375em;
  }
  
  .padding-left-right-10{
    padding-left: 0.96875em;
    padding-right: 0.96875em;
  }
  
  .padding-left-right-20{
    padding-left: 1.9375em;
    padding-right: 1.9375em;
  }
  
  .padding-left-10{
    padding-left: 0.96875em;
  }
  
  .padding-right-10{
    padding-right: 0.96875em;
  }
  
  .padding-top-bottom-2{
    padding: 0.19375em 0em;
  }
  
  .padding-top-bottom-10{
    padding: 0.96875em 0em;
  }
  
  .padding-top-bottom-20{
    padding: 1.9375em 0em;
  }
  
  .padding-top-bottom-30{
    padding: 2.90625em 0em;
  }
  
  .padding-top-bottom-40{
    padding: 3.875em 0em;
  }
  
  .padding-top-bottom-50{
    padding: 4.84375em 0em;
  }
  
  /*End of padding definitions*/

  input{
    width: 100%;
    background-color: #ddd;
    padding: 0.96875em 1.453125em;
    border: none;
  }
  
}

/* Multiple font by 1.6 */
@media screen and (min-width: 2560px){

  /*Start of font defintions*/
  
  body{
    font-size: 1.6em;
  }

  .font-8{
    font-size: 0.8em;
  }
  
  .font-9{
    font-size: 0.9em;
  }
  
  .font-10{
    font-size: 1em;
  }
  
  .font-11{
    font-size: 1.1em;
  }
  
  .font-12{
    font-size: 1.2em;
  }
  
  .font-13{
    font-size: 1.3em;
  }
  
  .font-14{
    font-size: 1.4em;
  }
  
  .font-15{
    font-size: 1.5em;
  }
  
  .font-16{
    font-size: 1.6em;
  }

  .font-17{
    font-size: 1.7em;
  }

  .font-18{
    font-size: 1.8em;
  }

  .font-19{
    font-size: 1.9em;
  }
  
  .font-20{
    font-size: 2em;
  }
  
  .font-25{
    font-size: 2.5em;
  }
  
  .font-30{
    font-size: 3em;
  }
  
  .font-35{
    font-size: 3.5em;
  }
  
  .font-40{
    font-size: 4em;
  }
  
  .font-45{
    font-size: 4.5em;
  }
  
  .font-50{
    font-size: 5em;
  }
  
  .font-60{
    font-size: 6em;
  }
  
  .font-70{
    font-size: 7em;
  }
  
  .font-80{
    font-size: 8em;
  }
  
  .font-90{
    font-size: 9em;
  }
  
  .font-100{
    font-size: 10em;
  }
  
  /*End of font defintions*/
  
  
  
  /*Start of Margin defintions*/
  
  .margin-auto{
    margin: 0px auto;
  }
  
  .margin-top-10{
    margin-top: 1em;
  }
  
  .margin-top-20{
    margin-top: 2em;
  }
  
  .margin-top-25{
    margin-top: 2.5em;
  }
  
  .margin-top-30{
    margin-top: 3em;
  }
  
  .margin-top-40{
    margin-top: 4em;
  }
  
  .margin-top-50{
    margin-top: 5em;
  }
  
  .margin-top-60{
    margin-top: 6em;
  }
  
  .margin-top-70{
    margin-top: 7em;
  }
  
  .margin-top-80{
    margin-top: 8em;
  }
  
  .margin-top-90{
    margin-top: 9em;
  }
  
  .margin-top-100{
    margin-top: 10em;
  }

  .margin-bottom-5{
    margin-bottom: calc(5px * 1.6);
  }
  
  .margin-bottom-10{
    margin-bottom: 1em;
  }
  
  .margin-bottom-20{
    margin-bottom: 2em;
  }
  
  .margin-bottom-30{
    margin-bottom: 3em;
  }
  
  .margin-bottom-40{
    margin-bottom: 4em;
  }
  
  .margin-bottom-50{
    margin-bottom: 5em;
  }
  
  input.margin-top-10{
    margin-top: 1em;
  }
  
  input.margin-top-20{
    margin-top: 2em;
  }
  
  input.margin-top-30{
    margin-top: 3em;
  }
  
  input.margin-top-40{
    margin-top: 4em;
  }
  
  input.margin-top-50{
    margin-top: 5em;
  }
  
  textarea.margin-top-10{
    margin-top: 1em;
  }
  
  textarea.margin-top-20{
    margin-top: 2em;
  }
  
  textarea.margin-top-30{
    margin-top: 3em;
  }
  
  textarea.margin-top-40{
    margin-top: 4em;
  }
  
  textarea.margin-top-50{
    margin-top: 5em;
  }
  
  /*End of margin definitions*/
  
  
  
  /*Start of padding defintions*/
  
  .padding-right-10{
    padding-right: 1em;
  }
  
  .padding-left-10{
    padding-left: 1em;
  }
  
  .padding-right-11{
    padding-right: 1.1em;
  }
  
  .padding-left-11{
    padding-left: 1.1em;
  }
  
  .padding-right-12{
    padding-right: 1.2em;
  }
  
  .padding-left-12{
    padding-left: 1.2em;
  }
  
  .padding-right-13{
    padding-right: 1.3em;
  }
  
  .padding-left-13{
    padding-left: 1.3em;
  }
  
  .padding-right-14{
    padding-right: 1.4em;
  }
  
  .padding-left-14{
    padding-left: 1.4em;
  }
  
  .padding-right-15{
    padding-right: 1.5em;
  }
  
  .padding-left-15{
    padding-left: 1.5em;
  }
  
  .padding-right-16{
    padding-right: 1.6em;
  }
  
  .padding-left-16{
    padding-left: 1.6em;
  }
  
  .padding-right-17{
    padding-right: 1.7em;
  }
  
  .padding-left-17{
    padding-left: 1.7em;
  }
  
  .padding-right-18{
    padding-right: 1.8em;
  }
  
  .padding-left-18{
    padding-left: 1.8em;
  }
  
  .padding-right-19{
    padding-right: 1.9em;
  }
  
  .padding-left-19{
    padding-left: 1.9em;
  }
  
  .padding-right-20{
    padding-right: 2em;
  }
  
  .padding-left-20{
    padding-left: 2em;
  }
  
  .padding-right-30{
    padding-right: 3em;
  }
  
  .padding-left-30{
    padding-left: 3em;
  }
  
  .padding-right-40{
    padding-right: 4em;
  }
  
  .padding-left-40{
    padding-left: 4em;
  }
  
  .padding-right-50{
    padding-right: 5em;
  }
  
  .padding-left-50{
    padding-left: 5em;
  }
  
  .padding-all-1{
    padding: 0.1em;
  }
  
  .padding-all-2{
    padding: 0.2em;
  }
  
  .padding-all-3{
    padding: 0.3em;
  }
  
  .padding-all-4{
    padding: 0.4em;
  }
  
  .padding-all-5{
    padding: 0.5em;
  }
  
  .padding-all-6{
    padding: 0.6em;
  }
  
  .padding-all-7{
    padding: 0.7em;
  }
  
  .padding-all-8{
    padding: 0.8em;
  }
  
  .padding-all-9{
    padding: 0.9em;
  }
  
  .padding-all-10{
    padding: 1em;
  }
  
  .padding-all-11{
    padding: 1.1em;
  }
  
  .padding-all-12{
    padding: 1.2em;
  }
  
  .padding-all-13{
    padding: 1.3em;
  }
  
  .padding-all-14{
    padding: 1.4em;
  }
  
  .padding-all-15{
    padding: 1.5em;
  }
  
  .padding-all-16{
    padding: 1.6em;
  }
  
  .padding-all-17{
    padding: 1.7em;
  }
  
  .padding-all-18{
    padding: 1.8em;
  }
  
  .padding-all-19{
    padding: 1.9em;
  }
  
  .padding-all-20{
    padding: 2em;
  }
  
  .padding-all-30{
    padding: 3em;
  }
  
  .padding-all-40{
    padding: 4em;
  }
  
  .padding-all-50{
    padding: 5em;
  }
  
  .padding-left-5{
    padding: 0.5em;
  }
  
  .padding-left-right-10{
    padding-left: 1em;
    padding-right: 1em;
  }
  
  .padding-left-right-20{
    padding-left: 2em;
    padding-right: 2em;
  }
  
  .padding-left-10{
    padding-left: 1em;
  }
  
  .padding-right-10{
    padding-right: 1em;
  }
  
  .padding-top-bottom-2{
    padding: 0.2em 0em;
  }
  
  .padding-top-bottom-10{
    padding: 1em 0em;
  }
  
  .padding-top-bottom-20{
    padding: 2em 0em;
  }
  
  .padding-top-bottom-30{
    padding: 3em 0em;
  }
  
  .padding-top-bottom-40{
    padding: 4em 0em;
  }
  
  .padding-top-bottom-50{
    padding: 5em 0em;
  }
  
  /*End of padding definitions*/

  input{
    width: 100%;
    padding: 1em 1.5em;
    border: none;
  }
  
}