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

@media(max-width:950px){
    .huge{
        font-size:1.9em !important;
    }
    .bigger{
        font-size:1.42em !important;
    }
    .big{
        font-size:1.12em !important;
    }
    .medium{
        font-size:0.95em !important;
    }
    .small{
        font-size:0.82em !important;
    }
    .tiny{
        font-size:0.65em !important;
    }
}
@media(min-width:950px){
    .huge{
        font-size:3.6em !important;
        line-height: 125% !important;
    }
    .bigger{
        font-size:1.6em !important;
        line-height: 150% !important;
    }
    .big{
        font-size:1.4em !important;
        line-height: 150% !important;
    }
    .medium{
        font-size:1.1em !important;
        line-height: 150% !important;
    }
    .small{
        font-size:1em !important;
        line-height: 150% !important;
    }
    .tiny{
        font-size:0.72em !important;
        line-height: 150% !important;
    }
}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

.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;
}
.rightSpacerSmall{
    margin-right:10px;
}
.rightSpacer{
    margin-right:20px;
}
.rightSpacerBig{
    margin-right:30px;
}

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

.black{
    color:#000000 !important
}
.blackBg{
    background:#000000;
}
.white{
    color:#FFF !important;
}
.whiteBg{
    background:#FFF;
}
.red{
    color:#E65A62;
}
.redBg{
    background:#E65A62;
}
.grey{
    color:#EEEEEE;
}
.greyBg{
    background:#EEEEEE;
}
.transparent{
    color:transparent;
}

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

a{
    color:#FFF !important;
    text-decoration: underline !important;
}
a:hover{
    color:#E65A62 !important;
    text-decoration: underline !important;
}

a.blackRed{
    color:#000000 !important;
    text-decoration: none !important;
}
a.blackRed:hover{
    color:#E65A62 !important;
    text-decoration: none !important;
}

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

a.redBlack{
    color:#E65A62 !important;
    text-decoration: underline !important;
}
a.redBlack:hover{
    color:#000000 !important;
    text-decoration: underline !important;
}

a.whiteBlack{
    color:#FFF !important;
    text-decoration: underline !important;
}
a.whiteBlack:hover{
    color:#000000 !important;
    text-decoration: underline !important;
}

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

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

.textCenter{
    text-align:center;
}
.textRight{
    text-align:right;
}
.clickable{
    cursor:pointer;
}
.underline{
    text-decoration:underline !important;
}
.padding10{
    padding:10px;
}
.bold{
    font-weight: bold !important;
}
.hideForMobile{
    display:none;
}
@media(max-width:950px){
    .desktopOnly{
        display:none;
    }
    .mobileOnly{
        display:block;
    }
}
@media (min-width: 600px) and (max-width: 950px) {
    .hideForTablet{
        display:none;
    }
    .showForTablet{
        display:block;
    }
}
@media(min-width:950px){
    .desktopOnly{
        display:block;
    }
    .mobileOnly{
        display:none;
    }
}

button {
    display: table-cell !important;
    vertical-align: middle !important;
}

/*
*
    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;
}{
*/

.col-lg-0{
    width:0px !important;
    margin:0px !important;
    padding:0px !important;
}