@import url('clash-display.css');

html {  position: relative; width: 100%; }
html, body { margin: 0; padding: 0; min-height: 100%; height: 100%;}
body { width: 100%; font-family: 'ClashDisplay-Regular', sans-serif; font-size: 18px; background: #ffffff; color: #000000; display: flex; flex-direction: column; }

img { max-width: 100%; }

#main-container { flex: 1 0 auto; }

.whole-width { float: left; width: 100%; }
.content-width { width: 1240px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.content-width-1282 { width: 1326px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.content-width-1220 { width: 1240px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.content-width-1060 { width: 1080px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.content-width-1030 { width: 1050px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.content-width-980 { width: 1000px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.content-width-852 { width: 872px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }

.font-roc-grotesk-compressed { font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; }

.inline-list { font-size: 20px; font-weight: 700; width: 100%; text-align: center; margin-top: 30px; margin-bottom: 30px; word-spacing: 4px; float: left; }
.inline-list span { display: inline-block; word-spacing: normal; }
.inline-list .separator { color: #d0033d; }

.regular-text { font-size: 18px; line-height: 30px; width: 100%; float: left; }

.errorMessage { font-size: 12px; color: #d0033d; }
.successMessage { font-size: 12px; color: #00a353; }

input, textarea { font-family: 'ClashDisplay-Regular', sans-serif; font-size: 20px; letter-spacing: 0.01em; }
input[type=text] { color: #000000; }
input[type=password] { color: #000000; }
input::-webkit-input-placeholder { color: #000000; }
input::-moz-placeholder { color: #000000; }
input:-ms-input-placeholder { color: #000000; }
input:-moz-placeholder { color: #000000; }
textarea { color: #000000; }
textarea::-webkit-input-placeholder { color: #000000; }
textarea::-moz-placeholder { color: #000000; }
textarea:-ms-input-placeholder { color: #000000; }
textarea:-moz-placeholder { color: #000000; }

input, textarea { border-radius: 0; -webkit-appearance: none; }

h2 { font-size: 44px; width: 100%; margin: 0 0 30px 0; padding: 0; font-weight: normal; text-align: center; }

.button { display: inline-block; background: #f5432d; text-decoration: none; color: #000000; font-size: 24px; padding: 0 40px; height: 41px; line-height: 46px; font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; text-transform: uppercase; }
.button:hover { background: #f65642; }

#top-info { background-color: #000000; font-size: 24px; color: #ffffff; text-align: center; padding: 12px 0 10px; font-weight: 900; letter-spacing: 0.025em; text-transform: uppercase; }

#randomWinners #banner-main-mobile { position: relative; display:  none; }
#randomWinners #banner-main-mobile .winner-name { position: absolute; color: #ffffff; bottom: 9px; right: 9px; font-size: 9px; letter-spacing: 0.05em; }
#randomWinners #banner-main-mobile img { height: 400px; width: 100%; object-fit: cover; }

#banner-main-subpage { float: left; width: 100%; }
#banner-main { float: left; width: 100%; -webkit-box-shadow: 0 5px 13px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 13px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 13px 0 rgba(0,0,0,0.3); }
#banner-main.winners { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#banner-main .parallax-window { width: 100%; height: 1040px; float: left; }
#logo-menu-main { width: 100%; margin-top: 32px; }
#logo-menu-main .menu-wrapper { width: auto; margin-left: 260px; }
#logo-menu-main.subpage { margin-bottom: 70px; }
#logo-menu-main.subpage.winners { margin-bottom: 0; }
#logo-menu-main a.menu { float: left; }
#logo-menu-main a.menu img.logo-top { height: 68px; }
#logo-menu-main ul { list-style: none; margin: 24px 0 0; padding: 0; float: right; word-spacing: 20px; text-align: right; }
#logo-menu-main ul li { display: inline-block; word-spacing: normal; padding-bottom: 8px; }
#logo-menu-main ul li.margin-left-30 { margin-left: 30px; }
#logo-menu-main ul li a { font-size: 16px; color: #9e9e9e; text-decoration: none; letter-spacing: 0.025em; text-transform: uppercase; }
#logo-menu-main.white-background ul li a { color: #282828; }
#logo-menu-main.subpage ul li a { color: #282828; }
#logo-menu-main ul li:hover a, #logo-menu-main ul li.active a { color: #ffffff; }
#logo-menu-main.subpage ul li:hover a, #logo-menu-main.subpage ul li.active a { color: #f5432d; }
#logo-menu-main ul li.facebook { margin-left: -20px; }
#logo-menu-main ul li.facebook:hover a, #logo-menu-main ul li.facebook.active a { background-position: 0 -24px; }
#logo-menu-main.subpage ul li.facebook:hover a, #logo-menu-main.subpage ul li.facebook.active a { background-position: 0 -48px; }
#logo-menu-main ul li.active { border-bottom: 2px solid #ffffff; }
#logo-menu-main ul li.facebook a { width: 24px; height: 24px; display: block; background: url('../images/icon-menu-facebook-2.png') no-repeat; text-indent: -9999px; }
#logo-menu-main ul li.instagram:hover a, #logo-menu-main ul li.instagram.active a { background-position: 0 -24px; }
#logo-menu-main.subpage ul li.instagram:hover a, #logo-menu-main.subpage ul li.instagram.active a { background-position: 0 -48px; }
#logo-menu-main ul li.active { border-bottom: 2px solid #ffffff; }
#logo-menu-main ul li.instagram a { width: 24px; height: 24px; display: block; background: url('../images/icon-menu-instagram.png') no-repeat; text-indent: -9999px; }

.scroller { min-width: 320px; position: relative; width: 100%; height: 450px; margin: 30px auto; float: left; }
.scroller .innerScrollArea { overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.scroller ul { padding: 0; margin: 0; position: relative; }
.scroller li { padding: 0; margin: 0 0 0 15px; list-style-type: none; position: absolute; }
/*.scroller li img { height: 100%; width: 100%; }*/
.scroller-mobile { display: none; height: 315px; }
/*.scroller-mobile li { height: 315px; }*/

.icon-mobail-menu { margin-top: 0; display: none; cursor: pointer; width: 50px; }
.icon-mobail-menu .bar1, .icon-mobail-menu .bar2, .icon-mobail-menu .bar3 { width: 50px; height: 1px; background-color: #ffffff; margin: 9px 0; transition: 0.4s; float: left; }
.icon-mobail-menu.subpage .bar1, .icon-mobail-menu.subpage .bar2, .icon-mobail-menu.subpage .bar3 { background-color: #929292; margin: 9px 0; transition: 0.4s; }
.icon-mobail-menu.change .bar1 { -webkit-transform: rotate(-45deg) translate(-13px, 13px); transform: rotate(-45deg) translate(-13px, 13px); }
.icon-mobail-menu.change .bar2 { opacity: 0; }
.icon-mobail-menu.change .bar3 { -webkit-transform: rotate(45deg) translate(-13px, -13px); transform: rotate(45deg) translate(-13px, -13px); }

#banner-main-content { width: 100%; float: left; text-align: center; color: #ffffff; }
#banner-main-content .maxim { font-size: 44px; font-weight: 700; display: inline-block; width: 100%; margin-top: 130px; }
#banner-main-content .author { border-top: 2px solid #d0033d; font-size: 20px; color: #f4f4f4; display: inline-block; margin-top: 50px; padding-top: 13px; }

#banner-main-content #timer { margin-top: 150px; }
#timer .title { font-size: 16px; color: #9e9e9e; line-height: 150%; }
#timer .countdown { width: 100%; word-spacing: 45px; }
#timer .countdown .item { display: inline-block; text-align: center; word-spacing: normal; }
#timer .countdown .item .wrapper { position: relative; }
#timer .countdown .value { font-size: 150px; line-height: 150px; display: inline-block; letter-spacing: normal; vertical-align: top; margin-top: -10px; }
#timer .countdown .label { color: #9e9e9e; font-size: 16px; margin-left: 8px; display: inline-block; vertical-align: top; letter-spacing: 0.025em; }
#banner-main-content a.button { margin-top: 60px; }

#contest-description { padding-top: 65px; padding-bottom: 80px; text-align: center; }
#contest-description .regular-text { margin-top: 30px; }
#contest-description .deadline { color: #d0033d; font-size: 24px; font-weight: bold; margin-top: 65px; }
#contest-description .button { margin-top: 50px; }

#banner-middle { float: left; width: 100%; position: relative; z-index: 100; }
#banner-middle .img-wrapper img { height: 650px; width: 100%; object-fit: cover; }
#banner-middle .img-wrapper { width: 100%; height: 650px; float: left; text-align: center; position: relative; }
#banner-middle .text { top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; position: absolute; max-width: 880px; width: 100%; text-align: center; font-size: 32px; color: #ffffff; line-height: 42px; letter-spacing: 0.025em; text-transform: uppercase; padding: 0 20px; box-sizing: border-box; }
#banner-middle .text .auth { font-size: 20px; line-height: 32px; letter-spacing: 0.01em; text-transform: none; }
#banner-middle .author { position: absolute; bottom: 5px; right: 7px; text-transform: uppercase; font-size: 10px; letter-spacing: 0.05em; color: #ffffff; }

#randomWinners { width: 100%; float: left; text-align: center; word-spacing: 6px; }
#randomWinners .left, #randomWinners .right { display: inline-block; word-spacing: normal; margin-top: 25px; overflow: hidden;  visibility: hidden; position: relative; }
#randomWinners img { max-height: 100%; max-width: 100%; height: 500px; }
#randomWinners .winner-name { font-size: 10px; color: #ffffff; position: absolute; right: 9px; bottom: 9px; letter-spacing: 0.05em; }
#randomWinners #timer { margin-top: 38px; word-spacing: normal; color: #000000; }
#randomWinners #timer .title, #randomWinners #timer .countdown .label { color: #000000; }

#prizes { position: relative; z-index: 0; margin-top: 80px; }
#prizes h2 { text-align: left; margin-top: 80px; }
#prizes .elements { margin-top: 25px; text-align: center; word-spacing: 28px; }
#prizes .elements .element { margin-top: 30px; word-spacing: normal; max-width: 384px; width: 100%; box-sizing: border-box; background: #ffffff; text-align: center; text-align-last: center; display: inline-block; padding: 30px 10px; }
#prizes .elements .element .title { margin-top: 25px; margin-bottom: 20px; font-size: 20px; color: #d0033d; font-weight: 900; }
#prizes .elements .element .text { font-size: 18px; margin-bottom: 15px; }
#prizes .elements .element .text strong { font-weight: 900; }
#prizes .buttons { text-align: center; margin-top: 60px; margin-bottom: 70px; }

#medals { padding-top: 70px; }
#medals .inline-list { margin-top: 15px; }
#medals .elements { margin-top: 50px; text-align: center; word-spacing: 30px; }
#medals .elements img { display: inline-block; margin-top: 30px; max-width: 100%; }
#medals .regular-text { margin-top: 80px; margin-bottom: 110px; }

#judges .holder { padding: 95px 45px; background-color: #000000; color: #ffffff; }
#judges .elements { margin-top: 25px; text-align: center; word-spacing: 20px; }
#judges .elements .element { margin-top: 50px; word-spacing: normal; max-width: 186px; width: 100%; box-sizing: border-box; text-align: center; display: inline-block; }
#judges .elements .element img { max-width: 100%; }
#judges .elements .element .name { font-size: 14px; font-weight: 700; text-transform: uppercase; margin-top: 8px; }
#judges .elements .element .website { text-overflow: clip; overflow: hidden; white-space: nowrap; }
#judges .elements .element .website a { color: #d0033d; text-decoration: none; font-size: 14px; }
#judges .buttons { text-align: center; margin-top: 60px; margin-bottom: 70px; }

#newsletter .holder { background: #e7dcfc; padding: 90px 20px; }
#newsletter .title { width: 100%; float: left; text-align: center; font-size: 32px; line-height: 42px; text-transform: uppercase; letter-spacing: 0.025em; display: inline-block; }
#newsletter .title .inner { width: 100%; max-width: 860px; display: inline-block; }
#newsletter .title .title { font-size: 44px; display: inline-block; }
#newsletter .title .subtitle { font-size: 18px; display: inline-block; padding-top: 7px; }
#newsletter .form { width: 100%; text-align: center; margin-top: 55px; float: left; }
#newsletter .form form { display: inline-block; }
#newsletter .form form input[type=text] { box-sizing: border-box; width: 280px; border: 1px solid #69666e; height: 40px; padding: 0 14px; background: none; float: left; }
#newsletter .form form input[type=submit] { width: 128px; height: 40px; font-size: 24px; border: none; cursor: pointer; background: #f5432d; text-decoration: none; color: #000000; padding: 0 40px; line-height: 46px; font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; text-transform: uppercase; float: left; }
#newsletter .form form input[type=submit]:hover { background: #f65642; }

#deadlines { margin-top: 80px; }
#deadlines h2 { text-align: left; }
#deadlines .column { width: 50%; font-size: 18px; line-height: 30px; box-sizing: border-box; float: left; }
#deadlines .column .title { font-size: 20px; font-weight: bold; border-bottom: 2px solid #d0033d; padding-bottom: 10px; text-transform: uppercase; }
#deadlines .column .color { color: #d0033d; }
#deadlines .column strong { font-weight: 900; }
#deadlines .column-left { padding-right: 45px; }
#deadlines .column-right { padding-left: 45px; }
#deadlines .column .element { width: 100%; margin-top: 60px; }
#deadlines .column .element.links a { font-size: 16px; color: #d0033d; text-decoration: none; }
#deadlines .column .element.links a:hover { text-decoration: underline; }

#medals a.more { font-size: 16px; color: #d0033d; text-decoration: none; }
#medals a.more a:hover { text-decoration: underline; }

#contact .holder { padding: 85px 45px 45px; background-color: #e7dcfc; margin-bottom: 30px; }
#contact .content-text { max-width: 760px; width: 100%; }
#contact form { max-width: 760px; width: 100%; }
#contact .text { background: #efefef; width: 860px; max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
#contact form { margin: 85px 0 0 0; width: 100%; box-sizing: border-box; }
#contact .input-wrapper { width: 100%; float: left; box-sizing: border-box; margin-bottom: 40px; }
#contact .input-wrapper.for-submit { text-align: center; }
#contact .input-wrapper input[type=text] { font-size: 16px; box-sizing: border-box; width: 100%; border: 1px solid #69666e; height: 40px; padding: 0 14px; background: none; float: left; }
#contact .input-wrapper input[type=submit] { height: 40px; font-size: 24px; border: none; cursor: pointer; background: #f5432d; text-decoration: none; color: #000000; padding: 0 65px; line-height: 46px; font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; text-transform: uppercase; float: left; }
#contact .input-wrapper input[type=submit]:hover { background: #f65642; }
#contact .input-wrapper textarea { width: 100%; box-sizing: border-box; height: 286px; border: 1px solid #69666e; padding: 12px 14px; background: none; font-size: 16px; }
#contact .input-wrapper.one { width: 50%; float: left; padding-right: 6px; }
#contact .input-wrapper.two { width: 50%; float: left; padding-left: 6px; }

#footer { background-color: #000000; color: #ffffff; padding: 60px 0; flex-shrink: 0; }
#footer .right { width: 650px; float: right; }
#footer .left { float: left; }
#footer .bottom { width: 100%; float: left; }
#footer .menu { float: left; word-spacing: 55px; }
#footer .menu a { color: inherit; text-decoration: none; font-size: 16px; letter-spacing: 0.025em; display: inline-block; word-spacing: normal; text-transform: uppercase; }
#footer .menu a:hover { text-decoration: underline; }
#footer .social { float: right; word-spacing: 15px; }
#footer .social a.facebook { width: 25px; height: 25px; display: inline-block; background: url('../images/socialmedia-02.svg'); text-indent: -9999px; }
#footer .social a.instagram { width: 25px; height: 25px; display: inline-block; background: url('../images/socialmedia-01.svg'); text-indent: -9999px; }
#footer .newsletter-form { width: 100%; float: left; margin-top: 80px; }
#footer .newsletter-form .description { font-size: 32px; line-height: 42px; letter-spacing: 0.025em; text-transform: uppercase; }
#footer .bottom { font-size: 10px; letter-spacing: 0.025em; text-transform: uppercase; }
#footer form { display: inline-block; margin-top: 60px; }
#footer form input[type=text] { box-sizing: border-box; width: 280px; border: 1px solid #69666e; height: 40px; padding: 0 14px; background: none; float: left; color: #ffffff; font-size: 16px; }
#footer form input[type=submit] { width: 128px; height: 40px; font-size: 24px; border: none; cursor: pointer; background: #f5432d; text-decoration: none; color: #000000; padding: 0 40px; line-height: 46px; font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; text-transform: uppercase; float: left; }
#footer form input[type=submit]:hover { background: #f65642; }
#footer input::-webkit-input-placeholder { color: #ffffff; }
#footer input::-moz-placeholder { color: #ffffff; }
#footer input:-ms-input-placeholder { color: #ffffff; }
#footer input:-moz-placeholder { color: #ffffff; }

.auth-popup { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; }
.auth-popup .vertical-align-middle { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.auth-popup .popup-box { overflow: hidden; max-width: 474px; width: 100%; margin: auto; box-sizing: border-box; padding: 10px; }
.auth-popup .popup-top { padding: 12px 0; text-align: center; background: #282828; }
.auth-popup .popup-top img { display: inline-block; }
.auth-popup .popup-content { background: #ffffff; padding: 25px 42px 5px; }
.auth-popup .popup-content h2 { font-size: 32px; font-weight: 400; margin: 5px 0 25px 0; line-height: 42px; letter-spacing: 0.025em; }
.auth-popup .popup-content form { margin: 0; padding: 0; }
.auth-popup .not-registered { font-size: 14px; text-align: center; margin-top: 20px; margin-bottom: 40px; }
.auth-popup .not-registered a { color: inherit; text-decoration: underline; letter-spacing: 0.01em; }
.auth-popup .reset-password { margin-top: 20px; margin-bottom: 20px; }
.auth-popup .reset-password a { font-size: 14px; text-decoration: none; letter-spacing: 0.01em; color: inherit; }
.auth-popup .reset-password a:hover { text-decoration: underline; }
.auth-popup .input-wrapper input[type=text] { font-size: 16px; box-sizing: border-box; width: 100%; border: 1px solid #6e6e6e; height: 40px; padding: 0 14px; background: none; float: left;  }
.auth-popup .input-wrapper input[type=password] { font-size: 16px; box-sizing: border-box; width: 100%; border: 1px solid #6e6e6e; height: 40px; padding: 0 14px; background: none; float: left; }
.auth-popup form input[type=submit] { width: 100%; height: 40px; font-size: 24px; border: none; cursor: pointer; background: #f5432d; text-decoration: none; color: #000000; padding: 0 15px; line-height: 46px; font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; text-transform: uppercase; float: left; }
.auth-popup form input[type=submit]:hover { background: #f65642; }
.auth-popup .whole-width.login-input { margin-bottom: 39px; }
.auth-popup .errorMessage { float: left; margin-top: 5px; }
.auth-popup .reset-login { margin-bottom: 39px; }

#subpage-top { text-align: center; padding: 30px 0 70px; }
#subpage-top img { display: inline-block; max-width: 100%; }
#auth-content { margin-top: 105px; }
#auth-content #form-register { margin-top: 80px; }
#auth-content #form-register .left { float: left; padding-right: 6px; width: 50%; box-sizing: border-box; }
#auth-content #form-register .right { float: right; padding-left: 6px; width: 50%; box-sizing: border-box; }

#auth-content .column { float: left; width: 50%; box-sizing: border-box; }
#auth-content .column-left {  padding-right: 12px; font-size: 18px; }
#auth-content .column-left .text {  font-size: 18px; line-height: 30px; }
#auth-content .column-left .text strong {  font-weight: 900; }
#auth-content .column-left .content-wrapper { max-width: 330px; }
#auth-content .column-right { padding-left: 12px; }
#auth-content h2 { font-size: 20px; font-weight: 900; margin: 0; padding: 0; text-align: left; width: 100%; display: inline-block; }
#auth-content .column-left h2 { color: #d0033d; margin-bottom: 40px; }
#auth-content .column-right form { margin: 0; background: #efefef; padding: 21px 21px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#auth-content .column-right h2 { margin-bottom: 18px; }
#auth-content .input-wrapper input[type=text] { font-size: 16px; box-sizing: border-box; width: 100%; border: 1px solid #6e6e6e; height: 40px; padding: 0 14px; background: none; float: left; margin-bottom: 5px; }
#auth-content .input-wrapper input[type=password] { font-size: 16px; box-sizing: border-box; width: 100%; border: 1px solid #6e6e6e; height: 40px; padding: 0 14px; background: none; float: left; margin-bottom: 5px; }
#auth-content .input-wrapper { margin-bottom: 35px; float: left; width: 100%; }
#auth-content .input-wrapper label a { color: inherit; text-decoration: none; }
#auth-content .input-wrapper label a:hover { color: #f5432d; }
#auth-content .input-wrapper input[type=checkbox] { width: 25px; height: 25px; border: 1px solid #6e6e6e; }
#auth-content .input-wrapper input[type=submit] { max-width: 267px; width: 100%; height: 40px; font-size: 24px; border: none; cursor: pointer; background: #f5432d; text-decoration: none; color: #000000; padding: 0 15px; line-height: 46px; font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; text-transform: uppercase; float: left; }
#auth-content .input-wrapper input[type=submit]:hover { background: #f65642; }
#auth-content #login-content { margin-top: 45px; margin-bottom: 90px; }
#auth-content #login-content .button-wrapper { display: inline-block; }
#auth-content #login-content .button-wrapper a { width: 206px; text-align: center; box-sizing: border-box; margin-left: 70px; }
#auth-content .successMessage { font-size: 20px; line-height: 32px; letter-spacing: 0.01em; margin-bottom: 40px; }


#subpage-content { margin-top: 85px; margin-bottom: 85px; }
#subpage-content .text-content-right .listing { width: 100%; float: left; margin-top: 80px; font-size: 20px; line-height: 32px; letter-spacing: 0.01em; border-bottom: 1px solid #929292; }
#subpage-content .text-content-right .listing .underline { text-decoration: underline; text-transform: uppercase; }
#subpage-content .text-content-right .listing .title { font-size: 42px; letter-spacing: 0.025em; text-transform: uppercase; margin-bottom: 30px; }
#subpage-content .text-content-right .listing .item { width: 100%; float: left; padding: 39px 0 35px; box-sizing: border-box; border-top: 1px solid #929292; }
#subpage-content .text-content-right .listing .item.link .title { margin-bottom: 0; cursor: pointer; }
#subpage-content .text-content-right .listing .item.link .icon { width: 20px; height: 40px; float: right; position: relative; margin-top: -4px; }
#subpage-content .text-content-right .listing .item.link .icon .bar1 { left: -2px; width: 24px; top: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 1px; display: block; background: #929292; position: absolute; }
#subpage-content .text-content-right .listing .item.link .icon .bar2 { left: -2px; width: 24px; top: auto; bottom: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 1px; display: block; position: absolute; background: #929292; }
#subpage-content .text-content-right .listing .item.link .title:hover .icon .bar1 { background: #000000; }
#subpage-content .text-content-right .listing .item.link .title:hover .icon .bar2 { background: #000000; }
#subpage-content .text-content-right .listing .item a { color: #f5432d; text-decoration: none; }
#subpage-content .text-content-right .listing .item a:hover { text-decoration: underline; }
#subpage-content .text-content-right .listing .subtitle { text-transform: uppercase; }


#login-popup { z-index: 400; }
#reset-password-popup { z-index: 400; }

#gallery-menu { width: 100%; float: left; font-size: 16px; margin-bottom: 25px; padding: 0 0 25px 0; border-bottom: 1px solid #c9c9c9; }
#gallery-menu .item { display: inline-block; margin-right: 20px; position: relative; }
#gallery-menu .item ul.submenu { position: absolute; float: left; top: 23px; right: 0; list-style: none; margin: 0; padding: 5px; z-index: 1000; background: #ffffff; }
#gallery-menu .item ul.submenu.hidden { display: none; }
#gallery-menu .item ul.submenu li { float: left; margin: 0; padding: 5px 0; width: 100%; }
#gallery-menu .item ul.submenu li a { width: 100%; height: 100%; display: block; text-decoration: none; text-align: center; color: inherit; font-weight: 700; }
#gallery-menu .item ul.submenu li a:hover { color: #d0033d; }
#gallery-menu .item div { display: inline-block; }
#gallery-menu .item .value { color: #d0033d; font-weight: 900;  }
#gallery-menu .item .value.arrow { padding-right: 19px; background: url('../images/gallery-menu-arrow.png') no-repeat right center; cursor: pointer; }
#gallery-menu .item .label { margin-right: 3px; }

#winners-gallery h1 { width: 100%; margin: 0 0 20px 0; padding: 0; font-size: 25px; font-weight: 700; }
#winners-gallery h1.details { font-size: 20px; margin: 0; }
#winners-gallery #main-image { width: 100%; word-spacing: 22px; margin-bottom: 73px; }
#winners-gallery #main-image .image { display: inline-block; width: 100%; max-width: 435px; word-spacing: normal; }
#winners-gallery #main-image .image img { max-width: 100%; }
#winners-gallery #main-image .description { display: inline-block; word-spacing: normal; margin-top: 15px; }
#winners-gallery #main-image .description .author { font-size: 18px; font-weight: 900; }
#winners-gallery #main-image .description .title { font-size: 16px; }
#winners-gallery #main-image .description a { font-size: 14px; font-weight: 900; color: #d0033d; text-decoration: none; }
#winners-gallery #main-image .description a:hover { text-decoration: underline; }
#winners-gallery #categories { width: 100%; word-spacing: 16px; }
#winners-gallery #categories .item { display: inline-block; word-spacing: normal; margin-bottom: 73px; width: 305px; }
#winners-gallery #categories .item .image { display: inline-block; width: 100%; word-spacing: normal; }
#winners-gallery #categories .item .image img { max-width: 100%; }
#winners-gallery #categories .item .description { margin-top: 15px; width: 100%; }
#winners-gallery #categories .item .description .author { font-size: 18px; font-weight: 900; white-space: nowrap;  width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; display: block; }
#winners-gallery #categories .item .description .title { font-size: 16px; white-space: nowrap;  width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; display: block; }
#winners-gallery #categories .item .description a { font-size: 14px; font-weight: 900; color: #d0033d; text-decoration: none; }
#winners-gallery #categories .item .description a:hover { text-decoration: underline; }
#winners-gallery .top-details { width: 100%; float: left; padding-bottom: 17px; margin-bottom: 40px; border-bottom: 1px solid #c9c9c9; }
#winners-gallery .top-details h1.details { width: auto; float: left; }
#winners-gallery .top-details a.back { float: right; margin-top: 5px; }
#winners-gallery a.back { font-size: 14px; color: #d0033d; font-weight: 900; text-decoration: none; background: url('../images/back-arrow.png') no-repeat left center; padding-left: 17px;  }

#winners-gallery .gallery { width: 100%; float: left; }
#winners-gallery .main-image { max-width: 1000px; float: left; margin-bottom: 27px; }
#winners-gallery .main-image img { display: none; max-width: 1000px; max-height: 1000px; width: 100%; height: 100%; }
#winners-gallery .main-image img.active { display: block; }
#winners-gallery .thumbs { display: inline-block; width: 266px; float: right; -webkit-columns: 133px; -moz-columns: 133px; columns: 133px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }
#winners-gallery .thumbs a { float: left; display: block; margin-left: 13px; margin-bottom: 15px; font-size: 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
#winners-gallery .thumbs img { width: 120px; }
#winners-gallery .details-description { font-size: 16px; max-width: 1000px; }
#winners-gallery .details-description strong { font-weight: 900; }
#winners-gallery .details-description strong.author { font-size: 18px; }
#winners-gallery .details-description a { font-weight: 700; color: #d0033d; text-decoration: none; }

input.hidden { display: none !important; }

.category-list { width: 100%; float: left; text-align: center; margin-top: 70px; word-spacing: 65px; }
.category-list .item { display: inline-block; font-size: 18px; line-height: 24px; word-spacing: normal; margin-bottom: 50px; }
.category-list .item .main-category { font-weight: bold; font-size: 20px; display: inline-block; margin-bottom: 8px; }

.text-header-left { width: 390px; float: left; text-align: left; }
.text-content-right { float: none; margin-left: 440px; text-align: left; }

.text-header-left .title { font-size: 32px; line-height: 42px; text-transform: uppercase; letter-spacing: 0.025em; width: 100%; display: inline-block; }
.text-header-left .subtitle { font-size: 16px; text-transform: uppercase; letter-spacing: 0.025em; width: 100%; display: inline-block; margin-top: 35px; }
.text-header-left .timer-title { font-size: 16px; letter-spacing: 0.025em; width: 100%; display: inline-block; }
.text-header-left .timer-title .button-wrapper { width: 100%; display: inline-block; margin-top: 25px; }

.text-content-right .content-text { font-size: 20px; line-height: 32px; letter-spacing: 0.01em; }

.prizes-listing { width: 100%; float: left; margin-top: 80px; margin-bottom: 80px; border-bottom: 1px solid #929292; }
.prizes-listing .item { width: 100%; float: left; padding: 65px 25px; box-sizing: border-box; border-top: 1px solid #929292; }
.prizes-listing .item .icon { float: left; width: 170px; }
.prizes-listing .item .icon img { width: 100%; max-width: 154px; }
.prizes-listing .item .description { float: none; margin-left: 195px; }
.prizes-listing .item .description .title { font-size: 42px; letter-spacing: 0.025em; width: 100%; float: left; margin-top: 5px; margin-bottom: 30px; }
.prizes-listing .item .description .label { font-size: 20px; width: 100%; float: left; line-height: 32px; letter-spacing: 0.01em; }

.conditions-listing { width: 100%; float: left; margin-top: 80px; margin-bottom: 80px; border-bottom: 1px solid #929292; }
.conditions-listing .item { width: 100%; float: left; padding: 35px 0; box-sizing: border-box; border-top: 1px solid #929292; }
.conditions-listing .item .title { font-size: 42px; letter-spacing: 0.025em; width: 100%; float: left; margin-top: 5px; margin-bottom: 30px; }
.conditions-listing .item .description { font-size: 20px; width: 100%; float: left; line-height: 32px; letter-spacing: 0.01em; }
.conditions-listing .item .icon { width: 32px; height: 32px; float: right; position: relative; }
.conditions-listing .item .icon .bar1 { width: 100%; height: 1px; display: block; background: #929292; position: absolute; top: 50%; }
.conditions-listing .item .icon .bar2 { width: 100%; height: 1px; display: block; background: #929292; position: absolute; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg);  }
.conditions-listing .item.link .title { margin-bottom: 0; cursor: pointer; }
.conditions-listing .item.link .icon { width: 20px; height: 40px; float: right; position: relative; }
.conditions-listing .item.link .icon .bar1 { left: -2px; width: 24px; top: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.conditions-listing .item.link .icon .bar2 { left: -2px; width: 24px; top: auto; bottom: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  }
.conditions-listing .item .title:hover .icon .bar1, .conditions-listing .item .title:hover .icon .bar2 { background: #000000; }

.accordion-list { width: 100%; float: left; margin-top: 80px; margin-bottom: 80px; border-bottom: 1px solid #929292; }
.accordion-list .item { width: 100%; box-sizing: border-box; padding: 39px 0 34px 0; border-top: 1px solid #929292; }
.accordion-list .item .title { font-size: 42px; letter-spacing: 0.025em; cursor: pointer; }
.accordion-list .item .categories { margin-top: 32px; width: 100%; font-size: 20px; line-height: 32px; letter-spacing: 0.01em; }
.accordion-list .item .icon { width: 32px; height: 32px; float: right; position: relative; }
.accordion-list .item .icon .bar1 { width: 100%; height: 1px; display: block; background: #929292; position: absolute; top: 50%; }
.accordion-list .item .icon .bar2 { width: 100%; height: 1px; display: block; background: #929292; position: absolute; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg);  }
.accordion-list .item.open .icon .bar2 { display: none; }
.accordion-list .item.link .icon { width: 20px; height: 40px; float: right; position: relative; }
.accordion-list .item.link .icon .bar1 { left: -2px; width: 24px; top: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.accordion-list .item.link .icon .bar2 { left: -2px; width: 24px; top: auto; bottom: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  }
.accordion-list .item.closed .categories { display: none; }
.accordion-list .item .title:hover .icon .bar1, .accordion-list .item .title:hover .icon .bar2 { background: #000000; }

.medals { width: 100%; word-spacing: 15px; text-align-last: justify; text-align: justify; margin-bottom: 90px; overflow: hidden; }
.medals img { width: 144px; display: inline-block; }

.juror-listing { width: 100%; float: left; margin-top: 80px; border-bottom: 1px solid #a7a7a7; }
.juror-listing .item { width: 100%; box-sizing: border-box; padding: 25px 0; border-top: 1px solid #a7a7a7; }
.juror-listing .item .title { font-size: 42px; letter-spacing: 0.025em; cursor: pointer; line-height: 100px; }
.juror-listing .item .title .name { font-size: 42px; letter-spacing: 0.025em; line-height: 100px; display: inline-block; vertical-align: middle; text-transform: uppercase; }
.juror-listing .item .title img { margin-right: 55px; border-radius: 50%; width: 100px; height: 100px; object-fit: cover; display: inline-block; vertical-align: middle; font-size: 10px; }
.juror-listing .item.open .title img { display: none; }
.juror-listing .item .title .link-wrapper { float: right; display: inline-block; width: 320px; margin-right: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 80px; }
.juror-listing .item .title .link-wrapper a { font-size: 20px;  letter-spacing: 0.01em; text-decoration: none; color: inherit; }
.juror-listing .item .title .link-wrapper a:hover { text-decoration: underline; }
.juror-listing .item .link-wrapper-bio { float: left; width: 100%; margin-bottom: 30px; display: none; }
.juror-listing .item .link-wrapper-bio a { font-size: 20px;  letter-spacing: 0.01em; text-decoration: none; color: inherit; }
.juror-listing .item .link-wrapper-bio a:hover { text-decoration: underline; }
.juror-listing .item .bio { margin-top: 32px; width: 100%; font-size: 20px; line-height: 32px; letter-spacing: 0.01em; display: flex; }
.juror-listing .item .bio .image-wrapper { width: 300px; margin-right: 85px; }
.juror-listing .item .bio .text-wrapper { max-width: 765px; }
.juror-listing .item .bio .image-wrapper img { border-radius: 50%; width: 300px; height: 300px; object-fit: cover; }
.juror-listing .item.open .icon .bar2 { display: none; }
.juror-listing .item.no-bio .icon { visibility: hidden; }
.juror-listing .item.no-bio .title { cursor: auto; }
.juror-listing .item .icon { width: 32px; height: 32px; float: right; position: relative; margin-top: 30px; }
.juror-listing .item .icon .bar1 { width: 100%; height: 1px; display: block; background: #a7a7a7; position: absolute; top: 50%; }
.juror-listing .item .icon .bar2 { width: 100%; height: 1px; display: block; background: #a7a7a7; position: absolute; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg);  }
.juror-listing .item.closed .bio { display: none; }
.juror-listing .item .title:hover .icon .bar1, .juror-listing .item .title:hover .icon .bar2 { background: #D9D9D9; }

#judges .text-header-left { width: 340px; }
#judges .text-content-right { margin-left: 390px; }

#contact .text-header-left { width: 340px; }
#contact .text-content-right { margin-left: 390px; }

#subpage-banner { max-width: 1306px; width: 100%; position: relative; height: 455px; display: block; margin: 25px auto 0 auto; }
#subpage-banner img { height: 455px; width: 100%; object-fit: cover; }
#subpage-banner .author { position: absolute; right: 9px; bottom: 7px; font-size: 10px; letter-spacing: 0.05em; color: #ffffff; text-transform: uppercase; }

#footer .successMessage { text-align: left; margin-top: 30px; margin-bottom: -30px; }

a.underline { text-decoration: underline !important; }

.control { font-family: 'ClashDisplay-Regular', sans-serif; letter-spacing: 0.01em; display: block; position: relative; padding-left: 40px; margin-bottom: 6px; padding-top: 0; cursor: pointer; font-size: 20px; }
.control input { position: absolute; z-index: -1; opacity: 0; }
.control_indicator { position: absolute; top: 2px; left: 0; height: 24px; width: 24px; background: #ffffff; border: 1px solid #6e6e6e; border-radius: 12px; box-sizing: border-box; }
.control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator { background: #ffffff; }
.control input:checked ~ .control_indicator { background: #ffffff; }
.control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator { background: #ffffff; }
.control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; }
.control input:checked ~ .control_indicator:after { display: block; }
.control-checkbox .control_indicator:after { left: 8px; top: 3px; width: 5px; height: 12px; border: solid #000000; border-width: 0 1px 1px 0; transform: rotate(45deg); }
.control-checkbox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }

#form-login .main-error .errorMessage { width: 100%; text-align: center; margin-bottom: 20px; }

#gallery-content { margin-top: 40px; }
#gallery-content h1 { font-size: 32px; line-height: 42px; letter-spacing: 0.025em; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0 0 45px 0; }

#gallery-menus { float: left; width: 100%; }
.dropdown { width: 100%; float: left; height: 40px; box-sizing: border-box; line-height: 38px; font-size: 16px; letter-spacing: 0.025em; cursor: pointer; color: #000000; text-transform: uppercase; margin-right: 15px; position: relative; }
.dropdown.edition { max-width: 110px; }
.dropdown.award-type { max-width: 250px; }
.dropdown.winners { max-width: 250px; }
.dropdown .selected { width: 100%; position: relative; box-sizing: border-box; padding: 0 40px 0 15px; border: 1px solid #878787; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dropdown .selected .icon { width: 22px; height: 11px; position: absolute; top: 15px; right: 10px; overflow: hidden; }
.dropdown .selected .icon .bar1 { height: 1px; display: block; background: #929292; position: absolute; left: -2px; width: 16px; top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.dropdown .selected .icon .bar2 { height: 1px; display: block; background: #929292; position: absolute; left: 8px; width: 16px; top: auto; bottom: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.dropdown .selected:hover .icon .bar1 { background: #000000; }
.dropdown .selected:hover .icon .bar2 { background: #000000; }
.dropdown .item { width: 100%; float: left; display: block; padding: 0 15px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; text-decoration: none; }
.dropdown .item:hover { background: #f5432d; }
.dropdown .list { display: none; position: absolute; z-index: 250; top: 40px; left: 0; width: 100%;box-sizing: border-box; border: 1px solid #878787; border-top: none; background: #ffffff; }
.dropdown.open .list { display: block; }
.dropdown.open .selected .icon { display: block; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.header { width: 100%; float: left; position: relative; }
.header h2 { text-transform: uppercase; padding-top: 35px; padding-bottom: 30px; margin: 45px 0; width: 100%; font-family: roc-grotesk-compressed, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.025em; font-size: 42px; text-align: left; border-top: 1px solid #929292; border-bottom: 1px solid #929292; line-height: 43px; }
.header h2.first-details { margin-top: 0; }
.header a.back { color: inherit; right: 0; top: 45px; position: absolute; font-size: 16px; letter-spacing: 0.025px; }
.header a.back:hover { color: #f5432d; }

.entry { width: 100%; }
.entry .image-wrapper { width: 100%; float: left; margin-bottom: 35px; }
.entry .image-wrapper img { height: 342px; width: 100%; object-fit: cover; }
.entry .description-wrapper { width: 100%; float: left; }
.entry .description-wrapper .author-name { width: 100%; float: left; text-transform: uppercase; font-size: 24px; line-height: 32px; letter-spacing: normal; margin-bottom: 30px; }
.entry .description-wrapper .entry-title { width: 100%; float: left; font-size: 20px; line-height: 32px; letter-spacing: 0.01em; margin-bottom: 30px; }
.entry .description-wrapper .award-name { width: 100%; float: left; font-size: 20px; line-height: 32px; letter-spacing: 0.01em; font-family: 'ClashDisplay-Medium', sans-serif; margin-bottom: 30px; }
.entry .description-wrapper .award-name a { color: inherit; text-decoration: none; }

/*.entry.main-award .image-wrapper { width: 645px; margin-bottom: 0; }*/
/*.entry.main-award .image-wrapper img { height: 530px; width: 100%; }*/
/*.entry.main-award .description-wrapper { float: none; width: auto; margin-left: 670px; }*/
.entry.main-award { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; }
.entry.main-award .image-wrapper img { height: 530px; }
.entry.main-award .item { flex-shrink: 0; }
.entry.main-award .description-wrapper { padding-left: 10px; }

.honor .entry .image-wrapper img { height: 246px; }

.gallery-listing { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; }
.gallery-listing.category-listing { grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-top: 40px; margin-bottom: 20px; }
.gallery-listing.honor { grid-template-columns: 1fr 1fr 1fr 1fr; }
.category-listing .entry .image-wrapper img { height: 530px; }
.gallery-listing .item { flex-shrink: 0; }

#details-content { width: 100%; float: left; margin-bottom: 45px; position: relative; }
#details-content .controls { position: absolute; top: 0; left: 0; width: 36px; height: 36px; z-index: 200; }
#details-content .controls a { width: 100%; text-indent: -9999px; display: inline-block; margin-bottom: 20px; height: 100%; }
#details-content .controls a.fullscreen { background: url("../images/fullscreen1.svg"); }
#details-content .controls a.thumbnails { background: url("../images/thunbnails1.svg"); }
#details-content .controls a.info { background: url("../images/info1.svg"); }
#details-content .controls a.background { height: 23px; background: url("../images/background1.svg"); }
#details-content .controls a.fullscreen:hover { background: url("../images/fullscreen.svg"); }
#details-content .controls a.thumbnails:hover { background: url("../images/thunbnails.svg"); }
#details-content .controls a.info:hover { background: url("../images/info.svg"); }
#details-content .controls a.background:hover { background: url("../images/background.svg"); }
#details-content .controls a.close { background: url("../images/close1.svg"); }
#details-content .controls a.close:hover { background: url("../images/close.svg"); }
#details-content .controls a img { width: 100%; height: 100%; float: left; }

#details-img { width: 100%; text-align: center; }
#details-img .images { width: 100%; float: left; display: block; position: relative; padding: 0 75px; box-sizing: border-box; }
#details-img .desc { width: 100%; float: left; display: block; position: relative; padding: 0 75px; box-sizing: border-box; }
#details-img img { display: none; max-width: 100%; }
#details-img img.active { display: inline-block; visibility: hidden; }
#details-img .author { display: inline-block; width: 100%; text-align: center; text-transform: uppercase; margin-top: 45px; font-size: 24px; line-height: 32px; letter-spacing: 0.025em; }
#details-img .title { display: inline-block; width: 100%; text-align: center; font-size: 24px; line-height: 32px; letter-spacing: 0.025em; }
#details-img .icon { position: absolute; top: 50%; left: 0; cursor: pointer; width: 34px; height: 67px; }
#details-img .icon .wrapper { width: 100%; height: 100%; position: relative; text-indent: -9999px; overflow: hidden; }
#details-img .icon .bar1 { height: 1px; display: block; background: #929292; position: absolute; left: -6px; width: 48px; top: 17px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#details-img .icon .bar2 { height: 1px; display: block; background: #929292; position: absolute; left: -6px; width: 48px; top: auto; bottom: 17px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#details-img .icon.next { left: auto; right: 0; }
#details-img .icon.prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#details-img .icon:hover .bar1, #details-img .icon:hover .bar2 { background: #000000; }

#details-thumb { width: 100%; max-width: 1170px; margin: 0 auto; text-align: center; padding: 0 75px; box-sizing: border-box; }
#details-thumb .item { width: calc(33.33% - 60px); float: left; margin-bottom: 10px; }

#details-zoom { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; background: #ffffff; overflow: hidden; text-align: center; }
#details-zoom .wrapper { width: 100%; display: block; position: relative; padding: 75px 75px; box-sizing: border-box; height: 100vh; }
#details-zoom .wrapper img { max-width: 100%; max-height: 100%; display: none; height: auto; position: relative; top: 50%; transform: translateY(-50%); }
#details-zoom .wrapper img.active { display: inline; }
#details-zoom .controls { position: absolute; top: 120px; left: 0; width: 36px; height: 36px; z-index: 200; }
#details-zoom .controls a { width: 100%; text-indent: -9999px; display: inline-block; margin-bottom: 20px; height: 100%; }
#details-zoom .controls a.fullscreen { background: url("../images/fullscreen1.svg"); }
#details-zoom .controls a.thumbnails { background: url("../images/thunbnails1.svg"); }
#details-zoom .controls a.info { background: url("../images/info1.svg"); }
#details-zoom .controls a.background { height: 23px; background: url("../images/background1.svg"); }
#details-zoom .controls a.fullscreen:hover { background: url("../images/fullscreen.svg"); }
#details-zoom .controls a.thumbnails:hover { background: url("../images/thunbnails.svg"); }
#details-zoom .controls a.info:hover { background: url("../images/info.svg"); }
#details-zoom .controls a.background:hover { background: url("../images/background.svg"); }
#details-zoom .controls a.close { background: url("../images/close1.svg"); }
#details-zoom .controls a.close:hover { background: url("../images/close.svg"); }
#details-zoom .controls a img { width: 100%; height: 100%; float: left; }
#details-zoom .icon { position: absolute; top: 50%; left: 0; cursor: pointer; width: 34px; height: 67px; }
#details-zoom .icon .wrapper { width: 100%; height: 100%; position: relative; text-indent: -9999px; overflow: hidden; padding: 0; }
#details-zoom .icon .bar1 { height: 1px; display: block; background: #929292; position: absolute; left: -6px; width: 48px; top: 17px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#details-zoom .icon .bar2 { height: 1px; display: block; background: #929292; position: absolute; left: -6px; width: 48px; top: auto; bottom: 17px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#details-zoom .icon.next { left: auto; right: 0; }
#details-zoom .icon.prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#details-zoom .icon:hover .bar1, #details-zoom .icon:hover .bar2 { background: #000000; }

#details-info { width: 100%; max-width: 1250px; margin: 0 auto; text-align: center; padding: 0 75px; box-sizing: border-box; font-size: 20px; letter-spacing: 0.01em; line-height: 32px; }
#details-info .author { font-size: 24px; text-transform: uppercase; letter-spacing: 0.025em; }
#details-info .title { font-size: 24px; letter-spacing: 0.025em; }
#details-info .header { font-size: 16px; text-transform: uppercase; }
#details-info a { text-decoration: none; color: inherit; }
#details-info a:hover { text-decoration: underline; }

.gallery-content-box { display: none; }
.gallery-content-box.open { display: block; }

body.dark { background: #202020; color: #ffffff; }
body.dark #details-zoom { background: #202020 !important; color: #ffffff !important; }
body.dark #logo-menu-main.subpage ul li a { color: #ffffff; }
body.dark #logo-menu-main.subpage ul li:hover a, body.dark #logo-menu-main.subpage ul li.active a {color: #f5432d;}

body.dark #details-content .controls a.fullscreen, body.dark #details-zoom .controls a.fullscreen { background: url("../images/fullscreen3.svg"); }
body.dark #details-content .controls a.thumbnails, body.dark #details-zoom .controls a.thumbnails { background: url("../images/thunbnails3.svg"); }
body.dark #details-content .controls a.info, body.dark #details-zoom .controls a.info { background: url("../images/info3.svg"); }
body.dark #details-content .controls a.background, body.dark #details-zoom .controls a.background { height: 23px; background: url("../images/background3.svg"); -webkit-transform: rotate(180deg); transform: rotate(180deg); text-indent: 9999px;}
body.dark #details-content .controls a.fullscreen:hover, body.dark #details-zoom .controls a.fullscreen:hover { background: url("../images/fullscreen1.svg"); }
body.dark #details-content .controls a.thumbnails:hover, body.dark #details-zoom .controls a.thumbnails:hover { background: url("../images/thunbnails1.svg"); }
body.dark #details-content .controls a.info:hover, body.dark #details-zoom .controls a.info:hover { background: url("../images/info1.svg"); }
body.dark #details-content .controls a.background:hover, body.dark #details-zoom .controls a.background:hover { background: url("../images/background1.svg"); }
body.dark #details-content .controls a.close, body.dark #details-zoom .controls a.close { background: url("../images/close3.svg"); }
body.dark #details-content .controls a.close:hover, body.dark #details-zoom .controls a.close:hover { background: url("../images/close1.svg"); }

body.dark #details-img .icon .bar2, body.dark #details-zoom .icon .bar2 { background: #ffffff; }
body.dark #details-img .icon .bar1, body.dark #details-zoom .icon .bar1 { background: #ffffff; }
body.dark #details-img .icon:hover .bar2, body.dark #details-zoom .icon:hover .bar2 { background: #929292; }
body.dark #details-img .icon:hover .bar1, body.dark #details-zoom .icon:hover .bar1 { background: #929292; }

img.logo-top.dark { display: none; }
body.dark img.logo-top.standard { display: none; }
body.dark img.logo-top.dark { display: inline; }

@media screen and (max-width: 1310px) {
    #winners-gallery .thumbs { width: 193px; -webkit-columns: 193px; -moz-columns: 193px; columns: 193px; }
    #winners-gallery .thumbs img { width: 180px; }
}

@media screen and (max-width: 1300px) {
    #logo-menu-main .menu-wrapper { width: 100%; position: relative; margin-left: 0; }
    #logo-menu-main ul { display: none; position: absolute; z-index: 300; left: 0; top: 80px; width: 100%; background: #ffffff; padding: 10px 0; }
    #logo-menu-main.subpage ul { display: none; position: absolute; z-index: 300; left: -10px; top: 70px; width: 100%; background: #ffffff; padding: 10px 10px; }
    #logo-menu-main ul li.margin-left-30 { margin-left: 0; }
    #logo-menu-main ul.open { display: block; }
    #logo-menu-main ul li { width: 100%; text-align: center; float: left; margin: 3px 0; }
    #logo-menu-main ul li a { width: 100%; float: left; }
    #logo-menu-main ul li.active { border: none; }
    #logo-menu-main ul li.facebook { margin-left: 0; }
    #logo-menu-main ul li.facebook a { display: inline-block; float: none; }
    #logo-menu-main ul li.instagram a { display: inline-block; float: none; }
    .icon-mobail-menu { display: block; float: right; z-index: 400; position: relative; }

    #timer .text-header-left { width: 100%; margin-bottom: 40px; text-align: center; display: inline-block; }
    #timer .text-content-right { margin-left: 0; width: 100%; text-align: center; display: inline-block; }
    #timer .countdown { margin-top: 40px; }
}

@media screen and (max-width: 1294px) {
    #logo-menu-main ul { margin-top: 8px; }
}

@media screen and (max-width: 1280px) {
    .medals { word-spacing: 80px; text-align: center; text-align-last: center; }
    .medals img { margin-bottom: 20px; }
}

@media screen and (max-width: 1275px) {
    #banner-main-content .maxim { font-size: 36px; margin-top: 100px; }
    #banner-main .parallax-window { height: 1000px; }
}

@media screen and (max-width: 1250px) {
    #auth-content #login-content .button-wrapper a { margin-left: 40px; width: 150px; }
}

@media screen and (max-width: 1235px) {
    #randomWinners .left img, #randomWinners .right img { height: 350px; }
    #winners-gallery .thumbs { width: 153px; -webkit-columns: 153px; -moz-columns: 153px; columns: 153px; }
    #winners-gallery .thumbs img { width: 140px; }
}

@media screen and (max-width: 1200px) {
    .gallery-listing.honor { grid-template-columns: 1fr 1fr 1fr; }
}

@media screen and (max-width: 1195px) {
    #winners-gallery .thumbs { width: 133px; -webkit-columns: 133px; -moz-columns: 133px; columns: 133px; }
    #winners-gallery .thumbs img { width: 120px; }

    .entry.main-award .image-wrapper img { height: 452px; }
    .category-listing .entry .image-wrapper img { height: 452px; }
}

@media screen and (max-width: 1175px) {
    #winners-gallery .thumbs { margin-bottom: 30px; display: block; width: 100%; float: left; -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-column-gap: normal; -moz-column-gap: normal; column-gap: normal; }
    #winners-gallery .thumbs a { float: left; display: block; margin-right: 13px; margin-left: 0; margin-bottom: 15px; font-size: 0; -webkit-column-break-inside: auto; page-break-inside: auto; break-inside: auto; }
    #winners-gallery .thumbs img { width: 120px; }

    .text-header-left { width: 290px; }
    .text-content-right { margin-left: 340px; }
    #judges .text-header-left { width: 240px; }
    #judges .text-content-right { margin-left: 290px; }
    #contact .text-header-left { width: 240px; }
    #contact .text-content-right { margin-left: 290px; }
}

@media screen and (max-width: 1100px) {
    #footer .right { width: 500px; }
}

@media screen and (max-width: 1070px) {
    #auth-content #login-content .button-wrapper { display: block; float: left; width: 100%; text-align: left; }
    #auth-content #login-content .button-wrapper a { margin-left: 0; margin-top: 20px; max-width: 267px; width: 100%; }
}

@media screen and (max-width: 1055px) {
    #banner-main-content .maxim { font-size: 28px; margin-top: 70px; }
    #banner-main .parallax-window { height: 950px; }
}

@media screen and (max-width: 1000px) {
    #logo-menu-main img { max-width: none; }
    #banner-main { position: relative; }
    #newsletter { padding: 30px 0; }
    #newsletter .title { width: 100%; text-align: center; }
    #newsletter .form { width: 100%; text-align: center; margin-top: 50px; }
    #newsletter .form form { width: auto; display: inline-block; }

    #logo-menu-main a.menu img.logo-top { height: 56px; }

    .juror-listing .item .title .link-wrapper { display: none; }
    .juror-listing .item .link-wrapper-bio { display: block; }

    .entry.main-award .image-wrapper img { height: 329px; }
    .category-listing .entry .image-wrapper img { height: 329px; }

    .header a.back { display: none; }
    #details-content .controls { display: none; }
    #details-img .icon { display: none; }
    #details-img .images { padding: 0; }
    #details-img img { display: inline-block; margin-bottom: 30px; }
    #details-img .desc { display: none; }
    #details-info { display: block; }
    #details-back { display: block; text-align: center; box-sizing: border-box; font-size: 20px; letter-spacing: 0.01em; line-height: 32px; margin-top: 45px; }
    #details-back a { color: inherit; text-decoration: underline; }
}

@media screen and (max-width: 990px) {
    .medals { word-spacing: 40px; }
}
@media screen and (max-width: 900px) {
    #randomWinners .left img, #randomWinners .right img { height: 250px; }
    #deadlines .column-left { padding-right: 30px; }
    #deadlines .column-right { padding-left: 30px; }
    #footer .rights { margin-top: 25px; width: 100%; text-align: center; }

    .text-header-left { width: 100%; margin-bottom: 40px; }
    .text-content-right { margin-left: 0; width: 100%; }
    #judges .text-header-left { width: 100%;; }
    #judges .text-content-right { margin-left: 0; width: 100%; }
    #contact .text-header-left { width: 100%; }
    #contact .text-content-right { margin-left: 0; width: 100%; }

    .text-header-left .timer-title { text-align: center; margin-bottom: 40px; }

    #timer .countdown .label { margin-left: 0; }
    #timer .text-content-right { text-align: center; }
    #timer .countdown { display: inline-block; margin-top: 20px; }
    #randomWinners #timer .title, #randomWinners #timer .countdown .label { position: absolute; top: -40px; width: 100%; left: 0; text-align: center; }

    .juror-listing .item .bio .image-wrapper { float: left; margin: 0 0 10px 0; padding: 0; width: 100%; }
    .juror-listing .item .bio { display: block; margin-top: 5px; }

    #footer .logo img { max-width: 100%; }
    #footer .left { width: 100%; }
    #footer .right { width: 100%; position: relative; }
    #footer .social { float: none; position: absolute; top: -60px; right: 0; }
    #footer .menu { margin-top: 35px; }
    #footer .bottom { margin-top: 40px; }
    #footer { padding: 40px 0; }

    #subpage-banner { height: 360px; }
    #subpage-banner img { height: 360px; }
    .gallery-listing { grid-template-columns: 1fr 1fr; }
    .gallery-listing.honor { grid-template-columns: 1fr 1fr; }
    .entry .image-wrapper img { height: 329px; }
    .honor .entry .image-wrapper img { height: 329px; }
}

@media screen and (max-width: 830px) {
    #banner-main-content .maxim { font-size: 24px; margin-top: 70px; }
    #banner-main-content #timer { margin-top: 100px; }
    #banner-main .parallax-window { height: 850px; }
    h2 { font-size: 36px; }
}

@media screen and (max-width: 800px) {
    #top-info { font-size: 21px; word-spacing: 0.035em; }
    #randomWinners #banner-main-mobile { display: block; margin-top: 25px; }
    #randomWinners .left, #randomWinners .right { display: none; }
    .scroller-desktop { display: none; }
    .scroller-mobile { display: block; height: 315px; }
    #randomWinners #timer { float: left; }

    .entry.main-award { grid-template-columns: 1fr; grid-gap: 0px; }
    .entry.main-award .image-wrapper { margin-bottom: 20px; }
    .entry.main-award .image-wrapper img { height: 600px; }
    .entry.main-award .description-wrapper { padding-left: 0; }

    #details-info { padding: 0; }
}

@media screen and (max-width: 790px) {
    #subpage-content .left-column { width: 100%; padding-right: 0; }
    #subpage-content .right-column { width: 100%; padding-left: 0; margin-top: 0; }
}

@media screen and (max-width: 750px) {
    .category-list { word-spacing: normal; margin-top: 20px; }
    .category-list .item { width: 100%; float: left; }
    .category-list .item .main-category { font-weight: bold; font-size: 20px; display: inline-block; margin-bottom: 8px; }

    .entry .image-wrapper img { height: 250px; }
    .honor .entry .image-wrapper img { height: 250px; }
    .category-listing .entry .image-wrapper img { height: 250px; }
}

@media screen and (max-width: 720px) {
    #winners-gallery .main-image img { display: block; margin-bottom: 15px; }
    #winners-gallery .thumbs { display: none; }
}

@media screen and (max-width: 700px) {
    #deadlines .column { width: 100%; }
    #deadlines .column-left { padding-right: 0; }
    #deadlines .column-right { padding-left: 0; }
    #contact .input-wrapper.one { width: 100%; padding-right: 0; }
    #contact .input-wrapper.two { width: 100%; padding-left: 0; }
    .dropdown.award-type { max-width: 200px; }
    .dropdown.winners { max-width: 200px; }
}

@media screen and (max-width: 600px) {
    h2 { font-size: 30px; }
    .regular-text { font-size: 16px; }
    #deadlines .column { font-size: 16px; }
    #deadlines .column .title { font-size: 18px }

    #auth-content .column { width: 100%; }
    #auth-content .column-left { padding-right: 0; margin-bottom: 30px; }
    #auth-content .column-left .content-wrapper {  max-width: 100%; }
    #auth-content .column-right { padding-left: 0; }

    .category-list .item { font-size: 16px; line-height: 20px; }
    .category-list .item .main-category { font-size: 18px; }

    #timer .countdown .value { font-size: 72px; line-height: 72px; }
    #randomWinners #timer .title, #randomWinners #timer .countdown .label { font-size: 10px; top: -30px; }
    #timer .countdown { word-spacing: 75px; }
    #randomWinners #timer { margin-top: 20px; }
    .text-header-left .timer-title .button-wrapper { margin-top: 15px; }
    .text-header-left .timer-title { margin-bottom: 0; }

    .text-header-left .title { font-size: 24px; line-height: 30px; letter-spacing: 0.025em; }
    #contest-description { padding-top: 30px; padding-bottom: 35px; }
    .text-header-left { margin-bottom: 30px; }
    .text-content-right .content-text { font-size: 14px; line-height: 22px; letter-spacing: normal; }
    #newsletter { padding: 0; }
    #newsletter .holder { padding: 38px 20px; }
    #newsletter .title { font-size: 24px; line-height: 30px; letter-spacing: 0.025em; }
    #prizes { margin-top: 35px; }
    #newsletter .form { margin-top: 40px; }
    #newsletter .form form input[type=text] { font-size: 14px; }

    .prizes-listing { margin-top: 30px; margin-bottom: 30px; }
    .prizes-listing .item { padding: 30px 10px 25px; text-align: center; }
    .prizes-listing .item .icon { width: 100%; }
    .prizes-listing .item .icon img { width: 130px; display: inline-block; }
    .prizes-listing .item .description { float: left; width: 100%; margin: 0; }
    .prizes-listing .item .description .title { margin-bottom: 10px; font-size: 30px; margin-top: 10px; letter-spacing: 0.025em; }
    .prizes-listing .item .description .label { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-bottom: 5px; }

    #banner-middle .img-wrapper { height: 415px; }
    #banner-middle .img-wrapper img { height: 415px; }
    #banner-middle .text { font-size: 24px; line-height: 30px; letter-spacing: 0.025px; }
    #banner-middle .author { display: none; }
    #banner-middle .text { padding: 0 20px; box-sizing: border-box; }
    #banner-middle .text .auth { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-top: 80px; display: inline-block; }
    #medals { padding-top: 35px; }
    .accordion-list .item .title { font-size: 30px; letter-spacing: 0.025em; }
    .accordion-list .item { padding: 18px 0 15px; }
    .accordion-list { margin-top: 30px; margin-bottom: 30px; }
    .accordion-list .item .icon { width: 25px; height: 25px; }
    .accordion-list .item.link .icon { width: 15px; height: 30px; overflow: hidden; }
    .accordion-list .item.link .icon .bar1 { width: 17px; top: 9px; }
    .accordion-list .item.link .icon .bar2 { width: 17px; bottom: 9px; }
    .accordion-list .item .categories { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-top: 15px; }

    .medals img { width: 100px; }
    .medals { word-spacing: 20px; margin-bottom: 10px; }

    #judges .holder { padding: 40px 20px; }
    .juror-listing { margin-top: 40px; }
    /*.juror-listing .item .title img { display: none; }*/
    .juror-listing .item .title img { width: 50px; height: 50px; margin-right: 10px; }
    .juror-listing .item .title .link-wrapper { display: none; }
    .juror-listing .item .title .name { font-size: 30px; letter-spacing: 0.025em; line-height: normal; margin-top: 5px; }
    .juror-listing .item .title { line-height: 50px; }
    .juror-listing .item { padding: 10px 0; }
    .juror-listing .item .icon { margin-top: 15px; width: 25px; height: 25px; }
    .juror-listing .item .bio .image-wrapper img { width: 150px; height: 150px; }
    .juror-listing .item .bio .image-wrapper { float: left; margin: 0 0 10px 0; padding: 0; width: 100%; }
    .juror-listing .item .bio { display: block; margin-top: 5px; }
    .juror-listing .item .bio .text-wrapper { font-size: 14px; line-height: 22px; letter-spacing: normal; }
    .juror-listing .item .link-wrapper-bio { margin-bottom: 20px; display: block; }
    .juror-listing .item .link-wrapper-bio a { font-size: 14px;  letter-spacing: normal; line-height: 22px; }

    #deadlines { margin-top: 35px; }
    .conditions-listing { margin-top: 35px; margin-bottom: 35px; }
    .conditions-listing .item .title { font-size: 30px; letter-spacing: 0.025em; margin-bottom: 0px; }
    .conditions-listing .item .description { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-top: 15px; }
    .conditions-listing .item { padding: 18px 0 15px 0; }
    .conditions-listing .item.link .icon { width: 15px; height: 30px; }
    .conditions-listing .item.link .icon .bar1 { width: 17px; top: 9px; }
    .conditions-listing .item.link .icon .bar2 { width: 17px; bottom: 9px; }

    #contact .holder { padding: 40px 20px 20px; }
    #contact .text-header-left .title { text-align: center; }
    #contact .content-text { text-align: center; }
    #contact form { margin-top: 30px; }
    #contact .input-wrapper { margin-bottom: 20px; }
    #contact .input-wrapper input[type=submit] { display: inline-block; float: none; }

    #footer .logo img { max-width: 100%; width: 230px; }
    #footer .left { width: 100%; }
    #footer .right { width: 100%; position: relative; }
    #footer .social { float: none; position: absolute; top: -40px; right: 0; }
    #footer .menu a { font-size: 14px; }
    #footer .menu { word-spacing: 15px; margin-top: 35px; }
    #footer .newsletter-form .description { font-size: 24px; line-height: 30px; letter-spacing: 0.025em; }
    #footer .bottom { margin-top: 40px; font-size: 10px; letter-spacing: 0.025em; }
    #footer { padding: 40px 0; }
    #contact .input-wrapper input[type=text] { font-size: 14px; letter-spacing: 0.01em; }
    #contact .input-wrapper textarea { font-size: 14px; letter-spacing: 0.01em; }
    #footer form input[type=text] { font-size: 14px; letter-spacing: 0.01em; }

    .auth-popup .popup-content h2 { font-size: 24px; line-height: 30px; }
    .auth-popup .input-wrapper input[type=text] { font-size: 14px; }
    .auth-popup .input-wrapper input[type=password] { font-size: 14px; }
    .auth-popup .whole-width.login-input { margin-bottom: 20px; }
    .auth-popup .reset-password a { font-size: 10px; }
    .auth-popup .not-registered { font-size: 10px; }
    .auth-popup .reset-login { margin-bottom: 20px; }

    #subpage-banner { height: 260px;; }
    #subpage-banner img { height: 260px; }
    #subpage-banner .author { font-size: 9px; }

    #subpage-content { margin-top: 35px; margin-bottom: 40px; }
    #subpage-content .text-content-right .listing { margin-top: 35px; }
    #subpage-content .text-content-right .listing .title { font-size: 30px; letter-spacing: 0.025em; margin-bottom: 15px; }
    #subpage-content .text-content-right .listing .item { padding: 18px 0 15px 0; }
    #subpage-content .text-content-right .listing { font-size: 14px; line-height: 22px; letter-spacing: normal; }
    #subpage-content .text-content-right .listing .item.link .icon { width: 15px; height: 30px; overflow: hidden; }
    #subpage-content .text-content-right .listing .item.link .icon .bar1 { width: 17px; top: 9px; }
    #subpage-content .text-content-right .listing .item.link .icon .bar2 { width: 17px; bottom: 9px; }

    .text-header-left .subtitle { font-size: 10px; margin-top: 10px; }

    #subpage-content .text-content-right .listing .subtitle { text-decoration: underline; }

    #auth-content .successMessage { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-bottom: 0; }
    #auth-content { margin-top: 40px; }
    #auth-content #form-register { margin-top: 35px; }
    #auth-content #form-register .left { width: 100%; padding-right: 0; }
    #auth-content #form-register .right { width: 100%; padding-left: 0; }
    #auth-content .input-wrapper { margin-bottom: 15px; }
    #auth-content .input-wrapper input[type=text] { font-size: 14px; }
    #auth-content .input-wrapper input[type=password] { font-size: 14px; }
    #auth-content .input-wrapper input[type=submit] { max-width: none; }

    .control { font-size: 14px; padding-left: 35px; }
    .control_indicator { height: 20px; width: 20px; border-radius: 10px; top: -2px; }
    .control-checkbox .control_indicator:after { left: 6px; top: 2px; width: 4px; height: 10px; }
    #auth-content #login-content .button-wrapper { margin-bottom: 35px; }
    #auth-content #login-content .button-wrapper a { max-width: none; }
    #auth-content #login-content { margin-top: 35px; }

    .dropdown { margin-right: 0; }
    .dropdown.edition { max-width: 170px; }
    .dropdown.award-type { max-width: none; margin-top: 20px; }
    .dropdown.winners { max-width: none; margin-top: 20px; }

    #gallery-content h1 { font-size: 24px; line-height: 30px; letter-spacing: 0.025em; margin-bottom: 25px; }
    #gallery-content { margin-top: 25px; }

    .header h2 { margin: 20px 0; font-size: 30px; letter-spacing: 0.025em; padding-top: 18px; padding-bottom: 12px; line-height: normal; }

    .entry.main-award .image-wrapper { margin-bottom: 18px; }
    .entry.main-award .image-wrapper img { height: 400px; }

    .entry .image-wrapper { margin-bottom: 18px; }
    .entry .description-wrapper .author-name { font-size: 19px; line-height: 22px; letter-spacing: normal; margin-bottom: 25px; }
    .entry .description-wrapper .entry-title { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-bottom: 25px; }
    .entry .description-wrapper .award-name { font-size: 14px; line-height: 22px; letter-spacing: 0.05em; margin-bottom: 25px; }

    .gallery-listing { grid-template-columns: 1fr; }
    .gallery-listing.category-listing { grid-template-columns: 1fr; margin-top: 20px; }
    .entry .image-wrapper img { height: 400px; }
    .honor .entry .image-wrapper img { height: 400px; }
    .category-listing .entry .image-wrapper img { height: 400px; }
    .gallery-listing.honor { grid-template-columns: 1fr; }

    .dropdown { font-size: 14px; }

    #details-img img { margin-bottom: 10px; }
    #details-info .author { font-size: 19px; line-height: 22px; letter-spacing: normal; }
    #details-info .title { font-size: 19px; line-height: 22px; letter-spacing: normal; }
    #details-info { font-size: 14px; line-height: 22px; letter-spacing: normal; }
    #details-info .header { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-bottom: 15px; }
    #details-back { font-size: 14px; margin-top: 30px; }
}

@media screen and (max-width: 550px) {
    #banner-middle .author { font-size: 16px; padding-top: 15px; margin-top: 25px; }
}

@media screen and (max-width: 500px) {
    #logo-menu-main { margin-top: 20px; }
    .inline-list { font-size: 18px; }
    #contest-description .deadline { font-size: 20px; }
    #randomWinners #banner-main-mobile { margin-top: 20px; }
    #newsletter .form form input[type=text] { width: 250px; }
}

@media screen and (max-width: 470px) {
    #newsletter .title .title { font-size: 36px; }
    #timer .countdown { word-spacing: 50px; }
    #footer form input[type=text] { width: 200px; }
}

@media screen and (max-width: 460px) {
    #login-popup .popup-content { padding-left: 20px; padding-right: 20px; }
    #newsletter .form form input[type=text] { width: 200px; }
}

@media screen and (max-height: 450px) {
    #login-popup { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: auto; }
    #login-popup .vertical-align-middle { width: 100%; top: 0; transform: translateY(0); }
    #footer a.logo, #footer .menu { display: inline-block; float: none; }
}

@media screen and (max-width: 410px) {
    #newsletter .form form input[type=text] { width: 150px; }
}

@media screen and (max-width: 400px) {
    #logo-menu-main img { max-width: 200px; }
    .icon-mobail-menu { margin-top: 0; }

    #timer .countdown { word-spacing: 30px; }
}

@media screen and (max-width: 380px) {
    .entry.main-award .image-wrapper img { height: 288px; }
    .entry .image-wrapper img { height: 288px; }
    .category-listing .entry .image-wrapper img { height: 288px; }
    .honor .entry .image-wrapper img { height: 288px; }
}

@media screen and (max-width: 370px) {
    #footer form input[type=text] { width: 150px; }
}

@media screen and (max-width: 360px) {
    #newsletter .form form { text-align: center; }
    #newsletter .form form input[type=text] { width: 100%; display: inline-block; }
    #newsletter .form form input[type=submit] { width: 100%; display: inline-block; float: none; margin-top: 20px; }
    #banner-middle .text .auth { font-size: 14px; line-height: 22px; letter-spacing: normal; margin-top: 20px; display: inline-block; }
}