/*KV*/
#kvWrapper {position: relative; height: 100vh; min-height: 50rem; max-height: 75rem; width: 100%; transition: all .2s linear;}
#kvWrapper .titleLogo{position: absolute;z-index:2;left:4em;top:0;width:50%;max-width:31.25rem}
#kvWrapper.zoomed .titleLogo {display: none;}

#kvWrapper .awardLogo {position: absolute; z-index: 2; right: 3em; top: 1.2em;}
#kvWrapper .awardLogo .firegif {display: inline-block; background: url(https://static6.orstatic.com/info/awards2022/assets/img/master/Logo_FireAnimation.gif) no-repeat center; background-size: contain; position: absolute; left: 0%; bottom: 0; width: 37%; height: 100%;}

.kv {width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 0;display: flex; justify-content: center; align-items: center;}
.kv.active {z-index: 1;}

.kv .BG{max-width: none;margin: 0;}
.kv.zoomed .BG {opacity: 0;}


.kv:before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: #fff; z-index: 0; opacity: 0; transition: opacity .2s linear;}
.kv.loading:before {opacity: 1; transition: opacity .2s linear;}
#kv:after, #kv2:after {content: "";display: block;width: 100%;height: 100%;position: absolute;background: #ffffff;top: 0;left: 0;padding: 0;margin: 0;z-index: 99;}
#kv.active:after, #kv2.active:after {-webkit-animation-name: fadeoutW; -webkit-animation-duration: 1.5s;-webkit-animation-fill-mode: forwards;animation-name: fadeoutW; animation-duration: 1.5s;animation-fill-mode: forwards;}
.kv.zoomed > picture:after {opacity: 0;}

.kv .intro {position: absolute; bottom: 2%; right: 0; max-width: 26em; width: 40%; padding: 0 3em 3em 0;font-size: 1rem;z-index: 99999;}

.kv .intro p {font-size: .95em; color: #fff;}
.en .kv .intro p {font-size: 1.4em; line-height: 1.3; text-align: center;}
#exploreBtn, #exploreBtnM1,#exploreBtn2, #exploreBtnM2 {background-color: #fff; border-radius: 10em; cursor: pointer; padding: .65em 2em .65em 2.8em; margin-top: 1.25em; font-size: 1.6em; position: relative; color: #555;letter-spacing: 0.1em;} 

#exploreBtn, #exploreBtn2, #exploreBtnM2 {display: none;}
#exploreBtnM1, #exploreBtnM2 {display: block;}
#exploreBtn:before, #exploreBtn:after, #exploreBtnM1:before, #exploreBtnM1:after, #exploreBtn2:before, #exploreBtn2:after, #exploreBtnM2:before, #exploreBtnM2:after {content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto; border-radius: 50%; }
#exploreBtn:before, #exploreBtnM1:before, #exploreBtn2:before, #exploreBtnM2:before {width: 2.15em; height: 2.15em; left: .15em; }
#exploreBtn:before, #exploreBtnM1:before {background-image: url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png);background-repeat: no-repeat;background:url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png) no-repeat, linear-gradient(150deg, rgb(253 255 93) 0%, rgb(252 186 0) 67%); background-size: 100% auto;}
#exploreBtn2:before, #exploreBtnM2:before {background-image: url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png);background-repeat: no-repeat;background:url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png) no-repeat, linear-gradient(150deg, rgb(253 255 93) 0%, rgb(252 186 0) 67%); background-size: 100% auto;}

#exploreBtn.i0:before, #exploreBtnM1.i0:before {background-position: 0% 0%;}
#exploreBtn.i1:before, #exploreBtnM1.i1:before {background-position: 0% 22.5%;}
#exploreBtn.i2:before, #exploreBtnM1.i2:before {background-position: 0% 33.5%;}
#exploreBtn.i3:before, #exploreBtnM1.i3:before {background-position: 0% 44.5%;}
#exploreBtn.i4:before, #exploreBtnM1.i4:before {background-position: 0% 56%;}
#exploreBtn.i5:before, #exploreBtnM1.i5:before {background-position: 0% 67%;}
#exploreBtn.i6:before, #exploreBtnM1.i6:before {background-position: 0% 100%;}
#exploreBtn2.i0:before, #exploreBtnM2.i0:before {background-position: 0% 56%;}
#exploreBtn2.i1:before, #exploreBtnM2.i1:before {background-position: 0% 67%;}
#exploreBtn2.i2:before, #exploreBtnM2.i2:before {background-position: 0% 78%;}
#exploreBtn2.i3:before, #exploreBtnM2.i3:before {background-position: 0% 89.1%;}
#exploreBtn2.i4:before, #exploreBtnM2.i4:before, #exploreBtnM2.i4:before {background-position: 0% 100%;}
#exploreBtn2.i5:before, #exploreBtnM2.i5:before {background-position: 0% 0%;}
#exploreBtn2.i6:before, #exploreBtnM2.i6:before {background-position: 0% 100%;}
#exploreBtn:after, #exploreBtnM1:after, #exploreBtn2:after, #exploreBtnM2:after {right: .75em; width: 1.95em; height: 1.95em; background-color: #ececec; content: "\e904"; font-family: 'openrice'; line-height: 1.95em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: .6em; text-align: center;}
.kv .exitZoomBtn {position: absolute; z-index: -1; width: 9rem; height: 3rem; left: 3rem; top: 2.5rem; cursor: pointer; color: #fff; font-size: 1.45rem; line-height: 2.9rem; border-radius: 10rem; border: 1px solid; text-align: center; display: none;}
.kv.zoomed .exitZoomBtn {display: block; z-index: 5;}
.kv .exitZoomBtn > span {display: inline-block; vertical-align: middle; margin: 0 .15em 0 -.35em; width: .85em; height: 1.1em; font-size: 1.4em;}
 @-webkit-keyframes fadeinKV {0% {visibility: hidden;} 1% {opacity: 0; } 100% {opacity: 1;} }
 @keyframes fadeinKV {0% {visibility: hidden;} 1% {opacity: 0; } 100% {opacity: 1;} }

@keyframes zoomBG {
	0% {transform: scale(1); opacity: 1;} 99.9% {opacity: 1;} 100% {transform: scale(3); opacity: 0;}
}
@keyframes zoomBG2 {
	0% {transform: scale(3);opacity: 1;} 99.9% {opacity: 1; z-index: 3;}
	100% {transform: scale(1); opacity: 0; z-index: -1;}
}

.kv .zoomedSlider {position: absolute; top: 50%; transform: translateY(-50%); right: 5%; max-width: 50%; z-index:-1; opacity: 0; }
.kv .zoomedSlider.zoomed {opacity: 1; z-index: 6; transition: opacity .2s .5s; }
.kv .zoomedSlider .swiper-slide {width: 62%;min-width: 300px;}
.kv .zoomedSlider .swiper-slide .boxinfo {opacity: 0; transition: opacity 0.2s; background-color: #fff; padding: 1em 1em 1.75em; width: 100%; border-radius: .6em;font-size: 1rem;filter: blur(4px);}
.kv .zoomedSlider .swiper-slide-active .boxinfo {opacity: 1;filter: blur(0px);}
.kv .zoomedSlider .swiper-slide-prev .boxinfo, .kv .zoomedSlider .swiper-slide-next .boxinfo {opacity: .75;}
.kv .zoomedSlider .swiper-slide.prevprev .boxinfo, .kv .zoomedSlider .swiper-slide-next + .swiper-slide .boxinfo {opacity: .25; }
.kv .zoomedSlider .swiper-slide .boxinfo h3 {font-size: 2em; position: relative; padding-left: 2.1em; margin-bottom: .55em;}
.en .kv .zoomedSlider .swiper-slide .boxinfo h3 {font-size: 1.6em;line-height: 1.3;}
.kv .zoomedSlider .swiper-slide .boxinfo h3 .thumbIcon {position: absolute; width: 1.5em; padding-bottom: 1.5em; border-radius: 50%; left: 0; top: 0; }
.en .kv .zoomedSlider .swiper-slide .boxinfo h3 .thumbIcon {top: -0.1em;}
#kv .zoomedSlider .swiper-slide .boxinfo h3 .thumbIcon {background-image: url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png);background-repeat: no-repeat;background:url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png) no-repeat, linear-gradient(150deg, rgb(253 255 93) 0%, rgb(252 186 0) 67%); background-size: 100% auto;}
#kv2 .zoomedSlider .swiper-slide .boxinfo h3 .thumbIcon {background-image: url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png);background-repeat: no-repeat;background:url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png) no-repeat, linear-gradient(150deg, rgb(253 255 93) 0%, rgb(252 186 0) 67%); background-size: 100% auto;}
#kv #zoomedSlider .boxinfo0 .thumbIcon {background-position: 0% 0%!important;}
#kv #zoomedSlider .boxinfo1 .thumbIcon {background-position: 0% 22.5%!important;}
#kv #zoomedSlider .boxinfo2 .thumbIcon {background-position: 0% 33.5%!important;}
#kv #zoomedSlider .boxinfo3 .thumbIcon {background-position: 0% 44.5%!important;}
#kv #zoomedSlider .boxinfo4 .thumbIcon {background-position: 0% 55.5%!important;}
#kv #zoomedSlider .boxinfo5 .thumbIcon {background-position: 0% 67%!important;}
/*#kv #zoomedSlider .boxinfo6 .thumbIcon {background-position: 0% 100%;}*/
#kv2 #zoomedSlider2 .boxinfo0 .thumbIcon {background-position: 0% 55.5%!important;}
#kv2 #zoomedSlider2 .boxinfo1 .thumbIcon {background-position: 0% 67%!important;}
#kv2 #zoomedSlider2 .boxinfo2 .thumbIcon {background-position: 0% 78%!important;}
#kv2 #zoomedSlider2 .boxinfo3 .thumbIcon {background-position: 0% 89.1%!important;}
#kv2 #zoomedSlider2 .boxinfo4 .thumbIcon {background-position: 0% 100.1%!important;}
#kv2 #zoomedSlider2 .boxinfo5 .thumbIcon {background-position: 0% 0%!important;}
/*#kv2 #zoomedSlider2 .boxinfo6 .thumbIcon {background-position: 0% 100%;}*/
.kv .zoomedSlider .swiper-slide .boxinfo .img { border-radius: .25em; margin-bottom: .8em; height: 15em; background-size: cover; background-position: center;}
.kv .zoomedSlider .swiper-slide .boxinfo h1 {font-size:1em;letter-spacing: 0.05em;-webkit-line-clamp : 2;max-height: calc(1em * 1.5 * 2);display : -webkit-box;-webkit-box-orient : vertical;position: relative;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;}
.kv .zoomedSlider .swiper-slide .boxinfo p {font-size: .8em; margin: 0; -webkit-line-clamp : 6;max-height: calc(1em * 1.5 * 6);display : -webkit-box;-webkit-box-orient : vertical;position: relative;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;}
.kv .zoomedSlider .swiper-slide .boxinfo .btns {margin-top: 1.35rem; font-size: 0;}
.kv .zoomedSlider .swiper-slide .boxinfo .btns .btn {display: inline-block; vertical-align: middle; width: 49%; border-radius: 3em; text-align: center; font-size: 1rem; line-height: 2.4; font-weight: 900;}
.kv .zoomedSlider .swiper-slide .boxinfo .btns .btn.read {color: #555; border: 1px solid; margin-right: 2%;font-weight: 600;}
.kv .zoomedSlider .swiper-slide .boxinfo .btns .btn.vote {color: #000; }
.kv .zoomedSlider .swiper-button-prev, .kv .zoomedSlider .swiper-button-next {border-radius: 50%; background-color: #ececec; width: 3em; height: 3em;}
.kv .zoomedSlider .swiper-button-prev:after, .kv .zoomedSlider .swiper-button-next:after {color: #000; font-size: 1em; font-family: 'openrice';}
.kv .zoomedSlider .swiper-button-prev {left: 0;}
.kv .zoomedSlider .swiper-button-next {right: 0;}
.kv .zoomedSlider .swiper-button-prev:after {content: '\e905';}
.kv .zoomedSlider .swiper-button-next:after {content: '\e904';}

.zoomed .awardLogo, .kv.zoomed .intro {display: none;}

.kv .zoomedStats {position: absolute; bottom: 8rem; left: 3rem; width: 35%; height: 15rem; z-index:-1; opacity: 0; font-size: 1.7rem;}
.kv .zoomedStats.zoomed {opacity: 1; z-index: 6; transition: opacity .2s .5s; }
.kv .zoomedStats .wrap {position: relative; width: 100%; height: 100%;opacity: 0.85;}
.kv .zoomedStats .statWrap {transform: translateX(-50%); transition: all .3s; opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%;}
.kv .zoomedStats .statWrap.active {transform: translateX(0); opacity: 1;}
.kv .zoomedStats .statWrap > .row {margin-top: .5rem;}
.statWrap .tt {color: #fff; font-size: 1.25em; font-weight: 600; line-height: 1.2; margin: 0;}
.statWrap .percentLine {display: block; transition: width .5s .3s; background-color: #fff; width: 0%; border-radius: .15rem; height: .5em;}
.statWrap.active .percentLine.p20 {width: 20%;}
.statWrap.active .percentLine.p40 {width: 40%;}
.statWrap.active .percentLine.p60 {width: 60%;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(255,255,255,0) 32%, rgba(255,255,255,0) 34%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 67%, rgba(255,255,255,1) 67%);}
.statWrap.active .percentLine.p80 {width: 80%;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,0) 24%, rgba(255,255,255,0) 26%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 49%, rgba(255,255,255,0) 49%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 74%, rgba(255,255,255,0) 74%, rgba(255,255,255,0) 76%, rgba(255,255,255,1) 76%);}
.statWrap.active .percentLine.p100 {width: 100%;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,0) 19%, rgba(255,255,255,0) 21%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 39%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 41%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 59%, rgba(255,255,255,0) 59%, rgba(255,255,255,0) 61%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 79%, rgba(255,255,255,0) 79%, rgba(255,255,255,0) 81%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 100%);}

@-webkit-keyframes flashBtn {0% {background-color:white} 10% {background-color: #ffe600;} 20% {background-color:white} 30% {background-color: #ffe600;} 40% {background-color:white} 50% {background-color: #ffe600;} 100% {background-color:white}}
 @keyframes flashBtn {0% {background-color:white} 10% {background-color: #ffe600;} 20% {background-color:white} 30% {background-color: #ffe600;} 40% {background-color:white} 50% {background-color: #ffe600;} 100% {background-color:white} }

 .winnerLinks {display: none;}
 .winnerLinks.active {display: block;}
 .winnerLinks > a img {border-radius: 3px; }

@media (min-width: 769px) {
  #exploreBtn, #exploreBtn2 {animation: flashBtn 5s infinite;}
  #exploreBtn:hover, #exploreBtn2:hover {background-color: #ffe600!important;}
  #exploreBtn:after, #exploreBtn2:after {-webkit-transition: all .1s;-moz-transition: all .1s;transition: all .1s;}
  #exploreBtn:hover:after, #exploreBtn2:hover:after {width: 2.95em;height: 2.95em;line-height: 2.95em;color: white;background-color: black;}
  .kv .zoomingBG {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; animation: zoomBG2 .3s ease-in-out 0s 1 normal forwards; transform-origin: 65% 55%;}

  .kv .zoomingBG.zooming {z-index: 3;animation: zoomBG .3s ease-in-out 0s 1 normal forwards; transform-origin: 65% 55%;}
  #kv2.kv .zoomingBG.zooming {transform-origin: 55% 50%;}
  .kv.active > picture:after {content: "";width: 100%;height: 100%; display: block;position: absolute;top: 0;left: 0;opacity: 1;}
  #kv.active > picture:after{background: rgb(0,0,0); background: -moz-linear-gradient(165deg, rgba(0,0,0,0) 66%, rgba(0,0,0,0.6867121848739496) 100%); background: -webkit-linear-gradient(165deg, rgba(0,0,0,0) 66%, rgba(0,0,0,0.6867121848739496) 100%); background: linear-gradient(165deg, rgba(0,0,0,0) 66%, rgba(0,0,0,0.6867121848739496) 100%);}
  #kv2.active > picture:after {background: rgb(0,0,0); background: -moz-linear-gradient(165deg, rgba(0,0,0,0) 59%, rgba(0,0,0,0.6867121848739496) 100%); background: -webkit-linear-gradient(165deg, rgba(0,0,0,0) 59%, rgba(0,0,0,0.6867121848739496) 100%); background: linear-gradient(165deg, rgba(0,0,0,0) 59%, rgba(0,0,0,0.6867121848739496) 100%);}
  .kv .zoomedSlider .swiper-slide .boxinfo .btns .btn.read:hover {background-color: #d1d1d1;color: black;}
  .en .kv .zoomedStats {font-size: 1.3rem;}
  .statWrap .percentLine {height: 0.7em;margin-top: 0.3em;margin-left: 0.2em;}
  .winnerLinks {margin: -11rem auto 3.5rem;z-index: 100;text-align: center;font-size: 0;max-width: 85rem;position: relative; padding: 0 1rem;}
  .winnerLinks > a { display: inline-block; vertical-align: middle; width: 20%; padding: 1px;}
}

@media (min-width: 1500px) {
  #kvWrapper .awardLogo .firegif  { background: url(https://static6.orstatic.com/info/awards2022/assets/img/master/Logo_FireAnimation@2x.gif) no-repeat center; background-size: contain;}
  .kv .zoomedSlider .swiper-slide {width: 52%;}
  .kv .zoomedSlider .swiper-slide .boxinfo {font-size: 1.25rem;}
  .kv .intro {font-size: 1.4rem;}
  .kv .zoomedStats {font-size: 2.5rem;}
  .en .kv .zoomedStats {font-size: 2rem;}
}
@media (max-width: 768px) {

  #kvWrapper {min-height: auto; max-height: none; }
  #kvWrapper .titleLogo{max-width:90%;width:auto;left:0;top:9%;right:0;margin:auto}
  .kv .BG {max-height: 100vh; width: 100%;}
  .winnerLinks {padding: 0 2rem 2rem; position: relative; background-color: #F90006; margin-top: -4rem; z-index: 1;}
  .winnerLinks.active{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}
  .winnerLinks > a { display: block; width: 100%; margin-bottom: 2px;}
  .winnerLinks > a:first-child {order: 5;}
  .introM {text-align: center; padding: 2rem; display: none;}
  .introM.active {display: block;}
  .introM p {margin-bottom: 1rem;font-size: 1em;}
  .en .introM p {font-size: 1.5em; line-height: 1.4;}
  #introM2.soon {display: none;}
  #exploreBtnM1 , #exploreBtnM2 {border: 1px solid #cccc; max-width: 20rem; margin: 1.25em auto 0; font-size: 1.4em;animation: flashBtn 5s infinite;}
  #articles {position: fixed; z-index: 2000; width: 100%; height: 100vh; top: 0; left: 100%; -webkit-transition: left .3s ease-in-out; -moz-transition: left .3s ease-in-out; transition: left .3s ease-in-out; background-color: #ececec; }
  #articles.open {left: 0;}
  #articles .top {color: #fff; font-weight: 600; text-align: center; font-size: 1.5rem; line-height: 3; position: relative; background: url(https://static6.orstatic.com/info/awards2022/assets/img/home/zoom/KV_home_color_m.jpg) no-repeat center 80%; background-size: cover; z-index: 1; letter-spacing: 1px; position: absolute; width: 100%; top: 0; left: 0;}
  #articles .top:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .4); z-index: -1;}
  #articles .top .close {width: 7%; height: 2px; background-color: #fff; position: absolute; left: 5%; top: 0; bottom: 0; margin: auto;}
  #articles .top .close:before, #articles .top .close:after {content: ''; display: block; position: absolute; width: 50%; height: 2px; background-color: #fff; left: 0; margin: auto;}
  #articles .top .close:before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 0%; transform-origin: left top;}
  #articles .top .close:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg); top: 0%; transform-origin: left bottom;}
  #articles .wrap {position: relative; padding-top: 70px; overflow: hidden; height: 100vh;}
  .articlesList {padding: 1rem 1rem 5rem; overflow-y: scroll; height: 100%; display: none;}
  .articlesList.active {display: block;}
  .articlesList .article {background-color: #fff; overflow: hidden;font-size: 0.9rem;}
  .articlesList .article {margin-bottom: 1rem;border-radius: 0.5em;}
  .articlesList .article .head {cursor: pointer; position: relative; padding: .85em 2.5em .85em 0;min-height: 4em;}
  .articlesList .article .head h3 {font-size: 2em; position: relative; padding-left: 2.5em; line-height: 1.25; }
  .en .articlesList .article .head h3 {font-size: 1.7em;}
  .articlesList .article .head .thumbIcon {position: absolute; width: 1.35em; padding-bottom: 1.35em; border-radius: 50%; left: .5em; top: 0; }
  #articlesList1 .article .head .thumbIcon {background-image: url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png);background-repeat: no-repeat;background:url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png) no-repeat, linear-gradient(150deg, rgb(253 255 93) 0%, rgb(252 186 0) 67%); background-size: 100% auto;}
  #articlesList2 .article .head .thumbIcon {background-image: url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png);background-repeat: no-repeat;background:url(https://static6.orstatic.com/info/awards2022/assets/img/master/thumb_people.png) no-repeat, linear-gradient(150deg, rgb(253 255 93) 0%, rgb(252 186 0) 67%); background-size: 100% auto;}
  #articlesList1 .article0 .thumbIcon {background-position: 0% 11.2%!important;}
  #articlesList1 .article1 .thumbIcon {background-position: 0% 22.5%!important;}
  #articlesList1 .article2 .thumbIcon {background-position: 0% 33.5%!important;}
  #articlesList1 .article3 .thumbIcon {background-position: 0% 44.5%!important;}
  #articlesList1 .article4 .thumbIcon {background-position: 0% 55.5%!important;}
  #articlesList1 .article5 .thumbIcon {background-position: 0% 66.5%!important;}
  /*#articlesList1 .article6 .thumbIcon {background-position: 0% 100%;}*/
  #articlesList2 .article0 .thumbIcon {background-position: 0% 55.5%!important;}
  #articlesList2 .article1 .thumbIcon {background-position: 0% 66.5%!important;}
  #articlesList2 .article2 .thumbIcon {background-position: 0% 77.5%!important;}
  #articlesList2 .article3 .thumbIcon {background-position: 0% 88.5%!important;}
  #articlesList2 .article4 .thumbIcon {background-position: 0% 100%!important;}
  /*#articlesList2 .article5 .thumbIcon {background-position: 0% 83%;}*/
  /*#articlesList2 .article6 .thumbIcon {background-position: 0% 100%;}*/
  .articlesList .article .head .arrow-icon {position: absolute; right: 1.5em; top: 0; bottom: 0; margin: auto; width: 1em; height: .2em; cursor: pointer;}
  .articlesList .article .head .arrow-icon > span {position: absolute; width: 58%; height: .2em; border-radius: .4em; background-color: #000; transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);}
  .articlesList .article .head .arrow-icon .left-bar {transform: rotate(35deg); left: 0;}
  .articlesList .article .head .arrow-icon .right-bar {transform: rotate(-35deg); right: 0;}
  .articlesList .article.open .head .arrow-icon .left-bar {transform-origin: center center;transform: rotate(-35deg);}
  .articlesList .article.open .head .arrow-icon .right-bar {transform-origin: center center;transform: rotate(35deg);}
  .articlesList .article .img {padding-bottom: 50%; background-size: cover; background-position: center;}
  .articlesList .article.open .img {padding-bottom: 80%;}
  .articlesList .article .infoBox {padding: 0; max-height: 0px; opacity: 0; transition: all .3s ease-in-out;}
  .articlesList .article.open .infoBox {padding: 1.25em 1.25em 1.5em; max-height: 100vh; opacity: 1;}
  .articlesList .article .infoBox .statWrap {margin-bottom: 1.25rem;}
  .statWrap .tt {color: #000; font-size: 1em; line-height: 1.6;}
  .statWrap .percentLine {background: rgb(254,213,51);background: linear-gradient(90deg, rgba(254,213,51,1) 0%, rgba(239,62,36,1) 100%);}
  .statWrap.active .percentLine.p40 {width: 40%;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(254,213,51,1) 0%, rgba(254,213,51,1) 49%, rgba(254,213,51,0) 49%, rgba(254,213,51,0) 51%, rgba(254,213,51,1) 51%);}
.statWrap.active .percentLine.p60 {width: 60%;background: rgb(254,213,51);
background: linear-gradient(90deg, rgba(254,213,51,1) 0%, rgba(254,213,51,1) 32%, rgba(254,213,51,0) 32%, rgba(254,213,51,0) 34%, rgba(254,213,51,1) 34%, rgba(254,213,51,1) 65%, rgba(254,213,51,0) 65%, rgba(254,213,51,0) 67%, rgba(254,213,51,1) 67%);}
.statWrap.active .percentLine.p80 {width: 80%;background: rgb(254,213,51);
background: linear-gradient(90deg, rgba(254,213,51,1) 0%, rgba(254,213,51,1) 24%, rgba(254,213,51,0) 24%, rgba(254,213,51,0) 26%, rgba(254,213,51,1) 26%, rgba(254,213,51,1) 49%, rgba(254,213,51,0) 49%, rgba(254,213,51,0) 51%, rgba(254,213,51,1) 51%, rgba(254,213,51,1) 74%, rgba(254,213,51,0) 74%, rgba(254,213,51,0) 76%, rgba(254,213,51,1) 76%);}
.statWrap.active .percentLine.p100 {width: 100%;background: rgb(254,213,51);
background: linear-gradient(90deg, rgba(254,213,51,1) 0%, rgba(254,213,51,1) 19%, rgba(254,213,51,0) 19%, rgba(254,213,51,0) 21%, rgba(254,213,51,1) 21%, rgba(254,213,51,1) 39%, rgba(254,213,51,0) 39%, rgba(254,213,51,0) 41%, rgba(254,213,51,1) 41%, rgba(254,213,51,1) 59%, rgba(254,213,51,0) 59%, rgba(254,213,51,0) 61%, rgba(254,213,51,1) 61%, rgba(254,213,51,1) 79%, rgba(254,213,51,0) 79%, rgba(254,213,51,0) 81%, rgba(254,213,51,1) 81%, rgba(254,213,51,1) 100%);}
  .articlesList .article .infoBox .desc {}
  .articlesList .article .infoBox h1 {font-size: 1.35em;}
  .articlesList .article .infoBox .btns {margin-top: 1.35rem; font-size: 0;}
  .articlesList .article .infoBox .btns .btn {display: inline-block; vertical-align: middle; width: 49%; border-radius: 3em; text-align: center; font-size: 1rem; line-height: 2.4; font-weight: 600;}
  .articlesList .article .infoBox .btns .btn.read {color: #555; border: 1px solid; margin-right: 2%;}
  .articlesList .article .infoBox .btns .btn.vote {color: #000; }
}


@media (max-width: 500px) {
  #kv {background: url(https://static6.orstatic.com/info/awards2022/assets/img/home/zoom/KV_home_color_m.jpg) no-repeat center; background-size: cover; }
  #kv2 {background: url(https://static6.orstatic.com/info/awards2022/assets/img/home/zoom/KV2_home_color_m.jpg) no-repeat center; background-size: cover; }
  #kv .BG, #kv2 .BG {display: none;}
}

@media (max-width: 320px) {
  .en .introM p {font-size: 1.3em;}
  #articles .top {font-size: 1.25rem;}
  .articlesList .article .head h3 { font-size:1.7em; }
  .en .articlesList .article .head h3 {font-size: 1.4em;}
  #exploreBtnM1 , #exploreBtnM2 {font-size: 1.3em;}
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    p {font-size: 1rem}
    #kv {background: url(https://static6.orstatic.com/info/awards2022/assets/img/home/zoom/KV_home_color_m.jpg) no-repeat center; background-size: cover; }
  #kv2 {background: url(https://static6.orstatic.com/info/awards2022/assets/img/home/zoom/KV2_home_color_m.jpg) no-repeat center; background-size: cover; }
  #kv .BG, #kv2 .BG {display: none;}
  .introM {padding:2rem 15%;}
}
