#social-icons-container {
position: fixed;
top: 20px;
right: 20px;
}

#social-icons-container a {
display: inline-block;
margin-right: 10px;
}

#backToTop {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #333;
color: #fff;
padding: 10px;
text-decoration: none;
display: none;
/* Initially hidden */

}

#backToTop:hover {
background-color: #555;
}

@media screen and (max-width: 768px) {
#about-header .header-content {
display: block;
/* other styles */

}
}

.text-content {
margin: 20px;
/* Adjusts the margin around the .text-content div */
}

.mk-left-align {
text-align: left;
margin: 0 20px;
/* Adds margin to the left and right of the paragraph text */
}

/* Hide overflowing content and show ellipsis for the paragraph */
.truncate-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
/* Adjust the number of lines to show before truncating */
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
}

.expand-text {
max-height: 1000px;
/* Adjust to a larger value to show the full content */
transition: max-height 0.3s ease;
}

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
html {
-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
}

@media screen and (min--moz-device-pixel-ratio: 0) {
html {
-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
}

/* The standard text-size-adjust property, included for future compatibility */

html {
-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

.mk-container {
display: flex;
align-items: center;
justify-content: center;
}

.header-content {
display: flex;
align-items: center;
}

.header-image {
max-width: 200px;
/* Adjust the maximum width of the image to your preference */

margin-left: 20px;
/* Add some left margin to create spacing between the text and the image */

}

#navigation-links a {
margin-right: 20px;
text-decoration: none;
color: black;
/* Adjust as needed */

}

body {
    margin: 0;
    -text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.book-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
   grid-gap: 20px;
   padding: 20px;
}

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

.book-image {
    width: 100%;
    height: auto;
}


article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
display: block
}

summary {
display: list-item
}

audio,canvas,progress,video {
display: inline-block
}

progress {
vertical-align: baseline
}

audio:not([controls]) {
display: none;
height: 0
}

a {
background-color: transparent
}

a:active,a:hover {
outline-width: 0
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}

b,strong {
font-weight: bolder
}

dfn {
font-style: italic
}

mark {
background: #ff0;
color: #000
}

small {
font-size: 80%
}

sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}

sub {
bottom: -0.25em
}

sup {
top: -0.5em
}

figure {
margin: 1em 40px
}

img {
border-style: none
}

code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible
}

button,input,select,textarea,optgroup {
font: inherit;
margin: 0
}

optgroup {
font-weight: bold
}

button,input {
overflow: visible
}

button,select {
text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
-webkit-appearance: button;
-ms-appearance: button;
-moz-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em
}

legend {
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}

textarea {
overflow: auto
}

[type=checkbox],[type=radio] {
padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}

[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none
}

::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
font: inherit
}




/* End extract */




html,body {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5
}

html {
overflow-x: hidden
}

h1 {
font-size: 36px;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin: 10px 0
}

h2 {
font-size: 30px;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin: 10px 0	
}

h3 {
font-size: 24px;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin: 10px 0	
}

h4 {
font-size: 20px;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin: 10px 0	
}

h5 {
font-size: 18px;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin: 10px 0	
}

h6 {
font-size: 16px;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin: 10px 0
}

.mk-serif {
font-family: serif
}

.mk-sans-serif {
font-family: sans-serif
}

.mk-cursive {
font-family: cursive
}

.mk-monospace {
font-family: monospace
}

.mk-wide {
letter-spacing: 4px
}

hr {
border: 0;
border-top: 1px solid #eee;
margin: 20px 0
}

.mk-image {
max-width: 100%;
height: auto
}

img {
vertical-align: middle
}

a {
color: inherit
}

.mk-table,.mk-table-all {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
display: table
}

.mk-table-all {
border: 1px solid #ccc
}

.mk-bordered tr,.mk-table-all tr {
border-bottom: 1px solid #ddd
}

.mk-striped tbody tr:nth-child(even) {
background-color: #f1f1f1
}

.mk-table-all tr:nth-child(odd) {
background-color: #fff
}

.mk-table-all tr:nth-child(even) {
background-color: #f1f1f1
}

.mk-hoverable tbody tr:hover,.mk-ul.mk-hoverable li:hover {
background-color: #ccc
}

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

.mk-table td,.mk-table th,.mk-table-all td,.mk-table-all th {
padding: 8px 8px;
display: table-cell;
text-align: left;
vertical-align: top
}

.mk-table th:first-child,.mk-table td:first-child,.mk-table-all th:first-child,.mk-table-all td:first-child {
padding-left: 16px
}

.mk-btn,.mk-button {
border: none;
display: inline-block;
padding: 8px 16px;
vertical-align: middle;
overflow: hidden;
text-decoration: none;
color: inherit;
background-color: inherit;
text-align: center;
cursor: pointer;
white-space: nowrap
}

.mk-btn:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.mk-btn,.mk-button {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.mk-disabled,.mk-btn:disabled,.mk-button:disabled {
cursor: not-allowed;
opacity: 0.3
}

.mk-disabled *,:disabled * {
pointer-events: none
}

.mk-btn.mk-disabled:hover,.mk-btn:disabled:hover {
box-shadow: none
}

.mk-badge,.mk-tag {
background-color: #000;
color: #fff;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center
}

.mk-badge {
border-radius: 50%
}

.mk-ul {
list-style-type: none;
padding: 0;
margin: 0
}

.mk-ul li {
padding: 8px 16px;
border-bottom: 1px solid #ddd
}

.mk-ul li:last-child {
border-bottom: none
}

.mk-tooltip,.mk-display-container {
position: relative
}

.mk-tooltip .mk-text {
display: none
}

.mk-tooltip:hover .mk-text {
display: inline-block
}

.mk-ripple:active {
opacity: 0.5
}

.mk-ripple {
transition: opacity 0s
}

.mk-input {
padding: 8px;
display: block;
border: none;
border-bottom: 1px solid #ccc;
width: 100%
}

.mk-select {
padding: 9px 0;
width: 100%;
border: none;
border-bottom: 1px solid #ccc
}

.mk-dropdown-click,.mk-dropdown-hover {
position: relative;
display: inline-block;
cursor: pointer
}

.mk-dropdown-hover:hover .mk-dropdown-content {
display: block
}

.mk-dropdown-hover:first-child,.mk-dropdown-click:hover {
background-color: #ccc;
color: #000
}

.mk-dropdown-hover:hover > .mk-button:first-child,.mk-dropdown-click:hover > .mk-button:first-child {
background-color: #ccc;
color: #000
}

.mk-dropdown-content {
cursor: auto;
color: #000;
background-color: #fff;
display: none;
position: absolute;
min-width: 160px;
margin: 0;
padding: 0;
z-index: 1
}

.mk-check,.mk-radio {
width: 24px;
height: 24px;
position: relative;
top: 6px
}

.mk-sidebar {
height: 100%;
width: 200px;
background-color: #fff;
position: fixed;
z-index: 1;
overflow: auto
}

.mk-bar-block .mk-dropdown-hover,.mk-bar-block .mk-dropdown-click {
width: 100%
}

.mk-bar-block .mk-dropdown-hover .mk-dropdown-content,.mk-bar-block .mk-dropdown-click .mk-dropdown-content {
min-width: 100%
}

.mk-bar-block .mk-dropdown-hover .mk-button,.mk-bar-block .mk-dropdown-click .mk-button {
width: 100%;
text-align: left;
padding: 8px 16px
}

.mk-main,#main {
transition: margin-left .4s
}

.mk-modal {
z-index: 3;
display: none;
padding-top: 100px;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4)
}

.mk-modal-content {
margin: auto;
background-color: #fff;
position: relative;
padding: 0;
outline: 0;
width: 600px
}

.mk-bar {
width: 100%;
overflow: hidden
}

.mk-center .mk-bar {
display: inline-block;
width: auto
}

.mk-bar .mk-bar-item {
padding: 8px 16px;
float: left;
width: auto;
border: none;
display: block;
outline: 0
}

.mk-bar .mk-dropdown-hover,.mk-bar .mk-dropdown-click {
position: static;
float: left
}

.mk-bar .mk-button {
white-space: normal
}

.mk-bar-block .mk-bar-item {
width: 100%;
display: block;
padding: 8px 16px;
text-align: left;
border: none;
white-space: normal;
float: none;
outline: 0
}

.mk-bar-block.mk-center .mk-bar-item {
text-align: center
}

.mk-block {
display: block;
width: 100%
}

.mk-responsive {
display: block;
overflow-x: auto
}

.mk-container:after,.mk-container:before,.mk-panel:after,.mk-panel:before,.mk-row:after,.mk-row:before,.mk-row-padding:after,.mk-row-padding:before,
.mk-cell-row:before,.mk-cell-row:after,.mk-clear:after,.mk-clear:before,.mk-bar:before,.mk-bar:after {
content: "";
display: table;
clear: both
}

.mk-col,.mk-half,.mk-third,.mk-twothird,.mk-threequarter,.mk-quarter {
float: left;
width: 100%
}

.mk-col.s1 {
width: 8.33333%
}

.mk-col.s2 {
width: 16.66666%
}

.mk-col.s3 {
width: 24.99999%
}

.mk-col.s4 {
width: 33.33333%
}

.mk-col.s5 {
width: 41.66666%
}

.mk-col.s6 {
width: 49.99999%
}

.mk-col.s7 {
width: 58.33333%
}

.mk-col.s8 {
width: 66.66666%
}

.mk-col.s9 {
width: 74.99999%
}

.mk-col.s10 {
width: 83.33333%
}

.mk-col.s11 {
width: 91.66666%
}

.mk-col.s12 {
width: 99.99999%
}

@media (min-width:601px) {
.mk-col.m1 {
width: 8.33333%
}

.mk-col.m2 {
width: 16.66666%
}

.mk-col.m3,.mk-quarter {
width: 24.99999%
}

.mk-col.m4,.mk-third {
width: 33.33333%
}

.mk-col.m5 {
width: 41.66666%
}

.mk-col.m6,.mk-half {
width: 49.99999%
}

.mk-col.m7 {
width: 58.33333%
}

.mk-col.m8,.mk-twothird {
width: 66.66666%
}

.mk-col.m9,.mk-threequarter {
width: 74.99999%
}

.mk-col.m10 {
width: 83.33333%
}

.mk-col.m11 {
width: 91.66666%
}

.mk-col.m12 {
width: 99.99999%
}
}

@media (min-width:993px) {
.mk-col.l1 {
width: 8.33333%
}

.mk-col.l2 {
width: 16.66666%
}

.mk-col.l3 {
width: 24.99999%
}

.mk-col.l4 {
width: 33.33333%
}

.mk-col.l5 {
width: 41.66666%
}

.mk-col.l6 {
width: 49.99999%
}

.mk-col.l7 {
width: 58.33333%
}

.mk-col.l8 {
width: 66.66666%
}

.mk-col.l9 {
width: 74.99999%
}

.mk-col.l10 {
width: 83.33333%
}

.mk-col.l11 {
width: 91.66666%
}

.mk-col.l12 {
width: 99.99999%
}
}

.mk-rest {
overflow: hidden
}

.mk-stretch {
margin-left: -16px;
margin-right: -16px
}

.mk-content,.mk-auto {
margin-left: auto;
margin-right: auto
}

.mk-content {
max-width: 1400px
}

.mk-auto {
max-width: 1140px
}

.mk-cell-row {
display: table;
width: 100%
}

.mk-cell {
display: table-cell
}

.mk-cell-top {
vertical-align: top
}

.mk-cell-middle {
vertical-align: middle
}

.mk-cell-bottom {
vertical-align: bottom
}

.mk-hide {
display: none
}

.mk-show-block,.mk-show {
display: block
}

.mk-show-inline-block {
display: inline-block
}

@media (max-width:1205px) {
.mk-auto {
max-width: 95%
}
}

@media (max-width:600px) {
.mk-modal-content {
margin: 0 10px;
width: auto
}

.mk-modal {
padding-top: 30px
}

.mk-dropdown-hover.mk-mobile .mk-dropdown-content,.mk-dropdown-click.mk-mobile .mk-dropdown-content {
position: relative
}

.mk-hide-small {
display: none
}

.mk-mobile {
display: block;
width: 100%
}

.mk-bar-item.mk-mobile,.mk-dropdown-hover.mk-mobile,.mk-dropdown-click.mk-mobile {
text-align: center
}

.mk-dropdown-hover.mk-mobile,.mk-dropdown-hover.mk-mobile .mk-btn,.mk-dropdown-hover.mk-mobile .mk-button,.mk-dropdown-click.mk-mobile,.mk-dropdown-click.mk-mobile .mk-btn,.mk-dropdown-click.mk-mobile .mk-button {
width: 100%
}
}

@media (max-width:768px) {
.mk-modal-content {
width: 500px
}

.mk-modal {
padding-top: 50px
}
}

@media (min-width:993px) {
.mk-modal-content {
width: 900px
}

.mk-hide-large {
display: none
}

.mk-sidebar.mk-collapse {
display: block
}
}

@media (max-width:992px) and (min-width:601px) {
.mk-hide-medium {
display: none
}
.mk-sidebar.mk-collapse {
display: none
}


.mk-main {
margin-left: 0;
margin-right: 0
}

.mk-auto {
max-width: 100%
}
}

.mk-top,.mk-bottom {
position: fixed;
width: 100%;
z-index: 1
}

.mk-top {
top: 0
}

.mk-bottom {
bottom: 0
}

.mk-overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #00000080;
z-index: 2
}

.mk-display-topleft {
position: absolute;
left: 0;
top: 0
}

.mk-display-topright {
position: absolute;
right: 0;
top: 0
}

.mk-display-bottomleft {
position: absolute;
left: 0;
bottom: 0
}

.mk-display-bottomright {
position: absolute;
right: 0;
bottom: 0
}

.mk-display-middle {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}

.mk-display-left {
position: absolute;
top: 50%;
left: 0%;
-ms-transform: translate(-0%,-50%);
-o-transform: translate(-0%,-50%);
-moz-transform: translate(-0%,-50%);
-webkit-transform: translate(-0%,-50%);
transform: translate(0%,-50%)
}

.mk-display-right {
position: absolute;
top: 50%;
right: 0%;
-ms-transform: translate(0%,-50%);
-o-transform: translate(0%,-50%);
-moz-transform: translate(0%,-50%);
-webkit-transform: translate(0%,-50%);
transform: translate(0%,-50%)
}

.mk-display-topmiddle {
position: absolute;
left: 50%;
top: 0;
-ms-transform: translate(-50%,0%);
-o-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%)
}

.mk-display-bottommiddle {
position: absolute;
left: 50%;
bottom: 0;
-ms-transform: translate(-50%,0%);
-o-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%)
}

.mk-display-container:hover .mk-display-hover {
display: block
}

.mk-display-container:hover span.mk-display-hover {
display: inline-block
}

.mk-display-hover {
display: none
}

.mk-display-position {
position: absolute
}

.mk-circle {
border-radius: 50%
}

.mk-round-small {
border-radius: 2px
}

.mk-round,.mk-round-medium {
border-radius: 4px
}

.mk-round-large {
border-radius: 8px
}

.mk-round-xlarge {
border-radius: 16px
}

.mk-round-xxlarge {
border-radius: 32px
}

.mk-row-padding,.mk-row-padding>.mk-half,.mk-row-padding>.mk-third,.mk-row-padding>.mk-twothird,.mk-row-padding>.mk-threequarter,.mk-row-padding>.mk-quarter,.mk-row-padding>.mk-col {
padding: 0 8px
}

.mk-container,.mk-panel {
padding: 0.01em 16px
}

.mk-panel {
margin-top: 16px;
margin-bottom: 16px
}

.mk-code,.mk-codespan {
font-family: Consolas,"courier new";
font-size: 16px
}

.mk-code {
width: auto;
background-color: #fff;
padding: 8px 12px;
border-left: 4px solid #4CAF50;
word-wrap: break-word
}

.mk-codespan {
color: crimson;
background-color: #f1f1f1;
padding-left: 4px;
padding-right: 4px;
font-size: 110%
}

.mk-card,.mk-card-2 {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.mk-card-4,.mk-hover-shadow:hover {
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
width:100%;
}

.mk-spin {
animation: w3-spin 2s infinite linear
}

@keyframes w3-spin {
0% {
transform: rotate(0deg)
}

100% {
transform: rotate(359deg)
}
}

.mk-animate-fading {
animation: fading 10s infinite
}

@keyframes fading {
0% {
opacity: 0
}

50% {
opacity: 1
}

100% {
opacity: 0
}
}

.mk-animate-opacity {
animation: opac 0.8s
}

@keyframes opac {
from {
opacity: 0
}

to {
opacity: 1
}
}

.mk-animate-top {
position: relative;
animation: animatetop 0.4s
}

@keyframes animatetop {
from {
top: -300px;
opacity: 0
}

to {
top: 0;
opacity: 1
}
}

.mk-animate-left {
position: relative;
animation: animateleft 0.4s
}

@keyframes animateleft {
from {
left: -300px;
opacity: 0
}

to {
left: 0;
opacity: 1
}
}

.mk-animate-right {
position: relative;
animation: animateright 0.4s
}

@keyframes animateright {
from {
right: -300px;
opacity: 0
}

to {
right: 0;
opacity: 1
}
}

.mk-animate-bottom {
position: relative;
animation: animatebottom 0.4s
}

@keyframes animatebottom {
from {
bottom: -300px;
opacity: 0
}

to {
bottom: 0;
opacity: 1
}
}

.mk-animate-zoom {
animation: animatezoom 0.6s
}

@keyframes animatezoom {
from {
transform: scale(0)
}

to {
transform: scale(1)
}
}

.mk-animate-input {
transition: width 0.4s ease-in-out
}

.mk-animate-input:focus {
width: 100%
}

.mk-opacity,.mk-hover-opacity:hover {
opacity: 0.60
}

.mk-opacity-off,.mk-hover-opacity-off:hover {
opacity: 1
}

.mk-opacity-max {
opacity: 0.25
}

.mk-opacity-min {
opacity: 0.75
}

.mk-greyscale-max,.mk-grayscale-max,.mk-hover-greyscale:hover,.mk-hover-grayscale:hover {
filter: grayscale(100%)
}

.mk-greyscale,.mk-grayscale {
filter: grayscale(75%)
}

.mk-greyscale-min,.mk-grayscale-min {
filter: grayscale(50%)
}

.mk-sepia {
filter: sepia(75%)
}

.mk-sepia-max,.mk-hover-sepia:hover {
filter: sepia(100%)
}

.mk-sepia-min {
filter: sepia(50%)
}

.mk-tiny {
font-size: 10px
}

.mk-small {
font-size: 12px
}

.mk-medium {
font-size: 15px
}

.mk-large {
font-size: 18px
}

.mk-xlarge {
font-size: 24px
}

.mk-xxlarge {
font-size: 36px
}

.mk-xxxlarge {
font-size: 48px
}

.mk-jumbo {
font-size: 64px
}

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

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

.mk-justify {
text-align: justify
}

.mk-center {
text-align: center
}

.mk-border-0 {
border: 0
}

.mk-border {
border: 1px solid #ccc
}

.mk-border-top {
border-top: 1px solid #ccc
}

.mk-border-bottom {
border-bottom: 1px solid #ccc
}

.mk-border-left {
border-left: 1px solid #ccc
}

.mk-border-right {
border-right: 1px solid #ccc
}

.mk-topbar {
border-top: 6px solid #ccc
}

.mk-bottombar {
border-bottom: 6px solid #ccc
}

.mk-leftbar {
border-left: 6px solid #ccc
}

.mk-rightbar {
border-right: 6px solid #ccc
}

.mk-section,.mk-code {
margin-top: 16px;
margin-bottom: 16px
}

.mk-margin {
margin: 16px
}

.mk-margin-top {
margin-top: 16px
}

.mk-margin-bottom {
margin-bottom: 16px
}

.mk-margin-left {
margin-left: 16px
}

.mk-margin-right {
margin-right: 16px
}

.mk-padding-small {
padding: 4px 8px
}

.mk-padding {
padding: 8px 16px
}

.mk-padding-large {
padding: 12px 24px
}

.mk-padding-16 {
padding-top: 16px;
padding-bottom: 16px
}

.mk-padding-24 {
padding-top: 24px;
padding-bottom: 24px
}

.mk-padding-32 {
padding-top: 32px;
padding-bottom: 32px
}

.mk-padding-48 {
padding-top: 48px;
padding-bottom: 48px
}

.mk-padding-64 {
padding-top: 64px;
padding-bottom: 64px
}

.mk-padding-top-64 {
padding-top: 64px
}

.mk-padding-top-48 {
padding-top: 48px
}

.mk-padding-top-32 {
padding-top: 32px
}

.mk-padding-top-24 {
padding-top: 24px
}

.mk-left {
float: left
}

.mk-right {
float: right
}

.mk-button:hover {
color: #000;
background-color: #ccc
}

.mk-transparent,.mk-hover-none:hover {
background-color: transparent
}

.mk-hover-none:hover {
box-shadow: none
}

.mk-amber,.mk-hover-amber:hover {
color: #000;
background-color: #ffc107
}

.mk-aqua,.mk-hover-aqua:hover {
color: #000;
background-color: #00ffff
}

.mk-blue,.mk-hover-blue:hover {
color: #fff;
background-color: #2196F3
}

.mk-light-blue,.mk-hover-light-blue:hover {
color: #000;
background-color: #87CEEB
}

.mk-brown,.mk-hover-brown:hover {
color: #fff;
background-color: #795548
}

.mk-cyan,.mk-hover-cyan:hover {
color: #000;
background-color: #00bcd4
}

.mk-blue-grey,.mk-hover-blue-grey:hover,.mk-blue-gray,.mk-hover-blue-gray:hover {
color: #fff;
background-color: #607d8b
}

.mk-green,.mk-hover-green:hover {
color: #fff;
background-color: #4CAF50
}

.mk-light-green,.mk-hover-light-green:hover {
color: #000;
background-color: #8bc34a
}

.mk-indigo,.mk-hover-indigo:hover {
color: #fff;
background-color: #3f51b5
}

.mk-khaki,.mk-hover-khaki:hover {
color: #000;
background-color: #f0e68c
}

.mk-lime,.mk-hover-lime:hover {
color: #000;
background-color: #cddc39
}

.mk-orange,.mk-hover-orange:hover {
color: #000;
background-color: #ff9800
}

.mk-deep-orange,.mk-hover-deep-orange:hover {
color: #fff;
background-color: #ff5722
}

.mk-pink,.mk-hover-pink:hover {
color: #fff;
background-color: #e91e63
}

.mk-purple,.mk-hover-purple:hover {
color: #fff;
background-color: #9c27b0
}

.mk-deep-purple,.mk-hover-deep-purple:hover {
color: #fff;
background-color: #673ab7
}

.mk-red,.mk-hover-red:hover {
color: #fff;
background-color: #f44336
}

.mk-sand,.mk-hover-sand:hover {
color: #000;
background-color: #fdf5e6
}

.mk-teal,.mk-hover-teal:hover {
color: #fff;
background-color: #009688
}

.mk-yellow,.mk-hover-yellow:hover {
color: #000;
background-color: #ffeb3b
}

.mk-white,.mk-hover-white:hover {
color: #000;
background-color: #fff
}

.mk-black,.mk-hover-black:hover {
color: #fff;
background-color: #000
}

.mk-grey,.mk-hover-grey:hover,.mk-gray,.mk-hover-gray:hover {
color: #000;
background-color: #9e9e9e
}

.mk-light-grey,.mk-hover-light-grey:hover,.mk-light-gray,.mk-hover-light-gray:hover {
color: #000;
background-color: #f1f1f1
}

.mk-dark-grey,.mk-hover-dark-grey:hover,.mk-dark-gray,.mk-hover-dark-gray:hover {
color: #fff;
background-color: #616161
}

.mk-pale-red,.mk-hover-pale-red:hover {
color: #000;
background-color: #ffdddd
}

.mk-pale-green,.mk-hover-pale-green:hover {
color: #000;
background-color: #ddffdd
}

.mk-pale-yellow,.mk-hover-pale-yellow:hover {
color: #000;
background-color: #ffffcc
}

.mk-pale-blue,.mk-hover-pale-blue:hover {
color: #000;
background-color: #ddffff
}

.mk-text-amber,.mk-hover-text-amber:hover {
color: #ffc107
}

.mk-text-aqua,.mk-hover-text-aqua:hover {
color: #00ffff
}

.mk-text-blue,.mk-hover-text-blue:hover {
color: #2196F3
}

.mk-text-light-blue,.mk-hover-text-light-blue:hover {
color: #87CEEB
}

.mk-text-brown,.mk-hover-text-brown:hover {
color: #795548
}

.mk-text-cyan,.mk-hover-text-cyan:hover {
color: #00bcd4
}

.mk-text-blue-grey,.mk-hover-text-blue-grey:hover,.mk-text-blue-gray,.mk-hover-text-blue-gray:hover {
color: #607d8b
}

.mk-text-green,.mk-hover-text-green:hover {
color: #4CAF50
}

.mk-text-light-green,.mk-hover-text-light-green:hover {
color: #8bc34a
}

.mk-text-indigo,.mk-hover-text-indigo:hover {
color: #3f51b5
}

.mk-text-khaki,.mk-hover-text-khaki:hover {
color: #b4aa50
}

.mk-text-lime,.mk-hover-text-lime:hover {
color: #cddc39
}

.mk-text-orange,.mk-hover-text-orange:hover {
color: #ff9800
}

.mk-text-deep-orange,.mk-hover-text-deep-orange:hover {
color: #ff5722
}

.mk-text-pink,.mk-hover-text-pink:hover {
color: #e91e63
}

.mk-text-purple,.mk-hover-text-purple:hover {
color: #9c27b0
}

.mk-text-deep-purple,.mk-hover-text-deep-purple:hover {
color: #673ab7
}

.mk-text-red,.mk-hover-text-red:hover {
color: #f44336
}

.mk-text-sand,.mk-hover-text-sand:hover {
color: #fdf5e6
}

.mk-text-teal,.mk-hover-text-teal:hover {
color: #009688
}

.mk-text-yellow,.mk-hover-text-yellow:hover {
color: #d2be0e
}

.mk-text-white,.mk-hover-text-white:hover {
color: #fff
}

.mk-text-black,.mk-hover-text-black:hover {
color: #000
}

.mk-text-grey,.mk-hover-text-grey:hover,.mk-text-gray,.mk-hover-text-gray:hover {
color: #757575
}

.mk-text-light-grey,.mk-hover-text-light-grey:hover,.mk-text-light-gray,.mk-hover-text-light-gray:hover {
color: #f1f1f1
}

.mk-text-dark-grey,.mk-hover-text-dark-grey:hover,.mk-text-dark-gray,.mk-hover-text-dark-gray:hover {
color: #3a3a3a
}

.mk-border-amber,.mk-hover-border-amber:hover {
border-color: #ffc107
}

.mk-border-aqua,.mk-hover-border-aqua:hover {
border-color: #00ffff
}

.mk-border-blue,.mk-hover-border-blue:hover {
border-color: #2196F3
}

.mk-border-light-blue,.mk-hover-border-light-blue:hover {
border-color: #87CEEB
}

.mk-border-brown,.mk-hover-border-brown:hover {
border-color: #795548
}

.mk-border-cyan,.mk-hover-border-cyan:hover {
border-color: #00bcd4
}

.mk-border-blue-grey,.mk-hover-border-blue-grey:hover,.mk-border-blue-gray,.mk-hover-border-blue-gray:hover {
border-color: #607d8b
}

.mk-border-green,.mk-hover-border-green:hover {
border-color: #4CAF50
}

.mk-border-light-green,.mk-hover-border-light-green:hover {
border-color: #8bc34a
}

.mk-border-indigo,.mk-hover-border-indigo:hover {
border-color: #3f51b5
}

.mk-border-khaki,.mk-hover-border-khaki:hover {
border-color: #f0e68c
}

.mk-border-lime,.mk-hover-border-lime:hover {
border-color: #cddc39
}

.mk-border-orange,.mk-hover-border-orange:hover {
border-color: #ff9800
}

.mk-border-deep-orange,.mk-hover-border-deep-orange:hover {
border-color: #ff5722
}

.mk-border-pink,.mk-hover-border-pink:hover {
border-color: #e91e63
}

.mk-border-purple,.mk-hover-border-purple:hover {
border-color: #9c27b0
}

.mk-border-deep-purple,.mk-hover-border-deep-purple:hover {
border-color: #673ab7
}

.mk-border-red,.mk-hover-border-red:hover {
border-color: #f44336
}

.mk-border-sand,.mk-hover-border-sand:hover {
border-color: #fdf5e6
}

.mk-border-teal,.mk-hover-border-teal:hover {
border-color: #009688
}

.mk-border-yellow,.mk-hover-border-yellow:hover {
border-color: #ffeb3b
}

.mk-border-white,.mk-hover-border-white:hover {
border-color: #fff
}

.mk-border-black,.mk-hover-border-black:hover {
border-color: #000
}

.mk-border-grey,.mk-hover-border-grey:hover,.mk-border-gray,.mk-hover-border-gray:hover {
border-color: #9e9e9e
}

.mk-border-light-grey,.mk-hover-border-light-grey:hover,.mk-border-light-gray,.mk-hover-border-light-gray:hover {
border-color: #f1f1f1
}

.mk-border-dark-grey,.mk-hover-border-dark-grey:hover,.mk-border-dark-gray,.mk-hover-border-dark-gray:hover {
border-color: #616161
}

.mk-border-pale-red,.mk-hover-border-pale-red:hover {
border-color: #ffe7e7
}

.mk-border-pale-green,.mk-hover-border-pale-green:hover {
border-color: #e7ffe7
}

.mk-border-pale-yellow,.mk-hover-border-pale-yellow:hover {
border-color: #ffffcc
}

.mk-border-pale-blue,.mk-hover-border-pale-blue:hover {
border-color: #e7ffff
}