/* Reset */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --bradius:.2rem;
}

.popints{font-family:"Poppins", sans-serif;}
.roboto{font-family:"Roboto", sans-serif;}

html, body{
    padding:0; margin:0; overflow-x:hidden; overflow-y:auto;
    font-size:16px; font-weight:300; line-height:1.6;
    font-family:"Poppins", sans-serif;
}
body.loading{height:100dvh!important; overflow:hidden!important;}


*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;}

a{color:inherit;}
a, a:hover{text-decoration:none;}
a.link{text-decoration:underline;}

img.img{display:block; width:100%; height:auto;}
img.img.sm{max-width:34rem; margin:0 auto;}
.fit{position:absolute; top:0; bottom:0; left:0; right:0;}
.img-fill{background-size:cover; background-position:center; background-repeat:no-repeat;}


html.loaded-opened, body.loaded-opened,
html.topnav-dropdown-opened, body.topnav-dropdown-opened,
html.global-search-opened, body.global-search-opened,
html.popup-container-opened, body.popup-container-opened{overflow-y:hidden!important;}
@media screen and (max-width:1199.98px){
  html.sidenav-opened, body.sidenav-opened{overflow-y:hidden!important;}
}


/* Section & Container */
.section-padding{padding:4rem 0;}
.section-padding-top{padding-top:2rem!important;}
.container{position:relative; width:100%; max-width:calc(1300px - 2rem); padding:0; margin:0 auto;}
.container.ovf-hidden{overflow:hidden!important;}
.container.expand-right{max-width:calc(620px - 1rem + 50vw); margin:0 0 0 auto;}
@media screen and (min-width:1600px){
  .container{max-width:calc(1600px - 2rem);}
  .container.expand-right{max-width:calc(650px - 1rem + 50vw);}
}
@media screen and (max-width:1299.98px){
  .container{max-width:calc(1200px - 2rem);}
  .container.expand-right{max-width:calc(570px - 1rem + 50vw);}
}
@media screen and (max-width:1199.98px){
  .container{max-width:calc(992px - 2rem);}
  .container.expand-right{max-width:calc(496px - 1rem + 50vw);}
  .container.expand{max-width:calc(1052px - 2rem);}
}
@media screen and (max-width:1099.98px){
  .container.expand{max-width:calc(990px - 2rem);}
}
@media screen and (max-width:991.98px){
  .section-padding{padding:3.5rem 0;}
  .section-padding-top{padding-top:1.5rem!important;}
  .container, .container.expand{max-width:calc(768px - 2rem);}
  .container.expand-sm{max-width:100%;}
  .container.expand-right{max-width:calc(384px - 1rem + 50vw);}
}
@media screen and (max-width:767.98px){
  .section-padding{padding:3rem 0;}
  .section-padding-top{padding-top:.5rem!important;}
  .container, .container.expand{max-width:calc(578px - 2rem);}
  .container.expand-xs{max-width:100%;}
  .container.expand-right{max-width:calc(288px - 1rem + 50vw);}
}
@media screen and (max-width:575.98px){
  .section-padding{padding:2.5rem 0;}
  .section-padding-top{padding-top:.25rem!important;}
  .container, .container.expand{max-width:calc(100% - 2rem);}
  .container.expand-xxs{max-width:100%;}
  .container.expand-right{max-width:calc(50% - 1rem + 50vw);}
}


/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, li, label{
    margin:0; font-weight:300; line-height:1.6;
}
h1, .h1{font-size:4rem; line-height:1.15;}
h2, .h2{font-size:2.375rem; line-height:1.25;}
h2.lg, .h2.lg{font-size:3rem; line-height:1.25;}
h3, .h3{font-size:2rem; line-height:1.45;}
h4, .h4{font-size:1.875rem;}
h5, .h5{font-size:1.375rem;}
h5.sm, .h5.sm{font-size:1.25rem;}
h6, .h6{font-size:1.125rem;}
p, .p, li, label{font-size:1rem;}
p.md, .p.md, li.md, label.md{font-size:.9375rem;}
p.sm, .p.sm, li.sm, label.sm{font-size:.875rem;}
p.xs, .p.xs, li.xs, label.xs{font-size:.8125rem;}
p.xxs, .p.xxs, li.xxs, label.xxs{font-size:.6875rem;}
@media screen and (max-width:1199.98px){
    h1, .h1{font-size:3.75rem; line-height:1.15;}
    h2, .h2{font-size:2.1875rem; line-height:1.25;}
    h2.lg, .h2.lg{font-size:2.1875rem; line-height:1.25;}
    h3, .h3{font-size:1.75rem; line-height:1.45;}
    h4, .h4{font-size:1.625rem;}
}
@media screen and (max-width:991.98px){
    h1, .h1{font-size:3.375rem; line-height:1.2;}
    h2, .h2{font-size:2rem; line-height:1.3;}
    h2.lg, .h2.lg{font-size:2rem; line-height:1.3;}
    h3, .h3{font-size:1.75rem; line-height:1.5;}
    h4, .h4{font-size:1.625rem;}
    h5, .h5{font-size:1.3125rem;}
}
@media screen and (max-width:767.98px){
    h1, .h1{font-size:3rem; line-height:1.25;}
    h2, .h2{font-size:1.875rem; line-height:1.4;}
    h2.lg, .h2.lg{font-size:1.875rem; line-height:1.4;}
    h3, .h3{font-size:1.5625rem; line-height:1.55;}
    h4, .h4{font-size:1.4375rem;}
    h6, .h6{font-size:1.0625rem;}
    h5, .h5{font-size:1.25rem;}
    h5.sm, .h5.sm{font-size:1.125rem;}
}
@media screen and (max-width:575.98px){
    h1, .h1{font-size:2.5rem; line-height:1.3;}
    h2, .h2{font-size:1.625rem; line-height:1.5;}
    h2.lg, .h2.lg{font-size:1.625rem; line-height:1.5;}
    h3, .h3{font-size:1.375rem; line-height:1.6;}
    h4, .h4{font-size:1.25rem;}
    h5, .h5{font-size:1.125rem;}
    h6, .h6{font-size:1rem;}
    p, .p, li, label{font-size:.9375rem;}
}

.categories{margin-top:2rem;}
.categories>.cate-wrapper{
  display:flex; flex-wrap:wrap; justify-content:center;
}
.categories .cate-item{width:calc(100% / 5); padding:0 .5rem;}
.categories.size-02 .cate-item{width:calc(100% / 2);}
.categories .cate-item>.wrapper{
  position:relative; display:flex; align-items:start; padding:1rem 1.25rem; transition:all .25s;
  box-shadow:0 6px 12px rgba(145, 158, 171, .2); cursor:pointer; border-radius:.2rem; overflow:hidden;
}
.categories .cate-item>.wrapper>*{position:relative; transition:color .25s;}
.categories .cate-item>.wrapper:hover{
  box-shadow:0 8px 16px rgba(145, 158, 171, .4); 
}
.categories .cate-item>.wrapper::before{
  content:''; position:absolute; top:0; bottom:0; left:0;
  width:0; transition:width .25s;
}
.categories .cate-item>.wrapper:hover::before{width:100%;}
.categories .cate-item>.wrapper .title{padding-left:1rem; text-wrap:nowrap; line-height:1.375rem;}
.categories .cate-item>.wrapper .icon{line-height:1.5; color:#7a7a7a;}
.categories .cate-item>.wrapper:hover .icon{animation: rotate 4s infinite;}
@keyframes rotate{
  100% {transform: rotate(180deg);}
}
@media screen and (max-width:1199.98px){
  .categories .cate-item {
    width: calc(100% / 4); padding: .75rem .5rem;
  }
}
@media screen and (max-width:991.98px){
  .categories .cate-item{width:calc(100% / 3);}
  .categories.size-02 .cate-item{width: calc(100% / 1);}
}
@media screen and (max-width:767.98px){
  .categories .cate-item {width: calc(100% / 2);}
}
@media screen and (max-width:575.98px){
  .categories .cate-item {width: calc(100% / 1);}
  .categories.size-02  .cate-item>.wrapper .title{text-wrap:wrap;}
}

/* Hamburger */
.hamburger{cursor:pointer;}
.hamburger > *{
  position:relative; width:1.625rem; height:.125rem;
  transform:translateX(.375rem); transition:all .45s;
}
.hamburger > *:nth-child(2){margin:.4375rem 0; width:2rem; transform:none;}
.hamburger.active > *:nth-child(1){
  width:2rem; -webkit-transform:rotate(-45deg)translate(-.4rem, .4rem);
  transform:rotate(-45deg)translate(-.4rem, .4rem);
}
.hamburger.active > *:nth-child(2){opacity:0; transform:translateX(2rem);}
.hamburger.active > *:nth-child(3){
  width:2rem; -webkit-transform:rotate(45deg)translate(-.4rem,-.4rem);
  transform:rotate(45deg)translate(-.4rem, -.4rem);
}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, 
textarea, button{font-family:"Poppins", sans-serif;}
input[type=text], input[type=search], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea{
  box-shadow:none!important; width:100%;
  padding:.4375rem .875rem; font-size:1rem; font-weight:400; margin:0; line-height:1.5;
  outline:none!important; transition:border-color .25s, color .25s; border-radius:.375rem;
  border:1px solid transparent;
}
#search::-webkit-search-cancel-button{
  position:relative; border:none; border-radius:.375rem; appearance:none; 
  cursor:pointer; height:100%; border:1px solid transparent; width:100%;
}
#input-002::-webkit-search-cancel-button{
  position:relative; right:0; -webkit-appearance:none; cursor:pointer; transition:opacity .25s;
  height:1.25rem; width:1.25rem; border-radius:50%; background:url('../img/icon/29.png');
}
#input-002::-webkit-search-cancel-button:hover{opacity:.8;}
input::placeholder{font-family:"Poppins", sans-serif;}


input.ss-width{width:calc(100% - 2.125rem);}
@media screen and (max-width:991.98px){
  input.ss-width.md-w-full{width:100%;}
}

.input-tooltip .tooltips{position:relative; width:1.125rem; margin-left:1rem;}
.input-tooltip .tooltips:before{
  content:''; position:absolute; top:2rem; right:0; width:1rem; height:1rem;
  transform:rotate(45deg); z-index:2; border:1px solid transparent;
  border-right:0; border-bottom:0; transition:opacity .25s; opacity:0;
}
.input-tooltip .tooltips:hover::before{opacity:1;}
.input-tooltip input{width:calc(100% - 2.125rem);}
.input-tooltip > .wrapper{display:flex; align-items:center;}
.input-tooltip > .wrapper .tooltip-icon{
  width:1.125rem; height:1.125rem; display:flex; justify-content:center; 
  align-items:center; font-size:1.0625rem; cursor:pointer; transition:opacity .25s;
}
.input-tooltip > .wrapper .tooltip-icon:hover{opacity:.7;}
.input-tooltip > .wrapper .tooltip-dropdown{
  position:absolute; top:2.5rem; right:-.75rem; opacity:0; transition:opacity .25s; pointer-events:none;
  width:calc(100% + 18rem); padding:1rem; border-radius:.4375rem; border:1px solid transparent;
  z-index:1; box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 110px 0px;
}
.input-tooltip.style-02 > .wrapper .tooltip-dropdown{box-shadow:unset;}
.input-tooltip > .wrapper .tooltips:hover .tooltip-dropdown{opacity:1; pointer-events:all;}
.input-tooltip .tooltips .tooltip-list{margin:.25rem 0;}
.input-tooltip .tooltips .tooltip-list > .wrapper{display:flex; align-items:center;}
.input-tooltip .tooltips .tooltip-list > .wrapper .icon{
  width:1.125rem; height:1.125rem; display:flex; align-items:center;
  margin-right:.3125rem;
}
.input-tooltip .tooltips .tooltip-list > .wrapper .icon svg,
.input-tooltip .tooltips .tooltip-list > .wrapper .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.0625rem;
}
@media screen and (max-width:575.98px){
  .input-tooltip .tooltips:before{
    top:-1.5rem; right:0; transform:rotate(225deg);
  }
  .input-tooltip > .wrapper .tooltip-dropdown{top:-17rem;}
}


.btns{
    display:flex; align-items:center; flex-wrap:wrap;
    margin:-.25rem -.125rem 0 -.125rem; width:calc(100% + .25rem);
}
.btns > .btn{margin:.25rem .3125rem 0 .3125rem;}
.btn.btn-action{
  display:block; font-size:1.25rem; font-weight:400; outline:none; box-shadow:none;
  white-space:nowrap; border:2px solid transparent; padding:.5rem 1.25rem .4875rem 1.25rem;
  text-decoration:none; border-radius:.2rem; min-width:9rem; text-align:center;
  cursor:pointer; transition:all .25s;
}
.btn.btn-action.download{font-size:1rem;}


/* Special Box */
.ss-box{display:block; width:100%; max-width:30rem; margin:0 auto;}
.ss-box.m-unset{margin:unset!important;}
.ss-box.md{max-width:34rem;}
.ss-box.lg{max-width:38rem;}
.ss-box.xl{max-width:44rem;}
.ss-box.xxl{max-width:50rem;}
.ss-box.xxl.size-02{max-width:46rem;}
.ss-box.xxl.size-03{max-width:60rem;}
.ss-box.xxl.size-04{max-width:55rem;}


/* Special Header Title */



/* Special Separation 04 */
.ss-sep-04{display:inline-block;}
.ss-sep-04 > *{position:relative;}
.ss-sep-04 > *::before{
  content:''; position:absolute; width:.125rem; height:1rem; top:calc(50% - .4375rem); bottom:0;
  left:calc(100% + .625rem); 
}


/* Special Image */
.ss-img{display:block; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden;}
.ss-img.horizontal{padding:50% 0 0 0;}
.ss-img.horizontal-02{padding:65% 0 0 0;}
.ss-img.vertical{padding:140% 0 0 0;}
.ss-img.square{padding:100% 0 0 0;}
.ss-img.square-02{padding:75% 0 0 0;}
.ss-img > .img-bg{
    position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
    background-position:center; transition:transform .25s, filter .25s; 
}
.ss-card:hover .ss-img > .img-bg, .ss-img:hover > .img-bg{transform:scale(1.1);}
.ss-img.no-hover > .img-bg, .ss-card .ss-img.no-hover > .img-bg{transform:none!important;}


/* Special List */
.ss-list, .ss-list ul{width:100%; padding:0; margin:0; list-style:none;}
.ss-list > li{position:relative; padding:.1875rem 0 .1875rem 0;}
.ss-list ul > li{padding:.1875rem 0;} 
.ss-list > li::before{
    content:''; position:absolute; top:.625rem; left:0;
    width:.375rem; height:.375rem; border-radius:50%;
}
.ss-list ul > li::before{display:none;}

/* Special Tags */
.ss-tags{position:relative; display:block; overflow:hidden;}
.ss-tags > .tag{
    font-size:.8125rem; font-weight:300;
    padding:.625rem .5875rem .5rem .5875rem;
}



/* Special Stat */
.ss-stats{
  width:100%; display:flex; flex-wrap:wrap; margin:.25rem 0 0 0;
}
.ss-stats .stat{
  display:flex; align-items:center; white-space:nowrap; margin:.1875rem 1.25rem 0 0;
  font-size:.875rem; font-weight:400; transition:color .25s;
}
.ss-stats .stat .title{font-size:.875rem;}
.ss-stats .stat .icon{
  display:flex; align-items:center; font-size:.8125rem;
  justify-content:start; width:1.25rem; height:1.25rem;
}
.ss-stats .stat .icon img{
  display:block; width:.875rem; height:auto;
}


/* Special Card */
.ss-card{display:block; width:100%;}
.ss-card .text-container .title, .ss-card .text-container .desc{
    display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
    -webkit-box-orient:vertical; transition:color .25s;
}
.ss-card .hover-container{
 position:absolute; top:0; right:0; bottom:0; left:0;
 background:linear-gradient(to top, rgba(17, 43, 82, 0) 0%, 
rgba(111, 127, 150, 0) 0%, rgba(255, 255, 255, 0) 0%); 
transition:background .25s;
}
.ss-card:hover .hover-container{ background:linear-gradient(to bottom, rgba(17, 43, 82, 0.8) 0.11%, 
  rgba(111, 127, 150, 0.8) 50%, rgba(255, 255, 255, 0.8) 99.89%); }
.ss-card .hover-container.not-hover{transform:translateY(0); background-image:unset;}
.ss-card .hover-container .hover-wrapper{
   display:flex; justify-content:center; align-items:center; 
   flex-direction:column; width:100%; height:100%; transform:translateY(100%);  transition:transform .25s;
}
.ss-card:hover .hover-container .hover-wrapper{transform:translateY(0);}
.ss-card .hover-container .icon > img,
.ss-card .hover-container .icon > svg,
.ss-card .hover-container .icon.search > svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:6rem;
}
.ss-card .hover-container .icon.md > img,
.ss-card .hover-container .icon.md > svg,
.ss-card .hover-container .icon.md.search > svg{height:4rem;}
.ss-card .hover-container .icon.sm > img,
.ss-card .hover-container .icon.sm > svg,
.ss-card .hover-container .icon.sm.search > svg{height:2rem;}
.ss-card .hover-wrapper > .socials{margin-top:1.5rem; display:flex;}
.ss-card .hover-wrapper > .socials .social{
  display:block; margin:0 .75rem; transition:opacity .25s;
}
.ss-card .hover-wrapper > .socials .social:hover{opacity:.8;}
.ss-card .hover-wrapper > .socials .social img,
.ss-card .hover-wrapper > .socials .social svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:2.5rem;
}







/* Utility */
.text-5xl{font-size:380%!important; line-height:.25;}
.text-4xl{font-size:300%!important; line-height:.25;}
.text-3xl{font-size:240%!important; line-height:.25;}
.text-2xl{font-size:150%!important; line-height:.25;}
.text-xl{font-size:128%!important;}
.text-lg{font-size:114%!important;}
.text-md{font-size:110%!important;}
.text-nm{font-size:100%!important;}
.text-sm{font-size:90%!important;}
.text-xs{font-size:80%!important;}
.text-2xs{font-size:70%!important;}
.text-3xs{font-size:60%!important;}

.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}

.fw-100{font-weight:100!important;}
.fw-200{font-weight:200!important;}
.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
.fw-800{font-weight:800!important;}
.fw-900{font-weight:900!important;}

.lh-xl{line-height:2.00;}
.lh-lg{line-height:1.90;}
.lh-nm{line-height:1.60;}
.lh-sm{line-height:1.40;}
.lh-xs{line-height:1.20;}
.lh-2xs{line-height:1.00;}
.lh-3xs{line-height:.80;}

.c-pointer, .cursor-pointer{cursor:pointer!important;}

.pos-static{position:static!important;}
.pos-relative{position:relative!important;}
.pos-absolute{position:absolute!important;}
.pos-fixed{position:fixed!important;}
.pos-sticky{position:sticky!important;}

.op-100{opacity:1!important;} .op-0{opacity:0!important;}
.op-10{opacity:.1!important;} .op-20{opacity:.2!important;} .op-30{opacity:.3!important;}
.op-40{opacity:.4!important;} .op-50{opacity:.5!important;} .op-60{opacity:.6!important;}
.op-70{opacity:.7!important;} .op-80{opacity:.8!important;} .op-90{opacity:.9!important;}

.pe-none{pointer-events:none!important;}

.d-block{display:block!important;}
.d-flex{display:flex!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-none{display:none!important;}

.jc-start{justify-content:flex-start!important;}
.jc-center{justify-content:center!important;}
.jc-end{justify-content:flex-end!important;}
.jc-space-between{justify-content:space-between!important;}
.jc-space-evenly{justify-content:space-evenly!important;}
.ai-center{align-items:center!important;}
.ai-start{align-items:flex-start!important;}
.ai-end{align-items:flex-end!important;}
.ai-unset{align-items:unset!important;}
.fw-wrap{flex-wrap:wrap!important;}
.fw-no-wrap{flex-wrap:nowrap!important;}
.fw-unset{flex-wrap:unset!important;}
.flex-column{flex-direction:column!important;}
@media screen and (max-width:991.98px){
  .md-jc-center{justify-content:center!important;}
}
@media screen and (max-width:879.98px){
  .ss-sm-jc-center{justify-content:center!important;}
}
@media screen and (max-width:767.98px){
  .sm-jc-start{justify-content:start!important;}
  .sm-jc-center{justify-content:center!important;}
  .sm-column-reverse{flex-direction:column-reverse;}
}
@media screen and (max-width:575.98px){
  .xs-jc-center{justify-content:center!important;}
}

.mw-auto{min-width:auto!important;}
.width-auto, .w-auto{width:auto!important;}
.width-full, .w-full{width:100%!important; max-width:100%!important;}
.height-auto, .h-auto{height:auto!important;}
.height-full, .h-full{height:100%!important; max-height:100%!important;}
@media screen and (max-width:767.98px){
  .width-full-sm, .w-full-sm{width:100%!important; max-width:100%!important;}
}

.ws-nowrap{white-space:nowrap!important;}
.ws-normal{white-space:normal!important;}
.no-br > br{display:none;}

.no-border{border:0!important;}
.no-border-bottom{border-bottom:0!important;}
.no-border-right{border-right:0!important;}
.border{border:1px solid transparent!important;}
.border-2{border:2px solid transparent!important;}
.border-3{border:3px solid transparent!important;}
.border-4{border:4px solid transparent!important;}
.border-6{border:8px solid transparent!important;}
.border-top-0{border-top:0!important;}
.border-top{border-top:1px solid transparent!important;}
.border-top-2{border-top:2px solid transparent!important;}
.border-top-3{border-top:3px solid transparent!important;}
.border-top-4{border-top:4px solid transparent!important;}
.border-bottom-0{border-bottom:0!important;}
.border-bottom{border-bottom:1px solid transparent!important;}
.border-bottom-2{border-bottom:2px solid transparent!important;}
.border-bottom-3{border-bottom:3px solid transparent!important;}
.border-bottom-4{border-bottom:4px solid transparent!important;}
.border-left-0{border-left:0!important;}
.border-left{border-left:1px solid transparent!important;}
.border-left-2{border-left:2px solid transparent!important;}
.border-left-3{border-left:3px solid transparent!important;}
.border-left-4{border-left:4px solid transparent!important;}
.border-right-0{border-right:0!important;}
.border-right{border-right:1px solid transparent!important;}
.border-right-2{border-right:2px solid transparent!important;}
.border-right-3{border-right:3px solid transparent!important;}
.border-right-4{border-right:4px solid transparent!important;}

.bradius-round{border-radius:var(--bradius)!important;}
.bradius-round-02{border-radius:.375rem!important;}

.no-bradius{border-radius:0!important;}
.no-padding{padding:0!important;}
.box-shadow{box-shadow:0px 5px 20px 10px rgba(0,0,0,.1);}

.ovf-hidden{overflow:hidden!important;}
.ovf-visible{overflow:visible!important;}

@media screen and (min-width:1299.98px){
  .xxl-no-br > br{display:none;}
}
@media screen and (max-width:1299.98px){
  .xl-no-br > br{display:none;}
}
@media screen and (max-width:1199.98px){
  .lg-no-br > br{display:none;}
}
@media screen and (max-width:991.98px){
  .md-no-br > br{display:none;}
}
@media screen and (max-width:767.98px){
  .sm-no-br > br{display:none;}
}
@media screen and (max-width:575.98px){
  .xs-no-br > br{display:none;}
  .xs-hide{display:none;}
}


/* Scrollbar */
::-webkit-scrollbar{width:7px; border-radius:.25rem;}
::-webkit-scrollbar-track{background:#dddddd;}
::-webkit-scrollbar-thumb{background:#999999; border-radius:.25rem;}
::-webkit-scrollbar-thumb:hover{background:#999999;}
::-webkit-scrollbar:horizontal{height:7px;}


/* Scroll Wrapper */
.scroll-wrapper{width:100%; overflow:hidden;}
.scroll-x-wrapper{width:100%; overflow-x:auto; overflow-y:hidden; padding:0 0 .875rem 0;}
.scroll-y-wrapper{width:100%; overflow-x:hidden; overflow-y:auto; padding:0 .875rem 0 0;}


/* Spacing */
.p-0{padding:0!important;}
.p-1{padding:.25rem!important;} .p-2{padding:.5rem!important;}
.p-3{padding:.75rem!important;} .p-4{padding:1rem!important;}
.p-5{padding:1.25rem!important;} .p-6{padding:1.5rem!important;}
.pt-0{padding-top:0!important;} 
.pt-1{padding-top:.25rem!important;} .pt-2{padding-top:.5rem!important;} 
.pt-3{padding-top:.75rem!important;} .pt-4{padding-top:1rem!important;}
.pt-5{padding-top:1.25rem!important;} .pt-6{padding-top:1.5rem!important;}
.pt-7{margin-top:1.75rem!important;} .pt-8{margin-top:2rem!important;}
.pr-0{padding-right:0!important;} 
.pr-1{padding-right:.25rem!important;} .pr-2{padding-right:.5rem!important;} 
.pr-3{padding-right:.75rem!important;} .pr-4{padding-right:1rem!important;}
.pr-5{padding-right:1.25rem!important;} .pr-6{padding-right:1.5rem!important;}
.pb-0{padding-bottom:0!important;} 
.pb-1{padding-bottom:.25rem!important;} .pb-2{padding-bottom:.5rem!important;}
.pb-3{padding-bottom:.75rem!important;} .pb-4{padding-bottom:1rem!important;}
.pb-5{padding-bottom:1.25rem!important;} .pb-6{padding-bottom:1.5rem!important;}
.pl-0{padding-left:0!important;} 
.pl-1{padding-left:.25rem!important;} .pl-2{padding-left:.5rem!important;}
.pl-3{padding-left:.75rem!important;} .pl-4{padding-left:1rem!important;}
.pl-5{padding-left:1.25rem!important;} .pl-6{padding-left:1.5rem!important;}

.m-0{margin:0!important;} .m-auto{margin-left:auto!important; margin-right:auto!important;}
.m-1{margin:.25rem!important;} .m-2{margin:.5rem!important;}
.m-3{margin:.75rem!important;} .m-4{margin:1rem!important;}
.m-5{margin:1.25rem!important;} .m-6{margin:1.5rem!important;}
.mt-0{margin-top:0!important;} 
.mt-1{margin-top:.25rem!important;} .mt-2{margin-top:.5rem!important;}
.mt-3{margin-top:.75rem!important;} .mt-4{margin-top:1rem!important;}
.mt-5{margin-top:1.25rem!important;} .mt-6{margin-top:1.5rem!important;}
.mr-0{margin-right:0!important;} 
.mr-1{margin-right:.25rem!important;} .mr-2{margin-right:.5rem!important;}
.mr-3{margin-right:.75rem!important;} .mr-4{margin-right:1rem!important;}
.mr-5{margin-right:1.25rem!important;} .mr-6{margin-right:1.5rem!important;}
.mb-0{margin-bottom:0!important;} 
.mb-1{margin-bottom:.25rem!important;} .mb-2{margin-bottom:.5rem!important;}
.mb-3{margin-bottom:.75rem!important;} .mb-4{margin-bottom:1rem!important;}
.mb-5{margin-bottom:1.25rem!important;} .mb-6{margin-bottom:1.5rem!important;}
.ml-0{margin-left:0!important;} 
.ml-1{margin-left:.25rem!important;} .ml-2{margin-left:.5rem!important;}
.ml-3{margin-left:.75rem!important;} .ml-4{margin-left:1rem!important;}
.ml-5{margin-left:1.25rem!important;} .ml-6{margin-left:1.5rem!important;}

.mt-negative{margin-top:-4rem; padding-top:8rem;}
@media screen and (max-width:1299.98px){
  .d-none-lg{display:none;}
}
@media screen and (max-width:991.98px){
  .mt-2-md{margin-top:.5rem!important;}
  .d-none-md{display:none;}
}
@media screen and (max-width:767.98px){
  .mt-negative{margin-top:-4.5rem;}
}
@media screen and (max-width:575.98px){
  .mt-negative{margin-top:-5rem;}
}

@keyframes btnVideo {
	0% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1); opacity:1;}
	100% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1.5); opacity:0;}
}

.btn-play{
	position:relative; width:3rem; height:3rem; border-radius:50%; z-index:2;
	display:flex; justify-content:center; align-items:center; cursor:pointer;
}
.btn-play > *:first-child{position:relative; z-index:3;}
.btn-play:before{
	content:''; display:block; position:absolute; left:50%; top:50%; width:100%; height:100%;
	border-radius:50%; animation:btnVideo 1.5s ease-out infinite;
}
.btn-play:after{
	content:''; display:block; position:absolute; left:50%; top:50%; width:3rem; 
  height:3rem; border-radius:50%;transform:translateX(-50%)translateY(-50%); transition:all .2s;
}


/* Special Text */
.ss-text-wrapper{
  display:block; width:100%; max-width:80rem;
}


/* Special Separation 01 */
.ss-sep-01{position:relative; display:block; width:100%; max-width:100%; height:.0625rem;}
.ss-sep-01:after{
  content:""; position:absolute; width:79px; height:6px; 
  bottom:-1px; left:0;
}
.ss-sep-02{position:relative; display:block; width:calc(100% + 40px);  height:.0625rem;}

/* Special Card 01 */
.ss-card-01{position:relative;}
.ss-card-01 .ss-img{border-radius:var(--bradius);}
.ss-card-01 .text-wrapper{
  position:absolute; bottom:0; left:0; z-index:2;
  padding:1.5rem;
}
.ss-card-01 .btn-play{position:absolute; top:1rem; right:1rem;}

.filter-01{
  content:''; position:absolute; top:0; bottom:0; left:0; right:0;
}
.filter-01{
  background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.9),
  rgba(0,0,0,.4),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),
  rgba(0,0,0,0));
}


.page-loader{position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:101;}
.page-loader > .bg{position:relative; width:100%; height:100%;}
.page-loader > .bg > *{position:absolute; top:0; bottom:0; width:25%; transition:width .75s;}
.page-loader.fade-out > .bg > *{width:0;}
.page-loader > .bg > *:nth-child(1){left:0;}
.page-loader > .bg > *:nth-child(2){left:25%;}
.page-loader > .bg > *:nth-child(3){left:50%;}
.page-loader > .bg > *:nth-child(4){left:75%;}
.page-loader > .wrapper{
  display:flex; align-items:center; justify-content:center;
  position:absolute; top:0; bottom:0; left:0; right:0; transition:opacity .3s;
}
.page-loader.fade-out > .wrapper{opacity:0;}
.page-loader.style-02  > .bg > *{
  top:unset; bottom:unset; left:0; right:0; width:100%; height:50vh;
  opacity:1; transition:transform .7s cubic-bezier(1,0,.55,1);
}
.page-loader.style-02 > .bg > *:nth-child(1){top:0;}
.page-loader.style-02.fade-out > .bg > *:nth-child(1){transform:translateY(-50vh);}
.page-loader.style-02 > .bg > *:nth-child(2){bottom:0;}
.page-loader.style-02.fade-out > .bg > *:nth-child(2){transform:translateY(50vh);}
.page-loader.style-02.fade-out > .bg > *{transition-delay:1s;}
.page-loader.style-02 > .wrapper{opacity:1!important;}
.page-loader.style-02 .loader-text{
  display:block; width:100%; text-align:center; font-size:.9375rem; font-weight:500;
  letter-spacing:.25rem; margin:0 0 3.5rem 0; transition:all .8s cubic-bezier(.19,1,.22,1);
}
.page-loader.style-02.fade-out .loader-text{
  opacity:0; transform:translateY(2rem); transition-delay:.5s;
}
.page-loader.style-02 .loader-progress{
  position:absolute; top:calc(50vh - .875px); left:calc(50% - 220px); right:calc(50% - 220px);
  height:1.75px; transition:all .9s;
}
.page-loader.style-02 .loader-progress > .bar{
  display:block; height:100%; width:0; transition:width 1s linear;
}
.page-loader.style-02.started .loader-progress > .bar{width:100%;}
@media screen and (max-width:767.98px){
  .page-loader.style-02 .loader-progress{left:calc(50% - 180px); right:calc(50% - 180px);}
}
@media screen and (max-width:575.98px){
  .page-loader.style-02 .loader-progress{left:20%; right:20%;}
}
.page-loader.style-02.fade-out .loader-progress{left:0; right:0; opacity:0;}



/* Special Card 02 */
.ss-card-02{
  position:relative; overflow:hidden;
}
.ss-card-02 .ss-img{border-radius:var(--bradius);}
.ss-card-02 .ss-img::before{
  content:''; position:absolute; top:0; right:0; bottom:0; left:0;
  background-image:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); z-index:2;
}
.ss-card-02:hover .ss-img::before{
  background-image:linear-gradient(to top, rgba(0, 0, 0, 1), transparent); 
}
.ss-card-02 .text-container{
  position:absolute; right:0; bottom:0; left:0; z-index:3;
  padding:2.5rem; transition:0.3s; transform:translateY(60px);
}
.ss-card-02:hover .text-container{transform: translateY(-1rem) !important;}
.ss-card-02 .text-container .desc{
  -webkit-line-clamp:3; opacity:0; transition: 0s;
  margin-top:1rem;
}
.ss-card-02:hover .text-container .desc{
  opacity: 1; transition: 0.3s;
  transition-delay: 0.1s;
}
.ss-card-02 .link{
  position:absolute; left:2.5rem; bottom:1rem; 
  z-index:3; display:flex; align-items:center;
}
.ss-card-02 .link .text{transition:color .25s;}
.ss-card-02 .link .icon{
  width:1.375rem; height:1.375rem; display:flex; margin-bottom:-.25rem;
  align-items:center; justify-content:center; font-size:.625rem; transition:.25s;
}
.ss-card-02:hover .link .icon{padding-left:.25rem;}

.video-youtube{width:100%; height:350px;}
@media screen and (max-width:991.98px){
  .video-youtube{height:250px;}
}
@media screen and (max-width:767.98px){
  .videos-youtube .grid{margin-top:0;}
}
@media screen and (max-width:490.98px){
  .video-youtube{height:200px;}
}