.center-section {
    max-width: 700px;
    margin: 0 auto;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.d-none {
    display: none;
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.full-width {
    width: 100%;
}

a {
    text-decoration: none;
}

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

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

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

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

.l {
    font-weight: normal;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.u {
    text-decoration: underline;
}

.lt {
    text-decoration: line-through;
}

.uppercase {
    text-transform: uppercase;
}

.clear {
    clear: both;
}

hr {
    border: 0px;
    height: 2px;
}

.font-xs {
    font-size: 14px;
    line-height: 24px;
}

.font-sm {
    font-size: 17px;
    line-height: 27px;
}

.font-default {
    font-size: 20px;
    line-height: 30px;
}

.font-md {
    font-size: 24px;
    line-height: 34px;
}

.font-lg {
    font-size: 28px;
    line-height: 38px;
}

.font-xl {
    font-size: 35px;
    line-height: 45px;
}

.font-xxl {
    font-size: 40px;
    line-height: 50px;
}

.bg-white {
    background: #ffffff;
}

.bg-red {
    background: #cc0000;
}

.bg-red hr {
    background: #fff;
}

.bg-green {
    background: #208411;
}

.bg-positive {
    background: #d5e8b5;
}

.bg-negative {
    background: #e8b5b5;
}

.bg-blue {
    background: #1c376c;
}

.bg-aqua-light {
    background: #e6f1f1;
}

.bg-yellow-light {
    background: #f8efd3;
}

.bg-yellow {
    background: #ffd966;
}

.bg-orange {
    background: #fcb332;
}

.bg-orange hr {
    background: #fff;
}

.bg-light-blue {
    background: #e1e9f1;
}

.bg-aqua {
    background: #53c9db;
}

.bg-light-orange {
    background: #ffefd0;
}

.bg-light-green {
    background: #daf6d5;
}

.bg-light-gray {
    background: #f8f8f8;
}

.bg-light-gradient-yellow-blue {
    background: linear-gradient(1deg, #e1e9f1, #f8efd3);
}

.bg-book-1 {
    background: #ecbea2;
}

.bg-book-1 hr {
    background: #fff;
}

.bg-book-2 {
    background: #659350;
}

.bg-book-2 hr {
    background: #fff;
}

.aqua-border {
    border: 1px solid #fff;
    outline: 2px solid #c3dfdf;
}

.color-white {
    color: #ffffff;
}

.color-gold {
    color: #bf9000;
}

.color-red {
    color: #990000;
}

.color-red-light {
    color: #ff0000;
}

.color-green {
    color: #146125;
}

.color-dark-gray {
    color: #434343;
}

.color-blue {
    color: #1c376c;
}

.color-aqua-dark {
    color: #244f4f;
}

.color-orange {
    color: #fcb332;
}

.color-black {
    color: #000000;
}

.color-book-1 {
    color: #ecbea2;
}

.color-book-2 {
    color: #659350;
}

.border-radius-10 {
    border-radius: 10px !important;
}

.border-radius-20 {
    border-radius: 20px !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-xs {
    border-width: 5px !important;
}

.border-sm {
    border-width: 8px !important;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-red {
    border-color: #cc0000;
}

.border-blue {
    border-color: #1c376c;
}

.border-green {
    border-color: #146125;
}

.border-orange {
    border-color: #fcb332;
}

.border-light-orange {
    border-color: #ffefd0;
}

.border-book-1 {
    border-color: #ecbea2;
}

.border-book-2 {
    border-color: #659350;
}

.mw-100 {
    max-width: 100px;
}

.mw-150 {
    max-width: 150px;
}

.mw-200 {
    max-width: 200px;
}

.mw-250 {
    max-width: 250px;
}

.mw-300 {
    max-width: 300px;
}

.mw-350 {
    max-width: 350px;
}

.mw-400 {
    max-width: 400px;
}

.mw-450 {
    max-width: 450px;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.ls-3 {
    letter-spacing: 3px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-v-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-v-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-v-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-h-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p-h-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.p-h-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.m-t-0 {
    margin-top: 0px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.w-33 {
    width: calc(33.3333% - (5px * 2));
}

.w-50 {
    width: calc(50% - (5px * 2));
}

.w-66 {
    width: calc(66.6666% - (5px * 2));
}

.w-100 {
    width: calc(100% - (5px * 2));
}

h1 {
    font-size: 35px;
    line-height: 45px;
    margin: 20px 0px;
    font-family: "LatoBl", sans-serif;
}

h2 {
    font-size: 22px;
    line-height: 32px;
    margin: 20px 0px;
    font-family: "LatoBl", sans-serif;
}

h3 {
    font-size: 26px;
    line-height: 36px;
}

h4 {
    font-size: 23px;
    line-height: 33px;
}