.ratio {position: relative;width: 100%;overflow:hidden;}
.ratio::before {display: block;padding-top: var(--bs-aspect-ratio);content: "";}
.ratio > * {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ratio-1x1 {--bs-aspect-ratio: 100%;}
.ratio-4x3 {--bs-aspect-ratio: 75%;}
.ratio-16x9 {--bs-aspect-ratio: 56.25%;}
.ratio-21x9 {--bs-aspect-ratio: 42.8571428571%;}
.text-center{text-align:center;}
img {max-width: 100%;}
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family, "Font Awesome 6 Free");font-weight:var(--fa-style,900)}
.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fas,.fa-classic,.fa-solid,.far,.fa-regular{font-family:'Font Awesome 6 Free'}
.fab,.fa-brands{font-family:'Font Awesome 6 Brands'}
.fa-1x{font-size:1em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-6x{font-size:6em}
.fa-7x{font-size:7em}
.fa-8x{font-size:8em}
.fa-9x{font-size:9em}
.fa-10x{font-size:10em}
.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}
.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}
.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}
.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}
.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}
.fa-fw{text-align:center;width:1.25em}
.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}
.fa-ul > li{position:relative}
.fa-li{left:calc(var(--fa-li-width,2em) * -1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}
.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,0.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,0.08em);padding:var(--fa-border-padding,0.2em 0.25em 0.15em)}
.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,0.3em)}
.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,0.3em)}
.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.28,0.84,0.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.28,0.84,0.42,1))}
.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1))}
.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1))}
.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-spin-reverse{--fa-animation-direction:reverse}
.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}
@media (prefers-reduced-motion: reduce) {
.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0;transition-delay:0;-webkit-transition-duration:0;transition-duration:0}
}
@-webkit-keyframes fa-beat {
0%,90%{-webkit-transform:scale(1);transform:scale(1)}
45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}
}
@keyframes fa-beat {
0%,90%{-webkit-transform:scale(1);transform:scale(1)}
45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}
}
@-webkit-keyframes fa-bounce {
0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}
10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0)}
30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em));transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em))}
50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0)}
57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em))}
64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}
100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}
}
@keyframes fa-bounce {
0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}
10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0)}
30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em));transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em))}
50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0)}
57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em))}
64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}
100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}
}
@-webkit-keyframes fa-fade {
50%{opacity:var(--fa-fade-opacity,0.4)}
}
@keyframes fa-fade {
50%{opacity:var(--fa-fade-opacity,0.4)}
}
@-webkit-keyframes fa-beat-fade {
0%,100%{opacity:var(--fa-beat-fade-opacity,0.4);-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}
}
@keyframes fa-beat-fade {
0%,100%{opacity:var(--fa-beat-fade-opacity,0.4);-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}
}
@-webkit-keyframes fa-flip {
50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}
}
@keyframes fa-flip {
50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}
}
@-webkit-keyframes fa-shake {
0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}
12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}
16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}
20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}
32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}
36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}
40%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes fa-shake {
0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}
12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}
16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}
20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}
32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}
36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}
40%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes fa-spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes fa-spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}
.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}
.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}
.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:var(--fa-inverse,#fff)}
.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
:root,:host{--fa-style-family-brands:'Font Awesome 6 Brands';--fa-font-brands:normal 400 1em/1 'Font Awesome 6 Brands'}
@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:block;src:url(/webfonts/fa-brands-400.woff2) format("woff2"),url(/webfonts/fa-brands-400.ttf) format("truetype")}
:root,:host{--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-regular:normal 400 1em/1 'Font Awesome 6 Free'}
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:block;src:url(/webfonts/fa-regular-400.woff2) format("woff2"),url(/webfonts/fa-regular-400.ttf) format("truetype")}
.far,.fa-regular{font-weight:400}
:root,:host{--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-solid:normal 900 1em/1 'Font Awesome 6 Free'}
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:block;src:url(/webfonts/fa-solid-900.woff2) format("woff2"),url(/webfonts/fa-solid-900.ttf) format("truetype")}
.fas,.fa-solid{font-weight:900}
@font-face{font-family:'Font Awesome 5 Brands';font-display:block;font-weight:400;src:url(/webfonts/fa-brands-400.woff2) format("woff2"),url(/webfonts/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:'Font Awesome 5 Free';font-display:block;font-weight:900;src:url(/webfonts/fa-solid-900.woff2) format("woff2"),url(/webfonts/fa-solid-900.ttf) format("truetype")}
@font-face{font-family:'Font Awesome 5 Free';font-display:block;font-weight:400;src:url(/webfonts/fa-regular-400.woff2) format("woff2"),url(/webfonts/fa-regular-400.ttf) format("truetype")}
@font-face{font-family:'FontAwesome';font-display:block;src:url(/webfonts/fa-solid-900.woff2) format("woff2"),url(/webfonts/fa-solid-900.ttf) format("truetype")}
@font-face{font-family:'FontAwesome';font-display:block;src:url(/webfonts/fa-brands-400.woff2) format("woff2"),url(/webfonts/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:'FontAwesome';font-display:block;src:url(/webfonts/fa-regular-400.woff2) format("woff2"),url(/webfonts/fa-regular-400.ttf) format("truetype");unicode-range:U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC}
@font-face{font-family:'FontAwesome';font-display:block;src:url(/webfonts/fa-v4compatibility.woff2) format("woff2"),url(/webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A}

.fa-envelope::before {content: "\f0e0";}
.fa-phone-square:before,.fa-square-phone:before {content: "\f098"}
.fa-facebook-f:before {content: "\f39e";}
.fa-youtube:before {content: "\f167";}
.fa-tiktok:before {content: "\e07b";}
.fa-square-youtube:before,.fa-youtube-square:before{content:"\f431"}
.fa-facebook-square:before,.fa-square-facebook:before {content: "\f082"}
.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before {content: "\f015"}
.fa-arrow-right:before {content: "\f061"}
.fa-play:before {content: "\f04b"}
.fa-circle-play:before, .fa-play-circle:before {content: "\f144"}
.fa-star:before {content: "\f005"}
.fa-location-dot:before, .fa-map-marker-alt:before {content: "\f3c5"}
.fa-phone:before {content: "\f095"}
.fa-medal:before {content: "\f5a2"}
.fa-circle-play:before, .fa-play-circle:before {content: "\f144"}
.fa-play:before {content: "\f04b"}
.fa-check-circle:before,.fa-circle-check:before {content: "\f058"}
.fa-calendar:before {content: "\f133";}
:root {
    --secondary-color: #089fac;
    --fire-color: #CA4445;
    --grey-color: #808287;
    --white-color: #ffffff;
    --light-grey-color: #dddddd;
    --bg-white: #ffffff;
    --bg-dark: #222429;
    --bg-grey: #f4f5f8;
    --box-shadow: 0px 30px 60px 0px rgba(10.000000000000004, 42.999999999999964, 82.99999999999999, 0.14901960784313725);
    --icon-font: "Font Awesome 6 Free";
}
a {color: var(--fire-color);text-decoration: none;outline: 0;-webkit-transition: all ease 0.4s;transition: all ease 0.4s}
a:hover {color: var(--title-color)}
.header-top {position: relative;padding: .25rem 0;background-color: var(--fire-color);color:#fff;}
.header-top a{color: #fff!important}
.header-top i{padding-right:.5rem;}
.navbar-nav{display:flex; flex-direction: row;padding-left: 0;margin-bottom: 0;list-style: none;}
.header-social{color:#fff;}
.top-header .phone{font-weight:700;}
.header-social i{font-size: 1.25rem;}
.header-content {background-color: var(--title-color);}
@media (min-width: 768px) {
.header-logo {display: block;position: relative;margin: 0;padding-right:5rem;}
.header-logo:before {content: "";position: absolute;background-color: var(--white-color);height: 6rem;width: 1540px;right: 0;bottom: 0;transform: skew(15deg);}
.header-logo a {z-index: 2;position: relative;display: block;height: 100%;padding-bottom: .5rem;margin-top:-.55rem;}
.header-logo img{height:4.85rem;}
.header-info:before {background-color: var(--bg-dark);clip-path: polygon(0 0, 0% 0%, 100% 100%, 0% 100%);width: 46px;height: 100%;content: "";position: absolute;left: 0;top: 0;}
.header-info:after {background-color: var(--fire-color);transform: skewX(24deg);width: 8px;height: 100%;content: "";position: absolute;left: 7px;top: 0;}
.main-menu {position: relative;padding-left: 80px;}
.main-menu:before {background-color: var(--white-color);width: 6000px;height: 100%;content: "";position: absolute;left: 0;top: 0;z-index: -1;}
.nav-trigger{display:none;}
.navigation{display:flex;flex-direction:row;padding-left:0;margin-bottom:0;list-style:none;}
.navigation ul a{display:block;position:relative;font-weight:500;font-size:1rem;color:var(--title-color)}
.navigation > li > a{display:block;padding:1.1rem .7rem;position:relative;font-weight:500;font-size:.9rem;color:var(--fire-color);text-transform:uppercase}
.navigation > li:first-child > a{padding:1rem 1rem}
.navigation > li:first-child > a i{font-size:1.2rem}
.navigation > li > a:hover{color:var(--fire-color)}
.navigation > li.sub-menu > a:after{content:"\2b";display:inline-block;position:relative;font-family: var(--icon-font);margin-left:.25rem;font-weight:600;top:0;font-size:.9em;color:var(--white-color);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.navigation > li.sub-menu > a:hover:after{color:var(--fire-color);content:"\f068";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.navigation li{padding:.25rem 0}
.navigation li.sub-menu{position:relative}
.navigation li.sub-menu > ul{padding-left:0;margin-bottom:0;list-style:none;position:absolute;text-align:left;left:0;background-color:var(--white-color);min-width:230px;width:max-content;padding:.5rem .75rem;left:-1rem;border:0;box-shadow:0 4px 15px rgba(1,15,28,0.06);border-bottom:2px solid var(--fire-color);border-radius:0;}
.navigation li.sub-menu > ul{top:50%;visibility:hidden;opacity:0;z-index:-1;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin: top;transform-origin: top;-webkit-transition:all .5s;transition:all .5s;}
.navigation li.sub-menu:hover > ul{top:100%; visibility:visible;opacity:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);z-index:99999}
.navigation li.sub-menu li{position:relative}
.navigation li.sub-menu li a:before{content:"\f30b";position:absolute;top:.25rem;left:.5rem;font-family:"Font Awesome 6 Free";width:.5rem;height:.5rem;text-align:center;border-radius:50%;display:inline-block;font-size:1em;line-height:1;color:var(--fire-color);font-weight:900;opacity:0;visibility:visible;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.navigation li.sub-menu li a:hover{padding-left:1.25rem;color:var(--fire-color)}
.navigation li.sub-menu li a:hover:before{visibility:visible;opacity:1;left:0}
.navigation li:first-child span{display:none;}
}
@media (min-width: 992px) {
    .navigation{padding-left:1.5rem;}
    .navigation > li > a{padding:1.1rem 1rem;}
}
@media (max-width: 767px) {
.main-menu {position: relative;}
.main-menu:before {background-color: var(--white-color);width: 6000px;height: 100%;content: "";position: absolute;left: 0;top: 0;z-index: -1;}
.header-info:before {background-color: var(--bg-dark);clip-path: polygon(0 0, 0% 0%, 100% 100%, 0% 100%);width: 40px;height: 100%;content: "";position: absolute;left: -1px;top: 0;}
.header-info:after {background-color: var(--fire-color);transform: skewX(28deg);width: 8px;height: 100%;content: "";position: absolute;left: 2px;top: 0;}
.navigation{display:none;overflow:hidden;}
.navigation > li:first-child > a i{font-size:.9rem;padding-right:.5rem;}
.main-menu{height:2.5rem;color:var(--white-color);position:relative;}
.nav-trigger {line-height:2.5rem; white-space:nowrap;color:#222429;width:120px;margin-left:calc(100% - 120px);text-align:right;}
.nav-trigger span {display:inline-block;  height: 2px;vertical-align:.3rem;margin-left:1rem;width: 22px;position:relative; background-color: var(--fire-color); -webkit-transition: background-color .2s;transition: background-color .2s}
.nav-trigger span::after, .nav-trigger span::before {display: block;position: absolute;height: 2px;width: 22px;background-color: var(--fire-color);-webkit-backface-visibility: hidden;backface-visibility: hidden}
.nav-trigger span::before,.nav-trigger span::after {position: absolute;content: '';left: 0;-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s}
.nav-trigger span::before {-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px)}
.nav-trigger span::after {-webkit-transform: translateY(6px);-ms-transform: translateY(6px);transform: translateY(6px)}
.nav-open .nav-trigger span {background-color: rgba(255,255,255,0)}
.nav-open .nav-trigger span::before {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)}
.nav-open .nav-trigger span::after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.navigation{position:absolute;top:100%;right:-15px; min-width:320px;padding:1.5rem 1rem 1.5rem .7rem; z-index:99999;border: 2px solid var(--fire-color);border-width:2px 0 2px 0;background-color:var(--white-color);}
.navigation li{border-bottom: 1px solid #fdedf1;}
.navigation li:last-child{border-bottom:none;}
.navigation li li:first-child{padding:.25rem 0;border-top: 1px solid #fdedf1;}
.navigation li li:last-child{padding:.25rem 0;border-bottom: none;}
.navigation li ul{padding-left:1.2rem;}
.navigation li a{padding:.5rem 0;color:var(--fire-color);display:block;}
.navigation li a:hover{color: var(--fire-color);}
.navigation li a:before {content: "\f054";display: inline-block;padding-right:.5rem; position: relative;font-family: var(--icon-font);margin-left: 0.25rem;font-weight: 600;top: 0;font-size: .9em;color:var(--title-color);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.navigation li.sub-menu{position:relative;}
.navigation li.sub-menu .submenu-btn{position:absolute;right:0;top:.5rem;display:block; width:1.5rem;height:1.5rem;background-color: var(--fire-color);border-radius: 50%;}
.navigation li.sub-menu .submenu-btn span,.navigation li.sub-menu .submenu-btn span:after{display:block;margin:.7rem auto; height: 2px;width: 16px;background-color: var(--white-color);}
.navigation li.sub-menu .submenu-btn span{position:relative;}
.navigation li.sub-menu .submenu-btn span:after{position:absolute;content:"";top:-.7rem;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg)}
.navigation li.sub-menu .submenu-btn.open span:after{display:none;}
.navigation li.sub-menu ul{display:none}
.navigation li.sub-menu ul.open{display:block}
}

@-webkit-keyframes ripple {
0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:.4}
100%{-webkit-transform:scale(1.9);transform:scale(1.9);opacity:0}
}
@keyframes ripple {
0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:.4}
100%{-webkit-transform:scale(1.9);transform:scale(1.9);opacity:0}
}
@-webkit-keyframes headerSticky {
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes headerSticky {
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes movingX {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(50px);transform:translateX(50px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes movingX {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(50px);transform:translateX(50px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.jump{-webkit-animation:jumpAni 7s linear infinite;animation:jumpAni 7s linear infinite}
@-webkit-keyframes jumpAni {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes jumpAni {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.jump-reverse{-webkit-animation:jumpReverseAni 7s linear infinite;animation:jumpReverseAni 7s linear infinite}
@-webkit-keyframes jumpReverseAni {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(60px);transform:translateY(60px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes jumpReverseAni {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(60px);transform:translateY(60px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.movingY{-webkit-animation:movingY 17s linear infinite;animation:movingY 17s linear infinite}
@-webkit-keyframes movingY {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes movingY {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.movingX {-webkit-animation: movingX 8s linear infinite;animation: movingX 8s linear infinite}
.jump {-webkit-animation: jumpAni 7s linear infinite;animation: jumpAni 7s linear infinite}
.bg-smoke {background-color: var(--smoke-color) !important}
.item-video .icon {display:block;width:80px;}
.item-video h4{margin:0;font-size:.9rem;font-weight:var(--bs-body-font-weight);color: var(--white-color)}
.ratio a{display:block;}
.ratio a img{width:100%;margin-top:-25%;}
.item-video{padding-bottom:1.2rem;}
.item-video figcaption {background-color: var(--fire-color);padding:.25rem .5rem;}
.item-video figcaption a{color: var(--white-color)}
.item-video figcaption .icon {font-size: .8rem;padding: .25rem .75rem;border: 1px solid #fff;border-radius: 30px;background-color: var(--title-color);margin-right:.5rem;}
.item-video figcaption .icon i{padding-right:.25rem;}
.item-video .ratio i{position:absolute; left:calc(50% - 1.5rem);top:calc(50% - 1.5rem);display:none;}
.item-video .ratio:hover i {display: inline-block;z-index: 2;}
.testi-area {padding:0 0 3rem; background-image: url(/Images/background/testi_bg_1.jpg);background-size: auto;background-position: bottom center}
.testi-item {position:relative; gap: 1.5rem; background-color: var(--white-color);border: 1px solid var(--white-color);padding: 3rem 1rem 3rem 3rem;text-align: left;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.star-icon{margin-bottom:.5rem;}
.star-icon i{color:var(--fire-color);padding-right:.25rem;}
.testi-item .testi-grid_img {min-width: 100px;min-height: 100px;border-radius: 0;margin-top:.3rem;position:relative;z-index:2;}
.testi-item .testi-quote {position: absolute;left: 3.5rem;bottom: 3.5rem;width:80px;}
.testi-item .testi-shape1 {position: absolute;left: 0;top: 0;}
.testi-item .testi-shape2 {position: absolute;right: 0;bottom: 0}
.footer-content {position:relative; background: url('/Images/background/footer-bg.png') no-repeat center fixed;padding:3rem 0 3rem;}
.footer-content:before{position: absolute;z-index: 0;content: '';left: 0;top: 0;width: 100%;height: 100%;display: block;background-color:#000000cc}
.footer-content .container-xl{position:relative;z-index:2;color:var(--white-color)}
.footer-content a{color:var(--white-color)}
.footer-content h4{font-size:1rem;margin-bottom:.5rem;}
.footer-content .footer-info{}
.footer-content .footer-info .icon{display:block; margin-right:.5rem;height:1.5rem;width:1.5rem;min-width:1.5rem; line-height:1.5rem;text-align: center;background-color: var(--fire-color);color: var(--white-color);}
.footer-content h3 {font-size:1.5rem;font-weight:var(--bs-body-font-weight);position: relative;border: none;text-transform: capitalize;color: var(--white-color);line-height: 1;border-bottom: 0;padding: 0 0 .75rem 0;margin: -0.12rem 0 1.5rem 0;}
.footer-content h3:before, .footer-content h3:after {content: '';position: absolute;left: 0;bottom: 0;width: 65px;height: 2px;background-color: var(--fire-color)}
.footer-content h3:after {width: 18px;border: solid #000000d9;border-width:0 4px 0  4px;height: 2px;background-color: transparent;bottom: 0;left: 38px;-webkit-animation: footerLine 7s linear infinite;animation: footerLine 7s linear infinite}
.footer-content ul{list-style: none;padding: 0;}
.footer-content ul li{margin-bottom:.5rem;}
.footer-content ul li a:before {padding-right:.5rem; content: "\f30b";font-weight: 600;font-family: var(--icon-font);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);font-size: 0.8em;background-color: transparent;border: none;color: inherit}
.footer-content ul li a:hover {padding-left: 1.25rem;color: var(--fire-color);}




@media (max-width:767px) {
.testi-item .testi-grid_img{width:80px;height:80px;}
.testi-item{padding: 3rem 1rem 3rem 1rem;}
.testi-item .testi-quote{left: 2.5rem;}
}
@media (max-width:576px) {
.f-carousel__dots:before, .f-carousel__dots:after {background-size: 80px auto;width: 85px;}
}
@-moz-keyframes alo-circle {
0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}
100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;}
}
@-webkit-keyframes alo-circle {
0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-o-keyframes alo-circle {
0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}
30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}
100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}
}
@-moz-keyframes alo-circle-fill {
0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}
100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes alo-circle-fill {
0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-o-keyframes alo-circle-fill {
0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
.phone-animation,.phone-animation-fill {-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;border-color: #dc3545}
.phone-icon,.phone-animation,.phone-animation-fill,#phone_animation .tel{position: absolute;}
#phone_animation {position: fixed;left: 0;bottom: 3rem;z-index: 99999;width: 190px;}
#phone_animation a{display:block;position:relative;}
#phone_animation .tel {left: 1rem;bottom: 0; padding-left:2rem; width: 10rem;height: 2rem; background-size: 2rem;border-radius: 2rem;background: #eee;overflow: hidden;border: solid 1px #dc3545;}
#phone_animation .tel span{display:block;text-align:center;font-weight:700;color:#dc3545;line-height:2rem;}
.phone-animation {width: 4rem;height: 4rem;bottom: -1rem;left: 0;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(30,30,30,0.4);border: 2px solid #dc3545;opacity: .5;-webkit-animation: alo-circle 1.2s infinite ease-in-out;-moz-animation: alo-circle 1.2s infinite ease-in-out;-o-animation: alo-circle 1.2s infinite ease-in-out;animation: alo-circle 1.2s infinite ease-in-out;}
.phone-icon {left: 1rem;bottom: 0;height:2rem;width:2rem;line-height:2rem;text-align:center; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color:#dc3545;}
.phone-icon i{color:#fff;font-size:1.2rem;}
.phone-animation-fill {left:.5rem;bottom: -.5rem;width: 3rem;height: 3rem;background-color: #dc3545;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .2;-webkit-animation: alo-circle-fill 2.3s infinite ease-in-out;-moz-animation: alo-circle-fill 2.3s infinite ease-in-out;-o-animation: alo-circle-fill 2.3s infinite ease-in-out;animation: alo-circle-fill 2.3s infinite ease-in-out;}
.btn-content {position: fixed;bottom: 0;left: 0;z-index: 9999;background-color: #fff;width: 100%;height: 2.5rem;}
.btn-content a{display:block;text-align:center;color: #343a40;padding:.2rem .75rem;}
.btn-content .btn-icon{color:#dc3545;font-weight:700;}
.btn-content .btn-text{font-size:.7rem;line-height:1.1;}
.btn-content a div:first-child{line-height:1.2;}
.btn-content a img{height:1rem;}
.main-header {background-color: var(--bg-dark);position: relative;z-index: 999;overflow-x: clip;overflow-y: visible;}
.main-header-wapper {display: grid;grid-template-columns: 270px auto;align-items: center;}
.header-info {position: relative;}
.site-logo {position: relative;height: 100%;display: flex;align-items: center;}
.site-logo img{width:250px;}
.top-header {position: relative;padding-left: 80px;}
.top-header:before {background-color: var(--fire-color);content: "";width: 6000px;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.top-header a{line-height:2.2rem;color:#fff;}
.header-social li:first-child{padding-top:.3rem;}
.top-header a i{padding-right:.3rem;}
.title-new.text-center{background: url(/Images/background/background-title.png) center bottom no-repeat;margin-bottom: 1.5rem;}
header.title-new{text-transform:uppercase;font-size:.8rem; display: inline-block;position: relative;margin-top: 0;color: #222;font-weight: 500;padding-bottom:1rem;display:block}
header.title-new h2{font-size:1.7rem;margin: .3rem 0;}
header.title-section{text-transform:uppercase;font-size:.8rem; display: inline-block;position: relative;margin-top: 0;color: #222;font-weight: 500;padding-bottom:1rem;display:block}
header.title-section h2{font-size:1.7rem;margin: .3rem 0;}
.title-section i{padding-right:.4rem;}
@-webkit-keyframes returnToNormal {0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0)}100% {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes returnToNormal {0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0)}100% {opacity: 1;-webkit-transform: none;transform: none}}
.list-product{background-color: #f5f6f6;}
.product{background-color: #fff;box-shadow: 0 1px 3px -2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);}
.product figcaption {padding:0 .5rem 1.5rem;}
.product-img{position:relative;overflow:hidden;height: 0;padding-bottom: 62.5%;}
.product-img a {display:block; position: absolute;top: 50%;transform: translateY(-50%);}
.product .sale{position: absolute;top: 0;width: 6rem;right: -2rem;color: white;text-align: center;padding: .2rem 0;;background: #dc3545;text-align: center;z-index: 1;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.product figcaption h3 {font-size:1rem;text-align:center;line-height:1.4;margin-bottom:1rem; }
.product figcaption h3 a{text-decoration:none; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product figcaption .des{text-overflow: ellipsis;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.bg-gray{background-color: #f5f6f6;}
.blog-post figcaption{position:relative;padding:.5rem 1rem 1rem;background-color:#fff;}
.blog-post .post-date {background-color: #27477d;text-transform: uppercase;position: absolute;font-size:.9rem;padding: .3rem .6rem;color: #fff;top: -2rem;left: 0;height: 2rem;z-index: 1;}
.blog-post .post-date i {position: relative;background: var(--fire-color);color: #fff;font-size:1rem;display: inline-block;text-align: center;width: 2.5rem;height: 2rem;line-height: 1.9rem;margin-top: -.3rem;margin-left: -.6rem;margin-right: 1.4rem;}
.blog-post .post-date i::after {background-color: var(--fire-color);content: "";height: 100%;position: absolute;top:0;right: -.6rem;width: 1.2rem;-webkit-transform: skew(30deg);-moz-transform: skew(30deg);-o-transform: skew(30deg);-ms-transform: skew(30deg);transform: skew(30deg);}
.blog-post h4 a {text-decoration:none; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-post h4{font-size:1.1rem;line-height:1.4;}
.blog-post .des{text-overflow: ellipsis;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.zoom-slow {position: relative;height: 0;padding-bottom: 62.5%;overflow: hidden;}
.zoom-slow > div {position: absolute;top: 50%;transform: translateY(-50%);}
.zoom-slow img {width:100%; transition: all 10s;-moz-transition: all 10s;-webkit-transition: all 10s;-o-transition: all 10s;}
.zoom-slow:hover img {-moz-transform: scale(2);-webkit-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
.page-header h1{font-size:2rem;}
.page-header{padding:2rem 0;width: 100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;color: #fff;background-image: url(/Images/background/page-header-bg.jpg);}
.page-header:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 18 50 / 70%)}
.page-header > div{position:relative;z-index:2;}
.breadcrumb ol {list-style: none;padding: 0;margin: 0;}
.breadcrumb ol li{display:inline-block;}
.breadcrumb ol li a{color:#fff;text-decoration:none;}
.breadcrumb ol li a:hover{color:var(--fire-color)}
.breadcrumb ol li a::after {display: inline-block;padding:0 .5rem;content: "/";font-size:1rem ;}
.breadcrumb ol li:last-child a::after {display: none}
.pager {line-height:1.7rem;}
.pager span span,.pager input, .pager span a{display: inline-block;min-width: 2rem;border-color: transparent;text-align: center;background: #27477d;color:#fff!important;}
.pager span span {background: var(--fire-color);}
.pager input{line-height:1.3rem;vertical-align:.15rem; font-size:.8rem;}
.pager span a{background: #27477d;}
.post-meta{font-size:.8rem;color:#888;font-style:italic;margin-bottom:1rem}
.post-meta i{padding-right:.3rem}
.post-meta time, .post-meta span{padding-right:1rem}
.product-image {border-radius: .2rem;background-color: #fff;box-shadow: 0 0 4px rgb(0 0 0 / 27%);padding:.3rem;}
.product-thumbs{margin:1rem -.02rem;}
.product-thumbs .thumbs-item {padding:0 .2rem;}
.product-thumbs .thumbs-item img{max-height:4rem;}
.price-box{line-height:2rem;}
.price-box strong {font-size:1.5rem;color:#dc3545;padding-right:1rem;padding-left:.25rem;}
.price-box span:last-child {vertical-align:1rem;color:#dc3545}
.price-box .dl{font-weight:700;text-decoration:line-through;}
.info-btn .btn-cart{background-color:#e73435;color:#fff;padding:0 1rem;}
.btn-cart span:first-child{display:block;font-size:1.2rem;line-height:1.1;font-weight:700;}
.btn-cart span:last-child{font-size:.8rem;font-weight:500}
.product-info h1{font-size:1.5rem;margin:0;}
.promotion {padding: .5rem 1rem;margin: 1rem auto;max-width: 700px;border: 3px dotted #32580F;border-radius: .5rem}
.promotion h3 {font-size: 1.1rem;text-align: center;color: #dc3545;text-transform:uppercase;}
.promotion ul {padding: 0}
.promotion ul li {margin-bottom: .5rem;list-style: none;}
.promotion ul li:before {width: 1.4rem;padding-right: .4rem;vertical-align: -.1rem;color: #dc3545;display: inline-block;content: "\f046";font: normal normal normal 1.2rem FontAwesome}
.btn-baogia {border: 1px solid #08a240!important;background: #12ab49!important}
.btn-phone {margin-left:1rem; background: #f89406;background-image: linear-gradient(-180deg,#dc3545 0%,#f76b1c 100%);border: 1px solid #d97f00}
.btn span {color:#fff; display: block;font-family: 'Arial';overflow: hidden;font-size: .8rem;font-weight: 300;text-transform: none;text-align: center}
.button-sale {text-align: center;margin-top: 1rem}
.button-sale .btn{margin:0.5rem .5rem;}
.button-sale a div{font-weight:700;color:#fff;font-size:1.1rem;}
.promotion em {color: #C71444}
.p-detail h2.title-section{margin-top:1.5rem;margin-bottom:1rem; font-size:1.5rem;position:relative;text-transform:uppercase;}
.p-detail h2.title-section:before,.p-detail h2.title-section:after{position:absolute;content:'';display:block;left:0;height:1px;background:var(--fire-color);transition:width .8s ease,background-color .8s ease;-webkit-transition:width .8s ease,background-color .8s ease;-o-transition:width .8s ease,background-color .8s ease;-moz-transition:width .8s ease,background-color .8s ease;}
.p-detail h2.title-section:before{width:150px;bottom:-.3rem;}
.p-detail h2.title-section:after{width:100px;bottom:-.5rem;}
.p-detail table{margin-bottom:1rem;}
.p-detail table th, .p-detail table tr, .p-detail table td{border-width: 1px;padding:.3rem 1rem;}
.bt-sale{margin:1rem 1rem 0}
.bt-sale a:hover{color:#fff}
.bt-sale .btn {border-radius:0; padding: .15rem .5rem;color:#fff; width: 100px;text-transform:none; margin:0;background-color: #dc3545;border-color: #dc3545;}
.price span:first-child{text-decoration:line-through;}
.price span:last-child{padding-left:1.5rem;color:#dc3545;font-size:1.2rem;font-weight:700;}
.list-video figcaption a {display: flex;align-items: center;justify-content: start;color:#fff}
.list-video figcaption {background-color: var(--fire-color);color: #fff;min-height:2rem;padding:.3rem 0;}
.list-video figcaption h4{margin:0;font-size:1rem;font-weight:500;}
.list-video figcaption span {display:block;margin:0 .7rem; font-size:.8rem; line-height: 1;color: #fff;padding: .3rem .7rem .3rem .8rem;border: 1px solid #fff;border-radius: 30px;position: relative;background-color: #27477dd9;
}
.list-video figcaption span:before {content: "\f04b";font-family: 'FontAwesome';font-size: 1rem;color: #fff;margin-right: .5rem;}
.list-video a{text-decoration:none;}
.video .list{margin:.5rem 0;}
.list .video-item{width:100px;}
.p-detail iframe{max-width:100%;}
.party-gallery{position:relative;float:left;margin:3px;}
.gallery::after{content:'';clear:both;display:table;}
.party-gallery a{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;display:block}
.party-gallery a img {width: 100%;position: absolute;top: 50%;transform: translateY(-50%);cursor: zoom-in;}
.party-gallery a span{text-align:center;overflow:hidden;background:var(--fire-color)b3;color:#fff;display:block;position:absolute;top:0;left:0;width:0;height:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.party-gallery a:hover span{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;width:100%;height:100%;transform:rotate(0deg);z-index:3}
.party-gallery a span i{margin-top:20%;display:inline-block;color:#fff;font-size:30px}
.party-gallery:first-child{width: 50%;margin:0;}
.party-gallery {width:calc(25% - 6px);}
.gallery > div + div + div + div + div + div + div + div {display: none}
@media (max-width: 768px) {
.party-gallery:first-child{width: 100%;}
.site-logo img {width: 160px;}
.main-header-wapper {display: grid;grid-template-columns: 200px auto;align-items: center;}
}
span.star{display:inline-block;width:75px;text-align:center;}
span.star *{display:inline-block;}
span.star i{font-size:2rem;line-height:2rem;color:var(--fire-color)}
span.star span{font-size:.8rem;padding:0;}
.quick-comm{padding: 5px 10px;border: 1px solid #ccc;border-radius: 10px;margin: 5px 5px 5px 0;background: #fff;transition: color .1s cubic-bezier(.4,0,.6,1),border-color .1s cubic-bezier(.4,0,.6,1);cursor: pointer;}
.quick-comm.active{background: #fafafa;opacity: .5;}
.sort-name-cm{width: 3rem;height: 3rem;margin-right:.5rem; border-radius: 50%;overflow: hidden;background: #E5E5E5;text-align:center; line-height:3rem;font-size:1.5rem;}
.comment-item-star{padding-left:0.5rem;}
.comment-item-star i{color:var(--fire-color);padding-left:.2rem;}
.link_reply{text-decoration: none;margin-right:1rem;}
.sup-coment .avata_coment .sort-name-cm{background-image: url('/Images/background/avata-coment.png');background-position:center center;}
.sup-coment .content-comment span {color: #087CCE;}
.product .info {text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;min-height: 4.5rem;margin-bottom:1rem;}
.gallery{padding:1rem 0;}
.gallery::after{display:table;content:" ";clear:both}
.gallery .client-gallery{float:left;width:20%;}
.gallery .client-gallery:first-child{width:40%;}
.gallery .client-gallery + div + div + div + div + div + div + div + div+ div{display:none;}
.client-gallery a{display:block;position: relative;width:100%;height: 0;padding-bottom:56.25%;overflow: hidden;padding-left:10px;padding-right:10px;padding-top:5px;margin-bottom:5px;}
.client-gallery a img {position:absolute; top: 50%;margin-top: -50%;width:100%;}
.hn-btn {position: relative;z-index: 1;overflow: hidden;vertical-align: middle;white-space:nowrap; display: inline-block;border: none;text-align: center;background-color: var(--fire-color);color:#fff;font-size:.9rem; font-weight: 500;line-height: 1;padding: .5rem 1rem;border-radius: 0;margin:1rem;}
.btn-danger{background-color:var(--fire-color)}
.hn-btn:before, .hn-btn:after {content: "";position: absolute;height: 100%;top: 0;left: 0;width: 100%;background-color: #222429;z-index: -1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;border-radius: 99px}
.hn-btn:before {-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0)}
.hn-btn:after {-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0)}
.hn-btn:hover, .hn-btn.active {color: #fff;}
.hn-btn:hover::before, .hn-btn:hover:after, .hn-btn.active::before, .hn-btn.active:after {border-radius: 0;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.bt-sale .hn-btn{margin:0;}
.banner img{width:100%;}
.feature-icon {margin-right: 1rem;}
.feature-info a{color:#fff;}
.feature-info a:hover{color:var(--fire-color);}
.feature-icon img{width:50px;min-width:50px;}
#header {position: -webkit-sticky;position: sticky;top: 0;z-index: 1020;}
.bg-gray{background-color: #f5f6f6;}
.blog-post figcaption{position:relative;padding:.5rem 1rem 1rem;background-color:#fff;}
.blog-post .post-date {background-color: #27477d;text-transform: uppercase;position: absolute;font-size:.9rem;padding: .3rem .6rem;color: #fff;top: -2rem;left: 0;height: 2rem;z-index: 1;}
.blog-post .post-date i {position: relative;background: #F3501D;color: #fff;font-size:1rem;display: inline-block;text-align: center;width: 2.5rem;height: 2rem;line-height: 1.9rem;margin-top: -.3rem;margin-left: -.6rem;margin-right: 1.4rem;}
.blog-post .post-date i::after {background-color: #F3501D;content: "";height: 100%;position: absolute;top:0;right: -.6rem;width: 1.2rem;-webkit-transform: skew(30deg);-moz-transform: skew(30deg);-o-transform: skew(30deg);-ms-transform: skew(30deg);transform: skew(30deg);}
.blog-post h4 a {text-decoration:none; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-post h4{font-size:1.1rem;line-height:1.4;}
.blog-post .des{text-overflow: ellipsis;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.zoom-slow {position: relative;height: 0;padding-bottom: 62.5%;overflow: hidden;}
.zoom-slow > div {position: absolute;top: 50%;transform: translateY(-50%);}
.zoom-slow img {width:100%; transition: all 10s;-moz-transition: all 10s;-webkit-transition: all 10s;-o-transition: all 10s;}
.zoom-slow:hover img {-moz-transform: scale(2);-webkit-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}