/*************English font***************/
@media(max-width:900px){
    .bigger{
        font-size:13vw !important;
        line-height:125% !important;
    }
    .big{
        font-size:12vw !important;
        line-height:125%;
    }
    .eightVWMobile{
        font-size:8vw !important;
        line-height:125%;
    }
    .medium{
        font-size:5vw !important;
        line-height:150%;
    }
    .small{
        font-size:4vw !important;
        line-height:150%;
    }
    .tiny{
        font-size:3.5vw !important;
        line-height:150%;
    }
}
@media(min-width:900px){
    .bigger{
        font-size:4.5vw !important;
        line-height:125% !important;
    }
    .big{
        font-size:3.5vw !important;
        line-height:125% !important;
    }
    .medium{
        font-size:1.5vw !important;
        line-height:150%;
    }
    .small{
        font-size:1.1vw !important;
        line-height:150%;
    }
    .tiny{
        font-size:0.85vw !important;
        line-height:150%;
    }
}

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

.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;
}
.leftSpacerSmall{
    margin-left:10px;
}
.leftSpacer{
    margin-left:20px;
}
.leftSpacerBig{
    margin-left:50px;
}
.rightSpacer{
    margin-right:20px;
}
.rightSpacerBig{
    margin-right:30px;
}

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

.black{
    color:#000000!important
}
.blackBg{
    background:#000000
}

.white{
    color:#FCFCFC !important;
}
.whiteBg{
    background:#FCFCFC !important;
}

.grey{
    color:#E8E4EA !important;
}
.greyBg{
    background:#E8E4EA !important;
}

.greyDark{
    color:#888888 !important;
}
.greyDarkBg{
    background:#888888 !important;
}

.orange{
    color:#E88731;
}
.orangeBg{
    background:#E88731;
}

.green{
    color:#4BB748;
}
.greenBg{
    background:#4BB748;
}

.blue{
    color:#00ADA8;
}
.blueBg{
    background:#00ADA8;
}

.pink{
    color:#D7325A;
}
.pinkBg{
    background:#D7325A;
}

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

a{
    color:#000000 !important;
    text-decoration: none !important;
}
a:hover{
    color:#E88731 !important;
    text-decoration: none !important;
}

a.whiteOrange{
    color:#FFF !important;
}
a.whiteOrange:hover{
    color:#E88731 !important;
}

a.orangeUnderline{
    color:#E88731 !important;
}
a.orangeUnderline:hover{
    text-decoration: underline !important;
}

a.greenUnderline{
    color:#4BB748 !important;
}
a.greenUnderline:hover{
    text-decoration: underline !important;
}

a.pinkUnderline{
    color:#D7325A !important;
}
a.pinkUnderline:hover{
    text-decoration: underline !important;
}

a.blueUnderline{
    color:#00ADA8 !important;
}
a.blueUnderline:hover{
    text-decoration: underline !important;
}
a.blackUnderline{
    color:#000000 !important;
}
a.blackUnderline:hover{
    text-decoration: underline !important;
}

a.underline{
    text-decoration: underline !important;
}

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


input[type="button"]{
    border:0px;
    outline:none;
    padding:10px 30px;
    border-radius:30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
input[type="button"].orangeBtn{
    color:#FDFDFD;
    background:#E88731;
}
input[type="button"].orangeBtn:hover{
    background:#000000;
}

input[type="button"].blueBtn{
    color:#FDFDFD;
    background:#00ADA8;
}
input[type="button"].blueBtn:hover{
    background:#000000;
}

input[type="button"].pinkBtn{
    color:#FDFDFD;
    background:#D7325A;
}
input[type="button"].pinkBtn:hover{
    background:#000000;
}

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

.textCenter{
    text-align:center !important;
}
.textRight{
    text-align:right !important
}
.textLeft{
    text-align:left !important;
}
.clickable{
    cursor:pointer;
}
.underline{
    text-decoration:underline;
}
.padding10{
    padding:10px;
}
.padding5{
    padding:5px;
}

.bold{
    font-weight:bold !important;
}
.borderRadius{
    border-radius:5px;
}
.noUnderline{
    text-decoration: none !important;
}

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

.padding20{
    padding:20px;
}
.bRadius10{
    border-radius:10px;
}

.uppercase{
    text-transform: uppercase !important;
}
.borderRounded{ 
    border-radius: 30px !important;
}
.padding30px{
    padding:30px !important;
}
/*
*
    scrollbar-width: thin;
    scrollbar-color: #CCCCCC #FDFDFD;
}

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