.ndrg{--webkit-app-region: no-drag;-webkit-app-region: no-drag;}
.drg{--webkit-app-region: drag;-webkit-app-region: drag;}

/* https://easings.net */
.elastic_out{transition-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1) !important;animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;}

.mt0:first-child{margin-top:0px;}
.cup{cursor: pointer;}
.op5{opacity:0.5;}
.hd{opacity:0;}
.caqua{color:#3bc0e0;}
.baqua,.baqua3{background-color:#3bc0e0;}
.baqua4{background-color:#20aacc;}


html{line-height: 1;}

div[contenteditable],input {outline: none !important;}
.ti{font-style: italic;}

.oh{overflow: hidden;}
.un{user-select: none;}
.ut{user-select: text;}

.tcs{transition-property: background-color,border-color,color; transition-duration: 100ms;}
.d50{transition-duration: 50ms;}

.a{position:absolute;}.pr{position: relative;}

.l{left:0px;}.r{right:0px;}.t{top:0px;}.b{bottom:0px;}
.r100{right:100%;}
.l100{left:100%;}.r100{right:100%;}.t100{top:100%;}.b100{bottom:100%}
.l-100{left:-100%;}
.rb{border-radius:3px;}
.b1{border-width:1px; border-style:solid;}
.b2{border-width:2px; border-style: solid;}
.b3{border-width:3px; border-style: solid;}
.b4{border-width:4px; border-style: solid;}
.b5{border-width:5px; border-style: solid;}
.bt0{border-top-width: 0px;}.bt2{border-top-width:2px;}.bt3{border-top-width: 3px;}.bt4{border-top-width: 4px;}.bt5{border-top-width: 5px;}
.br0{border-right-width:0px;}.br2{border-right-width:2px;}.br3{border-right-width:3px;}.br4{border-right-width:4px;}.br5{border-right-width:5px;}
.bb0{border-bottom-width:0px;}.bb2{border-bottom-width:2px;}.bb3{border-bottom-width:3px;}.bb4{border-bottom-width:4px;}.bb5{border-bottom-width:5px;}
.bl0{border-left-width:0px;}.bl2{border-left-width:2px;}.bl3{border-left-width:3px;}.bl4{border-left-width:4px;}.bl5{border-left-width:5px;}
.bb{border-bottom-width:1px; border-style: solid;}.br{border-right-width:1px; border-style:solid;}.bl{border-left-width:1px; border-style:solid;}.bt{border-top-width:1px; border-top-style: solid;}
.bl2{border-left-width:2px;border-style:solid;}.bl3{border-left-width:3px;border-style:solid;}
.bb2{border-bottom-width:2px;border-style:solid;}.bb3{border-bottom-width:3px;border-style:solid;}

.fb{font-weight:bold;}.bw{word-break:break-word;}.ba{word-break: break-all;}

.bordergray{border-color:#cacaca;}

.cp{cursor: pointer;}.cd{cursor:default;}

.no{outline:none !important;}.no:focus{outline:none !important;}

.w{width: 100%;}.ha{height: auto;}.h0{height: 0px;}.mah0{max-height: 0px;}.mahbin{max-height:1000px;}

.cw{color:white;}

.wp{white-space: pre-wrap;}
.wpre{white-space: pre;}

.u{text-transform: uppercase;}
.tlc{text-transform: lowercase;}

.fxc{display:flex;flex-direction: column;}.fxr{display: flex;flex-direction: row;}

.fl{float:left;}.fr{float:right;}
.db{display:block;}.fl{display:flex;}.if{display:inline-flex}.ib{display: inline-block;}

.tr{text-align: right;}.tl{text-align: left;}.tc{text-align: center;}.tj{text-align: justify;}
.nw{white-space: nowrap;}
.wf{width:100%;}

.vm{vertical-align: middle;}.vt{vertical-align: top;}.vb{vertical-align: bottom;}.vbs{vertical-align: baseline;}

.l15{ line-height:15px; }
.l21{ line-height:21px; }
.l27{ line-height:27px; }
.l35{ line-height:35px; }
.l39{ line-height:39px; }
.l45{ line-height: 45px; }
.l47{ line-height: 47px; }
.l49{ line-height: 49px; }
.l53{ line-height: 53px; }
.l55{ line-height: 55px; }
.l57{ line-height: 57px; }
.l65{ line-height: 65px; }

.f9{font-size: 9px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f17{font-size: 17px;}
.f19{font-size: 19px;}
.f21{font-size:21px;}
.f25{font-size:25px;}
.f35{font-size:35px;}
.f45{font-size:45px;}
.f55{font-size:55px;}
.f65{font-size:65px;}
.f75{font-size:75px;}

.ellipsis{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.cs{color:#ffffff7a;}/*color shadow*/

button:focus{outline: none !important;}

.h150{height:150px;}
.h0{height:0px;}

.center{justify-content: center;align-items: center;}
.whfull,.whf{width: 100%; height: 100%;}
.whsf{width: 100vw; height: 100vh;}
.hf{height:100%;}
.wh35{width:35px;height:35px;}
.w35{width:35px;}
.w45{width:45px;}
.w65{width: 65px;}
.w73{width: 73px;}
.w105{width:105px;}
.fuzuli{transition:all 1s linear;}
.top-full{top:100%;}
.right-full{right:100%;}
.bottom-full{bottom:100%;}
.left-full{left:100%;}

.inputDiv{min-height:41px;}

.blok{display: block;}

.flip{ transform: scaleX(-1); }

.flex-100{flex:1 0 0;}    
.flex-11a{flex:1 1 auto;}    
.flex-01a{flex:0 1 0%;}    

.grow{flex-grow: 1;}
.nogrow{flex-grow: 0;}
.shrink{flex-shrink: 1;}
.noshrink{flex-shrink: 0;}
.nsg{flex-grow: 0;flex-shrink: 0;}

.o1{color:orange;}
.o15{color:orange;}
.o2{color:orange;}
.o25{color:orange;}
.o3{color:orange;}
.o35{color:orange;}
.o4{color:orange;}
.o45{color:orange;}
.o5{color:orange;}
.o55{color:orange;}
.o6{color:orange;}
.o65{color:orange;}
.o7{color:orange;}
.o75{color:orange;}
.o8{color:orange;}
.o85{color:orange;}
.o9{color:orange;}
.o95{color:orange;}
.o10{color:orange;}

.badge-right:hover{color:white;}
.badge-right{z-index:0;position:relative;overflow:hidden;}
.badge-right:hover::before{ width:100%; }
.badge-right::before{
  background:#90cdf4;
  content:"";
  width: 25px;
  height: 100%;
  position: absolute;
  right:0;
  top:0;
  z-index: -1;
  transition:width 0.15s linear;
}


.topleft{
    position:absolute;top:0;left:0;
}
.topright{
    position:absolute;top:0;right:0;
}
.bottomleft{
    position:absolute;bottom:0;left:0;
}
.bottomright{
    position:absolute;bottom:0;right:0;
}
.ml0:first-child{
    margin-left:0 !important;
}
.mlL:last-child{
    margin-left: 0;
}


.debug,.debug *{outline:1px dashed rgba(173, 216, 230, 0.19); }
.debugK,.debugK *{outline:1px dashed rgba(173, 216, 230, 0.59); }
.debugS,.debugS *{outline:1px dashed rgb(0, 0, 0); }

.exo{font-family: 'Exo','Open Sans',sans-serif;}
.exor{font-family: 'ExoRegular','Open Sans',sans-serif;}
.condensed{font-family: 'Open Sans Condensed','Open Sans',sans-serif;}
.assistant{font-family: 'Assistant','Open Sans',sans-serif;}
.bold{font-weight: bold;}

.sht0{text-shadow: none;}
.text-shadow-0{text-shadow: none;}
.text-shadow{text-shadow: 0 1px white;}
.text-shadow-1{text-shadow: 0 1px #e3debb;}
.text-shadow-2{text-shadow: 0 1px 1px gray;}
.text-shadow-3{text-shadow: 0 3px 3px #daeae3;}


.border-r-5{border-right-width: 5px;}
.border-l-5{border-left-width: 5px;}


.md\:text-smm{font-size: 10px;} 


.wh0{width:0;height:0;}
.w85{width:85px;}
.w135{width:135px;}
.w149{width:149px;}
.w195{width:195px;}
.w255{width:255px;}
.w259{width:259px;}
.w325{width:325px;}
.w525{width:525px;}
.h45{height: 45px;}
.h255{height: 255px;}
.h355{height: 355px;}
.h455{height: 455px;}
.pb75{padding-bottom:75px;}
.wh139{width:139px;height:139px;}
.wh149{width:149px;height:149px;}
.wh256{width:256px;height: 256px;}
.wh425{width:425px;height: 425px;}
.wh365-255{width:365px;height:255px;}


.lin1{ background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); }
.lin2{ background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%); }
.lin3{ background-color: #DCD9D4; 
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%); 
    background-blend-mode: soft-light,screen; }
.lin4{ background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; 
    background-blend-mode: multiply,multiply; }
.lin5{ background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%); }
.lin6{ background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%); }
.lin7 { background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%); }
.lin8 { background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%); }
/*.lin9 { ; }
.lin10 {  }*/

.lin11{background-image: linear-gradient( 67.6deg,  rgba(225,242,254,1) -2.8%, rgba(193,224,250,1) 44.6%, rgba(19,116,197,1) 102.4% );}
.lin12{background-image: linear-gradient( 110.9deg,  rgba(44,221,239,1) 1.1%, rgba(14,191,210,1) 37.6%, rgba(8,127,140,1) 99.2% );}
.lin13{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(0,52,89,1) 0%, rgba(0,168,232,1) 90% );}
.lin15{background-image: radial-gradient( circle farthest-corner at 50.4% 50.5%,  rgba(251,32,86,1) 0%, rgba(135,2,35,1) 90% );}
.lin16{background-image: radial-gradient( circle 987px at 99% 2%,  rgba(22,183,229,1) 0%, rgba(9,54,103,1) 90% );}
.lin17{background-image: radial-gradient( circle farthest-corner at 7.2% 19%,  rgba(120,0,0,1) 0%, rgba(239,75,75,1) 100.2% );}
.lin18{background-image: radial-gradient( circle 1192px at 21.5% 49.5%,  rgba(91,21,55,1) 0.1%, rgba(0,0,0,1) 100.2% );}
.lin19{background-image: linear-gradient( 108.1deg,  rgba(167,220,225,1) 11.2%, rgba(217,239,242,1) 88.9% );}
.lin20{background-image: radial-gradient( circle 426px at 77.9% 31.3%,  rgba(255,229,131,1) 0%, rgba(249,119,0,1) 90% );}
.lin21{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(132,81,161,1) 0%, rgba(132,81,161,0.83) 90% );}
.lin22{background-image: linear-gradient( 181deg,  rgba(249,97,100,1) 0.4%, rgba(250,126,129,1) 89.6% );}
.lin23{background-image: radial-gradient( circle 827px at 47.3% 48%,  rgba(255,255,255,1) 0%, rgba(138,192,216,1) 90% );}
.lin24,.linGreen{background-image: radial-gradient( circle 788px at 0.7% 3.4%,  rgba(164,231,192,1) 0%, rgba(255,255,255,1) 90% );}
.lin25,.linGreen{background-image: radial-gradient( circle farthest-corner at -1% 57.5%,  rgba(19,170,82,1) 0%, rgba(0,102,43,1) 90% );}
.lin26,.linGreen{background-image: radial-gradient( circle farthest-corner at 50.3% 44.5%,  rgba(116,147,179,1) 0%, rgba(62,83,104,1) 100.2% );}
.lin27,.linGreen{background-image: radial-gradient( circle 1086px at 1.1% 96.2%,  rgba(1,44,66,1) 0%, rgba(163,221,253,1) 53.6% );}
.lin28,.linGreen{background-image: radial-gradient( circle 343px at 46.3% 47.5%,  rgba(242,242,242,1) 0%, rgba(241,241,241,1) 72.9% );}
.lin29,.linGreen{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(4,159,108,1) 0%, rgba(194,254,113,1) 90.1% );}
.lin30,.linGreen{background-image: radial-gradient( circle farthest-corner at 10% 20%, rgb(23, 145, 105) 0%, rgb(202, 217, 198) 90.1% );}



.shadow2::after {
  box-shadow: 0 1px 1px #6bc5ff;
  content: "";
  width: 97%;
  height: 1px;
  position: absolute;
  left: 1.5%;
  bottom: -1px;
  z-index: -1;
  display: inline-block;
  }

.shadow1::after{
  box-shadow: 0 1px 1px #6bc5ff;
  content: "";
  width: 97%;
  height: 1px;
  position: absolute;
  left: 1.5%;
  bottom: 0;
  z-index:-1;
  display: inline-block;
  }

.slideleft:hover::before{ width:100%; }

.slideleft::before{
  background:#90cdf4;
  content:"";
  width: 15%;
  height: 100%;
  position: absolute;
  right:0;
  top:0;
  z-index: -1;
  transition:width 0.15s linear;
}


.slideRightIcon:hover::before{ width:100%; }
.slideRightIcon:hover{text-shadow:none; }
.slideRightIcon::before{
  background:#90cdf4;
  content:"";
  width: 39px;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
  transition:width 0.15s linear;
}

.slideRightExplore:hover::before{ width:100%; }
.slideRightExplore:hover{text-shadow:none; }
.slideRightExplore::before{
  background:#90cdf4;
  content:"";
  width: 101px;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
  transition:width 0.15s linear;
}

.slideRightKeepReading:hover::before{ width:100%; }
.slideRightKeepReading:hover{text-shadow:none; }
.slideRightKeepReading::before{
  background:#90cdf4;
  content:"";
  width: 119px;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
  transition:width 0.15s linear;
}


.slideRight:hover::before{ width:100%; }
.slideRight::before{
  background:#90cdf4;
  content:"";
  width: 30px;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
  transition:width 0.15s linear;
}

.shadow1,.shadow2{
  display: block;
  z-index: 1;
  }



  .slideRight2{transition:color 90ms;}
  .slideRight2:hover{color:rgb(255, 253, 246);text-shadow:0 1px 1px rgb(179, 207, 179);}
  .slideRight2:hover::before{
    left:0;
  }
  .slideRight2::before{
    content:" ";
    background-color: rgb(198, 246, 213);
    width:100%;
    position: absolute;
    height:100%;
    z-index: -1;
    top:0;
    left:-98%;
    transition: left 150ms ease-out;
  }


  .slideDown{transition:color 90ms;overflow:hidden;}
  .slideDown:hover{color:rgb(255, 253, 246);text-shadow:0 1px 1px rgb(179, 207, 179);}
  .slideDown:hover::before{
    transform:scaleX(1);
  }
  .slideDown::before{
    content:" ";
    background-color: rgb(198, 246, 213);
    width:100%;
    position: absolute;
    height:100%;
    z-index: -1;
    left:0;
    top:0;
    transform:scaleX(0);
    transition: transform 150ms ease-out;
  }