/**color**/
.text-white {
    color: #fff;
}
.text-lightblue {
    color: #0EA7C1;
}
.text-blue {
    color:#0E3850;
}
.text-black {
    color:#252525;
}
p {
    color:#252525;
}
/**background-color**/
.bg-white {
    background-color: #fff;
}
.bg-lightblue {
    background-color: #0EA7C1;
}
.bg-blue {
    background-color:#001E35;
}
.bg-black {
    background-color:#000000;
}
.bg-grey,
.bg-gray {
    background-color:#eee;
}
/**position**/
.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.sticky {
    position: sticky
}

.static {
    position: static
}


/**display**/
.flex {
    display:flex;
}
.none {
    display:none;
}
.block {
    display:block;
}
@media (max-width:767px){
    .block--mobile {
        display:block;
    }
}
/** flex **/
.flex-column {
    flex-direction: column
}

.align-items-start {
    align-items: flex-start
}

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

.align-items-end {
    align-items: flex-end
}

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

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

.justify-content-end {
    justify-content: flex-end
}

.justify-content-start {
    justify-content: flex-start
}

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

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

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

.align-self-start {
    align-self: start
}

.align-self-center {
    align-self: center
}

.align-self-end {
    align-self: end
}

.align-content-between {
    align-content: space-between
}

.align-content-center {
    align-content: center
}

.align-content-end {
    align-content: flex-end
}

.align-content-start {
    align-content: flex-start
}

.align-content-around {
    align-content: space-around
}

.flex-order-1 {
    order: 1
}

.flex-order-2 {
    order: 2
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-gap {
    display: inline-flex;
    flex-wrap: wrap
}

/**margin**/

.m-10 {
    margin:10px;
}
.m-15 {
    margin:15px;
}
.m-20 {
    margin:20px;
}
.m-25 {
    margin:25px;
}
.m-30 {
    margin:30px;
}
.m-35 {
    margin:35px;
}
.m-40 {
    margin:40px;
}
.m-45 {
    margin:45px;
}
.m-50 {
    margin:50px;
}

.mt-10 {
    margin-top:10px;
}
.mt-15 {
    margin-top:15px;
}
.mt-20 {
    margin-top:20px;
}
.mt-25 {
    margin-top:25px;
}
.mt-30 {
    margin-top:30px;
}
.mt-35 {
    margin-top:35px;
}
.mt-40 {
    margin-top:40px;
}
.mt-45 {
    margin-top:45px;
}
.mt-50 {
    margin-top:50px;
}
.mt-80 {
    margin-top:80px;
}


.mb-10 {
    margin-bottom:10px;
}
.mb-15 {
    margin-bottom:15px;
}
.mb-20 {
    margin-bottom:20px;
}
.mb-25 {
    margin-bottom:25px;
}
.mb-30 {
    margin-bottom:30px;
}
.mb-35 {
    margin-bottom:35px;
}
.mb-40 {
    margin-bottom:40px;
}
.mb-45 {
    margin-bottom:45px;
}
.mb-50 {
    margin-bottom:50px;
}
.mb-80 {
    margin-bottom:80px;
}

.ml-10  {
    margin-left:10px;
}
.ml-25 {
    margin-left:25px;
}
.mr-8 {
    margin-right:8px;
}
.mr-10 {
    margin-right:10px;
}
.mr-25 {
    margin-right:25px;
}
.mr-32 {
    margin-right:32px;
}
.mr-40 {
    margin-right:40px;
}
/**padding**/
.p-10 {
    padding:10px;
}
.p-15 {
    padding:15px;
}
.p-20 {
    padding:20px;
}
.p-25 {
    padding:25px;
}
.p-30 {
    padding:30px;
}
.p-35 {
    padding:35px;
}
.p-40 {
    padding:40px;
}
.p-45 {
    padding:45px;
}
.p-50 {
    padding:50px;
}

.pt-10 {
    padding-top:10px;
}
.pt-15 {
    padding-top:15px;
}
.pt-20 {
    padding-top:20px;
}
.pt-25 {
    padding-top:25px;
}
.pt-30 {
    padding-top:30px;
}
.pt-35 {
    padding-top:35px;
}
.pt-40 {
    padding-top:40px;
}
.pt-45 {
    padding-top:45px;
}
.pt-50 {
    padding-top:50px;
}
.pt-80 {
    padding-top:80px;
}

.pb-10 {
    padding-bottom:10px;
}
.pb-15 {
    padding-bottom:15px;
}
.pb-20 {
    padding-bottom:20px;
}
.pb-25 {
    padding-bottom:25px;
}
.pb-30 {
    padding-bottom:30px;
}
.pb-35 {
    padding-bottom:35px;
}
.pb-40 {
    padding-bottom:40px;
}
.pb-45 {
    padding-bottom:45px;
}
.pb-50 {
    padding-bottom:50px;
}
.pb-80 {
    padding-bottom:80px;
}

.py-10 {
    padding-top:10px;
    padding-bottom:10px;
}
.py-20 {
    padding-top:20px;
    padding-bottom:20px;
}
.py-30 {
    padding-top:30px;
    padding-bottom:30px;
}
.py-40 {
    padding-top:40px;
    padding-bottom:40px;
}
.py-50 {
    padding-top:50px;
    padding-bottom:50px;
}
.py-60 {
    padding-top:60px;
    padding-bottom:60px;
}
.py-80 {
    padding-top:80px;
    padding-bottom:80px;
}
.px-10 {
    padding-left:10px;
    padding-right:10px;
}
.px-20 {
    padding-left:20px;
    padding-right:20px;
}
.px-30 {
    padding-left:30px;
    padding-right:30px;
}
.px-40 {
    padding-left:40px;
    padding-right:40px;
}
.px-50 {
    padding-left:50px;
    padding-right:50px;
}
.px-60 {
    padding-left:60px;
    padding-right:60px;
}
/** width / height **/

.w-0 {
    width: 0%
}

.w-5 {
    width: 5%
}

.w-10 {
    width: 10%
}

.w-15 {
    width: 15%
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-30 {
    width: 30%
}

.w-35 {
    width: 35%
}

.w-40 {
    width: 40%
}

.w-45 {
    width: 45%
}

.w-50 {
    width: 50%
}

.w-55 {
    width: 55%
}

.w-60 {
    width: 60%
}

.w-65 {
    width: 65%
}

.w-70 {
    width: 70%
}

.w-75 {
    width: 75%
}

.w-80 {
    width: 80%
}

.w-85 {
    width: 85%
}

.w-90 {
    width: 90%
}

.w-95 {
    width: 95%
}

.w-100 {
    width: 100%
}

.h-0 {
    height: 0%
}

.h-5 {
    height: 5%
}

.h-10 {
    height: 10%
}

.h-15 {
    height: 15%
}

.h-20 {
    height: 20%
}

.h-25 {
    height: 25%
}

.h-30 {
    height: 30%
}

.h-35 {
    height: 35%
}

.h-40 {
    height: 40%
}

.h-45 {
    height: 45%
}

.h-50 {
    height: 50%
}

.h-55 {
    height: 55%
}

.h-60 {
    height: 60%
}

.h-65 {
    height: 65%
}

.h-70 {
    height: 70%
}

.h-75 {
    height: 75%
}

.h-80 {
    height: 80%
}

.h-85 {
    height: 85%
}

.h-90 {
    height: 90%
}

.h-95 {
    height: 95%
}

.h-100 {
    height: 100%
}


/** align **/
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}

/** font weight **/
.bold,
.strong {
    font-weight: 700
}

.regular {
    font-weight: 400
}

 /** varie **/
.z-index-super {
    z-index: 99;
}
.border-1 {
    border:1px solid;
}
.titillum {
    font-family: 'Titillium web';
}
.roboto {
    font-family: 'Roboto Slab', serif;
}