:root {
    --main-font: 'Roboto Condensed', Arial, sans-serif;
    --custom-font:  'Roboto Condensed', Arial, sans-serif;
    --color-primary: #fff;
    --color-secondary: #fff;
    --color-black-transparent: rgba(0, 0, 0, 0.6);
    --color-black: #05295C;
    --color-white-transparent: rgba(255, 255, 255, 0.7);
    --color-accent: #bbb;
    --color-blue-gradient: rgba(3,173,232,0.67);
}
.itstart-font-default {
    font-family: var(--main-font);
}
.itstart-font-custom {
    font-family: var(--custom-font);
}
.itstart-color-default {
    color: var(--color-primary);
}
.itstart-color-custom {
    color: var(--color-secondary);
}
.itstart-color-accent {
    color: var(--color-accent);
}
.itstart-color-black {
    color: #333;
}
.itstart-color-blue {
    color: #CAA373;
}
.itstart-color-orange {
    color: #FF6600;
}
.itstart-bg-default {
    background: var(--color-primary);
}
.itstart-bg-custom {
    background: var(--color-secondary);
}
.itstart-bg-accent {
    background: var(--color-accent);
}
.itstart-bg-black-transparent {
    background: var(--color-black-transparent);
}
.itstart-bg-white-transparent {
    background: var(--color-white-transparent);
}
.itstart-bg-blue-gradient {
    background: #1DB9E4;
}
.itstart-inline-block {
    display: inline-block;
}
.itstart-unselectable-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.itstart-blocks-2 {
    display: inline-block;
    width: 50%;
    margin: 0;
}
.itstart-blocks-4 {
    display: inline-block;
    width: 25%;
    margin: 0;
}
.itstart-blocks-3 {
    display: inline-block;
    width: 33.33%;
    margin: 0;
    position: relative;
}
.itstart-text-top {
    vertical-align: text-top;
}
.itstart-text-left {
    text-align: left;
}
.itstart-text-right {
    text-align: right;
}
.itstart-text-center {
    text-align: center;
}
.itstart-text-uppercase {
    text-transform: uppercase;
}
.itstart-text-bolded {
    font-weight: 700;
}
.itstart-text-underline {
    text-decoration: underline;
}
.itstart-border-default {
    border: 1px solid var(--color-secondary);
}
.itstart-border-custom {
    border: 1px solid var(--color-primary);
}
.itstart-border-right-default {
    border-right: 1px solid var(--color-secondary);
}
.itstart-border-bottom-default {
    border-bottom: 1px solid var(--color-secondary);
}
.itstart-border-radius-10 {
    border-radius: 10px;
}
.itstart-border-radius-20 {
    border-radius: 20px;
}
.itstart-position-centered {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.itstart-scroll-y {
    overflow-y:scroll;
}
.itstart-overflow-hidden {
    overflow: hidden;
}
.itstart-font-12 {
    font-size: 12px;
}
.itstart-font-14 {
    font-size: 14px;
}
.itstart-font-16 {
    font-size: 16px;
}
.itstart-font-18 {
    font-size: 18px;
}
.itstart-font-20 {
    font-size: 20px;
}
.itstart-font-22 {
    font-size: 22px;
}
.itstart-font-24 {
    font-size: 24px;
}
.itstart-font-26 {
    font-size: 26px;
}
.itstart-font-28 {
    font-size: 28px;
}
.itstart-font-30 {
    font-size: 30px;
}
.itstart-font-32 {
    font-size: 32px;
}
.itstart-font-36 {
    font-size: 36px;
}
.itstart-font-40 {
    font-size: 40px;
}
.itstart-height-100 {
    height: 100px;
}
.itstart-width-10r {
    width: 10%;
}
.itstart-width-15r {
    width: 15%;
}
.itstart-width-20r {
    width: 20%;
}
.itstart-width-25r {
    width: 25%;
}
.itstart-width-30r {
    width: 30%;
}
.itstart-width-40r {
    width: 40%;
}
.itstart-width-50r {
    width: 50%;
}
.itstart-width-60r {
    width: 60%;
}
.itstart-width-70r {
    width: 70%;
}
.itstart-width-80r {
    width: 80%;
}
.itstart-width-90r {
    width: 90%;
}
.itstart-width-95r {
    width: 78%;
}
.itstart-p-10 {
    padding: 10px;
}
.itstart-pl-20 {
    padding-left: 20px;
}
.itstart-pl-40 {
    padding-left: 40px;
}
.itstart-pr-10 {
    padding-right: 10px;
}
.itstart-pr-20 {
    padding-right: 20px;
}
.itstart-pt-10 {
    padding-top: 10px;
}
.itstart-pt-15 {
    padding-top: 15px;
}
.itstart-pt-20 {
    padding-top: 20px;
}
.itstart-pb-10 {
    padding-bottom: 10px;
}
.itstart-pb-20 {
    padding-bottom: 20px;
}
.itstart-px-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.itstart-px-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.itstart-py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.itstart-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.itstart-m-auto {
    margin: 0 auto;
}
.itstart-mt-0 {
    margin-top: 0;
}
.itstart-mt-10 {
    margin-top: 10px;
}
.itstart-mt-20 {
    margin-top: 20px;
}
.itstart-mt-30 {
    margin-top: 30px;
}
.itstart-mt-40 {
    margin-top: 40px;
}
.itstart-mb-3 {
    margin-bottom: 3px;
}
.itstart-mb-5 {
    margin-bottom: 5px;
}
.itstart-mb-10 {
    margin-bottom: 10px;
}
.itstart-mb-20 {
    margin-bottom: 48px;
}
.itstart-mb-30 {
    margin-bottom: 30px;
}
.itstart-mb-40 {
    margin-bottom: 40px;
}
.itstart-mr-10 {
    margin-right: 10px;
}
.itstart-mr-20 {
    margin-right: 20px;
}
.itstart-mr-50 {
    margin-right: 50px;
}
.itstart-ml-10 {
    margin-left: 10px;
}
.itstart-ml-50 {
    margin-left: 50px;
}
.itstart-ml-10r {
    margin-left: 10%;
}
.itstart-mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.itstart-my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.itstart-my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.itstart-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.itstart-object-cover {
    object-fit: cover;
}
/* scroll */
div::-webkit-scrollbar {
    width: 20px;
}
/* Track */
div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}
/* Handle */
div::-webkit-scrollbar-thumb {
    background: #02aee7;
}
/* Handle on hover */
div::-webkit-scrollbar-thumb:hover {
    background: #02aee7;
}
@media only screen and (max-width: 992px)  {
    div::-webkit-scrollbar {
        width: 15px;
    }
    @media only screen and (max-width: 600px)  {
        div::-webkit-scrollbar {
            width: 0px;
        }
    }
}