.tf-relative{
    position: relative !important;
}

.tf-fontx{
    font-family: SMTX,Roboto,PingFang SC,Source Han Sans SC,sans-serif;
}

.banner-top{
    height: 500px;
    position: relative;
    overflow: hidden;
}

.banner-top:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    z-index: -1;
    transform: scale(1.3);
    transition: transform 2s;
}
.ss-loaded .banner-top:after{
    transform: scale(1)!important;
}
.tf-hide{
    display: none;
}
.tf-show{
    display: block;
}
.tf-clear-both{
    clear: both;
}
.tf-clear-both:after{
    content: '';
    display: block;
    clear: both;
}
.tf-nav-fixed {
    position: fixed !Important;
    top: 0px;
}
.tf-float-right{
    float: right;
}
.tf-float-left{
    float: left;
}

.tf-mt10{
    margin-top: 10px !important;
}

.tf-mt15{
    margin-top: 15px !important;
}
.tf-mt30{
    margin-top: 30px !important;
}
.tf-mt20{
    margin-top: 20px !important;
}

.tf-mt40{
    margin-top: 40px;
}

.tf-mt50{
    margin-top: 50px;
}

.tf-mt70{
    margin-top: 70px;
}

.tf-mt80{
    margin-top: 80px!important;
}

.tf-mt90{
    margin-top: 90px!important;
}

.tf-mb200{
    margin-bottom:200px;
}

.tf-ml15{
    margin-left: 15px;
}
.tf-ml10{
    margin-left: 10px;
}

.tf-ml20{
    margin-left: 20px;
}

.tf-ml30{
    margin-left: 30px;
}

.tf-ml40{
    margin-left: 40px;
}

.tf-ml50{
    margin-left: 50px;
}

.tf-mr15{
    margin-right: 15px;
}
.tf-mr10{
    margin-right: 10px;
}
.tf-red{
    color: red;
}
.tf-icons{
    background-image: url("../../../common/images/commons_icons.png");
    display: inline-block;
}
.tf-textcenter{
    text-align: center;
}

.tf-textleft{
    text-align: left;
}

.tf-textright{
    text-align: left;
}

.ss-container {
    position: absolute;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    height: 100%;
    top: 0px;
    left: 50px;
    z-index: 5;
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.ss-delayed{
    animation-delay: .3s;
}
.tf-mb100{
    margin-bottom: 100px;
}
.bt-top{
    position: absolute;
    background: url(../images/icons.png)-423px -26px;
    width: 35px;
    height: 50px;
    right:0px;
    bottom:105px;
    cursor: pointer;
    opacity: 1;
    float:right;
    margin-left:50px;
    transition:opacity 0.3s ;
}
.bt-top.hide{
    opacity: 0;
}

video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}