/* Check CSS inline*/
/* *[style] { 
    border: 2px solid red;
} */
/* Check Element Unnecessary */
/* script[type="text/javascript"],
link[rel="stylesheet"][type="text/css"] {
    border: 2px solid red;
} */
/* Check Form Missing ID or Name */
/* form:not([name]):not([id]) {
    border: 2px solid red;
} */
/* Check Unlable Form Elements */
/* input:not([id]),
select:not([id]),
textarea:not([id]) {
    border: 2px solid red;
}
label:not([for]) {
    border: 2px solid red;
} */
/* Check Image Missing Alt */
/* img[alt=""] {
    border: 2px solid red;
} */
/* Check Missing Href */
/* a:not([href]),
a[href="#"],
a[href=""],
a[href*="javascript:void(0)"] {
    border: 2px solid red;
} */

/* Text style */
.text-transform-none{text-transform: none;}
.list-style-none{list-style: none;}

.font-s-12{font-size:12px!important}
.font-s-20{font-size:20px!important}
.font-s-25{font-size:25px!important}
.font-s-30{font-size:30px!important}

.font-w-3{font-weight: 300;}
.font-w-4{font-weight: 400;}
.font-w-5{font-weight: 500;}
.font-w-6{font-weight: 600;}
.font-w-7{font-weight: 700;}
.font-w-8{font-weight: 800;}
.font-w-9{font-weight: 900;}
.font-w-10{font-weight: 1000;}

.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}

.bg-cover{background-size: cover;}
.bg-contain{background-size: contain;}
.bg-pos-l{background-position: left;}
.bg-pos-r{background-position: right;}
.bg-pos-rt{background-position: right top;}
.bg-pos-lt{background-position: left top;}
.bg-pos-rb{background-position: right bottom;}
.bg-pos-lb{background-position: left bottom;}

.o-hidden{overflow: hidden;}
.img-center{display: inline-block !important; max-width: 100%;}
.pos-r{position: relative;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}

.ml-n15{margin-left:-15px !important;}
.mr-n15{margin-right:-15px !important;}

.mt-20{margin-top: 20px !important;}
.mt-8{margin-top: 80px !important;}
.mt-10{margin-top: 100px !important;}
.mt-15{margin-top: 150px !important;}

.my-8{margin-top: 80px !important; margin-bottom: 80px !important;}
.my-10{margin-top: 100px !important; margin-bottom: 100px !important;}
.my-15{margin-top: 150px !important; margin-bottom: 150px !important;}
.my-20{margin-top: 200px !important; margin-bottom: 200px !important;}

.px-10{padding-left: 100px !important; padding-right: 100px !important;}
.px-15{padding-left: 150px !important; padding-right: 150px !important;}
.px-20{padding-left: 200px !important; padding-right: 200px !important;}

.py-75{padding-top:75px !important; padding-bottom:75px !important;}
.py-55{padding-top: 55px !important; padding-bottom: 55px !important;}
.py-80{padding-top: 80px !important; padding-bottom: 80px !important;}
.py-100{padding-top: 100px !important; padding-bottom: 100px !important;}
.py-150{padding-top: 150px !important; padding-bottom: 150px !important;}
.py-200{padding-top: 200px !important; padding-bottom: 200px !important;}


.pt-30{padding-top:30px !important;}
.pt-6{padding-top: 60px !important;}
.pt-50{padding-top: 50px !important;}
.pt-7{padding-top: 71px !important;}
.pt-8{padding-top: 80px !important;}
.pt-9{padding-top: 90px !important;}
.pt-10{padding-top: 100px !important;}
.pt-11{padding-top: 110px !important;}
.pt-15{padding-top: 150px !important;}
.pt-20{padding-top: 200px !important;}

.pl-6{padding-left:6px !important}
.pl-10{padding-left: 100px !important;}
.pr-10{padding-right: 100px !important;}

.pb-10{padding-bottom: 100px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-17{padding-bottom: 170px !important;}
.pb-20{padding-bottom: 200px !important;}

/* Image Size */
.w-10 {width: 10%!important;}
.w-40 {width: 40%!important;}
.w-30 {width: 30%!important;}
.h-250 {height: 350px!important;}

/* Button */
.button:active, .button:focus {
    outline: none;
}
.button{
    border:none; 
    background-color: #262262; 
    border-radius: 5px;
    padding:10px 20px 10px 20px;
    color: rgb(255, 255, 255);
}
.button:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #027bb9;
}

/* List Style */
.triangle-list{list-style: none;}
.triangle-list li {margin-top:-10px}
.triangle-list li:before {   
    content: "";  
    border-color: transparent #666;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -1em;  
    top: 1.2em;  
    position: relative;  
} 

/* Order */
.order-config-1 {
    order: 1;
}
.order-config-2 {
    order: 2;
}

/* Row 5 column */
.f-col-5 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.feature-brand .f-col-5 {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
@media (max-width: 768px) {
    .f-col-5, .feature-brand .f-col-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .feature-brand .f-col-5 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .feature-brand .mt-20 {
        margin-left: -5px;
        margin-right: -5px;
    }
}

.opacity_active{
    opacity: 1 !important;
    top: 100%;
}

.float-button .float-button__zalo {
    position: fixed;
    right: -130px;
    width: 170px;
    bottom: 250px;
    margin: 10px 0;
    background: #fff;
    border-radius: 10px 0 0 10px;
    transition: 0.3s;
    z-index: 9999;
}

.float-button .float-button__zalo:hover {
    right: 0;
    transition: 0.5s;
}

.float-button .float-button__zalo a {
    padding: 6px 10px;
    text-decoration: none;
    color: #000;
    font-family: 'SVN-Gilroy SemiBold', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.float-button .float-button__zalo a img {
    width: 25px;
    margin-right: 10px;
    animation: callbutton 0.5s infinite;
}

.float-button .float-button__call {
    margin: 10px 0;
    background: #fff;
    width: 170px;
    position: fixed;
    right: -130px;
    bottom: 200px;
    border-radius: 10px 0 0 10px;
    transition: 0.3s;
    z-index: 9999;
}

.float-button .float-button__call:hover {
    transition: 0.5s;
    right: 0;
}

.float-button .float-button__call a {
    padding: 8px 10px;
    text-decoration: none;
    color: #000;
    font-family: 'SVN-Gilroy SemiBold', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.float-button .float-button__call a img {
    width: 20px;
    margin-right: 10px;
    animation: callbutton 0.5s infinite;
}

.float-button .float-button__fb {
    position: fixed;
    right: -130px;
    width: 170px;
    bottom: 150px;
    margin: 10px 0;
    background: #fff;
    border-radius: 10px 0 0 10px;
    transition: 0.3s;
    z-index: 9999;
}

.float-button .float-button__fb:hover {
    transition: 0.5s;
    right: 0;
}

.float-button .float-button__fb a {
    padding: 8px 10px;
    text-decoration: none;
    color: #000;
    font-family: 'SVN-Gilroy SemiBold', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.float-button .float-button__fb a img {
    width: 20px;
    margin-right: 10px;
    animation: callbutton 0.5s infinite;
}
/* 
@keyframes callbutton {
    0% {
        transform: rotate(0) scale(1);
    }

    50% {
        transform: rotate(10deg) scale(1.1);
    }

    100% {
        transform: rotate(0) scale(1);
    }
} */