.text-1 {
font-size: 24px;
}
.text-2 {
font-size: 30px;
}
.title-2 {
font-size: 100px!important;
}
.title-3 {
font-size: 60px!important;
}
.text-bg {
color: transparent;
background-clip: text!important;
-webkit-background-clip: text!important;
}
.l-1 {
line-height: 1!important;
}
.l-125 {
line-height: 1.25!important;
}
.l-15 {
line-height: 1.5!important;
}
video {
width: 100%;
}
.z-index-10 {
z-index: 10;
}
.flex-center {
display: flex;
flex-direction: center;
align-items: center;
}
.relative {
position: relative;
}
.center-element {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%)
}
.m-btm-0 {
margin-bottom: 0!important;
}
.m-top-0 {
margin-top: 0!important;
}
.m-left-0 {
margin-left: 0!important;
}
.m-right-0 {
margin-right: 0!important;
}
.p-lr-10 {
padding-left: 10px;
padding-right: 10px;
}
.p-lr-0 {
padding-left: 0;
padding-right: 0;
}
p {
color: #97999b;
}
.color-w {
color: #fff!important;
}
.black {
color: #000!important;
}
.gray {
color: #646668!important;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.br-10 img, .br-10 {
border-radius: 10px;
}
.br-15 img, .br-15 {
border-radius: 15px;
}
.br-20 img, .br-20 {
border-radius: 20px;
}
.a-i-center {
align-items: center
}
.a-i-end {
align-items: flex-end;
}
.j-c-center {
justify-content: center
}
.j-c-end {
justify-content: flex-end;
}
.width-5 {
    width: 5%;
    max-width: 5%;
    min-width: 5%;
}
.width-10 {
    width: 10%;
    max-width: 10%;
    min-width: 10%;
}
.width-15 {
    width: 15%;
    max-width: 15%;
    min-width: 15%;
}
.width-20 {
    width: 20%;
    max-width: 20%;
    min-width: 20%;
}
.width-25 {
    width: 25%;
    max-width: 25%;
    min-width: 25%;
}
.width-30 {
    width: 30%;
    max-width: 30%;
    min-width: 30%;
}
.width-35 {
    width: 35%;
    max-width: 35%;
    min-width: 35%;
}
.width-40 {
    width: 40%;
    max-width: 40%;
    min-width: 40%;
}
.width-45 {
    width: 45%;
    max-width: 45%;
    min-width: 45%;
}
.width-50 {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
}
.width-55 {
    width: 55%;
    max-width: 55%;
    min-width: 55%;
}
.width-60 {
    width: 60%;
    max-width: 60%;
    min-width: 60%;
}
.width-65 {
    width: 65%;
    max-width: 65%;
    min-width: 65%;
}
.width-70 {
    width: 70%;
    max-width: 70%;
    min-width: 70%;
}
.width-75 {
    width: 75%;
    max-width: 75%;
    min-width: 75%;
}
.width-80 {
    width: 80%;
    max-width: 80%;
    min-width: 80%;
}
.width-85 {
    width: 85%;
    max-width: 85%;
    min-width: 85%;
}
.width-90 {
    width: 90%;
    max-width: 90%;
    min-width: 90%;
}
.width-95 {
    width: 95%;
    max-width: 95%;
    min-width: 95%;
}
.width-100 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
@media screen and (max-width: 1199px) and (min-width: 769px) {
    .width-m-5 {
        width: 5%;
        max-width: 5%;
        min-width: 5%;
    }
    .width-m-10 {
        width: 10%;
        max-width: 10%;
        min-width: 10%;
    }
    .width-m-15 {
        width: 15%;
        max-width: 15%;
        min-width: 15%;
    }
    .width-m-20 {
        width: 20%;
        max-width: 20%;
        min-width: 20%;
    }
    .width-m-25 {
        width: 25%;
        max-width: 25%;
        min-width: 25%;
    }
    .width-m-30 {
        width: 30%;
        max-width: 30%;
        min-width: 30%;
    }
    .width-m-35 {
        width: 35%;
        max-width: 35%;
        min-width: 35%;
    }
    .width-m-40 {
        width: 40%;
        max-width: 40%;
        min-width: 40%;
    }
    .width-m-45 {
        width: 45%;
        max-width: 45%;
        min-width: 45%;
    }
    .width-m-50 {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
    }
    .width-m-55 {
        width: 55%;
        max-width: 55%;
        min-width: 55%;
    }
    .width-m-60 {
        width: 60%;
        max-width: 60%;
        min-width: 60%;
    }
    .width-m-65 {
        width: 65%;
        max-width: 65%;
        min-width: 65%;
    }
    .width-m-70 {
        width: 70%;
        max-width: 70%;
        min-width: 70%;
    }
    .width-m-75 {
        width: 75%;
        max-width: 75%;
        min-width: 75%;
    }
    .width-m-80 {
        width: 80%;
        max-width: 80%;
        min-width: 80%;
    }
    .width-m-85 {
        width: 85%;
        max-width: 85%;
        min-width: 85%;
    }
    .width-m-90 {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
    }
    .width-m-95 {
        width: 95%;
        max-width: 95%;
        min-width: 95%;
    }
    .width-m-100 {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .width-s-5 {
        width: 5%;
        max-width: 5%;
        min-width: 5%;
    }
    .width-s-10 {
        width: 10%;
        max-width: 10%;
        min-width: 10%;
    }
    .width-s-15 {
        width: 15%;
        max-width: 15%;
        min-width: 15%;
    }
    .width-s-20 {
        width: 20%;
        max-width: 20%;
        min-width: 20%;
    }
    .width-s-25 {
        width: 25%;
        max-width: 25%;
        min-width: 25%;
    }
    .width-s-30 {
        width: 30%;
        max-width: 30%;
        min-width: 30%;
    }
    .width-s-35 {
        width: 35%;
        max-width: 35%;
        min-width: 35%;
    }
    .width-s-40 {
        width: 40%;
        max-width: 40%;
        min-width: 40%;
    }
    .width-s-45 {
        width: 45%;
        max-width: 45%;
        min-width: 45%;
    }
    .width-s-50 {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
    }
    .width-s-55 {
        width: 55%;
        max-width: 55%;
        min-width: 55%;
    }
    .width-s-60 {
        width: 60%;
        max-width: 60%;
        min-width: 60%;
    }
    .width-s-65 {
        width: 65%;
        max-width: 65%;
        min-width: 65%;
    }
    .width-s-70 {
        width: 70%;
        max-width: 70%;
        min-width: 70%;
    }
    .width-s-75 {
        width: 75%;
        max-width: 75%;
        min-width: 75%;
    }
    .width-s-80 {
        width: 80%;
        max-width: 80%;
        min-width: 80%;
    }
    .width-s-85 {
        width: 85%;
        max-width: 85%;
        min-width: 85%;
    }
    .width-s-90 {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
    }
    .width-s-95 {
        width: 95%;
        max-width: 95%;
        min-width: 95%;
    }
    .width-s-100 {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}
.t-u-180 {
transform: translateY(-180px)
}
/*Phone*/
@media screen and (max-width: 768px){
.title-2 {
font-size: 3rem!important;
font-weight: 600;
}
.title-3 {
font-size: 2rem!important;
font-weight: 500;
}
.text-1 {
font-weight: 450;
font-size: 17px;
}
.s-t-u-60 {
transform: translateY(-60px)
}
.s-p-lr-10 {
padding-left: 10px;
padding-right: 10px;
}
}
/*Tablet*/
@media screen and (min-width: 769px) and (max-width: 1199px){
.title-2 {
font-size: 7vw!important
}
.title-3 {
font-size: 5vw!important;
}
.text-1 {
font-size: 20px;
}
.text-2 {
font-size: 24px;
}
.m-t-u-30 {
transform: translateY(-30px)
}
}