@charset "utf-8"; 
body {font-family: PingFangSC-light, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Heiti SC", 冬青黑, "Microsoft YaHei", 微软正黑体, "Microsoft JhengHei", 微软雅黑, 宋体, STHeiti, "LiHei Pro", 华文黑体, "Open Sans", sans-serif; background: url(../imgs/tile_bg.jpg); -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:16px;}
 
a {text-decoration: none;color: #f14236;outline: none;}
a:hover,a:focus {color: #f14236; font-weight: bold;text-decoration: none;}

/*zb microfilm style*/
h1{ font-size: 2.4rem; margin: 0 0 20px; font-weight:bold;}
h1, h3, h4 {color:#002a46; font-weight: bold;}
ul, ol{color:#013e66;}
h5 {font-size: 1.4rem; line-height: 1.4; font-weight: bold; color: #013e66;padding: 1.2rem;text-align: justify;}
p{color:#013e66; text-align: justify;}
section{margin: 0; padding:6em 0;}
.no-padding{padding:0px;}
.desktop-view{display:block;}
.mobile-view{display: none;}


.desktop-view1{display:block;}
.mobile-view1{display: none;}

.social-icons{width:30px;border:4px solid #ffefc5;border-radius:50%;}

.social-icons3 {width: 40px; border: 2px solid #ffefc5; border-radius: 50%; margin-left: .4rem;}

.cn-lang{letter-spacing: 0.05em;}
.lang-btn{background-color:#f14236;border-radius:50px;color:#fff;height:40px;width:40px;margin-right:5px;padding:0px 8px;font-size:1em;}
.bg{background-image:url(../img/row-bg-desktop-view.jpg); background-repeat: repeat-x;background-position: center; padding: 0px;overflow: hidden;}

.bg1{background: linear-gradient(#c7dbe2, #f9dbd2, #fffbf0);}

.header-code img {width:100%; margin-top:-12%;}
.header-code-2 img {width:110%; margin-top:-28%;}
.header-code-3 img{width: 126%; margin-top:-42%;}
.header-code-4 img{width: 126%; margin-top:-32%;}

/*fixed navbar onscroll*/
.navbar{padding:0px;}
ul.navbar-nav.en-lang{font-size:20px;color:#ffefc5;}
ul.navbar-nav.en-lang ul{font-size:20px;color:#ffefc5;}

.fixed-top {top: -40px;transform: translateY(40px);transition: transform .3s;}
.fixed-nav{background-color:#002a46; }
.fixed-nav a{color:#ffefc5;}
.fixed-nav a:hover, a:visited, a:focus {font-weight:normal;}
.dropdown-toggle:after {display: inline-block; width: 0; height: 0;margin-left: 0.2em;vertical-align: middle; content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;}
.nav-link.dropdown-toggle.active{background-color: #f14236; color: #ffefc5; padding:1rem; font-weight: bold;}
a.nav-link.active{background-color: #f14236;}

.nav-link { padding: 1rem; margin-right: 0.5rem; margin-left: 0.5rem; }


.dropdown-menu {top: 100%;z-index: 1000;min-width: auto;padding: 0.5rem 0;margin: 0 0 0 -.5rem;color: #ffefc5;text-align: left;list-style: none;background-color: #002a46;border: 0px;border-radius: 0px;}
.dropdown-menu.active {top: 100%;z-index: 1000;min-width: auto;padding: 0.5rem 0;margin: 0 0 0 0.5rem;color: #ffefc5;text-align: left;list-style: none;background-color: #f14236;border: 0px;border-radius: 0px;}
.dropdown-item:focus, .dropdown-item:hover {color: #ffefc5;text-decoration: none;background-color: #f14236;}
.dropdown-item.active-dropdown:focus, .dropdown-item.active-dropdown:hover {color: #ffefc5;text-decoration: none;background-color: #002a46;}

.en-lang ul.dropdown-menu {top: 100%;z-index: 1000;min-width: auto;padding: 0.5rem 0;margin: 0 0 0 -.5rem;color: #ffefc5;text-align: left;list-style: none;background-color: #002a46;border: 0px;border-radius: 0px;}
.en-lang ul.dropdown-menu.active {top: 100%;z-index: 1000;min-width: auto;padding: 0.5rem 0;margin: 0 0 0 0.5rem;color: #ffefc5;text-align: left;list-style: none;background-color: #f14236;border: 0px;border-radius: 0px;}
.en-lang ul.dropdown-item:focus, .en-lang ul.dropdown-item:hover {color: #ffefc5;text-decoration: none;background-color: #f14236;}
.en-lang ul.dropdown-item.active-dropdown:focus, .en-lang ul.dropdown-item.active-dropdown:hover {color: #ffefc5;text-decoration: none;background-color: #002a46;}


/* Voting styling */

a.nav-link.voting-page.active {background-color: #ffaf57; color: #002a44; font-weight: 900; padding-left: 0.8rem; padding-right: 0.8rem; padding-top: 0.5rem; border-radius: 1.8em; padding-bottom: 0.5rem; margin-top: 0.4rem;}
.thumbs-up-vote {width: 25px; margin-right: 0.2rem; }



#topbar{position:absolute;top:10px;right:30px;white-space:nowrap;z-index:50;}


#topbar .fa-2x {font-size: 1.3em;}
.share_video .fa-2x {font-size: 1.3em;background-color: #666;margin-bottom: 2px;}
.share_video {margin:10px 0px 0px;}
.fa-circle{color:#ababab;}
.fa-stack{width: 2em;}

.qr_code{width:800px; top:0px; margin: 0 auto; }

.voting_qr_code{top: 0px; margin: 0 auto; max-width: 1100px;}



.collapse-accordion .card a[data-toggle=collapse] {display: block;padding:.75rem 1.25rem;}
.collapse-accordion .card-header {padding:0;}
.home_intro h3 {font-size:2em;color:#ac2c29;}
.en-lang.home_intro h3{font-size: 1.8em;}
#about .items  ul li, #participation .items  ul li, #judges_awards .items  ul li, #workshop .items  ul li{font-size: 1.4em; font-weight: bold; margin: 20px; cursor: pointer; list-style: none;}
#about h3, #participation h3, #judges_awards h3{margin-top: 2em; font-weight: bold;}
.backtotop{position:fixed; right: 0;top: 80%;z-index:1002;width:55px; margin-right: 15px;}


.main-body-content{background: linear-gradient(#fffbf0, #fff5dc, #fbc8b6);}


/*About*/ 
section#about-theme{background: url(../img/bg-element-mask.png)no-repeat; background-position-x: 95%; background-position-y: 1%; background-size: 330px;}
section#home-page{background: url(../img/bg-element-mask.png)no-repeat; background-position-x: 100%;background-position-y: 1%;background-size: 490px;}
#about .items{color:#ac2c29; text-align: center;}
.intro h4, .tnc h4{margin-top: 80px;}
.more-details{margin:0 1.1rem; background-color:#002a46; border-style: none; font-size: 1.1rem; color: #ffefca;}
.more-details:hover, .more-details:active, .more-details:focus{background-color: #0075a8 !important; border-color: transparent; color: #ffefca !important; box-shadow: none;}
.free-workshops:hover, .free-workshops:active, .free-workshops:focus{background-color: #ff635f !important; color:#002a46 !important; box-shadow: none; border-color:transparent;}
.free-workshops{background-color: #f14236; border-style: none; font-size: 1.1rem; color: #ffefca;}


/*participate*/
section#participate-details{background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat; background-position-x: 95%;background-position-y: 0%;background-size: 270px;}
.participation-cat{background-color:#ffefca; padding: .8rem; margin-bottom:1.2rem;}
.participation-cat ul{margin-bottom: 0; font-size: 1rem;}
.table td, .table th{padding:12px;padding: 0.75rem;vertical-align:top;border-top:none;color:#013e66;}
table th{white-space:nowrap;}
.table-striped tbody tr:nth-of-type(odd) {background-color: #ffefca;}
p.details-steps{margin-bottom: 0}
section#submission{background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat; background-position-x: 95%;background-position-y: 0%;background-size: 270px;}
section#participate-nomination{background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat; background-position-x: 95%;background-position-y: 0%;background-size: 270px;}
.prizes-info{padding:.8rem .2rem;}
.prizes-info p{ padding: 0 1.5rem;font-size: .8rem;margin-bottom: 0; margin-top: .3rem;}
.prizes-info h3{margin-left:1.2rem;}


/*Judges and awards*/
section#judges-awards{background: url(../img/bg-element-qr-code.png)no-repeat; background-position-x: 0%;background-position-y: 60%;background-size: 200px;}
section#judges-awards h5{padding: 0;}
section#judges-list{background: url(../img/bg-element-workout.png)no-repeat; background-position-x: 101%;background-size: 330px;background-position-y: 27%;}
section#judges-list h5{padding: 0; margin-bottom: .2rem;margin-top:.2rem;}
section#judges-list h6{color: #013e66;}
section#judges-list h3{color:#f14236; font-size: 2rem; margin-bottom: 1rem;}
.judges-desc{padding-left: .5rem; padding-right: .5rem; padding-bottom: 1rem;}
section#judging-criteria{background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat; background-position-x: 95%;background-position-y: 0%;background-size: 270px;}
.judges-desc .img-fluid{margin:auto;display:block;}


#judges_awards .items{color:#1858c1; text-align: center;}
#judges_awards .judge_thumb{width:60px; height: 60px; border-radius: 100px; border: 5px solid #1858c1;}
#judges_awards .judge_pict, #about .comm_pict{width:200px; height:auto; border-radius: 200px; margin-top: 50px;}
#judges_awards .lay{display:inline-block;width: 60px; margin: 8px;cursor:pointer;text-align: center;}
#judges_awards .carousel-indicators { position: initial;}
#judges_awards .carousel-indicators .active {background-color:transparent;}
#judges_awards a.nomination_form_link {color: #1858c1;display: initial;font-size: inherit;font-weight: bold;}
.awards h4 {font-weight: bold;margin: 2em 0 0.5em;}

/*organiser*/
section#about-organisers{background: url(../img/bg-element-workout.png)no-repeat; background-position-x: 101%;background-size: 330px;background-position-y: 27%;}
.organiser-content{margin-bottom:3rem;}
#participation .items{text-align:center;margin-right: 5em;}
#participation .items ul li a{color: #bb7b00;}
.freebirdHeaderMast{background-image:none; }
.tnc h4{font-weight: bold;}
.participation ul.bullet-points.en-lang {text-align: right;margin-right: 180px;}


/*organising committee*/
section#about-org-comm{background: url(../img/bg-element-hand-sanitizer.png)no-repeat; background-position-x: 88%;background-size: 165px;background-position-y: 0%;}
.org-container{margin-bottom: 2rem;}
.carousel-indicators li {margin-top:2rem; position: relative;-ms-flex: 0 1 auto;flex: 0 1 auto;width: 80px;height: 8px;margin-right: 8px;margin-left: 8px;text-indent: -999px;background-color: rgba(0, 42, 70, .4);}
.carousel-indicators .active {background-color: #002a46;}
.carousel {padding:1rem;}
.carousel h4{padding-top:1rem;}
h3.committee-header {color:#f14236; margin-bottom: 2rem;}


/*VOTING*/

/* background: url(../img/bg-element-hdb.png)no-repeat; */


.media-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.media-video .video-js {
    width: 100%;
    height: 100%;
    position: absolute;
}

section#voting-page{ background-position-x: 95%; background-position-y: 50%; background-size: 300px; padding-bottom: 0em;}
section#voting-nomination{padding-top: 3.5em;}

.voting_intro h3 {font-size:2em;color:#ac2c29;}
.voting_intro h4 {margin-bottom: 1.5rem;}
.voting_intro p {font-size:1.2em; text-align: center; margin-bottom: 0rem;}
.voting-border{margin-bottom: 1.5rem; margin-top: 1.5rem; opacity: .5;}
.voting-border1{margin-bottom: 3rem; margin-top: 3rem; opacity: .5;}
.vote-now {background-color: #ffaf57; color: #013e66; font-weight: bold; border-style: none; margin-top: 0.5rem; border-radius: 1.5em; margin-bottom: 0.3rem;}

.btn-primary.vote-now:hover { color: #ffaf57; background-color: #013e66; border-color: #013e66;}

.btn-primary.vote-now:not(:disabled):not(.disabled).active, .btn-primary.vote-now:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #ffaf57; background-color: #013e66; border-color: #013e66; }

.btn-primary.vote-now.focus, .btn-primary.vote-now:focus {box-shadow:none !important;}


.vote-now2 {background-color: #ffaf57; color: #013e66; font-weight: bold; border-style: none; margin-top: 1rem; border-radius: 1.5em; margin-bottom: 0.3rem; font-size: 1.4em;}

.btn-primary.vote-now2:hover { color: #ffaf57; background-color: #013e66; border-color: #013e66;}

.btn-primary.vote-now2:not(:disabled):not(.disabled).active, .btn-primary.vote-now2:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #ffaf57; background-color: #013e66; border-color: #013e66; }

.btn-primary.vote-now2.focus, .btn-primary.vote-now2:focus {box-shadow:none !important;}



.vote-now3 {background-color: #013e66; color: #ffaf57; font-weight: bold; border-style: none; margin-top: 1rem; border-radius: 1.5em; margin-bottom: 0.3rem; margin-right: 20px; font-size: 1.4em;}

.btn-primary.vote-now3:hover { color: #013e66; background-color: #ffaf57; border-color: #ffaf57;}

.btn-primary.vote-now3:not(:disabled):not(.disabled).active, .btn-primary.vote-now3:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #013e66; background-color: #ffaf57; border-color: #ffaf57; }

.btn-primary.vote-now3.focus, .btn-primary.vote-now3:focus {box-shadow:none !important;}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #ffefc5;background-color: #f14236; font-size: 16px;}
.nav-pills .nav-link {border-radius: .2rem;border-style: none; padding: .7rem 1.5rem; color: #ffefc5; background-color: #002a46; font-size: 16px; margin-right: 1.2rem; margin-left: 1.2rem;}

.nav-pills .nav-link:hover {color: #ffefc5 !important; background-color: #f14236 !important; }
.nav-pills .nav-link:focus {box-shadow: none !important; }


.voting-tab{color: #ffefc5; font-weight: 200; margin-bottom: 0; font-size: 1.5rem;}
.voting-tab-en{color: #ffefc5; font-weight: 300; margin-bottom: 0; font-size: 1.1rem;}
.video-thumbnail{color: #013e66; margin-top: 3rem;}
.video-thumbnail h5{padding: 0; text-align: center; margin-bottom: 0;}
.video-thumbnail h6{padding: 0; text-align: center; margin-bottom: 0.5rem;}


.video-btn{border-radius: 0.1rem; padding: .6rem; color: #ffefc5 !important; background-color: #002a46 !important; border-color: #002a46;}
.btn-primary.video-btn:not(:disabled):not(.disabled).active:focus, .btn-primary.video-btn:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.video-btn.dropdown-toggle:focus { box-shadow: none !important; }
.btn-primary.video-btn:not(:disabled):not(.disabled).active, .btn-primary.video-btn:not(:disabled):not(.disabled):active, .show > .btn-primary.video-btn.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #f14236; }
.btn-primary.video-btn.focus, .btn-primary.video-btn:focus { box-shadow: none !important; }
.btn-primary.video-btn:hover { color: #ffefc5 !important; background-color: #f14236 !important; border-color: #f14236; }

.modal-header{border-style: none;}
.modal-header.cn{padding-bottom: 0px;}
.cn h3{ font-size: 1.7rem; margin-bottom: -.2rem; }
.modal-header.en{padding-top: 0px; padding-top: 0px; padding-bottom: 0rem; }
.en h4{ font-size: 1.2rem;font-weight: 800; color: #df5041;}


.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #ffefca; background-clip: padding-box; border: none; border-radius: 0.1rem; outline: 0; padding: 1.2rem; padding-bottom: 1.8rem; }
.modal-text p{color: #df5041; margin-bottom: 0px;}
.modal-content p{color: #035989; line-height: 1.4rem;}

p.film-duration{margin-bottom: .5rem;}
.modal.show .modal-dialog {-webkit-transform: translate(0, 0);transform: translate(0, 0);}

.social-icons2 { width: 35px; border: none; border-radius: none; margin-top: .3rem; }

.close-btn{ width: 30px; border: none; border-radius: none; opacity: .7;}

button.btn-close, input[type="submit"], input[type="reset"] { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;}


.embed-responsive { position: relative; display: block; width: 96%; padding: 0; overflow: hidden; margin: 0 auto; text-align: left;}

.pop-up-tab { border-bottom: 1px solid #cbc8b2; width: 99%; margin: 0 auto; }
#mob-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #df5041; background-color: transparent; border-color: transparent; border-bottom: 4px solid!important; font-size: 1.2rem; font-weight: 600; padding-bottom: 0.3rem; padding-top: 0; margin-left: 0; padding-left: 0.6rem; padding-right: 0.6rem;}
.pop-up-tab .nav-link {border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #002a44; font-weight: 600; font-size: 1.2rem; background-color: transparent; padding-top: 0; padding-bottom: 0; padding-left: 0.6rem; padding-right: 0.6rem;}

.pop-up-tab .nav-link:focus, .pop-up-tab .nav-link:hover { border-color: transparent; }

.credits-container p{ margin-bottom: 0.1rem; font-size: .9rem; text-align: left;}



/*RESULTS*/

.results_title h3 {font-size:2em;color:#de5041;}
.results_title h5 {margin-bottom: 1.5rem; text-align: center; padding: 0; line-height: .1rem; font-size: 1.2rem;}

.prize {background-color: #035989;}
a .prize .cover{position: absolute;width: 92.5%;z-index: 200;}


img.winner-img { opacity: 0.3; z-index: 100;}
a:hover img.winner-img {opacity: 1;transition: 0.5s;filter: blur(0px);}
a:not(:hover) .prize .cover, a:not(:hover) img.winner-img {transition: 0.5s;}

.mt-6{margin-top: 8rem;}

.video-btn1{border-radius: 0.1rem; padding: .6rem; color: #002a44 !important; background-color: #ffaf57 !important; border-color: #ffaf57;}  
.btn-primary.video-btn1:not(:disabled):not(.disabled).active:focus, .btn-primary.video-btn1:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.video-btn1.dropdown-toggle:focus { box-shadow: none !important; }
.btn-primary.video-btn1:not(:disabled):not(.disabled).active, .btn-primary.video-btn1:not(:disabled):not(.disabled):active, .show > .btn-primary.video-btn1.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #f14236; }
.btn-primary.video-btn1.focus, .btn-primary.video-btn1:focus { box-shadow: none !important; }
.btn-primary.video-btn1:hover { color: #ffefc5 !important; background-color: #f14236 !important; border-color: #f14236; }

.participant-name h5{ color:#de5041; font-size: 1rem; }
.participant-name h6{font-size: 1rem; color: #002a44;}


.blurb{top:7.5%; position: absolute; z-index:20;text-align: center}
.zoom-in-zoom-out {animation: zoom-in-zoom-out 2s ease-out infinite;}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(.9, .9);
  }
  50% {
    transform: scale(1.0, 1.0);
  }
  100% {
    transform: scale(.9, .9);
  }
}

.results-btn {
    position: fixed;
    width: auto;
    height: auto;
    border-style: none !important;
    z-index: 1;
    transition: all .5s;
    top: 20%;
    left: 0;
}

.hide {
    opacity:0;
   
}
.show {
    opacity:1;
  
}

 button.results-shortcut{
    background-color:#ffaf57 ;
    border-style: none !important;
    border-radius: 0 45px 45px 0;
    padding: 12px 22px 12px 15px;
    box-shadow: 1px 1px 5px rgb(0 42 68 / 0.5);
    font-size: 1.4rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #002a44;
    text-align: center;
    margin-bottom: 0;

}


/* 
button.cn-results-btn p{
    font-size: 1.4rem;
    margin-bottom: 0;
    text-align: center;
    color: #002a44;
}

button.en-results-btn p {

    font-size: .9rem;
    line-height: 1rem;
    font-weight: bold;
    color: #002a44;
    padding: 0px;
    text-align: center;
    margin-bottom: 0;
}

*/

.results-star {
    width: 25px;
    margin-bottom: 0.2rem;
}


.btn-primary.results-shortcut:hover { color: #ffaf57!important; background-color: #002a44; border-color: #002a44;}

.btn-primary.results-shortcut:not(:disabled):not(.disabled).active, .btn-primary.results-shortcut:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #ffaf57; background-color: #002a44; border-color: #002a44; }

.btn-primary.results-shortcuts.focus, .btn-primary.results-shortcut:focus {box-shadow:none !important;}


/*News*/
.hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.hovereffect .overlay {border: 10px #002a46 solid;width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:rgba(0,42,70,0.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out }
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect h2 {color:#ffefca;text-align:center;position:relative;font-size:17px;background:rgba(0,117,168,0.5);-webkit-transform:translatey(-100px);-ms-transform:translatey(-100px);transform:translatey(-100px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:10px;}
.hovereffect a.info {font-size:1rem;text-decoration:none;display:inline-block;color:#ffefca;border:1px solid #ffefca;background-color:#f14236;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:50px 0 0;padding:7px 14px;}
.hovereffect a.info:hover {box-shadow:0 0 3px #ffefca;}
.hovereffect:hover img {filter: grayscale(1) blur(3px);-webkit-filter: grayscale(1) blur(3px);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);}
.hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}
.hovereffect:hover h2,.hovereffect:hover a.info {opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffect:hover a.info {-webkit-transition-delay:.2s;transition-delay:.2s;}
section#about-news{background: url(../img/bg-element-handwash.png)no-repeat; background-position-x: 0%;background-size: 330px;background-position-y: -2%;}
.news-box-row{margin-bottom: 1rem;}


/*workshop*/
section#workshop-sharing{background: url(../img/bg-element-hand-sanitizer.png)no-repeat; background-position-x: 88%;background-size: 165px;background-position-y: 0%;}
.instructors-desc{padding-left: .5rem; padding-right: .5rem; padding-bottom: 1rem;}
.instructors-desc h5{padding: 0; margin-bottom: .2rem;margin-top:1.5rem;}
.instructors-desc h6{color: #013e66;}
.instructors-desc ul{margin-bottom: 0;padding-left: 1rem;}

h2.workshop-header{font-weight: bold;color: #f14236; padding-bottom: 1rem;}
.register-now:hover, .register-now:active, .register-now:focus{background-color: #ff635f !important; color:#002a46 !important; box-shadow: none; border-color:transparent;}
.register-now{background-color: #f14236; border-style: none; font-size: 1.1rem; color: #ffefca;}


.workshop-content.ui-accordion-header{ font-size:1.3rem; margin-top:2rem;border: none;padding: 15px 10px;color: #002a46;font-weight: bold; background:rgba(255,99,95,.5);cursor: pointer;outline: none;}
.workshop-content {font-size: 1.2em; padding:10px 50px 10px 10px;border-radius:5px;background:rgba(255,255,255,0.60);background-size: 30px 30px;outline: none;cursor: pointer;}
.workshop-details p{font-size: .9rem;}


.workshop_title{color:#9d0000;}
.workshop_date{margin-left: 10px;}
.workshop_details{padding: 20px; background-color: #d6d4d4;margin: -8px 0px 8px; }
.pass{color: red; font-weight: bold;}
.present{ color: darkblue; font-weight: bold;}
.workshop_details h3{margin-top:1.2em;color: #555;font-size: 2em;font-weight: bold;}


/*tip*/
.tips h5{padding:1.1rem 0;}

/*faq*/
.faq_question {font-size: 1.2em; padding:10px 50px 10px 10px;border-radius:10px;background: url(../imgs/btn_plus.svg) no-repeat 98% rgba(255,255,255,0.60);background-size: 30px 30px;outline: none;cursor: pointer;}
section#faq-section p{font-size: 1rem;}

/*footer*/
footer p.cn-lang, footer p.en-lang {margin: 120px 0px 40px;text-align: center;font-size:1.5em;}
.copyright{background-color:#002a46;color:#ffefc5;margin-top:0px;font-size:0.8em;padding-top:15px;z-index: 1003; }
.copyright span{display:inline;}




/*bootstrap 4 Menu */
a#menu-toggle {position: fixed; z-index:1001;margin-top: 14px; display: none;}

.recall {margin-top: 35px;text-align: center;}
#sidebar-wrapper .recall a{color:#ffcfbb; text-align: center; text-decoration: none;padding: 20px; margin-left: 2px; background-color: rgba(118,0,0,0.70); }
#sidebar-wrapper .recall a:hover{background-color:#e36e75; color:#3B0000;}
#wrapper {padding-left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled {padding-left: 250px;}
#sidebar-wrapper {z-index: 1000;position:fixed;left:250px;width:0;height:110%;margin-left:-250px;overflow:hidden;background:rgba(0,42,68,0.9);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding-top: 35px;}
#wrapper.toggled #sidebar-wrapper {width: 250px;}
#page-content-wrapper {width: 100%;position: absolute;padding: 15px;}
#wrapper.toggled #page-content-wrapper {position: absolute;margin-right: -250px;}
.sidebar-nav { top: 0;width: 250px;margin: 0;padding: 0;list-style: none;}
.sidebar-nav li {text-indent: 20px;list-style: none;}
.sidebar-nav li a {display: block;text-decoration: none;color: #ffefc5; }
.sidebar-nav li a:hover {text-decoration: none;color: #ffefc5;background:rgba(241,66,54,.8);font-weight: 100;}
.sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav>.sidebar-brand {height: 65px;font-size: 18px;line-height: 60px;}
.sidebar-nav>.sidebar-brand a {color: #999999;}
.sidebar-nav>.sidebar-brand a:hover {color: #fff;background: none;}

ul #submenu_judges, ul #submenu_about, ul #submenu_participate, ul #submenu_workshops, ul #submenu_previous{padding-inline-start: 0px;}
ul #submenu_judges li a, ul #submenu_about li a, ul #submenu_participate li a, ul #submenu_workshops li a, ul #submenu_previous li a{} 
ul #submenu_judges_mob, ul #submenu_about_mob, ul #submenu_participate_mob, ul #submenu_workshops_mob, ul #submenu_previous_mob{padding-inline-start: 0px;}
ul #submenu_judges_mob li a, ul #submenu_about_mob li a, ul #submenu_participate_mob li a, ul #submenu_workshops_mob li a, ul #submenu_previous_mob li a{padding: 5px 0px 5px 0px; font-size: 1.2em} 
#wrapper .en-lang li a {padding: 8px 0px; font-size: 1em;}
.en-lang li a {display: block;text-decoration: none;color: #ffefc5;font-size: .8em;}
section#participate-details .en-lang li a {display: block;text-decoration: none;color: #ffefc5;font-size: .8em;}


.btn-plus{
	animation: btn-plus-anime linear 0.5s;animation-iteration-count: 1;transform-origin: 50% 50%;animation-fill-mode:forwards;
	-webkit-animation: btn-plus-anime linear 0.5s;-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;-webkit-animation-fill-mode:forwards;
	-moz-animation: btn-plus-anime linear 0.5s;-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;-moz-animation-fill-mode:forwards;-o-animation: btn-plus-anime linear 0.5s;-o-animation-iteration-count: 1;-o-transform-origin: 50% 50%;-o-animation-fill-mode:forwards;-ms-animation: btn-plus-anime linear 0.5s;
	-ms-animation-iteration-count: 1;-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards;}@keyframes btn-plus-anime{0% {transform: rotate(0deg) ;}100% {transform: rotate(135deg) ;}}

@-moz-keyframes btn-plus-anime{0% {-moz-transform: rotate(0deg) ;}100% {-moz-transform: rotate(135deg) ;}}
@-webkit-keyframes btn-plus-anime {0% {-webkit-transform: rotate(0deg) ;}100% {-webkit-transform: rotate(135deg) ;}}
@-o-keyframes btn-plus-anime {0% {-o-transform: rotate(0deg) ;}100% {-o-transform: rotate(135deg) ;}}
@-ms-keyframes btn-plus-anime {0% {-ms-transform: rotate(0deg) ;}100% {-ms-transform: rotate(135deg) ;}}

.cn-lang .levelonemenu{font-size:1.2em;margin-top: 20px;}
.cn-lang .submenu li{font-size:0.65em;}



/*Voting*/
 
.cat-title h5{letter-spacing: 0.02em;}
.cat-title hr{width: 18%;margin-bottom:1.3em;height:5px;background-color:#ccc;border-top:0;}
.cat-title p{font-size: 0.9em;}
#votetabs h2{margin:1em 0em 0em;font-size: 2.8em;letter-spacing: 0.1em;}
#votemenu a.nav-link {color: #fff;text-align: center;width: 32.3%; margin: 2% 0.5%; border-radius: 100px;background-color: #aaa;padding: 10px 0px;}
#votemenu a:hover.nav-link{ background-color:#bb291b;color:#fff;font-weight: normal;transition: 0.5s ease-in-out;}
#votemenu a.nav-link.active{ background-color:#bb291b;}
#student-tab{border-left:1px solid #fff;border-right:1px solid #fff;}
.nav h6{font-size: 0.8em;margin-bottom: 0rem;}
.video-title-cn {margin:3.5em 0 0 0;font-size:1.2em;font-weight:bold;}
.video-title-en {font-size:.85em;color:#666;margin-bottom: 5px;}
.share_video ul{padding-inline-start:0px;margin-bottom: 0;}
.share_video ul li{list-style:none;display:inline;}
.share_video ul li a{color:#383838;cursor: pointer;}
.share_video .fa-circle {color:#666;}
.fa-play-circle{position:absolute;margin:15% 36%;color:white;font-size:4em;}
.sticky {position:fixed;top:0px;z-index:500; transition: 1s ease;width:100%;}
.film-details{color: #969696;font-size: 0.95em; margin:30px 0px 0px;}
.film-details span{display:block;}
.btn-vote {display:none; color:#fff;background-color:#dc3545; font-size:1.2em;border-radius:0;width: 48.5%;}
.btn-vote:hover {background-color: #760000;border-color:transparent;transition: 0.5s ease-in-out;}
.btn-watch {color: #fff;background-color: #e7a500; font-size:1.2em;border-radius: 0;width: 100%;}
.btn-watch:hover {background-color: #b1320f;border-color:transparent;transition: 0.5s ease-in-out;}
.btn-vote em, .btn-watch em{font-size:0.65em; font-style: normal; margin-left: 5px;}

.listing{margin-top: 3em;}
.listing img{cursor:pointer;}
.listing .modal-content { background-color:#000!important;padding:35px!important;border: none!important;border-radius: 0!important;}
.profile-top .profile{text-align: right;}
.profile-top .profile-details em{color: #fbd34a;}
.profile-details {display: inline;color: #fbd34a;margin-left: 10px;text-transform: capitalize;}
.profile-video-title-cn {font-size: 2em;color: #fbd34a;}
.profile-video-title-en {font-size:1em;color:#ccc;}
.profile{color:#ccc;}
.profile em{margin-left:5px;font-size:75%;font-style: normal;color:#888;}
.btn-light{border-radius: 2em;}

.nav-item em{font-size:70%;font-weight:bold;}

.btn-expand {width:100%;background-color: transparent;color: #eee;font-size: 1em;border: none;border-top: 1px solid #eee;cursor: pointer; }
button.btn-expand:hover { transition: ease 1s;border-top:1px solid #fbd24b;color:#fbd24b;}
button:focus{outline: 0;}
.share_video ul li.whatsapp{display:none;}
.voting-intro{margin-top:2em; font-weight: 700}
#vjs_video_3 .vjs-dock-text {display: none;}

/*voting archive*/
 
.btn-vote01 {color:#fff;background-color:#dc3545; font-size:1.2em;border-radius:0;width: 48.5%;}
.btn-vote01:hover {background-color: #760000;border-color:transparent;transition: 0.5s ease-in-out;}
.btn-vote01 em, .btn-watch01 em{font-size:0.65em;display: block;}
.btn-watch01 {color: #fff;background-color: #e7a500; font-size:1.2em;border-radius: 0;width: 48.5%;}
.btn-watch01:hover {background-color: #b1320f;border-color:transparent;transition: 0.5s ease-in-out;}
 


/*voting result */

.winner-list-menu ul{background-color:rgba(255,255,255,0.90);} 
.winner-list-menu ul a li {color:#d1423e;}
.winner-list-menu ul a:hover li {color:#000;}
.winner-list-menu ul li {list-style: none; display: inline-block;text-align: center;padding: 10px 20px;letter-spacing: 0.1em;font-weight: bold;font-size: 1.1em;}
.winner-list-menu ul li span{display: block; font-size: 0.6em; color:#000;font-weight:normal;}
.director, .nominator{font-weight:bold;color:#d1423e;margin: 15px;}
.director em, .nominator em{font-style: normal; }
.director-details, .nominator-details  {color:#000;font-weight:normal;}

/*Organic Shape Animation*/
.hidden {position: absolute;overflow: hidden;width: 0;height: 0;pointer-events: none;}
.media-item__img {max-width: 100%;opacity: 0.8;border-radius: 60px/100px;transition: opacity 0.3;}
.media-item:hover .media-item__img,.media-item:focus .media-item__img {opacity: 1;}
.media-item__title {font-weight: normal;margin: 0;padding: 0.5em;color:#fff;}
.item {position: relative;width: 500px;max-width: 100%;margin: 0 0 0 auto;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;grid-column: span 2;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.item:nth-of-type(even) {margin: 0 auto 0 0;}
.item:first-of-type {grid-column: span 1;}
.item__svg {position: relative;display: block;width: 80%;height: auto; margin: 0 auto;}
.item__clippath,.item__deco,.item__img {transform-origin: 50% 50%;}
.item__meta {position: absolute;top: 0;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;width: 100%;height: 100%;}
.item__number {position: absolute;top: 0;width: 100%;padding: 12.5% 0 0 3em;letter-spacing: 0.5em;text-transform: uppercase;}
.item__specimen {font-size: 5em;font-weight: 500;line-height: 0.9;vertical-align: text-bottom;letter-spacing: -0.025em;}
.item__reference {font-size: 1.25em;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.item__title {font-size: 2.5em;font-weight: 600;width: 100%;margin: 1em 0 0 0;text-align: center;letter-spacing: 0.125em;color:#fff;}
.item__subtitle {font-size: 1em;font-weight: 500;margin: 0.5em 0 0;text-align: center;letter-spacing: 0.15em;opacity: 0;}
.item--style-1 .item__deco {fill:#dcdcde;}
.item--style-2 .item__deco {fill:#404040;}
.item--style-3 .item__deco {fill:#fff;}
.item--style-3 .item__title {color:#cfe1ff;}
.item--style-4 .item__deco {fill:#dcdcde;}
.item--style-5 .item__deco {fill:#404040;}
.item--style-6 .item__deco {fill:#dcdcde;}
.item--style-7 .item__deco {fill:#fff;}
.item--style-7 .item__title {color:#131314;}
.item--style-8 .item__deco {fill:#404040;}
.item--style-9 .item__deco {fill:#dcdcde;}


@media screen and (max-width: 40em) { 
.item__svg {min-height: 360px;}
}


@media (max-width: 1500px){
	.video-thumbnail {padding-left: 2.5rem; padding-right: 2.5rem;}
    a .prize .cover {
    position: absolute;
    width: 80%;
    z-index: 200;
}
}



@media screen and (max-width: 1366px) {
.home_intro p{font-size: 1.2em;}
.intro h4 {margin-top: 20px;}
.fa-play-circle{margin: 13% 35%;font-size: 4em;}
}


@media (max-width: 1280px){
	.qr_code {padding-top:35px;}
	.video-thumbnail {padding-left: 1.5rem; padding-right: 1.5rem;}
    a .prize .cover {
    position: absolute;
    width: 88%;
    z-index: 200;
}

.blurb {
    top: 10.5%;
    }
}


@media (max-width: 1020px){

	.video-thumbnail{padding: 1rem;}
	
}


@media (max-width: 1068px){

	.video-thumbnail{padding: 1rem;}
	
}



@media (max-width: 991px){
a#menu-toggle{display:block;position:fixed;z-index:1001;margin-top:14px;width:40px;}



}




@media (min-width: 769px){
.modal-lg {max-width: 900px;}

}


@media (max-width: 990px){

.container.voting-tabcontent {
    max-width: 100%;
}

}

 

@media (max-width: 767px){
.social-icons{display: none;}
.social-icons1{display: block;}
img.social-icons1{width:30px;border-radius:50%;border:4px solid #ffefc5;position:relative;flex:0 1 auto;margin-left:.5rem;margin-right:.5rem;}
.mobile-social{margin-top:1.5rem;}

section#about-theme .desktop-view{display: none;}
.more-details, .free-workshops{margin: 1rem 2rem;padding: .8rem;}

.organiser-header{display:none;}
.organiser-content h4{font-size: 1.4rem;}
.header-code{display: none;}
.header-code-2{display: none;}
.header-code-3{display: none;}
.header-code-4{display: none;}

.mobile-content{display: block;}
.mobile-content-2{display: block;}
.mobile-content-2 p, ul{font-size: 1rem;}

section#about-org-comm h1{display: none;}
.carousel h4 {padding-top: .1rem; padding-bottom: .1rem; font-size: 1.4rem;}
.desktop-view .org-container{display: none;}
.desktop-view ol.carousel-indicators{display: none;}
.carousel-indicators li {width: 80px;height: 8px;margin-right: 8px;margin-left: 8px; margin-top:40px;}
.mobile-view .carousel p{text-align: center; font-size: 1rem;}
.org-container {margin-bottom: 2.5rem;}
.desktop-view h3.committee-header {display: none;}


.news-box{margin-top:1rem; margin-bottom: 1rem;}
.news-box-row{margin-bottom: 0rem;}


section#participate-details .desktop-view{display: none;}
section#participate-details .mobile-view{display: block;}
section#participate-details ul{font-size: 1rem;}
section#participate-details p{font-size: 1rem;}

section#submission .desktop-view{display:  none;}
section#participate-nomination .desktop-view{display:  none;}

section#judges-awards .cn-lang .desktop-view {display: none;}
section#judges-awards .en-lang p{font-size: 1rem;}
section#judging-criteria .desktop-view{display: none;}

section#workshop-sharing .desktop-view{display: none;}

section#beginner_tips .tips-header{display: block;}

a .prize .cover {
    position: absolute;
    width: 95% !important;
    z-index: 200;
}




}



@media screen and (max-width: 800px) {

.desktop-view1{display:none;}
.mobile-view1{display: block;}


body{font-size:14px;}
.video-titles {min-height: 50px;}
.cn-lang {letter-spacing: 0;}


/*.blurb {top:53%;}*/


.recall a {display: block;}
section {padding: 3em 0;}


section#about, section#judges_awards,section#participation,section#workshop {}
section#about-theme{background: url(../img/bg-element-mask.png)no-repeat; background-position-x: 99%; background-position-y: 0%; background-size: 200px;}
section#home-page{background: url(../img/bg-element-mask.png)no-repeat; background-position-x: 99%; background-position-y: 0%; background-size: 200px;}


section#about-organisers{background: url(../img/bg-element-workout.png)no-repeat; background-position-x: 101%;background-size: 250px;background-position-y: 31%;}
section#about-org-comm{background: url(../img/bg-element-hand-sanitizer.png)no-repeat; background-position-x: 98%;background-size: 130px;background-position-y: 0%;}
section#about-news{background: url(../img/bg-element-handwash.png)no-repeat; background-position-x: 100%;background-size: 200px;background-position-y: 0%;}
section#participate-details {background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat;background-position-x: 99%;background-position-y: 0%;background-size: 170px;}
section#submission {background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat;background-position-x: 99%;background-position-y: 0%;background-size: 170px;}
section#participate-nomination {background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat;background-position-x: 99%;background-position-y: 0%;background-size: 170px;}

/*section#voting-nomination {background: url(../img/bg-element-hdb.png)no-repeat;background-position-x: 99%;background-position-y: 0%;background-size: 170px;}*/

section#voting-nomination {background-position-x: 99%;background-position-y: 0%;background-size: 170px;}

section#judges-awards{background: url(../img/bg-element-qr-code.png)no-repeat; background-position-x: 100%;background-position-y: -0%;background-size: 130px;}
section#judges-list{background: url(../img/bg-element-workout.png)no-repeat; background-position-x: 101%;background-size: 250px;background-position-y: 22%;}
section#judging-criteria {background: url(../img/bg-element-handheld-temperature-scanner.png)no-repeat;background-position-x: 99%;background-position-y: 0%;background-size: 170px;}


#about .mobile-view, #judges_awards .mobile-view, #participation .mobile-view, #workshop .mobile-view {display: block;}
#about .desktop-view, #judges_awards .desktop-view, #participation .desktop-view, #workshop .desktop-view {display: none;}
#about .items, #judges_awards .items {margin-left:0%;}
.mobile-content img{width: 65%; padding-bottom: 1.2rem;}
.mobile-content-2 img{width: 50%; padding-bottom: 1.2rem; display: block;}
.mobile-content-3 img{width:100%; padding-bottom: 1.2rem;}
.en-lang .mobile-content img{width: 75%; padding-bottom: 1.2rem;}
.en-lang .mobile-content-3 img{width: 65%; padding-bottom: 1.2rem;}
.en-lang .mobile-content-4 img{width: 55%; padding-bottom: 1.2rem;}
.mobile-content p{font-size: 1rem;}
.mobile-content h5{padding:0 1.1rem;}

.organiser-content p{font-size: 1rem;}
.header-code-2 img {width:110%; margin-top:-28%;}
.organiser-content ul{font-size: 1rem; color: #013e66}

#wrapper {padding-left: 0;}
.cn-lang .submenu li{font-size:1em;}
.lang-btn {height:40px;width:40px;font-size:1rem;}
#sidebar-wrapper {width: 0;font-size: 1.4em;}
#wrapper.toggled #sidebar-wrapper {overflow: hidden;}
#page-content-wrapper {padding: 20px;position: relative;}
#wrapper.toggled #page-content-wrapper {position: relative;margin-right: 0;}
#participation .items{margin-right: 0; text-align:left;}
.participation ul.bullet-points.en-lang {text-align:left;margin-right:0;}
.item__title {font-size: 1.7em;}
#about .items ul li, #participation .items ul li, #judges_awards .items ul li, #workshop .items ul li {font-size: 1em;margin:80px 0px 0px;padding:12px;}
.home_intro p{font-size: 1.2em;}
.qr_code{width:90%;margin:8% auto 0 auto;padding:0;}
.voting_qr_code{width: 100%; margin: 0 auto; padding: 0;}
.bg {padding: 0px;background-position:center;min-height:auto;margin-top: 0px;}
.items ul li {margin:0px;display:inline-block;background-color:#999;color:#fff;padding:8px 20px;border-radius: 20px;}
.items ul {-webkit-padding-start:0px;}
/*#votetabs h2 {margin: 1em 0em;}*/
.fa-play-circle{margin: 13% 35%;font-size: 3em;}
.video-title-cn {font-size: 1.3em;}
a .prize .cover {width: 88%;}








}



@media screen and (max-width: 800px) { 
.blurb2 {top: 12%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 40%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}



@media screen and (max-width: 780px) { 
.blurb2 {top: 13%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 38%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}




@media screen and (max-width: 760px) { 
.blurb2 {top: 13%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 35%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}



@media screen and (max-width: 660px) { 
.blurb2 {top: 12%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 35%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}




@media screen and (max-width: 640px) { 
.blurb2 {top: 15%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 37%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}







@media screen and (max-width: 600px) { 
.blurb2 {top: 13%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 40%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}






@media screen and (max-width: 540px) { 
.blurb2 {top: 12%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 40%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}



@media screen and (max-width: 490px) { 
.blurb2 {top: 11%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 40%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}




@media screen and (max-width: 450px) { 
.blurb2 {top: 10%; position: absolute; z-index:20;text-align: center}

.blurb2 img{width: 43%;}

.zoom-in-zoom-out2 {animation: zoom-in-zoom-out 2s ease-out infinite;}

}
















@media (max-width: 711px) { 
.nav-pills .nav-link {margin-top: 1.2rem; margin-right: 0.4rem; margin-left: 0.4rem; padding: 0.7rem 1rem;}

}



@media screen and (min-width: 321px) and (max-width: 480px) { 
.blurb {top: 3.5%}
.blurb img{width:40%;}
}
@media screen and (max-width: 320px) { 
.blurb {top: 3%;}
.winner-list-menu ul a li {padding: 10px 0px;letter-spacing: 0px;font-size: 0.78em;}
}



@media screen and (max-width: 640px) { 
body{font-size:14px;}	
h1 {font-size: 1.8rem;}

.home_intro h3 {font-size:1.5em;color:#ac2c29;}
 
.desktop-view{display:none;}
.mobile-view{display: block;}

.qr_code{width:100%;margin:11% auto 0 auto;padding:0;}

.voting_qr_code{width: 100%; margin: 0 auto; padding: 0;}

#menuToggle {position: absolute;}
#wrapper.toggled {padding-left: 220px;}
#wrapper.toggled #sidebar-wrapper {width: 220px;}
#sidebar-wrapper {left: 200px;margin-left: -200px;font-size: 1.2em;}	
.faq h4{margin-top: 5px;}
/*#menu{padding-top: 100px;}
/*#menu li { padding: 5px;font-size: 1.5em;}
nav {position: fixed; z-index: 500;}*/
.sidebar-nav {width: 220px;}
#sidebar-wrapper .recall a{padding: 20px 10px;}
section {padding: 2.5em 0;}
 
/*span, .pass, .present {display:block;}*/
#sidebar-wrapper .en-lang .recall{display:flex; margin-top:5px;}
.lang-btn {padding: 0px 10px;font-size: 1.2em;}
.backtotop {top: 80%; width:55px; margin-right: 15px;}
.items {-webkit-padding-start: 0px;}
.items i{display: none;}
.items ul, .judges ol{-webkit-padding-start: 0px;}
.items ul li {margin:5px 2px;display: inline-block;background-color: #999;color: #fff;padding:8px 20px;border-radius: 50px;}

#menuToggle input:checked ~ img { transform: rotate(45deg) translate(200px, -200px);}
#about .items, #judges_awards .items{margin-left: 0;text-align: center;}

.header-code-2 img{display: none;}

#participation .items{text-align: center;margin-right: 0;}
#participation .items ul li a {color: #fff;}
#about .items ul li, #participation .items ul li, #judges_awards .items ul li, #workshop .items ul li{text-align: center;font-weight: normal;}
#workshop .ui-accordion-header {background: url(../imgs/btn_plus.svg) no-repeat 110%;background-size: 30% 30%;}
.carousel-indicators span{display: block;}
.workshop_title, .workshop_date{font-size: 0.8em;}
 
#menu {width:100%;}
#menu a.nav-link .cn-lang{font-size: 0.9em;}
#menu a.nav-link .en-lang{font-size: 0.7em;line-height: 1.2em;}
h4{font-size: 1.2rem;margin-bottom: 0;}
#votetabs h2 {margin: 0em;}
.voting-intro h5{font-size:1em;}
#votemenu {left: unset;}
#votemenu a.nav-link{margin: 0;border:0;border-radius:0;width: 33.3%;}
.cat-title hr { width: 40%;margin-bottom: 1em;height: 3px;}
.profile-top .profile{text-align: left;margin-top:0px;}
.profile-top .profile-details{display: inline; margin-left: 10px;}
.nav h6 {font-size:1em;}
.listing{margin-top: 0;}
.listing .col-6{padding:15px 5px;}
.listing .fa-play-circle {margin: 10% 30%;}
.listing .modal-content {padding:10px!important}
.listing .modal.fade.modal-bg.show { background:rgba(0,0,0,1.00);}
.modal-close-btn{width:25px;float: right;}
#votetabs h6 em{font-size: 0.75em;}
.video-title-en {font-size:0.9em;line-height: 1.1em;}
.video-title-cn {margin:10px 0px 0px 0px;font-size: 100%; }	
#profile-tabs .nav {flex-wrap: initial;}
.film-details{margin: 10px 0px;}
.share_video {margin: 10px 0px;}
.share_video .fa-2x {background-color: transparent;}
.share_video ul li.whatsapp{display:inline;}
.copyright { margin-top: 0px; font-size: 1em;padding: 22px 0px;}
.copyright p{margin-bottom: 0;}
footer p.cn-lang, footer p.en-lang {margin: 65px 0px 0px;font-size: 1.3em;}
.copyright span{display: block;}
.blurb a{margin: 0px;}	
.sticky, .menu-float {bottom:0px;top:unset;left:0;position:fixed;z-index:500;width: 100%;}
.winner-list-menu ul {margin: 0px;padding: 0;}
.winner-list-menu ul li {padding: 10px;font-size:0.85em;letter-spacing: 0;}
/*
a .prize .cover{position:unset; width:unset;}
a:hover .prize .cover{opacity:1;transition:unset;}
.winner-img{display: none;}
*/
#winners h1 span{display: block;font-size:0.6em}
#winners h1 {margin: 30px 0px 0px;}
}


@media screen and (orientation: landscape) and (max-width: 800px) {
/*.blurb {top:57%;/*left: 39%;*/} */
}	

footer .img-fluid{max-width:70%;margin:auto;display:block;}