/* Reset */
.main__title,.main__title{text-align:center;margin-bottom:20px;}
.main__title h1,.main__title p{color:#1F59BD;text-align:center;font-family:"SFU Eurostile";font-size:35px;font-weight:700;line-height:45px;text-transform:uppercase;}
.title-main,.title-company{position:relative;text-align:center;}
.title-main span{color:#1F59BD;text-align:center;font-family:"SFU Eurostile";font-size:35px;font-weight:700;line-height:30px;text-transform:uppercase;}
.title-company span{color:#3B3B3B;font-family:SVN-Poppins;font-size:20px;font-weight:500;line-height:30px;letter-spacing:4px;text-align:center;text-transform:uppercase;position:relative;display:inline-block;padding:10px 16px 0 16px;background:url(../images/titlecpn1.png) top left no-repeat,url(../images/titlecpn2.png) top right no-repeat;}
.title-company{margin-bottom:6px;}
h2.title-main{margin-bottom:16px;}
.rps-xl--visible,.rps-lg--visible,.rps-md--visible{display:none;}
.rps-xl--hidden,.rps-lg--hidden,.rps-md--hidden{display:block;}
.swiper [class*="__item"]{display:block;}
img{max-width:100%;}
*{box-sizing:border-box;}
a{text-decoration:none;display:inline-block;}
.social-plugin{display:flex;margin-top:10px;}
.scale-img{overflow:hidden;}
.scale-img img,.scale-img picture{transition:all 0.5s;}
.scale-img:hover img,.scale-img:hover picture{transform:scale(1.1,1.1);}
.hover-img{position:relative;overflow:hidden;display:block;}
.p-relative{position:relative;}
h1,h2,h3,h4,h5,h6{line-height:1.5;padding:0;margin:0;}
img{max-width:100%;height:auto;vertical-align:middle;border-style:none;}
*{box-sizing:border-box;}
a{text-decoration:none;}
img{max-width:100%;height:auto;vertical-align:middle;border-style:none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}
.a2a_kit .a2a_svg{width:30px;height:30px;line-height:30px;}
.contact-form .btn-primary{color:#fff;background-color:var(--clr-btn);border-color:var(--clr-btn);}
.contact-form .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;}
.ckeditor-content ul,ol,dl{list-style:revert;padding:0 0 0 1.5rem;}
.ckeditor-content a{color:#0d6efd;text-decoration:underline;}
.ckeditor-content a:hover{color:#0a58ca;}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{border:none;}
.contact-input [type='text'],.contact-input [type='email'],.contact-input [type='number']{border:1px solid #ced4da;}
/* TODO: Main */
.hidden-seoh{overflow:hidden;visibility:hidden;height:0;margin:0;}
.body-container{overflow:hidden;position:relative;font-size:14px;top:0px;padding:0;background:#fff;color:#000;max-width:1920px;margin:0 auto;font-family:'SVN-Poppins';font-weight:400;min-width:1366px;}
.wrap-home{max-width:100%;padding:0;}
.wrap-content{max-width:1200px;width:100%;margin:0 auto;}
.wrap-1190{max-width:1190px;width:100%;margin:0 auto;}
.wrap-1200{max-width:1200px;width:100%;margin:0 auto;}
.wrap-1300{max-width:1300px;width:100%;margin:0 auto;}
.main-padding{padding:40px 10px;}
/* TODO: Flex Box */
.flex-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -webkit-calc(-1 * var(--space-horizontal)) -webkit-calc(-1 * var(--space-vertical));margin:0 -moz-calc(-1 * var(--space-horizontal)) -moz-calc(-1 * var(--space-vertical));margin:0 calc(-1 * var(--space-horizontal)) calc(-1 * var(--space-vertical));}
.flex-list--default{--columns:4;--space-horizontal:10px;--space-vertical:-webkit-calc(var(--space-horizontal) * 2);--space-vertical:-moz-calc(var(--space-horizontal) * 2);--space-vertical:calc(var(--space-horizontal) * 2);}
.flex-list > div[class*='__item']{width:-webkit-calc(100% / var(--columns) - -webkit-calc(var(--space-horizontal) * 2));width:-moz-calc(100% / var(--columns) - -moz-calc(var(--space-horizontal) * 2));width:calc(100% / var(--columns) - calc(var(--space-horizontal) * 2));margin:0 var(--space-horizontal) var(--space-vertical);}
.flex-list > div[class*='__item'] > [class*='__item-inner']{height:100%;}
.flex-list > div[class*='__item'] > a[class*='__item-inner']{display:block;}
/* TODO: Text Truncate */
.text-split{--line-clamp:3;overflow:hidden;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);}
.--split-height{--line-height:1.5em;height:-webkit-calc(var(--line-clamp) * var(--line-height));height:-moz-calc(var(--line-clamp) * var(--line-height));height:calc(var(--line-clamp) * var(--line-height));line-height:var(--line-height);}
/* TODO: Transition All */
.transition{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
/* TODO: Scroll */
.progress-wrap{position:fixed;bottom:60px;right:15px;height:56px;background:var(--clr-btn);width:56px;cursor:pointer;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;z-index:999;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear;-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.5);box-shadow:0px 0px 4px 1px rgba(0,0,0,0.5);}
.progress-wrap.active-progress{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.progress-wrap::after{position:absolute;font-family:'FontAwesome';content: '\f077';text-align:center;line-height:56px;font-size:16px;font-weight:900;color:#fff;left:0;top:0px;height:55px;width:56px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear;}
.progress-wrap svg path{fill:none;}
.progress-wrap svg.progress-circle path{stroke:#fff;stroke-width:4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear;}
.page-item.page-item-ajax.disabled{display:none;}
.page-link{min-width:30px;min-height:30px;padding:5px 13px;background:var(--clr-white);border-color:#BFBFBF;border-radius:5px;color:#595959;}
.page-item.active .page-link{background:var(--clr-main);border-color:var(--clr-main);color:var(--clr-white);}
.pagination{gap:10px;}
.has-scroll{position:fixed!important;top:0;right:0;left:0;animation:menuSlideInDown 0.3s ease-out;}
.blink{-webkit-animation:blink 1s infinite linear;-moz-animation:blink 1s infinite linear;-ms-animation:blink 1s infinite linear;-o-animation:blink 1s infinite linear;animation:blink 1s infinite linear;}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.hvr-underline{display:inline;background:linear-gradient(90deg,transparent,transparent),linear-gradient(90deg,#1F1C17,#1F1C17);background-size:100% 1px,0 1px;background-position:100% calc(100% - 3px),0 calc(100% - 3px);background-repeat:no-repeat;transition:background-size 0.3s;}
.hvr-underline:hover{background-size:0 1px,100% 1px;}
.hvr-double-shape{overflow:hidden;position:relative;display:block;}
.hvr-double-shape:before{opacity:0.25;content: '';position:absolute;left:0;right:0;display:inline-block;background:#fff;transform:scaleX(0);transition:transform 0.5s ease;top:0;bottom:50%;transform-origin:100% 0%;}
.hvr-double-shape:after{opacity:0.25;content: '';position:absolute;left:0;right:0;display:inline-block;background:#fff;transform:scaleX(0);transition:transform 0.5s ease;top:50%;bottom:0;transform-origin:0% 100%;}
.hvr-double-shape:hover:before{transform:scaleX(1);transform-origin:0% 100%;}
.hvr-double-shape:hover:after{transform:scaleX(1);transform-origin:100% 0%;}
.hvr-double-box{overflow:hidden;position:relative;display:block;}
.hvr-double-box:before{-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;content: "";position:absolute;bottom:0;left:0;z-index:3;width:0;height:0;background:rgba(255,255,255,0.5);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.hvr-double-box:after{-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;content: "";position:absolute;top:0;right:0;z-index:2;width:0;height:0;background:rgba(255,255,255,0.5);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.hvr-double-box:hover:before{-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;height:100%;width:100%;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s;-ms-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;}
.hvr-double-box:hover:after{-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;height:100%;width:100%;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s;-ms-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;}
.hvr-float-shadow{position:relative;display:inline-block;vertical-align:middle;box-shadow:0 0 1px transparent;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.hvr-float-shadow:before{opacity:0;position:absolute;content: '';top:100%;left:5%;z-index:-1;width:90%;height:10px;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0,transparent 80%);-webkit-transition-property:transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0.3s;transition-duration:0.3s;pointer-events:none;pointer-events:none;position:absolute;z-index:-1;content: '';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0,transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}
.hvr-float-shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}
.hvr-float-shadow:focus{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.hvr-float-shadow:focus:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}
.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}
.hvr-flash-shape{overflow:hidden;position:relative;}
.hvr-flash-shape:before{content: '';position:absolute;top:0;left:-85%;z-index:10;display:block;width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.hvr-flash-shape:hover:before{transition:1s;left:130%;}
.hrv-flash-box{overflow:hidden;position:relative;display:block;}
.hrv-flash-box:hover:before{top:0;left:0;}
.hrv-flash-box:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.hrv-flash-box:hover:after{right:0;bottom:0;}
.hrv-flash-box:before{top:-100%;left:-100%;display:block;content: "";position:absolute;z-index:8;width:100%;height:100%;background:rgba(255,255,255,0.3) none repeat scroll 0 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.hrv-flash-box:after{right:-100%;bottom:-100%;display:block;content: "";position:absolute;z-index:8;width:100%;height:100%;background:rgba(255,255,255,0.3) none repeat scroll 0 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.hrv-flash-box img{transition:0.7s;}
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:0.3s ease-out!important;-moz-transition:0.3s ease-out!important;-ms-transition:0.3s ease-out!important;-o-transition:0.3s ease-out!important;transition:0.3s ease-out!important;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out!important;-moz-transition:0.3s ease-out!important;-ms-transition:0.3s ease-out!important;-o-transition:0.3s ease-out!important;transition:0.3s ease-out!important;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.mover{-webkit-animation:mover 1s infinite ease-in-out;-moz-animation:mover 1s infinite ease-in-out;-ms-animation:mover 1s infinite ease-in-out;-o-animation:mover 1s infinite ease-in-out;animation:mover 1s infinite ease-in-out;}
.tada{-webkit-animation:tada 1s infinite ease-in-out;-moz-animation:tada 1s infinite ease-in-out;-ms-animation:tada 1s infinite ease-in-out;-o-animation:tada 1s infinite ease-in-out;animation:tada 1s infinite ease-in-out;}
.rung{animation:code-pro-rung-lac 2s ease infinite;}
.fadein{animation-duration:1s;animation-name:fadeIn;animation-fill-mode:forwards;}
.fadeout{animation-duration:1s;animation-name:fadeOut;animation-fill-mode:forwards;}
.flipinx{animation-duration:0.8s;animation-fill-mode:forwards;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX;}
.flipoutx{animation-duration:0.8s;animation-fill-mode:forwards;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutX;}
.fadeindown{animation-duration:1s;animation-name:fadeInDown;animation-fill-mode:forwards;}
.fadeinup{animation-duration:1s;animation-name:fadeInUp;animation-fill-mode:forwards;}
.fadeoff{animation-duration:1s;animation-name:fadeOff;animation-fill-mode:forwards;}
.fadeon{animation-duration:1s;animation-name:fadeOn;animation-fill-mode:forwards;}
.goleft{animation-duration:0.8s;animation-fill-mode:forwards;animation-name:goLeft;}
.goright{animation-duration:0.8s;animation-fill-mode:forwards;animation-name:goRight;}
.scalelarge{animation:scaleLarge;animation-duration:1s;animation-fill-mode:forwards;}
.moveleft{pointer-events:none;animation-duration:0.8s;animation-fill-mode:forwards;animation-name:moveLeft;}
.moveright{pointer-events:none;animation-duration:0.8s;animation-fill-mode:forwards;animation-name:moveRight;}
.contact-form{animation:Start 1s steps(1,end) 0s 1 normal both;}
.container{animation:Start 1s steps(1,end) 0s 1 normal both;}
.footer{animation:Start .5s steps(1,end) 0s 1 normal both;}
.go-top{animation:Start 1s steps(1,end) 0s 1 normal both;}
.register-form{animation:Start 1s steps(1,end) 0s 1 normal both;}
.slide-fade-out{animation:fadeOut;animation-duration:1s;animation-fill-mode:forwards;}
.slide-fade-in{animation:fadeIn;animation-duration:1s;animation-fill-mode:forwards;}
.interior-hero-callout{animation:circleFloat 5s linear forwards infinite;}
.flickity-button{width:49px;height:49px;background-color:#f4c271;overflow:hidden;transition:transform 0.2s ease-in-out;}
.centery{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.centery-after:after{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.centery-before:before{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.ease-in-200{-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;-ms-transition:all 500ms ease-in;-o-transition:all 500ms ease-in;transition:all 500ms ease-in;}
.slideInDown1{-webkit-animation-name:slideInDown1;animation-name:slideInDown1;}
.fixed{position:fixed!important;left:0;right:0;top:0;z-index:999;animation:slideInDown1 1s 0s;}
.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.hvr-sweep-to-top:before{content: "";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#3a0304;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-sweep-to-top:active{color:#fff;}
.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);}
.hvr-sweep-to-top:focus{color:#fff;}
.hvr-sweep-to-top:focus:before{-webkit-transform:scaleY(1);transform:scaleY(1);}
.hvr-sweep-to-top:hover{color:#fff;}
.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);}
.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.hvr-sweep-to-right:before{content: "";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#33cbcc;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-sweep-to-right:active{color:#fff;}
.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
.hvr-sweep-to-right:focus{color:#fff;}
.hvr-sweep-to-right:focus:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
.hvr-sweep-to-right:hover{color:#fff;}
.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
.btn-hover{position:relative;padding:10px 20px;border-radius:7px;border:1px solid #3d6aff;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:2px;background:transparent;color:#fff;overflow:hidden;box-shadow:0 0 0 0 transparent;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.btn-hover:hover{background:#3d6aff;box-shadow:0 0 30px 5px rgba(0,142,236,0.815);-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.btn-hover:hover::before{-webkit-animation:sh02 0.5s 0s linear;-moz-animation:sh02 0.5s 0s linear;animation:sh02 0.5s 0s linear;}
.btn-hover::before{content: '';display:block;width:0px;height:86%;position:absolute;top:7%;left:0%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skewX(-20deg);}
.btn-hover:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow 0.2s ease-in;-moz-transition:box-shadow 0.2s ease-in;transition:box-shadow 0.2s ease-in;}
.codepen-button{display:block;cursor:pointer;color:#fff;margin:0 auto;position:relative;text-decoration:none;font-weight:600;border-radius:6px;overflow:hidden;padding:3px;isolation:isolate;}
.codepen-button::before{content: "";position:absolute;top:0;left:0;width:400%;height:100%;background:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);background-size:25% 100%;animation:an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop 0.75s linear infinite;animation-play-state:paused;translate:-5% 0;transition:translate 0.25s ease-out;}
.codepen-button:hover::before{animation-play-state:running;transition-duration:0.75s;translate:0 0;}
.codepen-button span{position:relative;display:block;padding:1rem 1.5rem;font-size:1.1rem;background:#000;border-radius:3px;height:100%;}
.box{position:relative;transition:0.5s;-webkit-transition:0.5s;}
.box::before{width:100%;height:100%;z-index:1;content: '';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);transition:0.5s;}
.box::after{width:100%;height:100%;z-index:1;content: '';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);transition:0.5s;}
.box:hover::after{-webkit-transform:scale(1);}
.box:hover::before{-webkit-transform:scale(1);}
.-item.foo{position:relative;}
.-item.foo:hover::after,.-item.foo:hover::before{-webkit-transform:scale(1);}
.foo:before{position:absolute;border-top:3px solid #B59A6B;border-right:3px solid #B59A6B;-webkit-transform-origin:100% 0%;width:100%;height:100%;z-index:1;content: '';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);transition:0.5s;pointer-events:none;border-radius:10px;}
.foo:after{position:absolute;border-bottom:3px solid #B59A6B;border-left:3px solid #B59A6B;-webkit-transform-origin:0 100%;width:100%;height:100%;z-index:1;content: '';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);transition:0.5s;pointer-events:none;border-radius:10px;}
.hover_sang2{position:relative;overflow:hidden;}
.hover_sang2:before{position:absolute;top:0;left:-85%;z-index:10;display:block;content: '';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.hover_sang2:hover:before{transition:1s;left:100%;}
.hover_sang{display:block;position:relative;overflow:hidden;}
.hover_sang:hover:before{left:0;top:0;}
.hover_sang:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.hover_sang:hover:after{right:0;bottom:0;}
.hover_sang:before{left:-100%;top:-100%;display:block;background:rgba(255,255,255,0.3) none repeat scroll 0 0;content: "";height:100%;position:absolute;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:100%;z-index:8;}
.hover_sang:after{bottom:-100%;right:-100%;display:block;background:rgba(255,255,255,0.3) none repeat scroll 0 0;content: "";height:100%;position:absolute;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:100%;z-index:8;}
.hover_sang img{transition:0.7s;}
.hover_xam{position:relative;overflow:hidden;}
.hover_xam::before{content: "";background:rgba(255,255,255,0.5);bottom:0;left:0;position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:2;}
.hover_xam::after{content: "";background:rgba(255,255,255,0.5);top:0;right:0;position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:2;}
.hover_xam:hover::before{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s;-ms-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;-khtml-opacity:0;-o-opacity:0;-ms-opacity:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;height:100%;width:100%;}
.hover_xam:hover::after{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s;-ms-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;-khtml-opacity:0;-o-opacity:0;-ms-opacity:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;height:100%;width:100%;}
.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animate__tada{-webkit-animation-name:tada;animation-name:tada;}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.mask{width:100%;height:100vh;position:fixed;left:0;top:0;z-index:999999999;overflow:hidden;}
.mask span{width:100%;position:absolute;right:0;background:-webkit-linear-gradient(90deg,#fff 0,#fff 100%);background:linear-gradient(90deg,#fff 0,#fff 100%);-webkit-transition:width 0.9s ease-in-out;transition:width 0.9s ease-in-out;}
.mask span:nth-child(1){height:30vh;top:0;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.mask span:nth-child(2){height:40vh;top:30vh;-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.mask span:nth-child(3){height:30vh;top:70vh;-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.mask.hideg{pointer-events:none;}
.mask.hideg span{width:0;}
.loadicon{position:fixed;top:50%;left:50%;width:200px;height:140px;margin:-70px 0 0 -100px;z-index:110000;}
#loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999999999;}
#loading .logo_2{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all ease 0.5s;}
#loading .logo_2 span{display:block;border-radius:50%;border:3px solid rgba(255,255,255,0.5);-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;box-shadow:0 0 20px rgba(255,255,255,0.5);-webkit-animation:Ani 2s infinite;animation:Ani 2s infinite;width:120px;height:120px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;z-index:2;z-index:9999999999;}
#loading .logo_2 img{position:relative;max-width:80px;z-index:4;}
#loading.finish{z-index:-9999;}
#loading.finish .logo_2 span{display:none;}
#loading.finish .logo_2 img{display:none;}
/* modal-detail */
.modal-detail::-webkit-scrollbar{width:10px;}
.modal-detail::-webkit-scrollbar-thumb{width:10px;background:#4d90e0;border-radius:10px;height:50px;}
.modal-detail{position:fixed;z-index:999;background:#000000c4;top:0px;left:0px;width:100%;height:100%;overflow-y:scroll;}
.content-modal-detail{background:#fff;max-width:1200px;margin:0px auto;min-height:100vh;}
.content-modal-detail .tabs{display:flex;cursor:pointer;padding:0;list-style:none;justify-content:center;border-bottom:1px solid #e0e0e0;position:sticky;top:0px;background:#fff;z-index:99;}
.content-modal-detail .tabs li{padding:20px 20px;margin-right:5px;font-weight:bold;position:relative;border-bottom:4px solid #fff;}
.content-modal-detail .tabs li.active{color:#2d9cdb;border-bottom:4px solid #2d9cdb;}
.content-modal-detail .tab-content{padding:20px;max-width:900px;margin:0px auto;}
.content-modal-detail .tab-content.active{display:block;}
.close-tab{position:fixed;top:15px;right:20px;z-index:10;}
.btn-closemenu{position:fixed;top:10px;right:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;line-height:21px;padding:7px;text-align:right;width:72px;}
.btn-closemenu::before{transform:rotate(45deg);}
.btn-closemenu::after{transform:rotate(-45deg);}
.btn-closemenu::before,.btn-closemenu::after{background-color:#333;content: '';left:13px;height:14px;position:absolute;top:10px;width:1px;}
.cursor-pointer{cursor:pointer;}
/*  breadCrumbs */
.breadCrumbs{padding:10px 0px;background:#ddd;}
.breadCrumbs ol{margin:0px;}
.breadCrumbs ol li a{color:#333;}
.breadCrumbs ol li a:hover{color:#f00;}
/* paging */
.paging-product{position:relative;}
.pagination{margin:20px 0px;}
.pagination li span{cursor:pointer;}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{width:50px;height:50px;border-radius:50%;background:#1182fc;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:0.1;border-color:#1182fc;opacity:0.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,0.35);opacity:0.4;}
.btn-frame .pulse{animation-name:pulse;}
.grid-properties{display:flex;gap:10px;}
.grid-properties span{position:relative;border:1px solid #ddd;padding:5px 15px;cursor:pointer;}
.grid-properties span:hover,.grid-properties span.active{border:1px solid #f00;color:#f00;}
.grid-properties span:hover:after,.grid-properties span.active:after{content: '';border:0.9375rem solid transparent;border-bottom:0.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-0.9375rem;}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,0.26);cursor:not-allowed;}
/* scrollToTop */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}
/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}
[x-cloak]{display:none!important;}
/* CSSS T */
a.views_dm{width:140px;height:38px;}
.effect_button{transform-style:preserve-3d;transform:translateZ(-25px);transition:transform 0.25s;position:relative;display:inline-flex;z-index:1;}
.effect_button:after,.effect_button:before{position:absolute;content: 'xem thêm';height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #f00;box-sizing:border-box;border-radius:5px;z-index:-1;text-transform:uppercase;font-weight:700;font-size:15px;}
.effect_button:before{color:#fff;background:#f00;transform:rotateY(0deg) translateZ(25px);}
.effect_button:after{color:#f00;transform:rotateX(90deg) translateZ(25px);}
.effect_button:hover{transform:translateZ(-25px) rotateX(-90deg);}
/* Swipper */
.swiper .swiper-wrapper{width:inherit;height:inherit;}
.swiper.swiper-initialized .swiper-wrapper{margin:0;width:100%;height:100%;}
.swiper.swiper-initialized .swiper-slide{padding:0;margin:0px;overflow:hidden;}
/* Popup */
.modal-title{font-size:20px;}
/* CSS cho loading */
.loading-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7);justify-content:center;align-items:center;z-index:999;}
.loading{width:50px;height:50px;border:5px solid rgba(0,0,0,0.1);border-radius:50%;border-top:5px solid #3498db;animation:spin 1s linear infinite;}
/* Toc */
.tt-toc{position:relative;font-size:18px;text-transform:uppercase;font-family:var(--font-bold);display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul > li{margin:0;margin-bottom:8px;}
.box-readmore li ul > li:before{content:counters(item,'.') ' ';}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;display:none;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px;}
.box-readmore ul li:before{content:counters(item,'.') '. ';display:table-cell;padding-right:5px;}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}
/* Sort */
.sort-select{display:flex;justify-content:end;margin:20px 0px;position:relative;}
.sort-select .click-sort{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px 6px 8px;margin:0px;}
.sort-select-main{display:grid;background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / 20%);position:absolute;padding:0 7px;top:30px;right:0;width:160px;z-index:2;}
.sort-select-main p{border-bottom:1px solid #f1f1f1;margin:0px;order:2;}
.sort-select-main p:has(.check){order:1;}
.sort a{color:#000;font-size:14px;line-height:17px;padding:11px 3px;display:block;cursor:pointer;}
.sort a.check i{box-sizing:border-box;position:relative;display:inline-block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid transparent;border-radius:100px;vertical-align:middle;}
.sort a.check i::after{content: '';display:block;box-sizing:border-box;position:absolute;left:3px;top:-4px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);}
.sort-select .sort-show{padding-right:12px;position:relative;}
.sort-select .sort-show::before{content: '';border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;content: '';height:0;position:absolute;top:6px;right:0;width:0;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
/* Line Clamp */
.line-clamp-1{-webkit-line-clamp:1;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-2{-webkit-line-clamp:2;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-3{-webkit-line-clamp:3;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-4{-webkit-line-clamp:4;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-5{-webkit-line-clamp:5;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-6{-webkit-line-clamp:6;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-7{-webkit-line-clamp:7;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-8{-webkit-line-clamp:8;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}