@charset "utf-8";
/* creative awards 2018 */

body{background-color:#000; color: #fff;font: 16px 'Roboto', helvetica,"Hiragino Sans GB","WenQuanYi Micro Hei","Heiti SC","冬青黑",Microsoft YaHei,"微软正黑体",'Microsoft JhengHei','微软雅黑',"宋体",STHeiti,'LiHei Pro','华文黑体','Open Sans',sans-serif,arial,Tahoma!important; font-weight: 400; margin: 0;}


.navbar-brand img{width:30px; margin-right: 10px;}
.navbar .cn_lang li{letter-spacing: 0.2em;}
.navbar .cn_lang li, .navbar .eng_lang li{display:inline-block;}
li.nav-item.active {background-color: darkorange;/*top: 0px;height: 58px;padding: 10px 0px 0px;position: absolute;right: 470px;*/}

.btn_participate{animation: participate_anime linear 1s;animation-iteration-count: 1;transform-origin: 50% 50%;-webkit-animation: participate_anime linear 1s;-webkit-animation-iteration-count: 1;-webkit-transform-origin: 50% 50%;-moz-animation: participate_anime linear 1s;-moz-animation-iteration-count: 1;-moz-transform-origin: 50% 50%;-o-animation: participate_anime linear 1s;-o-animation-iteration-count: 1;-o-transform-origin: 50% 50%;-ms-animation: participate_anime linear 1s;-ms-animation-iteration-count: 1;-ms-transform-origin: 50% 50%;}@keyframes participate_anime{0% {transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ;}10% {transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}20% {transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}30% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}40% {transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}50% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}60% {transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}70% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}80% {transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}90% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}100% {transform: rotate(0deg) scaleX(1.20) scaleY(1.20) ;}}@-moz-keyframes participate_anime{0% {-moz-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ;}10% {-moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}20% {-moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}30% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}40% {-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}50% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}60% {-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}70% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}80% {-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}90% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}100% {-moz-transform: rotate(0deg) scaleX(1.20) scaleY(1.20) ;}}@-webkit-keyframes participate_anime {0% {-webkit-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ;}10% {-webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}20% {-webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}30% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}40% {-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}50% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}60% {-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}70% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}80% {-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}90% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}100% {-webkit-transform: rotate(0deg) scaleX(1.20) scaleY(1.20) ;}}@-o-keyframes participate_anime {0% {-o-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ;}10% {-o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}20% {-o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}30% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}40% {-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}50% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}60% {-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}70% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}80% {-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}90% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}100% {-o-transform: rotate(0deg) scaleX(1.20) scaleY(1.20) ;}}@-ms-keyframes participate_anime {0% {-ms-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ;}10% {-ms-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}20% {-ms-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ;}30% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}40% {-ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}50% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}60% {-ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}70% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}80% {-ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ;}90% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ;}100% {-ms-transform: rotate(0deg) scaleX(1.20) scaleY(1.20) ;}}

section{padding: 80px 0px;}
section#home{padding: 50px 0px;}
section#aboutus{background-color:#484848;}
section#judges{background-color:#cc2229;}
section#timeline, section#results{background-color:#ededed;}
section#prizes{background-color:#000; padding: 0px 0px 80px 0px;}
section#logos{background-color:#c8c8c8; padding: 0px 0px 40px 0px;}
section#share{background-color: #FFC600; padding: 0px;}
section#news{background:#3c3c3c;}
section#results {background-color:#ededed;padding:20px 0px 80px;}
h1{margin: 50px 0px 5px;}

.subpage{background-color: #eee; color:#000;margin-left: 0;margin-right: 0;}
.subheader{margin-top:50px;}
.carousel-indicators .active {background-color:#cc2229;}
.carousel-indicators {bottom: -50px;}
#aboutus h1, #terms h1, #submission h1, #vote h1, #results h1{color:#e3a400;}
#aboutus h3, #terms h3, #submission h3, #vote h3, #results h3{margin: 0px 0px 35px; color:#d46400;}
#results h3 {margin:0px;}
#timeline h1, #timeline h3{color:#c30000;}

.ring{border:5px solid #bbb; border-radius: 50%; 0px 0px 30px #fff, #fff 0px 0px 30px inset;}

.eng_lang{letter-spacing: 0em;}
#terms .subpage ol li {margin-bottom: 25px; }
#terms .subpage ul li {margin-bottom: 5px; list-style:url(../imgs/dot_red.png);} 

.sca_btn_ring{width: 120px; height: 120px; border:10px solid #cc2229; border-radius: 100px; color:#fff; font-size: 2em; padding: 30px 0px;}
a.sca_btn_ring{text-decoration:none;}
a:hover .sca_btn_ring{text-decoration:none; border:12px solid #FFC600; font-size: 2.2em; padding: 26px 0px; border-radius: 50%; 0px 0px 30px #FFC600, #FFC600 0px 0px 30px inset;}

#judges .modal-content {background-color: rgba(0, 0, 0, 0.8) ; border:none; padding:50px; color:#fff;} 

#prizes .gold{color:#ffc91c;}
#prizes .silver{color:#bababa;}
#prizes .bronze{color:#e1802c;}
#prizes .special{color:#d32338;}
#prizes em {padding:10px 14px 10px 10px; border-radius: 50px; font-size: 0.8em; color: #fff;margin-right: 10px;}
#prizes .gold em{background-color:#ffc91c;}
#prizes .bronze em{background-color:#e1802c;}
#prizes .special em{background-color:#d32338;}
#prizes .silver em{background-color:#bababa;}
#prizes h2{margin: 60px 0px 35px; line-height: 2em; border-bottom: 2px solid #444;}
#prizes .gold, #prizes .silver, #prizes .bronze, #prizes .special{font-size: 1.6em;}
#prizes #eng_lang em {font-size: 0.6em; display: inline; margin-bottom: 10px;}



#share h2{margin: 20px -100px;}
#share .fa-3x{margin:10px 0px 0px 100px;}

.coorganiser{margin-bottom: 80px;}
.support img {width:50%;}
.coorganiser h4, .support h4{margin:50px 0px;}
.eng_lang .consent_title {font-size: 1.5em;letter-spacing: 0;}

footer{color:#fff;font-size: 0.6em;margin-top: 20px;}
footer p{margin-bottom: 0.4rem;font-size: 1.6em;}
ul.list-inline li{display:inline-block; margin: 0px 10px;  font-size: 1.5em; color:#ffc91c; }

.mobileview{display:none;}
.desktopview{display:flex;}
#results .desktopview{display:block;}



/*Form*/
form{padding-bottom:5em;}
form em{color: #BC0003; font-weight: bold;}
label{font-size: 1.2em;}
.custom-file{height: auto;font-size: 0.9em;white-space: nowrap;overflow: hidden;}
.custom-file-label::after {display:none!important;}
.custom-file-label{margin: 0 1em;min-height: 53px;padding: .8rem .75rem; }
.custom-file-label::after{background-color:#d8d8d8; }
.col-form-label{text-align: right;}
.form-control,.custom-select, .custom-file-input{font-size: 1.2rem;line-height: 2;color: #495057;background-color: #d8d8d8;border: none;border-radius: 0.5rem; min-height: 55px;}
.custom-control{display:inline;}
.btn_age {padding-right: 0px;padding-left: 0px; background-color: #3d3d3d; color:#fff;border: 4px solid #858585;border-radius:0.8em;}
.btn_submit {width: 125px;height: 125px;background-color: black;color: #fff;border-radius: 300px;border: 8px solid #999;font-size:1.7em;float: right;margin-top: -150px;}
#consent_form .card-body {background-color: #000; color: #fff;margin-top: 15px; border-radius: 0.8em}
.card-body::before{left: 50px;border-width: 8px 8px;border-color: transparent transparent #000 transparent;}
.card-body input{background-color: #474747;color:#999;}
.consent_title{background-color: #8b8b8b; color: #fff; padding: 10px 0px; text-align: center;margin: 10px -20px;font-size: 1.8em;letter-spacing: 0.1em;}
.invalid-feedback{color:red; display: block;}
.btn_lang {background-color:#fa7b7f;border: none;color:#fff;border-radius: 15px;padding: 2px 8px;margin: 0px 3px; font-size: 0.75em;}
.btn_lang:active {background-color:#822428;}
.submission_complete{margin: 50px 0px;min-height: 300px;}
.submission_complete .btn-danger {width: 80px;height: 80px;border-radius: 100px;background-color: transparent;border: 8px solid #666;color: #666;font-size: 1.2em;letter-spacing: 0.1em;margin: 50px;}
.eng_lang .btn-danger{letter-spacing: 0em;}



/*News*/
.img-wrap {height: 200px; overflow: hidden;}
.img-wrap img{width:100%;}
#news .sca_btn_ring{margin-top: 30px; font-size: 1.6em;  padding: 15px 0px;}
#news a:hover .sca_btn_ring {padding: 13px 0px;}
#news .i {position: absolute;margin: 0 auto;left: 0;right: 0;top: 30%; color: rgba(255,255,255,0.7);}
#news .title {padding: 10px 0px;letter-spacing: 0.12em;}

/*Vote*/
.vote_name{width:100%;background-color:#940505;padding:10px 50px 10px 20px;margin:20px 0px 20px -20px;color:#fff;height: 62px;line-height: 1.12em;overflow: hidden;}
a:hover .btn_vote {background-color:#b91118;color: #fff;border-color:#ccc;}
.btn_vote{ width:75px;height:75px;border-radius:100px;border:0.3em solid #940505;margin-left:60%;background-color: #fff;color: #000;font-size: 1.5em;position:absolute;padding:15px 0px;text-align: center;}
#vote .card-deck {margin: 25px 0px;}
#vote .card-img-top {width: 90%;margin: 5%;border-radius: 15px;}
#vote .card{border: none;border-radius: 0.8rem;}
#vote .card-title {font-size:1.2em;color:#930d0d; font-weight:bold;}
#vote .eng_lang .card-title {font-size: 1.2em;color: #930d0d;font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#vote .page-link{border-radius:50px;padding: 0.7rem 0;width:50px;height:50px;text-align:center;margin-left: 5px;border:5px solid #dee2e6;}
#vote .page-item:first-child .page-link {border-radius:50px;}
#vote .btn-danger{width:80px;height:80px;border-radius:100px;background-color:transparent;border:8px solid red;color:#fff;margin: 20px;font-size:1.4em;}
#vote .modal-content{background-color:transparent; border:none; padding:20px; color:#fff;} 
#vote .i{color:#fff;}
#vote form {padding-bottom: 1em;}
#vote .card {width: 100%;min-height:380px; max-height:380px;overflow:hidden;margin-bottom: 30px;}
#vote .btn-category, .btn-category {width: 300px;height: 80px;border-radius: 100px;background-color: transparent;border:8px solid #ccc;color: #666;font-size: 1.5em; margin: 10px 10px 50px;letter-spacing: 0.05em;}
#vote .btn-category:hover {border-color:#B50003;background-color:#b91118;color:#fff;}
#vote .btn-category:active {background-color:#272727;color:#fff;}
#vote .active{background-color:#b91118;color:#fff;}
#vote label {font-size: 0.9em;}
#vote .description {padding:1em;}
#vote .carousel-control-prev {left: -100px;}
#vote .carousel-control-next {right: -100px;}
#vote .carousel-inner  {border-radius: 20px;}
.modal-backdrop.show {opacity: .85;}
.loading .fa-li{left:50%;color:#fff;top: 50%;}
.loading {width: 100%;position:fixed;top: 0px;background: rgba(0,0,0,0.7);height:100%;left:0px;z-index:9999;text-align:center;color:#fff;display:none;}
.loading .show{display:block;}
.loading .wait {position:absolute;top:56%;left:49.5%;}
.voteform{padding:2em 1em 0em;border-radius: 20px;background-color:rgba(0,0,0,0.50);display: none;}
#finalist-design {display:inline;color: #e3a400;} 
#finalist-description{padding:0em 2em;letter-spacing: 0.08em;line-height: 1.5em;}
#finalist-design.eng, #finalist-design.chn {display: inline;}
/*.card-text{white-space: normal; width: 100%; overflow: hidden;text-overflow:ellipsis;}*/
.card-text{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden;}
#finalist-particulars .cn_lang p, #finalist-particulars .eng_lang p {display: inline-block;margin-right: 50px;}
#finalist-particulars { margin-top: 25px; letter-spacing: 0.08em;}
.success{color: #d46400;font-size: 1.5em;}



/* Parallax*/
.container {*/align-content: center;align-items: center;flex-direction: column;flex-wrap: nowrap;justify-content: space-around;position: relative;width: 100%;max-width: 100%;padding: 0;}
.container section {width: 100%;text-align: center;}
.container section .bg_color {background-attachment: fixed;background-size: cover;width: 100%;height: 100%;z-index: 500;opacity: 1;}
.container section .stuff {display: flex;flex-direction: column;flex-wrap: nowrap;height: 100%;width: 100%;max-width: 70%;justify-content: center;text-align: center;z-index: 1000;margin: 0 auto;position: relative;padding: 20px 0px;}
.at-twitter {position: fixed;right: 20px;bottom: 20px;color: #f1c40f;z-index: 5000;}
.at-twitter:visited {color: #f1c40f;}
a {color: inherit;text-decoration: none;}
a:hover, a:focus {color: inherit;text-decoration: none;}



/* For judges panels */
.view { width: 260px;height: 180px;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center;}
.view .mask,.view .content { width: 260px;height: 180px;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative;}
.view h2 { text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8);margin: 20px 0 0 0;}
.view p {font-size: 12px;position: relative;color: #000;padding: 10px 20px 0px;text-align: center;}
.view a.info { display: inline-block;border-radius: 50px;text-decoration: none;padding: 10px 14px;background: #ed1c24;color: #fff;text-transform: uppercase;}
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;}
.view-third img { -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.view-third .mask {background-color:rgba(255,158,0,0.85);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: translate(460px, -100px) rotate(180deg);-moz-transform: translate(460px, -100px) rotate(180deg);-o-transform: translate(460px, -100px) rotate(180deg);-ms-transform: translate(460px, -100px) rotate(180deg);transform: translate(460px, -100px) rotate(180deg);-webkit-transition: all 0.2s 0.4s ease-in-out;-moz-transition: all 0.2s 0.4s ease-in-out;-o-transition: all 0.2s 0.4s ease-in-out;-ms-transition: all 0.2s 0.4s ease-in-out;transition: all 0.2s 0.4s ease-in-out;}
.view-third h2 {-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.view-third p {-webkit-transform: translateX(300px) rotate(90deg);-moz-transform: translateX(300px) rotate(90deg);-o-transform: translateX(300px) rotate(90deg);-ms-transform: translateX(300px) rotate(90deg);transform: translateX(300px) rotate(90deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.view-third a.info { -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.view-third:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.view-third:hover h2 {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;-ms-transition-delay: 0.5s;transition-delay: 0.5s;}
.view-third:hover p {-webkit-transform: translateX(0px) rotate(0deg);-moz-transform: translateX(0px) rotate(0deg);-o-transform: translateX(0px) rotate(0deg);-ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-ms-transition-delay: 0.4s;transition-delay: 0.4s;}
.view-third:hover a.info { -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;transition-delay: 0.3s;}
				


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {white-space: nowrap;}
.timeline ol {font-size: 0;padding: 150px 0;transition: all 1s;}
.timeline ol li {position: relative;display: inline-block;list-style-type: none;width: 120px;height: 20px;background: #fe465c;border-radius: 20px;}
.timeline ol li:last-child { /*width: 100px;*/}
.timeline ol li:not(:first-child) {margin-left: 14px;}
.timeline ol li div {text-align:center;position: absolute;width: 120px;height:120px;border-radius:100px;padding: 45px 0px;font-size: 1rem;white-space: normal;color: #fff;background-color: #e41b33;}
.timeline ol li div::before {content: '';position: absolute;top: 100%;left: 0;width: 0;height: 0;border-style: solid;}
.timeline ol li:nth-child(odd) div {top: -16px;transform: translateY(-100%);background-color:#484848;}
.timeline ol li:nth-child(odd) div::before {top: 100%;left:50px;border-width: 8px 8px;border-color: transparent transparent #959595 transparent;}
.timeline ol li:nth-child(even) div {top: calc(100% + 16px);}
.timeline ol li:nth-child(even) div::before {top: -16px;left: 50px;border-width: 8px 8px;border-color: #fe465c transparent transparent transparent ;}
.timeline time {display: block;font-size: 1.3rem;font-weight: 600;margin-bottom: 8px;letter-spacing: 0.15em;}
.timeline ol li:nth-child(odd){background:#959595;}
.timeline date{display:block; margin-top:50px;}
.timeline .set1 date{color:black; margin-top: 90px;}
.timeline .set2 date{color:black; margin-top:-140px;}
.timeline .eng_lang time{letter-spacing:0em;font-size:1.1em;}
.timeline .eng_lang .set2 date {margin-top: -150px;} 
.timeline .eng_lang .set1 date {margin-top: 75px;}
#timline .set1 em{background-color:#e41b33; padding: 0px 5px; }




/* Results */
#results{color:#252525;}
#results h4{margin:100px 0px 20px;font-weight:700;font-size: 2.5rem;color: #999;}
#results h5{margin:50px 0px 10px;font-weight: bold; }
#results p{margin-top:10px;}
#results hr{border-bottom: 1px solid #ccc;margin-bottom: 20px;width:200px;}
#results .winners_img{padding: 10px;border-radius: 20px;}
#results .col-md-2{flex: 0 0 14%;}
.w_remark{color:#8C8C8C;*margin: 80px 0px -80px;margin: 24px 0px -27px;font-size:0.7em;}
.btn-category .eng_lang{letter-spacing: 0em;}
 

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
.timeline ol { padding: 0; transform: none !important;}
.timeline ol li {display: block;height: auto;background: transparent;}
.timeline ol li:first-child {margin-top: 25px;}
.timeline ol li:not(:first-child) {margin-left: auto;}
.timeline ol li div {width: 94%;height: auto !important;margin: 0 auto;}
.timeline ol li div {position: static;}
.timeline ol li:nth-child(odd) div {transform: none; }
.timeline ol li:nth-child(odd) div::before,
.timeline ol li:nth-child(even) div::before {left: 50%;top: 100%;transform: translateX(-50%);border: none;height: 25px;}
/*.timeline ol li:last-child,*/
.timeline ol li:nth-last-child(2) div::before,
.timeline ol li:not(:last-child)::after,
.timeline .arrows {display: none;}
}


@media (min-width: 1500px){
 #vote .giantcol {flex: 0 0 75%;max-width: 75%;-webkit-box-flex: 0;}
}
@media (max-width: 1366px){
#prizes #eng_lang em {font-size: 0.6em; display:block; margin-bottom: 10px;}
#prizes .gold, #prizes .silver, #prizes .bronze, #prizes .special {font-size: 1.2em;}
.modal-dialog {max-width:850px;}
.img-wrap {height: 150px;}
 

}

@media (max-width:1280px){
#prizes #eng_lang em {font-size: 0.6em;display:block;}
}


/* For tablet portrait-include android*/
@media (max-width: 991.98px) {
.navbar{letter-spacing: 0em;}
.navbar .cn_lang li{letter-spacing: 0.1em;}
.navbar .eng_lang li{font-size: 1.12em;}
section {padding: 20px 0px;}

.modal-dialog {max-width: 700px;}
.timeline ol, .timeline ol li {width: 80px; }
/*.timeline ol li:not(:first-child) {margin-left: 8px;}*/

.view .mask,.view .content {width:100%;}
.view {width:50%;height:180px;}

.timeline ol li div{left: calc(-25% + 0px);}
#prizes .eng_lang em{display: block;}
#prizes em {line-height: 2.5em; margin-bottom: 0.5em;word-break:normal;}

#share h2{margin-right: 0px;}
#share .fa-3x {margin-left:0px;}
.fa-fw {cursor: pointer;}

.coorganiser h4, .support h4 {margin: 0px 0px 20px;}
.support img {width:100%;}
.card .col-form-label{text-align: left;}
.eng_lang .consent_title {font-size: 1.3em;letter-spacing: 0;}
.btn_submit{margin: 20px 0px;font-size: 1.7em;}
#news .i{top:10%;}
.img-wrap {height: 85px;}
.card-body{padding: 0.8rem;}
#vote .card-title {font-size: 1.4em;}
.btn_vote {width: 55px;height: 55px;border: 0.3em solid #940505;margin-left: 68%;font-size: 1.2em;padding: 12px 0px;}
.vote_name {padding: 10px;margin: 20px 0px 20px -13px;}
.card-deck .card {margin-right: 8px;margin-left: 8px;}
#vote .card {min-height: 340px;max-height: 340px;overflow: hidden;}
 
}


@media (max-width: 768px){
.navbar-brand span{display:none;}
 
}


@media (max-width: 640px) {
.navbar {letter-spacing: 0.1em;}
.navbar .cn_lang li, .navbar .eng_lang li{display:list-item;}
.navbar li{line-height: 1.2em;}
.navbar-toggler-icon {width: 1.0em;}
.navbar-dark .navbar-toggler{background-color:rgba(255,255,255,.2);border: none; border-radius: 10px;}
#navbarCollapse {padding-left: 40px;}
li.nav-item.active{background-color: transparent;}	
.lang_toggle {position: fixed;right: 80px;top: 20px;}

section{padding: 10px 0px;}
.container section .stuff{ max-width: 80%;}
.sca_btn_ring {width: 60px;height: 60px;border: 5px solid #cc2229;border-radius: 100px;color: #fff;font-size: 1em;padding: 15px 0px;margin-top: 10px;}
a:hover .sca_btn_ring {border: 5px solid #FFC600;font-size: 1em;padding: 15px 0px;}
.desktopview{display:none;}
.mobileview{display:block;}
.subheader{margin-top: 100px;}
.view {height:95px;}
.view .mask,.view .content {width:0px;}
.timeline ol, .timeline ol li {width: 100%; }
.timeline ol li:nth-child(odd){background-color: transparent;}
.timeline ol li div {border-radius:0px; padding: 15px 0px;}
.timeline date, .timeline time {display: inline;}
.timeline .set1 date { color: #ccc;}
.timeline .set2 date {color:#FFBBDA; margin-top: 0px;}
#timeline .eng_lang br{display: none;}
#prizes .gold, #prizes .silver, #prizes .bronze, #prizes .special {margin: 10px 0px;}
	
#share h2 {margin: 18px -10px; font-size: 1.8rem;}
#share .fa-3x {margin: 10px -10px;}	
footer p {font-size: 1.2em;}
.coorganiser h4, .support h4 { margin: 10px 0px;}
.coorganiser, .support {margin-bottom: 40px;}
.coorganiser img {width: 85%;margin-bottom: 20px;}
#aboutus .row, #terms .row {margin-left: 0;margin-right: 0;}
.sub_form h1{font-size: 2em;}
.col-form-label{text-align: left;font-size: 1.2em; line-height: 0.5em;}
#news .sca_btn_ring {margin-top: 10px;font-size: 1em;padding: 3px 0px;}
#vote .card-text{display:none;}
#vote .vote_name {margin: 28px 0px 20px -13px;height:unset;}
#vote .btn_vote {margin-left:70%;width: 70px;height: 70px;padding: 16px 0px;font-size: 1.4em;}
#vote .btn-category {width: 250px;margin: 5px 0px;}
#vote .carousel-control-prev {left: 0px;}
#vote .carousel-control-next {right: 0px;}
#results h1 { font-size: 2.3rem;}
#results  h3 { font-size: 1.1rem;}
#results h4 {margin: 30px 0px 0px;}
#results p { font-size: 1.5em;}
#results h5 { margin: 25px 0px 10px; font-size: 2em;}
.w_remark{*margin: 60px 10px -80px;font-size:0.7em;}
#results .col-md-2 {flex: 0 0 100%;}
#results .desktopview{display:none;}

 
}


 
 
/* IE9, IE10 */
@media screen and (min-width:0\0) {
.custom-file-input { opacity: 1}
}


/*voting card colum*/
@media (min-width: 576px) {.card-columns {column-count: 2; }}
@media (min-width: 768px) {.card-columns {column-count: 3;}}
@media (min-width: 992px) {.card-columns {column-count: 4;}}
@media (min-width: 1500px) {.card-columns {column-count: 5;}}