@import url('gambetta.css');
@import url('satoshi.css');

html {  position: relative; width: 100%; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body { width: 100%; font-family: Gambetta-Medium, sans-serif; font-size: 22px; background: #ffffff; color: #000000; font-weight: 500; }

.hidden { display: none; }

.info-flash { width: 400px; max-width: 96%; position: fixed; top: 2%; right:0; left: 0; margin: auto; z-index: 1000; }
.info-flash .error, .info-flash .success { padding: 31px; font-size: 16px; text-align: center; }
.info-flash .error { background: #ffb2b2; color: #ff2323; }
.info-flash .success { background: #c9ffb9; color: #1f801e; }

.content-whole { width: 100%; float: left; box-sizing: border-box; padding: 0 18px; }
.content-1272 { width: 100%; max-width: 1272px; box-sizing: border-box; margin: 0 auto; }
.content-1160 { width: 100%; max-width: 1160px; box-sizing: border-box; margin: 0 auto; }
.content-1088 { width: 100%; max-width: 1088px; box-sizing: border-box; margin: 0 auto; }

.header { font-family: Satoshi-Bold, sans-serif; font-size: 42px; text-transform: uppercase; line-height: 56px; display: inline-block; margin-bottom: 15px; width: 100%; margin-top: -8px; }
.subheader { font-size: 24px; text-transform: uppercase; display: inline-block; width: 100%; }

a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
input, textarea { border-radius: 0; -webkit-appearance: none; }

a.btn { display: inline-block; height: 75px; line-height: 75px; padding: 0 60px; font-family: Satoshi-Bold, sans-serif; font-size: 24px; text-align: center; background: #eda900; color: #000000; }
a.btn:hover { background: #eeaf19; }

#main-item { width: 100%; max-width: 1366px; margin: 0 auto; display: flex; flex-direction: column; min-height: 100%; height: 100%; }
#main-content { flex: 1 0 auto; position: relative; }
#footer { flex-shrink: 0; }

#top { z-index: 999; position: relative; }
#top.home, #top.information_index, #top.terms_index, #top.book_index { margin-bottom: -100%; }
#top .logo  { float: left; }
#top .logo img { height: 36px; float: left; }
#top .menu-holder { background: #ffffff; display: block; padding: 32px 56px; }
#top .mobile-menu { display: none; }

#menu { list-style: none; float: right; word-spacing: 23px; margin: 3px 0 0; padding: 0; }
#menu li { display: inline-block; word-spacing: normal; padding: 0; }
#menu li a { color: #000000; font-family: Satoshi-Bold, sans-serif; font-size: 16px; text-decoration: none; }
#menu li a.active, #menu li a:hover { color: #eda900; }
#menu li a.social { height: 24px; width: 24px; display: block; text-indent: -9999px; }
#menu li a.facebook { background-image: url("../img2/socialmedia-02.svg"); }
#menu li a.facebook:hover { background-image: url("../img2/socialmedia-02-gold.svg"); }
#menu li a.instagram { background-image: url("../img2/socialmedia-01.svg"); margin-left: -20px; }
#menu li a.instagram:hover { background-image: url("../img2/socialmedia-01-gold.svg"); margin-left: -20px; }

#main-banner { width: 100%; height: 723px; display: block; background-image: url("../img2/top-main-bg.png"); float: left; z-index: 1; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; }
#main-banner.information_index { height: 500px; background-image: url("../img2/top-banner-info.png"); }
#main-banner.terms_index { height: 500px; background-image: url("../img2/top-banner-rules.png"); }
#main-banner.book_index { height: 500px; background-image: url("../img2/top-banner-book.png"); }
#main-banner .author { position: absolute; bottom: 13px; right: 20px; font-family: Satoshi-Regular, sans-serif; font-size: 16px; color: #ffffff; opacity: 0.5; text-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }
#main-banner.information_index .author { opacity: 0.9; }
#main-banner.terms_index .author { opacity: 0.9; }
#main-banner.book_index .author { opacity: 0.9; }
#main-banner .content { position: absolute; top: 250px; left: 0; width: 100%; text-align: center; color: #ffffff; }
#main-banner .content .line { display: inline-block; width: 100%; float: left; }
#main-banner .content .line1 { font-size: 24px; text-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }
#main-banner .content .line2 { font-family: Satoshi-Bold, sans-serif; font-size: 62px; line-height: 62px; margin-top: 30px; margin-bottom: 35px; text-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }

#about { margin-top: 160px; }
#about .left { width: 410px; float: left; }
#about .right { margin-left: 460px; }

form { width: 100%; float: left; margin: 0; padding: 0; }

#newsletter { margin-top: 90px; text-align: center; z-index: 1; position: relative; }
#newsletter .content-1088 { background-image: url("../img2/newsletter-bg.png"); padding: 80px 20px 90px 20px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
#newsletter form { float: none; display: inline-block; max-width: 720px; width: 100%; margin-top: 37px; }
#newsletter .form-holder { width: 100%; display: flex; }
#newsletter .form-holder .left { flex: 1; padding-right: 16px; }
#newsletter .form-holder .right { width: 222px; }
#newsletter .form-holder input { width: 100%; box-sizing: border-box; }
#newsletter .form-holder input[type=text] { border: 2px solid #6a3253; background: none; height: 77px; padding-left: 20px; padding-right: 20px; color: #000000; font-family: Gambetta-Medium, sans-serif; font-size: 24px; }
#newsletter .form-holder input[type=text]::-webkit-input-placeholder { color: #000000; }
#newsletter .form-holder input[type=text]:-moz-placeholder { color: #000000; opacity: 1; }
#newsletter .form-holder input[type=text]::-moz-placeholder { color: #000000; opacity: 1; }
#newsletter .form-holder input[type=text]:-ms-input-placeholder { color: #000000; }
#newsletter .form-holder input[type=submit] { cursor: pointer; border: 1px solid #6a3253; background: #000000; height: 77px; text-align: center; color: #ffffff; font-family: Satoshi-Bold, sans-serif; font-size: 24px; }
#newsletter .form-holder input[type=submit]:hover { background: #181818; }

#prizes { background: #000000; color: #ffffff; padding-top: 410px; padding-bottom: 140px; margin-top: -299px; z-index: 0; position: relative; }
#prizes .left { width: 410px; float: left; }
#prizes .left img { margin-top: 38px; }
#prizes .right { margin-left: 460px; }
#prizes .content { float: left; width: 100%; }
#prizes .awards { width: 100%; float: left; max-width: 590px; margin-top: 35px; margin-bottom: 25px; }
#prizes .awards .item { width: 100%; float: left; margin-bottom: 10px; }
#prizes .awards .title { float: left; font-size: 24px; font-family: Satoshi-Bold, sans-serif; }
#prizes .awards .prize { float: right; }

#winners-info { margin-top: 70px; text-align: center; }
#winners-info .content { display: inline-block; margin-top: 20px; }
#winners-info .button-wrapper { display: inline-block; margin-top: 60px; }

#jury { margin-top: 110px; text-align: center; }
#jury .listing { width: 100%; float: left; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 64px; margin-top: 65px; }
#jury .listing .item img { border-radius: 50% }
#jury .listing .item .name { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: uppercase; font-family: Satoshi-Bold, sans-serif; font-size: 24px; margin-top: 20px; }
#jury .listing .item .line1 { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 5px; margin-bottom: 5px; }
#jury .listing .item .line3 { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: Satoshi-Bold, sans-serif; font-size: 22px; }

#join { background-image: url("../img2/join-bg.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; text-align: center; margin-top: 140px; padding-top: 110px; }
#join .header { max-width: 800px; }
#join .columns { width: 100%; float: left; margin-bottom: -115px; margin-top: 100px;}
#join .columns .column { width: 50%; box-sizing: border-box; }
#join .columns .column .inside { background: #000000; padding: 110px 20px; color: #ffffff; }
#join .columns .column .inside span.strong { font-family: Satoshi-Bold, sans-serif; font-size: 24px; text-transform: uppercase; }
#join .columns .column-left { float: left; padding-right: 11px; }
#join .columns .column-right { float: right; padding-left: 11px; }

#badges { margin-top: 230px; text-align: center; }
#badges .desc { display: inline-block; max-width: 700px; width: 100%; }
#badges .listing { width: 100%; float: left; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 30px; margin-top: 90px; }
#badges .listing .item img { border-radius: 50% }
#badges .button-wrapper { width: 100%; float: left; margin-top: 115px; }

#partners { text-align: center; margin-top: 150px; }
#partners .listing { text-align: justify; text-align-last: justify; word-spacing: 60px; margin-top: 65px; }
#partners .listing a { display: inline-block; margin-bottom: 70px; }

#subbanner { text-align: center; margin-top: 80px; margin-bottom: -115px; }
#subbanner .image-wrapper { display: block; width: 100%; position: relative; height: 650px; background-image: url("../img2/subbanner.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; }
#subbanner.information_index .image-wrapper {background-image: url("../img2/bottom-banner-info.png"); }
#subbanner.terms_index .image-wrapper {background-image: url("../img2/bottom-banner-rules.png"); }
#subbanner.book_index .image-wrapper {background-image: url("../img2/bottom-banner-book.png"); }
#subbanner.terms_index .author { color: #000000; }
#subbanner.book_index .author { color: #ffffff; }
#subbanner .author { position: absolute; bottom: 13px; right: 20px; font-family: Satoshi-Regular, sans-serif; font-size: 16px; color: #ffffff; opacity: 0.8; text-shadow: 0 0 12px rgb(0 0 0 / 30%); }

#footer { background-color: #000000; color: #ffffff; padding-top: 228px; padding-bottom: 140px;}

#footer .logo { width: 390px; float: left; }
#footer .menu { list-style: none; float: right; margin: 3px 0 0; padding: 0; }
#footer .menu li { display: inline-block; word-spacing: normal; padding: 0; margin-left: 40px; }
#footer .menu li a { color: #ffffff; font-family: Satoshi-Bold, sans-serif; font-size: 16px; text-decoration: none; display: inline-block; }
#footer .menu li a.active, #footer .menu li a:hover { color: #eda900; }
#footer .menu li a.social { height: 24px; width: 24px; display: block; text-indent: -9999px; }
#footer .menu li a.facebook { background-image: url("../img2/socialmedia-02-light.svg"); }
#footer .menu li a.facebook:hover { background-image: url("../img2/socialmedia-02-gold.svg"); }
#footer .menu li a.instagram { background-image: url("../img2/socialmedia-01-light.svg"); }
#footer .menu li.instagram { margin-left: 5px; }
#footer .menu li.facebook { margin-left: 145px; }
#footer .menu li a.instagram:hover { background-image: url("../img2/socialmedia-01-gold.svg"); }
#footer .content-1160 { margin-bottom: 115px; }
#footer .content-1088 .left { float: left; width: 425px; margin-top: 5px; }
#footer .content-1088 .left .copy { color: #a3a3a3; font-size: 16px; font-family: Satoshi-Regular, sans-serif; margin-top: 93px; }
#footer .content-1088 .right { margin-left: 458px; }
#footer .mobile { display: none; }

.only-mobile { display: none; }

#information-page .info-top-menu { width: 100%; float: left; text-align: center; word-spacing: 50px; margin-top: 67px; }
#information-page .info-top-menu ul { display: inline-block; list-style: none; margin: 0; padding: 0; word-spacing: 26px; }
#information-page .info-top-menu ul li { display: inline-block; word-spacing: normal; font-family: Satoshi-Bold, sans-serif; font-size: 16px; text-transform: uppercase; }
#information-page .info-top-menu ul li a:hover, #information-page .info-top-menu ul li a.active { text-decoration: underline; }
#information-page .info-top-menu .button-wrapper { display: inline-block; word-spacing: normal; }
.content-page .content { width: 100%; max-width: 910px; padding: 0 35px; margin: 60px auto 0; box-sizing: border-box; }
.content-page .content h2 { font-family: Satoshi-Bold, sans-serif; font-size: 42px; text-transform: uppercase; line-height: 56px; display: inline-block; width: 100%; margin: 0 0 25px 0; padding: 0; }
.content-page .content .text { width: 100%; float: left; margin-bottom: 70px; box-sizing: border-box; }
.content-page .content .text strong { font-family: Gambetta-Bold, sans-serif; }
.content-page .content .text strong.satoshi { font-family: Satoshi-Bold, sans-serif; }
.content-page .content .text .italic { font-family: Gambetta-MediumItalic, sans-serif; }
.content-page .content .text .cols { width: 100%; float: left; word-spacing: 120px; margin-top: 30px; }
.content-page .content .text .col { display: inline-block; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; line-height: 34px; word-spacing: normal; }

.terms-page.content-page .content { margin-top: 140px; }

#login-form-wrapper { margin-bottom: -165px; }
#login-form-wrapper .content-1088 { background-image: url(../img2/login-form-bg.png); padding: 80px 20px 60px 20px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; text-align: center; margin-top: 90px; }
#login-form-wrapper .content-1088.register { background-image: url(../img2/register-form-bg.png); }
#login-form-wrapper .content-1088.contact { background-image: url(../img2/contact-form-bg.png); }
#login-form-wrapper .content-1088 form { max-width: 721px; width: 100%; display: inline-block; float: none; margin: 20px 0; padding: 0; }
#login-form-wrapper .content-1088 form input[type=text], #login-form-wrapper .content-1088 form input[type=password] { box-sizing: border-box; border: 2px solid #6a3253; background: none; height: 77px; padding-left: 20px; padding-right: 20px; color: #000000; font-family: Gambetta-Medium, sans-serif; font-size: 24px; width: 100%; }
#login-form-wrapper .content-1088 form textarea { box-sizing: border-box; border: 2px solid #6a3253; background: none; height: 320px; padding-left: 20px; padding-right: 20px; color: #000000; font-family: Gambetta-Medium, sans-serif; font-size: 24px; width: 100%; padding-top: 15px; padding-bottom: 15px; }
#login-form-wrapper .content-1088 form input[type=submit] { cursor: pointer; border: 1px solid #6a3253; background: #000000; height: 77px; text-align: center; color: #ffffff; font-family: Satoshi-Bold, sans-serif; font-size: 24px; width: 100%; }
#login-form-wrapper .content-1088 form input[type=submit]:hover { background: #181818; }
#login-form-wrapper .content-1088 .row { width: 100%; float: left; }
#login-form-wrapper .content-1088 form .row { margin-bottom: 16px }
#login-form-wrapper .content-1088 form .row .error-wrapper { width: 100%; float: left; }
#login-form-wrapper .content-1088 form .row .error-wrapper .errorMessage { padding-top: 5px; font-size: 18px; color: #9f0000; }
#login-form-wrapper .content-1088 form input::-webkit-input-placeholder { color: #000000; }
#login-form-wrapper .content-1088 form input:-moz-placeholder { color: #000000; opacity: 1; }
#login-form-wrapper .content-1088 form input::-moz-placeholder { color: #000000; opacity: 1; }
#login-form-wrapper .content-1088 form input:-ms-input-placeholder { color: #000000; }
#login-form-wrapper .content-1088 form textarea::-webkit-input-placeholder { color: #000000; }
#login-form-wrapper .content-1088 form textarea:-moz-placeholder { color: #000000; opacity: 1; }
#login-form-wrapper .content-1088 form textarea::-moz-placeholder { color: #000000; opacity: 1; }
#login-form-wrapper .content-1088 form textarea:-ms-input-placeholder { color: #000000; }
#login-form-wrapper .satoshi { font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; }
#login-form-wrapper .row.forgot { font-size: 24px; margin-bottom: 24px; }
#login-form-wrapper .row.register { font-size: 24px; }
#login-form-wrapper .subheader { margin-top: 5px; margin-bottom: 20px; }

body.auth_login, body.auth_recoverPassword, body.auth_register, body.auth_registrationCompleted, body.auth_recoverPasswordCompleted, body.auth_changePassword, body.contact_index, body.winnersGallery_grandPrize, body.winnersGallery_show { background: linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 320px, rgba(255,255,255,1) 100%); }

#login-form-wrapper.contact { margin-bottom: 90px; }

#contact-info-wrapper { text-align: center; margin-bottom: 100px; }
#contact-info-wrapper .listing { float: left; width: 100%; word-spacing: 50px; margin-top: 55px; }
#contact-info-wrapper .listing a { word-spacing: normal; display: inline-block; float: none; margin-bottom: 30px; }

#gallery-nav .dropdown { width: 100%; float: left; display: block; height: 74px; box-sizing: border-box; line-height: 74px; font-size: 16px; letter-spacing: 0.025em; cursor: pointer; color: #000000; text-transform: uppercase; position: relative; }
#gallery-nav .dropdown.edition { max-width: 350px; text-align: center; }
#gallery-nav .dropdown.award-type { max-width: 250px; }
#gallery-nav .dropdown.winners { max-width: 250px; }
#gallery-nav .dropdown .selected { width: 100%; position: relative; box-sizing: border-box; padding: 0 18px; border: 1px solid #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Satoshi-Bold, sans-serif; font-size: 24px; }
#gallery-nav .dropdown .selected .icon { width: 22px; height: 11px; position: absolute; top: 33px; right: 24px; overflow: hidden; }
#gallery-nav .dropdown .selected .icon .bar1 { height: 1px; display: block; background: #000000; position: absolute; left: -2px; width: 16px; top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#gallery-nav .dropdown .selected .icon .bar2 { height: 1px; display: block; background: #000000; position: absolute; left: 8px; width: 16px; top: auto; bottom: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#gallery-nav .dropdown .selected:hover .icon .bar1 { background: #000000; }
#gallery-nav .dropdown .selected:hover .icon .bar2 { background: #000000; }
#gallery-nav .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; font-family: Satoshi-Bold, sans-serif; font-size: 24px; }
#gallery-nav .dropdown .item:hover { background: #c5c5c5; }
#gallery-nav .dropdown .list { display: none; position: absolute; z-index: 250; top: 76px; left: 0; width: 100%;box-sizing: border-box; border: 1px solid #000000; border-top: none; background: #ffffff; }
#gallery-nav .dropdown.open .list { display: block; }
#gallery-nav .dropdown.open .selected .icon { display: block; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#gallery-nav { float: left; width: 100%; margin-top: 70px; margin-bottom: 60px; }
#gallery-nav .row1 { float: left; width: 100%; }
#gallery-nav .row2 { float: left; width: 100%; margin-top: 70px; }
#gallery-nav .grid { float: left; box-sizing: border-box; }
#gallery-nav .grid a { font-size: 16px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; }
#gallery-nav .grid a:hover, #gallery-nav .grid a.active { text-decoration: underline; }
#gallery-nav .grid-1-1 { width: 41%; }
#gallery-nav .grid-1-2 { width: 17%; margin-top: 25px; }
#gallery-nav .grid-1-3 { width: 24%; margin-top: 25px; }
#gallery-nav .grid-1-4 { width: 18%; margin-top: 25px; }
#gallery-nav .grid-2-1 { width: 19%; }
#gallery-nav .grid-2-2 { width: 22%; }
#gallery-nav .grid-2-3 { width: 17%; }
#gallery-nav .grid-2-4 { width: 24%; }
#gallery-nav .grid-2-5 { width: 18%; }
#gallery-nav .mobile-subcategories { display: none; }

.content-grand-prize { float: left; width: 100%; margin-bottom: 130px; }
.header.gallery { text-align: center; margin-bottom: 60px; }
.content-grand-prize .item.first { padding-right: 8px; }
.content-grand-prize .item.second { padding-left: 8px; }
.content-grand-prize .item  { float: left; box-sizing: border-box; width: 50%; }
.content-grand-prize .item img  { width: 100%;  }
.content-grand-prize .item .desc { float: left; width: 100%; margin-top: 40px; text-align: center; }
.content-grand-prize .item .desc .award { font-size: 22px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; }
.content-grand-prize .item .desc a { font-size: 16px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; }
.content-grand-prize .item .desc a:hover { text-decoration: underline; }

body.winnersGallery_grandPrize #footer, body.winnersGallery_level #footer, body.winnersGallery_index #footer, body.winnersGallery_show #footer { padding-top: 100px; }

.level-listing { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px; margin-bottom: 130px; }
.level-listing a { position: relative; float: left; display: block; height: 280px; overflow: hidden; }
.level-listing a img { object-fit: cover; width: 100%; height: 280px; }
.level-listing a .desc { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.2); color: #ffffff; font-size: 16px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; text-align: center; }
.level-listing a:hover .desc { background: rgba(0, 0, 0, 0.1); }
.level-listing a .desc .content { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) }

.level-listing2 { width: 100%; float: left; margin-bottom: 60px; text-align: center; }
.level-listing2 .item { width: 100%; float: left; margin-bottom: 65px; }
.level-listing2 .item .row { width: 100%; float: left; }
.level-listing2 .item .award { font-size: 22px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; margin-top: 30px; }
.level-listing2 .item .row a.details { font-size: 16px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; }
.level-listing2 .item .row a.details:hover { text-decoration: underline; }

.honorable { float: left; width: 100%; }
.honorable .list { float: left; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px; margin-bottom: 90px; text-align: center; }
.honorable .item { width: 100%; margin-bottom: 50px; }
.honorable .item .row { float: left; width: 100%; }
.honorable .item img { object-fit: cover; width: 100%; height: 280px; }
.honorable .item .link a { font-size: 16px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; }
.honorable .item .link a:hover { text-decoration: underline; }
.honorable .item .row.author { margin-top: 30px; }

.details-gallery { width: 100%; float: left; text-align: center; margin-bottom: 90px; }
.details-gallery .row { width: 100%; float: left; }
.details-gallery .row2 { width: 100%; display: inline-block; max-width: 915px; }
.details-gallery .image-wrapper { margin-bottom: 35px; }
.details-gallery .title { margin-bottom: 50px; }
.details-gallery .description { margin-bottom: 50px; }
.details-gallery .bio { margin-bottom: 50px; }
.details-gallery .subheader2 { font-family: Satoshi-Bold, sans-serif; margin-bottom: 30px; }
.details-gallery .back a { font-size: 16px; font-family: Satoshi-Bold, sans-serif; text-transform: uppercase; }
.details-gallery .back a:hover { text-decoration: underline; }

.book-content .item { position: relative; }
.book-content .links { position: absolute; top: 12px; right: 0; }
.book-content .links a { font-size: 22px; font-family: Satoshi-Bold, sans-serif; }
.book-content .links a:hover { text-decoration: underline; }
.book-content .links br { display: none; }

img.main-img { cursor: zoom-in; }

#zoom-image { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; background: #ffffff; overflow: hidden; display: none; }
#zoom-image .table { width: 100%; height: 100vh; display: table; }
#zoom-image .table .content { width: 100%; display: table-row; background: green; }
#zoom-image .table .content img { max-width: 100%; max-height: 100%; }
#zoom-image .table .bottom { width: 100%; height: 77px; display: table-row; background: yellow; }
#zoom-image .zoom-top { width: 100%; float: left; height: 77px; display: block; padding: 0 25px; box-sizing: border-box; position: fixed; }
#zoom-image .zoom-top .zoom-close { float: right; line-height: 77px; }
#zoom-image .zoom-top .zoom-close a { text-indent: -9999px; width: 32px; height: 32px; background: url('../img2/zoom-close-button-2.png') no-repeat center center; display: inline-block; margin-top: 21px; margin-left: 40px; }
#zoom-image .zoom-top .zoom-count { float: right; line-height: 77px; font-size: 18px; }
#zoom-image .zoom-left { position: fixed; left: 0; top: 0; width: 80px; height: 100%; }
#zoom-image .zoom-right { position: fixed; right: 0; top: 0; width: 80px; height: 100%; }
#zoom-image .zoom-bottom { width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 16px; padding-bottom: 25px; }
/*#zoom-image .zoom-top a:hover, #zoom-image .zoom-right a:hover, #zoom-image .zoom-left a:hover {  opacity: 0.5; filter: alpha(opacity=50); }*/
#zoom-image .zoom-left a { position: relative; top: 50%; transform: translateY(-50%); width: 32px; height: 53px; text-indent: 9999px; background: url('../img2/arrow-details-left.png') no-repeat center center; display: inline-block; }
#zoom-image .zoom-left a:hover { background-color: rgba(240, 240, 240, 0.7); }
#zoom-image .zoom-right a { position: relative; top: 50%; transform: translateY(-50%); width: 32px; height: 53px; text-indent: 9999px; background: url('../img2/arrow-details-right.png') no-repeat center center; display: inline-block; }
#zoom-image .zoom-right a:hover { background-color: rgba(240, 240, 240, 0.7); }
#zoom-main-container { width: 100%; height: 100%; padding: 50px 180px 50px; box-sizing: border-box; text-align: center; }

#slider .page { width: 1280px; height: 672px; overflow: hidden; position: relative; }
#slider { margin-bottom: 45px; }
#slider .nav-left { position: absolute; z-index: 400; top: 50%; left: 25px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); }
#slider .nav-left:hover, #slider .nav-right:hover { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2); }
#slider .nav-left a { width: 35px; height: 54px; background: url('../img2/prev_slider.png') center no-repeat; display: block; text-indent: -9999px; }
#slider .nav-right { position: absolute; top: 50%; right: 25px; z-index: 400; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); }
#slider .nav-right a { width: 35px; height: 54px; background: url('../img2/next_slider.png') center no-repeat; display: block; text-indent: -9999px;  }
#slider .author { position: absolute; bottom: 15px; right: 30px; font-size: 14px; color: #ffffff; text-shadow: 0 0 5px rgba(16, 16, 16, 1); }
#slider .main-box { position: absolute; z-index: 400; background: #ffffff; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; padding: 60px; box-sizing: border-box; width: 930px; -webkit-box-shadow: 0 0 29px 0 rgba(0,0,0,0.09); -moz-box-shadow: 0 0 29px 0 rgba(0,0,0,0.09); box-shadow: 0 0 29px 0 rgba(0,0,0,0.09); }
#slider .main-box .close-button { color: #000000; font-size: 18px; position: absolute; top: 5px; right: 10px; }
.submit-entry .close-button { color: #000000; font-size: 18px; position: absolute; top: 7px; right: 13px; }
#slider .main-box .close-button a, .submit-entry .close-button a { color: inherit; text-decoration: none; }
#slider .main-box .close-button a:hover, .submit-entry .close-button a:hover { color: #ff4400; text-decoration: underline; }
#slider .main-box .description { color: #101e24; font-size: 18px; }
#slider .main-box a.button { margin-top: 30px; padding: 10px 10px; max-width: 320px; width: 100%; box-sizing: border-box; }
#slider .main-box.login  { padding: 35px 17px 25px 17px; display: none; }
#mainSlider { width: 2000px; position: relative; top: 0; left: 0; height: 672px; overflow: hidden; }
#mainSlider.subpage { height: auto; max-width: 100%; }
#mainSlider .item { float: left; }
#mainSlider .item .desc { font-size: 12px; color: #101e24; padding-bottom: 10px; background: #ffffff; }
#mainSlider .item img { margin-right: 10px; margin-bottom: 5px; }
#slider img.single { width: 100%; }

@media screen and (max-width: 1260px) {
    #menu { word-spacing: 18px; margin-top: 0; }
    #top .logo img { height: 30px; }
    #top .menu-holder { padding-left: 18px; padding-right: 18px; }
}

@media screen and (max-width: 1200px) {
    #footer .menu li.facebook { margin-left: 40px; }
    #information-page .info-top-menu .button-wrapper { width: 100%; margin-top: 40px; }
}

@media screen and (max-width: 1100px) {
    #menu { display: none; }
    #top .mobile-menu { display: block; float: right; width: 30px; margin-top: 3px; cursor: pointer; }
    #top .mobile-menu .bar { width: 100%; box-sizing: border-box; height: 3px; border: 1px solid #777777; background-color: #000000; float: left; border-radius: 1px; }
    #top .mobile-menu:hover .bar { width: 100%; box-sizing: border-box; height: 3px; border: 1px solid #eeaf19; background-color: #eda900; float: left; border-radius: 1px; }
    #top .mobile-menu .bar1, #top .mobile-menu .bar2 { margin-bottom: 8px; }

    #menu { position: absolute; left: 0; right: 0; top: 93px; background: #ffffff; padding-top: 25px; text-align: center; padding-bottom: 50px; }
    #menu li { float: left; width: 100%; display: block; }
    #menu li a { width: 100%; }
    #menu li.login { margin-top: 26px; }
    #menu li.facebook { display: inline-block; width: auto; float: none; margin-right: 2px; margin-top: 26px; }
    #menu li.instagram { display: inline-block; width: auto; float: none; margin-left: 2px; margin-top: 26px; }
    #top .menu-holder { position: relative; }

    #main-banner .content .line2 { font-size: 56px; line-height: 56px; }

    #gallery-nav .grid-1-2 { width: 15%; }
    #gallery-nav .grid-2-3 { width: 15%; }
    #gallery-nav .grid-2-5 { width: 20%; }

    #slider .main-box { padding-left: 30px; padding-right: 30px; width: 730px; }
    #slider .main-box.login .box.left { padding: 0 20px; text-align: right; }
    #slider .main-box.login .box.right { padding: 0 20px; text-align: left; }
}

@media screen and (max-width: 1060px) {
    #footer .menu li { margin-left: 25px; }
    #prizes .awards .item { margin-bottom: 25px; }
    #prizes .awards .title { width: 100%; text-align: center; }
    #prizes .awards .prize { width: 100%; text-align: center; }
}

@media screen and (max-width: 1000px) {
    #about .left { width: 100%; text-align: center; margin-bottom: 60px; }
    #about .right { float: left; width: 100%; margin: 0; text-align: center; padding: 0 18px; box-sizing: border-box; }
    #prizes .left { width: 100%; text-align: center; margin-bottom: 60px; }
    #prizes .right { float: left; width: 100%; margin: 0; text-align: center; padding: 0 18px; box-sizing: border-box; }
    #prizes .awards { max-width: none; }

    #join .columns .column { width: 100%; padding-left: 0; padding-right: 0; }
    #join .columns .column-left { margin-bottom: 20px; }

    #footer .desktop { display: none !important; }
    #footer .content-1088 .right { width: 100%; margin-left: 0; text-align: center; }
    #footer .menu-mobile { list-style: none; float: right; margin: 45px 0 0; padding: 0; text-align: center; width: 100%; }
    #footer .menu-mobile li { display: inline-block; word-spacing: normal; padding: 0; margin: 0; width: 100%; }
    #footer .menu-mobile li.login { margin-top: 26px; }
    #footer .menu-mobile li a { color: #ffffff; font-family: Satoshi-Bold, sans-serif; font-size: 16px; text-decoration: none; display: inline-block; }
    #footer .menu-mobile li a.active, #footer .menu-mobile li a:hover { color: #eda900; }
    #footer .last { width: 100%; float: left; text-align: center; margin-top: 60px; }
    #footer .last .copy { color: #a3a3a3; font-size: 16px; font-family: Satoshi-Regular, sans-serif; margin-top: 60px; }
    #footer .mobile { display: block; }

    #gallery-nav { text-align: center; }
    #gallery-nav .dropdown.edition { display: inline-block; }
    #gallery-nav .dropdown { float: none; }
    #gallery-nav .grid-1-1 { width: 100%; }
    #gallery-nav .grid-1-2 { width: 100%; margin-top: 20px; }
    #gallery-nav .grid-1-3 { width: 100%; margin-top: 10px; }
    #gallery-nav .grid-1-4 { width: 100%; margin-top: 10px; }
    #gallery-nav .row2 { display: none; }
    #gallery-nav .mobile-subcategories { display: block; line-height: 20px; margin-top: 20px; margin-bottom: 20px; width: 100%; float: left; }
    #gallery-nav .mobile-subcategories a { font-family: Satoshi-Bold, sans-serif; font-size: 14px; text-transform: uppercase; }
    #gallery-nav .mobile-subcategories a:hover, #gallery-nav .mobile-subcategories a.active { text-decoration: underline; }


    .content-grand-prize .item.first { padding-right: 0; margin-bottom: 80px; }
    .content-grand-prize .item.second { padding-left: 0; }
    .content-grand-prize .item  { float: left; box-sizing: border-box; width: 100%; }
}

@media screen and (max-width: 900px) {
    .level-listing a { height: 200px; }
    .level-listing a img { height: 200px; }
    .honorable .item img { height: 200px; }

    #slider .nav-right { top: 173px; -ms-transform: none; -webkit-transform: none; -moz-transform: none; transform: none; }
    #slider .nav-left { top: 173px; -ms-transform: none; -webkit-transform: none; -moz-transform: none; transform: none; }
    #mainSlider { height: 400px; }
    #slider .main-box { width: 95%; top: auto; left: auto; margin: -100px 0 0 0; position: relative; -ms-transform: none; -webkit-transform: none; -moz-transform: none; transform: none; display: inline-block; }
    #slider .page { height: auto; padding-bottom: 20px; }
    #slider { margin-bottom: 0; text-align: center; }
    #slider .main-box.login .box { padding-left: 30px; padding-right: 30px; }
    #slider .item img { height: 400px; }
    #mainSlider .item .desc { display: none; }
}

@media screen and (max-width: 700px) {
    #top .mobile-menu { width: 18px; }
    #top .mobile-menu .bar1, #top .mobile-menu .bar2 { margin-bottom: 4px; }
    #top .logo img { height: 23px; }
    #top .menu-holder { padding-top: 18px; padding-bottom: 18px; }

    #menu { top: 58px; }

    #main-banner { height: 544px; }
    #main-banner .content { top: 190px; }
    #main-banner .content .line1 { font-size: 14px; }
    #main-banner .content .line2 { font-size: 28px; line-height: 34px; margin-top: 25px; margin-bottom: 27px; }
    #main-banner .author { display: none; }

    a.btn { font-size: 16px; height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; }

    #about { margin-top: 45px; }
    .header { font-size: 21px; line-height: 27px; margin-top: 0; }
    #information-page .content h2 { font-size: 21px; line-height: 27px; margin-bottom: 15px; }
    .subheader { font-size: 21px; line-height: 27px; }

    #about .left { margin-bottom: 35px; }

    body { font-size: 16px; }

    #newsletter { margin-top: 40px; }
    #newsletter .content-1088 { padding: 45px 18px 50px 18px; }

    .hide-mobile { display: none !important; }
    .only-mobile { display: block !important; }

    #newsletter .form-holder input[type=text] { height: 50px; padding-left: 16px; padding-right: 16px; font-size: 16px; }
    #newsletter .form-holder input[type=submit] { height: 50px; font-size: 16px; }
    #newsletter .form-holder .left { padding-right: 12px; }
    #newsletter .form-holder .right { width: 135px; }
    #newsletter form { margin-top: 30px; }

    #login-form-wrapper .content-1088 form input[type=text], #login-form-wrapper .content-1088 form input[type=password] { height: 50px; padding-left: 16px; padding-right: 16px; font-size: 16px; }
    #login-form-wrapper .content-1088 form textarea { height: 250px; padding-left: 16px; padding-right: 16px; font-size: 16px; }
    #login-form-wrapper .content-1088 form input[type=submit] { height: 50px; font-size: 16px; }
    #login-form-wrapper .content-1088 form .row { margin-bottom: 12px }
    #login-form-wrapper .content-1088 form .row .error-wrapper .errorMessage { font-size: 14px; }
    #login-form-wrapper .row.forgot { font-size: 16px; }
    #login-form-wrapper .row.register { font-size: 16px; }
    #login-form-wrapper .content-1088 form { margin-bottom: 10px; }
    #login-form-wrapper { margin-bottom: -50px; }

    #prizes { margin-top: -211px; padding-top: 261px; padding-bottom: 48px; }
    #prizes .left { margin-bottom: 0; }
    #prizes .awards .title { font-size: 16px; }
    #prizes .awards { margin-top: 22px; margin-bottom: 0; }
    #prizes .awards .item { margin-bottom: 22px; }
    #prizes .image2 { margin-top: 25px; float: left; width: 100%; text-align: center; }

    #jury { margin-top: 45px; }
    #jury .listing { margin-top: 30px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 30px; }
    #jury .listing .item .name { font-size: 16px; }
    #jury .listing .item .line1 { font-size: 16px; margin: 0; }
    #jury .listing .item .line3 { font-size: 16px; }

    #join { padding-top: 45px; }
    #join .columns { margin-top: 30px; margin-bottom: -50px; }
    #join .columns .column .inside { padding: 45px 18px; }
    #join .columns .column .inside span.strong { font-size: 16px; }

    #badges { margin-top: 100px; }
    #badges .listing { margin-top: 45px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #badges .button-wrapper { margin-top: 45px; }

    #partners { margin-top: 45px; }

    #subbanner { margin-top: 0; margin-bottom: -45px; }
    #subbanner .image-wrapper { height: 460px; }
    #subbanner .image-wrapper .author { display: none; }

    #footer { padding-top: 80px; padding-bottom: 25px; }
    #footer .logo { width: 238px; }
    #footer .menu { margin-top: -1px; }
    #footer .content-1160 { margin-bottom: 40px; float: left; width: 100%; }
    #footer .content-1088 .right { padding: 0 18px; box-sizing: border-box; }
    #footer .menu-mobile { margin-top: 35px; }
    #footer .last { margin-top: 35px; }
    #footer .last .copy { margin-top: 45px; font-size: 11px; }
    #information-page .info-top-menu { display: none; }
    #information-page .content { text-align: center; margin-top: 45px; }
    #information-page .content .text { margin-bottom: 40px; }
    #information-page .content .text .cols { margin-top: 5px; }
    #information-page .content .text .col { line-height: 22px; }

    #main-banner.information_index { height: 544px; }
    #main-banner.terms_index { height: 544px; }
    #main-banner.book_index { height: 544px; }

    #login-form-wrapper .content-1088 { margin-top: 50px; padding: 45px 18px; }
    #login-form-wrapper .subheader { margin-bottom: 0; }

    #login-form-wrapper.contact { margin-bottom: 40px; }
    #contact-info-wrapper .listing { margin-top: 30px; word-spacing: 300px; }
    #contact-info-wrapper { margin-bottom: 20px; }

    #gallery-nav { margin-top: 30px; margin-bottom: 40px; }
    #gallery-nav .dropdown { height: 52px; line-height: 50px; width: 100%; }
    #gallery-nav .dropdown .selected { font-size: 16px; display: inline-block; }
    #gallery-nav .dropdown.edition { max-width: none; }
    #gallery-nav .dropdown .item { font-size: 16px; }
    #gallery-nav .dropdown .selected .icon { top: 20px; }
    #gallery-nav .dropdown .list { top: 52px; }
    #gallery-nav .grid-1-3 { margin-top: 5px; }
    #gallery-nav .grid-1-4 { margin-top: 5px; }
    #gallery-nav .mobile-subcategories a { font-size: 12px; }

    .header.gallery { margin-bottom: 30px; }
    .content-grand-prize .item .desc { margin-top: 10px; }
    .content-grand-prize .item .desc .award { font-size: 16px; }
    .content-grand-prize .item .desc a { font-size: 12px; }
    .content-grand-prize .item.first { margin-bottom: 20px; }
    .content-grand-prize { margin-bottom: 40px; }

    .level-listing { grid-template-columns: 1fr 1fr; margin-bottom: 40px; }
    .level-listing2 { margin-bottom: 40px; }
    .level-listing2 .item .award { margin-top: 15px; font-size: 16px; }
    .level-listing2 .item .row a.details { font-size: 12px; }
    .level-listing2 .item { margin-bottom: 15px; }
    .honorable .list { grid-template-columns: 1fr 1fr; margin-bottom: 40px; }
    .honorable .item .row.author { margin-top: 15px; }
    .honorable .item { margin-bottom: 0; }
    .honorable .item .link a { font-size: 12px; }

    body.winnersGallery_grandPrize #footer, body.winnersGallery_level #footer, body.winnersGallery_index #footer, body.winnersGallery_show #footer { padding-top: 30px; }

    .details-gallery .image-wrapper { margin-bottom: 15px; }
    .details-gallery .title { margin-bottom: 25px; }
    .details-gallery .description { margin-bottom: 25px; }
    .details-gallery .bio { margin-bottom: 25px; }
    .details-gallery .subheader2 { margin-bottom: 20px; }
    .details-gallery { margin-bottom: 40px; }

    .book-content .links { position: relative; top: 0; }
    .book-content .links br { display: inline-block; }
    .book-content .links span { display: none; }
    .book-content .links a { font-size: 16px; }
}

@media screen and (max-width: 550px) {
    #slider .nav-right { top: 98px; }
    #slider .nav-left { top: 98px; }
    #slider .main-box { margin-top: -130px; padding: 40px; }
    #partners .listing { text-align: center; text-align-last: center; word-spacing: 300px; }
}

@media screen and (max-width: 500px) {
    #jury .listing { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}

@media screen and (max-width: 450px) {
    #badges .listing { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .level-listing a { height: 250px; }
    .level-listing a img { height: 250px; }
    .honorable .item img { height: 250px; }
}

@media screen and (max-width: 435px) {
    .level-listing { grid-template-columns: 1fr; }
    .honorable .list { grid-template-columns: 1fr; }
}

@media screen and (max-width: 400px) {
    #prizes .image2 img { width: 154px; }
}

@media screen and (max-width: 375px) {
    #top .logo img { height: 20px; }
    #top .mobile-menu { margin-top: 1px; }
    #menu { top: 55px; }
}