/*
Theme Name: Landing Page
Description: Landing Page for website Rut tien dao han the
Author: UX Themes
Template: flatsome
Version: 3.0
*/


:root{
    --primary-color: #8c0200;
    --second-color: #004aad;
    --success-color: #3ac34c;
    --danger-color: #f2430d;
    --yellow-color: #eee966;

	--headline: #333;
	--base: #353535;
    --bg-gray: #FEF7F5;
	--bg-white: #FFFFFF;
}

/*********** BASE CSS   ***********/
p{font-size: 15px;}
.d-flex{display: flex;}
.flex-inline { display: inline-flex; }
.justify-content-start { justify-content: flex-start!important; }
.justify-space-between{justify-content: space-between;}
.align-baseline{align-items: baseline;}

.d-inline-block{display: inline-block;}

.flex-column { flex-direction: column!important; }

.bg-white{background-color: var(--bs-white-rgb) !important;}
.vr{
	display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25;
}
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25em;}
.mt-2 { margin-top: 0.5em;}
.mt-4 { margin-top: 1em;}

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25em;}
.mb-2 { margin-bottom: 0.5em;}
.mb-4 { margin-bottom: 1em;}

.ms-4 { margin-left: 1em !important; }
.me-4 { margin-right: 1em !important; }

.ps-3{ padding-left: 0.75em;}
.pe-3{ padding-right: 0.75em;}

.fsm-2 { font-size: .9rem!important; }
.fsm-6 { font-size: .7rem!important; }
.fw-semibold{ font-weight: 500 !important; }
.fw-bold{ font-weight: 700 !important; }

.wg-300{font-weight: 300 !important;}
.letter-spacing-1 { letter-spacing: .125rem!important; }

.text-center{text-align: center;}
.text-start{text-align: left;}
.text-end{text-align: right;}

.button.is-rounded{border-radius: 99px;}

/*** Custom styles ********************************/
.pb-inner-0.col{padding-bottom:0;}
.border-dash{border: 3px var(--primary-color) dashed;}


/*** icons ***/
i[class^="icons-"]{
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 5px;
}  
    .icons-tick-mark{background-image: url(assets/icons/tick-mark.svg);}
    .icons-check-mark{background-image: url(assets/icons/check-mark.svg);}
    .icons-pin{background-image: url(assets/icons/pin.svg);}
    .icons-location-pin-yellow{background-image: url(assets/icons/location-pin-yellow.svg);}

    i[class^="icons-24px-"]{width: 24px;height: 24px;}
    .icons-24px-email{background-image: url(assets/icons/32px-email.png);}
    .icons-24px-phone{background-image: url(assets/icons/32px-phone.png);}
    .icons-24px-price{background-image: url(assets/icons/32px-price.png);}
    .icons-24px-support{background-image: url(assets/icons/32px-support.png);}
    .icons-24px-verified{background-image: url(assets/icons/32px-verified.png);}
    .icons-24px-www{background-image: url(assets/icons/32px-www.png);}


ul.no-style, ul.list-mark-check { list-style: none; }
    ul.list-mark-check li {
        margin-left: 0;
        display: flex;
        align-items: center;
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 15px;
        color: var(--headline);
    }

.button.btn-phone {background-color: var(--danger-color) !important;color: var(--bg-white);font-size: 20px;}

.table-pricing{
    border-top: 3px solid var(--second-color);
    border-bottom: 1px solid var(--second-color);
}
    .table-pricing thead { background-color: #eee; }
    .table-pricing th, .table-pricing td{padding:15px 10px 10px 20px;color: var(--second-color);font-weight: bold;}
    .table-pricing th{color: var(--primary-color);padding-top: 15px;padding-bottom: 15px;}

section.footer ul.no-style li{
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 20px;
}
h3.flex-baseline{display: inline-flex; align-items: center;}

.shake-animate{
    animation-name: shake_animate;
    -o-animation-name: shake_animate;
    -ms-animation-name: shake_animate;
    -moz-animation-name: shake_animate;
    -webkit-animation-name: shake_animate;
    animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-play-state: running;
    -o-animation-play-state: running;
    -ms-animation-play-state: running;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;
}

@keyframes shake_animate {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg) scale(1);
    }
    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg) scale(1);
    }
    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg) scale(1.1);
    }
    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg) scale(1.1);
    }
    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg) scale(1.15);
    }
    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg) scale(1.15);
    }
    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg) scale(1.1);
    }
    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg) scale(1.1);
    }
    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0) scale(1.15);
    }
    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0) scale(1.15);
    }
}

.footer-buttons-ring {display: block;position: fixed;bottom: 0;width: 100%;z-index: 9999;}
    .footer-buttons-ring .col{padding-bottom:0;}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    ul.list-mark-check li { font-size: 15px;}
    
}