/* ==Text Transform */
.text-semibold{ font-weight: bold;}
.text-uppercase{text-transform: uppercase;}
.text-lowercase{text-transform: lowercase;}
.text-through{text-decoration: line-through;}

/* ==Background Color */
.bg-blue-light{ background-color: #f3f6f7 !important;}
.bg-green{ background-color: #1bd59a !important; }
.bg-red{ background-color: #ff615b !important; }
.bg-blue{ background-color: #0055f5 !important; }

/* ==Text Color */
.text-blue-light{ color: #ebf1f3}
.text-green{ color: #1bd59a; }
.text-red{ color: #ff615b; }
.text-blue{ color: #0055f5; }
.text-yellow{ color: #FFB262; }

/* ==Text Align */
@media screen and (max-width: 991px){
    .text-xs-center{
        text-align: center;
    }
    .text-xs-left{
        text-align: left;
    }
}

/* ==Text Size */
.size08  { font-size: 08px; }
.size09  { font-size: 09px; }
.size10  { font-size: 10px; }
.size11  { font-size: 11px; }
.size12  { font-size: 12px; }
.size13  { font-size: 13px; }
.size14  { font-size: 14px; }
.size16  { font-size: 16px; }
.size18  { font-size: 18px; }
.size20  { font-size: 20px; }
.size26  { font-size: 26px; }
.size30  { font-size: 30px !important; }
.size50  { font-size: 50px; }
.size60  { font-size: 60px; }
.size70  { font-size: 70px; }
.size100 { font-size: 100px; }

/* ==Margins */
.mt-0{ margin-top: 0 !important;}
.mt-5{ margin-top: 5px !important;}
.mt-10{ margin-top: 10px !important;}
.mt-20{ margin-top: 20px !important;}
.mt-25{ margin-top: 25px !important;}
.mt-30{ margin-top: 30px !important;}
.mt-40{ margin-top: 40px !important;}
.mt-50{ margin-top: 50px !important;}

.mb-0{ margin-bottom: 0 !important;}
.mb-5{ margin-bottom: 5px !important;}
.mb-10{ margin-bottom: 10px !important;}
.mb-20{ margin-bottom: 20px !important;}
.mb-30{ margin-bottom: 30px !important;}
.mb-40{ margin-bottom: 40px !important;}
.mb-50{ margin-bottom: 50px !important;}
.mb-60{ margin-bottom: 60px !important;}

.ml-0{ margin-left: 0 !important;}
.ml-5{ margin-left: 5px !important;}
.ml-10{ margin-left: 10px !important;}
.ml-20{ margin-left: 20px !important;}
.ml-30{ margin-left: 30px !important;}
.ml-40{ margin-left: 40px !important;}
.ml-50{ margin-left: 50px !important;}

.ml-0{ margin-right: 0 !important;}
.mr-5{ margin-right: 5px !important;}
.mr-10{ margin-right: 10px !important;}
.mr-20{ margin-right: 20px !important;}
.mr-30{ margin-right: 30px !important;}
.mr-40{ margin-right: 40px !important;}
.mr-50{ margin-right: 50px !important;}

@media screen and (max-width: 991px){
    .mt-xs-20{ margin-top: 20px !important;}

    .mb-xs-5{ margin-bottom: 5px !important;}
    .mb-xs-10{ margin-bottom: 10px !important;}
    .mb-xs-15{ margin-bottom: 15px !important;}
}

/* ==Paddings */
.pt-0{ padding-top: 0 !important;}
.pt-5{ padding-top: 5px !important;}
.pt-10{ padding-top: 10px !important;}
.pt-20{ padding-top: 20px !important;}
.pt-25{ padding-top: 25px !important;}
.pt-30{ padding-top: 30px !important;}
.pt-40{ padding-top: 40px !important;}
.pt-50{ padding-top: 50px !important;}

.pb-0{ padding-bottom: 0 !important;}
.pb-5{ padding-bottom: 5px !important;}
.pb-10{ padding-bottom: 10px !important;}
.pb-15{ padding-bottom: 15px !important;}
.pb-20{ padding-bottom: 20px !important;}
.pb-30{ padding-bottom: 30px !important;}
.pb-40{ padding-bottom: 40px !important;}
.pb-50{ padding-bottom: 50px !important;}
.pb-60{ padding-bottom: 60px !important;}

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

/* ==Flex */
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-items-end {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
@media screen and (min-width: 992px){
    .d-lg-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.overflow-hidden {
    overflow: hidden;
}