:root{
    --ks-dlo-bg:#09359B;
    --ks-dlo-m:#1b092f;
    --ks-dlo-mtx:#bf88ff;
    --ks-dlo-ylw:#FCDB07;
    --ks-dlo-ylw1:#FFC727;
    --ks-dlo-red:#d71920;
    --ks-dlo-red1:#cc0000;
    --ks-dlo-red2:#e6111e;
    --ks-dlo-green:#21863D;
    --ks-dlo-pnk:#f527ab;
    --ks-dlo-yellow:#FFC717;
    --ks-dlo-lg:#fff;
    --ks-dlo-lg1:#f5f5f5;
    --ks-dlo-lg2:#666;
    --ks-dlo-lg3:#eaeaea;
    --ks-dlo-lg4:#999999;
    --ks-dlo-dr:#000;
    --ks-dlo-dr1:#333;
    --ks-dlo-dr2:#414242;
    --ks-dlo-dr3:#525353;
    --ks-dlo-rg1:rgba(0, 0, 0, 0.6);
    --ks-dlo-rg2:rgba(0, 0, 0, 0.16);
    --ks-dlo-rg3:rgba(0, 0, 0, 0.75);
    --ks-dlo-rg5:rgba(255, 255, 255, 0.15);
    
    --ff-one:'Lato', sans-serif;
}
 html{
    font-family:sans-serif;
    line-height:1.6;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
@-ms-viewport{
    width:device-width
}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    background-color:var(--ks-dlo-lg);
    color:var(--ks-dlo-dr1);
    display:inline-block;
    font-family:var(--ff-one);
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    margin:0;
    overflow-x:hidden;
    overflow-y:scroll;
    text-align:left;
    width:100%
}
[tabindex="-1"]:focus{
    outline:0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
p{
    margin-top:0;
    margin-bottom:16px
}
dl,ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
b,strong{
    font-weight:700
}
small{
    font-size:80%
}
*,a,button,input,select,textarea{
    -webkit-tap-highlight-color:transparent
}
a{
    text-decoration:none;
    color:var(--ks-dlo-dr)
}
a:focus,a:hover{
    color:var(--ks-dlo-dr);
    text-decoration:none
}
br{
    content:"";
    margin:0;
    display:block;
    font-size:10%
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
figure{
    margin:0 0 1rem
}
img{
    max-width:100%;
    vertical-align:middle;
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
h1,h2,h3,h4,h5,h6{
    display:inline-block;
    color:var(--ks-dlo-dr1);
    font-family:var(--ff-one);
    font-weight:600;
    line-height:1.4;
    margin-bottom:16px;
    margin-top:0;
    width:100%
}
h1{
    font-size:2.5rem
}
h2{
    font-size:24px;
    line-height:32px;
    font-weight:700
}
h3{
    font-size:18px;
    font-weight:700;
    line-height:23px
}
h4{
    font-size:1.5rem
}
h5{
    font-size:1.25rem
}
h6{
    font-size:1rem
}

::placeholder{
    color:var(--ks-dlo-lg4);
    opacity:1
}
:-ms-input-placeholder{
    color:var(--ks-dlo-lg4);
}
::-ms-input-placeholder{
    color:var(--ks-dlo-lg4);
}

*,::after,::before{
    box-sizing:border-box
}
::-moz-selection{
    background:var(--ks-dlo-m);
    color:#fff
}
::selection{
    background:var(--ks-dlo-m);
    color:#fff
}
.hr-scroll{
    overflow-y:hidden
}
.hr-scroll{
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch
}
.hr-scroll::-webkit-scrollbar{
    display:none
}
.hr-scroll__content{
    display:flex;
    flex-wrap:nowrap;
    font-size:0;
    white-space:normal
}
.hr-scroll__item{
    display:inline-block;
    flex-shrink:0;
    vertical-align:top;
    white-space:normal
}
.hr-scroll__item>.card{
    min-height:100%
}
.hr-scroll--alpha .hr-scroll__item{
    width:84vw
}
@media (min-width:768px){
    .hr-scroll--alpha .hr-scroll__item{
        width:40vw
    }
    .hr-scroll--beta .hr-scroll__item{
        width:45vw
    }
}
.hr-scroll--beta .hr-scroll__item{
    width:45vw
}
.hr-scroll--gamma .hr-scroll__item{
    width:60vw
}
@media (min-width:768px){
    .hr-scroll--gamma .hr-scroll__item{
        width:40vw
    }
}
.img-gr{
    background:var(--ks-dlo-rg6);
    background-size:69px;
    border-radius:3px;
    box-shadow:0 0 0 1px rgba(44,58,74,.1) inset;
    display:block;
    overflow:hidden;
    padding-bottom:75%;
    position:relative
}
.img-gr amp-img,.img-gr iframe,.img-gr img,.img-gr video,.img-gr_art-mn img{
    color:transparent;
    left:0;
    min-height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    width:100%
}
.img-gr_a{
    padding-bottom:56.25%
}
.img-gr_b{
    padding-bottom:66.66%
}
.img-gr_c{
    padding-bottom:71.9%
}
.img-gr_d{
    padding-bottom:75%
}
.img-gr_e{
    padding-bottom:100%
}
.img-gr_art-mn{
    padding-bottom:56.25%
}
.img-gr_sq{
    padding-bottom:100%
}
.ks_icn {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
  }
  .ks_icn-like{
      fill:none;
  }
  .ks_icn-share{
      fill:none;
  }
  .ks_icn-bookmark{
      fill:none;
  }
  .ks_icn-eye{
      font-size:1.6rem;
  }
  .ks_icn_act .ks_icn{
      fill:var(--ks-dlo-red2);
      stroke:var(--ks-dlo-red2);
  }
  .ks_icn_act .ks_icn-comments{
    fill:var(--ks-dlo-dr2);
    stroke:var(--ks-dlo-dr2);
  }
  .ks_icn_act .ks_icn-bookmark{
    fill:var(--ks-dlo-dr2);
    stroke:var(--ks-dlo-dr2);
  }
  .str_opt-li .ks_icn{      
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -ms-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;
  }
  .str_opt-li:hover .ks_icn-like {
    fill: var(--ks-dlo-red2);
    stroke: var(--ks-dlo-red2);
}
.str_opt-li:hover .ks_icn-bookmark {
    fill: var(--ks-dlo-dr2);
    stroke: var(--ks-dlo-dr2);
}
/* Global*/

.dlo_pg-wrp{
/*    max-width:730px;*/
    max-width:1000px;
    margin:0 auto;
    padding:0 0 50px 0;
    overflow-x:hidden;
  }
  
.no_bg{
    background:none;
}
.flx_wrp{
align-items:center;
display:flex;
justify-content:space-between;
}
.flx_lhs{
flex:0 0 50%;
max-width:50%;
}
.flx_rhs{
    flex:0 0 50%;
    max-width:50%;
}

.cnt_wrp{
    padding-left:10px;
    padding-right:10px;
}

.lst_arw-dwn{
    color:var(--ks-dlo-red);
    font-size:1.3rem;
    text-align:center;
    margin:20px;
    }
   .lst_arw-dwn svg{
       cursor: pointer;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
   } 
.mt-0{
    margin-top:0;
  }
.mb-10{
    margin-bottom:10px;
}
.mb-20{
    margin-bottom:20px;
}
.pb-50{
    padding-bottom:50px
}
.pb-0{
    padding-bottom:50px
}
.text-center{
    text-align:center;
}
.txt_red{
    color:#F52828;
}

/* whatsapp fix button */
.wht_fix_wrp{
    position:fixed;
    top:83%;
    bottom:auto;
    left:auto;
    right:-5px;
    height:34px;
    width:34px;
}
.wht_fix_lnk{
    display:block;
}

/* bounce animation*/

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      -moz-transform: translateY(0);
      transform: translateY(0);
    }
    40% {
      -moz-transform: translateY(-15px);
      transform: translateY(-15px);
    }
    60% {
      -moz-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }
  @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    40% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
    60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    40% {
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
    60% {
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  .txt_pg_wrp{
      margin:15px 10px 0;
  }
.txt_pg_wrp p{
      color:var(--ks-dlo-dr1);
      font-size:16px;
      line-height:24px;
      margin:0 0 20px;
  }
  .fde_msg_wrp{
      background-color:#fafafa;
    border-radius: 5px;
    padding:16px 15px;
    max-width:400px;
    margin:0 auto;
    height:fit-content;
    width:90%;
    position: absolute;
    top:45%;
    right:0;
    bottom:auto;
    left:0;
    animation: fadeOut 0.5s forwards;
    animation-delay:3.1s;
    /* opacity:0;
    visibility:hidden; */
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -ms-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;
  }
  .fde_msg_ttl{
    color:var(--ks-dlo-dr1);
    font-size:20px;
    font-weight:700;
    line-height:24px;
    margin:0 0 10px;
  }
  .fde_msg_txt{
      color:var(--ks-dlo-dr1);
      font-size:14px;
      font-weight:700;
      line-height:17px;
  }
  @keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

/* LOGIN WRAP */

.dlo_log_ovr{
  background:transparent;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100vh;
  width:100%;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all ease-in-out 0.3s;
  -moz-transition:all ease-in-out 0.3s;
  -ms-transition:all ease-in-out 0.3s;
  -o-transition:all ease-in-out 0.3s;
  transition:all ease-in-out 0.3s;
}
.js_dlo_log .dlo_log_ovr{
  opacity:1;
  visibility:visible;
}
.dlo_log_wrp{
background:var(--ks-dlo-lg);
box-shadow: 0px -3px 6px #00000029;
border: 1px solid #E2E2E2;
border-radius: 20px 20px 0px 0px;
padding:10px 10px 0;
position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    top: auto;
    z-index: 1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -ms-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.js_dlo_log .dlo_log_wrp{
  opacity:1;
  visibility:visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.log_ttl{
color:var(--ks-dlo-dr);
font-size:16px;
line-height:24px;
text-align:center;
margin:5px auto 15px;
}
.log_ttl_txt{
    color:var(--ks-dlo-dr);
    display:inline-block;
    font-size:16px;
    font-weight:600;
    line-height:24px;
    text-transform:uppercase;
}
.log_mid_txt{
    color:var(--ks-dlo-dr);
    font-size:14px;
    line-height:18px;
    text-align:center;
}
.log_btn_ul{
    display:flex;
    justify-content:center;
    margin:12px auto 15px;
    text-align:center;
}
.log_btn_li{
    max-width:200px;
    margin:0 7px;
    width:100%;
}
.log_btn_lnk{
    align-items: center;
    border-radius:2px;
    box-shadow: 0px 3px 6px #00000029;
    color:var(--ks-dlo-lg2);
    display: flex;
    justify-content: center;
    font-size:14px;
    font-weight:600;
    line-height:18px;
    padding:10px 9px;
    height:100%;
}
.log_btn_icn{
    margin:0 5px 0 0;
    max-width:18px;
}
.log_btn_fb{
    background-color:#4267B1;
    border-radius:5px;
    color:var(--ks-dlo-lg);
}
.log_btn_fb .log_btn_icn{
    color:var(--ks-dlo-lg);
    font-size:20px;
    font-weight:normal;
}
.log_sld_ftr{
    margin:0 auto 20px;
    text-align:center;
}
.log_chk_txt{
    color:var(--ks-dlo-lg2);
    font-size:12px;
    line-height:18px;
}
.log_chk_wrp{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.log_chk_lbl{
    line-height:0;
    margin:0 8px 0 0;
}
.log_chk_tck{
    display:inline-block;
    position: relative;
    height: 22px;
    width: 22px;
    background-color:var(--ks-dlo-lg3);
    border-radius:3px;
}
.log_chk_inp{
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
}
.log_chk_tck{
    background-color: #ccc;
}
.log_chk_lbl:hover input ~ .log_chk_tck {
    background-color: #ccc;
  }
  .log_chk_lbl input:checked ~ .log_chk_tck {
    background-color: #2196F3;
  }
  .log_chk_tck:after {
    content: "";
    position: absolute;
    display: none;
  }
  .log_chk_lbl input:checked ~ .log_chk_tck:after {
    display: block;
  }
  .log_chk_lbl .log_chk_tck:after {
    left: 8px;
    top: 4px;
    width: 6px;
    height: 11px;
    border: solid var(--ks-dlo-lg);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .dlo_log_cls{
      cursor: pointer;
      position:absolute;
      right:20px;
      top:15px;
      line-height:0;
  }