/*************English font***************/

@media(max-width:900px){
    .bigB{
        font-size:4em !important;
        font-family: 'RalewayBold' !important;
        line-height:100%;
    }
    .mediumB{
        font-size:2.3em !important;
        font-family: 'RalewayBold' !important;
        line-height:130%;
    }
    .smallB{
        font-size:1.5em !important;
        font-family: 'RalewayBold' !important;
        line-height:150%;
    }
    .tinyB{
        font-size:1.2em !important;
        font-family: 'RalewayBold' !important;
        line-height:150%;
    }
    .nanoB{
        font-size:1.0em !important;
        font-family: 'RalewayBold' !important;
        line-height:150%;
    }

    .bigM{
        font-size:1.2em !important;
        font-family: 'RalewayMedium' !important;
        line-height:150%;
    }
    .mediumM{
        font-size:0.9em !important;
        font-family: 'RalewayMedium' !important;
        line-height:150%;
    }
    .smallM{
        font-size:0.8em !important;
        font-family: 'RalewayMedium' !important;
        line-height:140%;
    }
}
@media(min-width:900px){
    .bigB{
        font-size:6em !important;
        font-family: 'RalewayBold' !important;
        line-height:100%;
    }
    .mediumB{
        font-size:2.5em !important;
        font-family: 'RalewayBold' !important;
        line-height:130%;
    }
    .smallB{
        font-size:1.8em !important;
        font-family: 'RalewayBold' !important;
        line-height:150%;
    }
    .tinyB{
        font-size:1.4em !important;
        font-family: 'RalewayBold' !important;
        line-height:150%;
    }
    .nanoB{
        font-size:0.9em !important;
        font-family: 'RalewayBold' !important;
        line-height:150%;
    }

    .bigM{
        font-size:1.4em !important;
        font-family: 'RalewayMedium' !important;
        line-height:150%;
    }
    .mediumM{
        font-size:1em !important;
        font-family: 'RalewayMedium' !important;
        line-height:150%;
    }
    .smallM{
        font-size:0.9em !important;
        font-family: 'RalewayMedium' !important;
        line-height:140%;
    }
}

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

.topSpacerBigger{
    margin-top:50px;
}
.topSpacerBig{
    margin-top:30px;
}
.topSpacer{
    margin-top:20px;
}
.topSpacerSmall{
    margin-top:15px;
}
.topSpacerSmaller{
    margin-top:10px;
}
.bottomSpacerBigger{
    margin-bottom:50px;
}
.bottomSpacerBig{
    margin-bottom:30px;
}
.bottomSpacer{
    margin-bottom:20px;
}
.bottomSpacerSmall{
    margin-bottom:15px;
}
.leftSpacer{
    margin-left:20px;
}
.leftSpacerBig{
    margin-left:50px;
}
.rightSpacer{
    margin-right:20px;
}
.rightSpacerBig{
    margin-right:30px;
}

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

.black{
    color:#1D1D1B!important
}
.blackBg{
    background:#1D1D1B
}
.white{
    color:#FFF !important;
}
.whiteBg{
    background:#FFF;
}
.blue{
    color:#1BCFC9;
}
.blueBg{
    background:#1BCFC9;
}
.yellow{
    color:#FFED00;
}
.yellowBg{
    background:#FFED00;
}
.green{
    color:#94D500;
}
.greenBg{
    background:#94D500 ;
}
.pink{
    color:#9F31FF  ;
}
.pinkBg{
    background:#9F31FF  ;
}
.redDark{
    color:#F8353B ;
}
.redDarkBg{
    background:#F8353B ;
}
.red{
    color:#FF5C35;
}
.redBg{
    background:#FF5C35;
}
.grey{
    color:#EDEDED;
}
.greyBg{
    background:#EDEDED;
}
/********Additinal Green***********/
.green1{
    color:#ABDD22;
}
.green2{
    color:#C5E589;
}
.green3{
    color:#65E580;
}
.green4{
    color:#05D34A;
}
.green5{
    color:#00BF44;
}
.green6{
    color:#05CE7B;
}
.green7{
    color:#6AE2AC;
}
.green8{
    color:#A6EDCC;
}
.green9{
    color:#63EA7D;
}
.green10{
    color:#72F789;
}
.green11{
    color:#94F7B7;
}
.green12{
    color:#94F7B7;
}
.green13{
    color:#21D889;
}
.green14{
    color:#C6C6C6;
}


/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

a{
    color:#FF5C35 !important;
    text-decoration: none !important;
}
a:hover{
    color:#FF5C35 !important;
    text-decoration: underline !important;
}

a.whiteRed{
    color:#FFF !important;
    text-decoration: none !important;
}
a.whiteRed:hover{
    color:#FF5C35 !important;
    text-decoration: none !important;
}

a.blackRed{
    color:#1D1D1B !important;
    text-decoration: none !important;
}
a.blackRed:hover{
    color:#FF5C35 !important;
    text-decoration: none !important;
}

a.redWhite{
    color:#FF5C35 !important;
    text-decoration: none !important;
}
a.redWhite:hover{
    color:#FFF !important;
    text-decoration: none !important;
}

a.redBlack{
    color:#FF5C35 !important;
    text-decoration: none !important;
}
a.redBlack:hover{
    color:#1D1D1B !important;
    text-decoration: none !important;
}

a.red{
    color:#FF5C35 !important;
    text-decoration:underline !important;
}
a.red:hover{
    color:#FF5C35 !important;
}

a.blackBlack{
    color:#1D1D1B !important;
    text-decoration: none !important;
}
a.blackBlack:hover{
    color:#1D1D1B !important;
    text-decoration: none !important;
}

a.whiteBlack{
    color:#FFF !important;
    text-decoration: none !important;
}
a.whiteBlack:hover{
    color:#1D1D1B !important;
    text-decoration: none !important;
}

a.whiteRed{
    color:#FFF !important;
    text-decoration: none !important;
}
a.whiteRed:hover{
    color:#FF5C35 !important;
    text-decoration: none !important;
}

input[type="button"].redBtn{
    border:0px;
    outline:none;
    padding:5px 20px;
    color:#1D1D1B;
    background:#FF5C35;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

.textCenter{
    text-align:center;
}
.textRight{
    text-align:right;
}
.clickable{
    cursor:pointer;
}
.underline{
    text-decoration:underline;
}
.padding10{
    padding:10px;
}

@media(max-width:900px){
    .desktopOnly{
        display:none;
    }
    .mobileOnly{
        display:block;
    }
}
@media(min-width:900px){
    .desktopOnly{
        display:block;
    }
    .mobileOnly{
        display:none;
    }
}

/*
*
    scrollbar-width: thin;
    scrollbar-color: #CCCCCC #FFF;
}

#Works on Chrome, Edge, and Safari
*::-webkit-scrollbar {
    width: 12px;
}
*::-webkit-scrollbar-track {
    background: #FFF;
}
*::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 20px;
    border: 3px solid #FFF;
}{
*/