html {  position: relative; width: 100%; }
html, body { margin: 0; padding: 0; min-height: 100%; height: 100%;}
body { width: 100%; font-family: Lato, 'Open Sans', sans-serif; font-size: 12pt; background: #ffffff; color: #515455; font-weight: 300; }
img { border: none; }
h3 { font-weight: 900; margin: 0 0 15px; }
.container { float: left; width: 100%; }
.page { width: 1376px; max-width: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; }
a { text-decoration: none; color: inherit; }
.info { width: 400px; max-width: 96%; position: fixed; top: 2%; right:0; left: 0; margin: auto; z-index: 400; }
.info .error, .info .success { padding: 31px; font-size: 16px; text-align: center; }
.info .error { background: #ffb2b2; color: #ff2323; }
.info .success { background: #c9ffb9; color: #1f801e; }
img.hide { display: none; }

.errorMessage { color: #ff2323; margin-top: 2px; font-size: 12px; width: 100%; float: left; }
form .input.error input, form .input input.error { border: 1px solid #ff2323 !important; }
.font-white { color: #ffffff; }
.font-black { color: #141416; }
.font-weight-bold, strong { font-weight: 900; }
.btn { height: 60px; font-size: 18px; line-height: 60px; padding: 0 45px; margin-top: 30px; display: inline-block; font-weight: 900; border: none; }
.btn-white, .btn-black:hover { background: #ffffff; color: #141416; }
.btn-white:hover, .btn-black { color: #ffffff; background: #141416; }

#top { background: #141416; font-size: 16px; text-align: center; position: fixed; z-index: 100; }
#top .left, #top .right { width: 50%; float: left; height: 100%; }
#top .left img { max-width: 100%; }
#top .left a { margin-top: 21px; margin-bottom: 16px; display: inline-block; }
#top .left a.mobile-menu { display: none; position: absolute; top: 0; right: 10px; width: 59px; height: 48px; text-indent: -9999px; background: url('../img/mobile-menu.png'); border: 1px solid #ffffff; }

#menu { list-style: none; word-spacing: 20px; height: 100%; margin: 35px 0 0 0; padding: 0; box-sizing: border-box; z-index: 100; }
#menu li { display: inline-block; margin: 0 0 10px 0; padding: 0; }
#menu li a { width: 100%; height: 100%; display: block }
#menu li a.facebook { text-indent: -9999px; background: url('../img/top-facebook.png'); display: block; width: 20px; height: 20px; }
#menu li.active a, #menu li:hover a { text-decoration: underline; }

#main-image {
    height: 100%; margin-top: 0;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/_paris.jpg);
}

#sub-image {
    margin-top: 0;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/_gambia_tanji_fishing_2000.jpg);
    height: 400px;
    position: relative;
}
#sub-image-author { font-size: 14px; color: #ffffff; position: absolute; bottom: 10px; right: 10px; font-weight: 900; }

#home-box-wrapper { position: absolute; top: 75%; left: 0; right: 0; -ms-transform: translate(0, -75%); -webkit-transform: translate(0, -75%); -moz-transform: translate(0, -75%); transform: translate(0, -75%); width: 100%; text-align: center; z-index: 80; }
#home-box-wrapper2 { position: absolute; top: 85%; left: 0; right: 0; -ms-transform: translate(0, -85%); -webkit-transform: translate(0, -85%); -moz-transform: translate(0, -85%); transform: translate(0, -85%); width: 100%; text-align: center; z-index: 85; padding-right: 2%; box-sizing: border-box; }
#home-box-wrapper.auth { top: 50%; left: 0; right: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); }
#home-box-wrapper.auth2 { top: 60%; left: 0; right: 0; -ms-transform: translate(0, -60%); -webkit-transform: translate(0, -60%); -moz-transform: translate(0, -60%); transform: translate(0, -60%); }
#home-box { opacity: 0; padding: 35px 65px; text-align: center; background-color: rgb(20, 20, 22); background-color: rgba(20, 20, 22, 0.84); max-width: 95%; display: inline-block; box-sizing: border-box; }
#home-box .first { font-size: 28px; display: inline-block; margin-bottom: 3px; }
#home-box-wrapper2 #home-box .first { font-size: 24px; display: inline-block; margin-bottom: 6px; }
#home-box strong { font-size: 48px; display: inline-block; margin-bottom: 3px; }
#home-box-wrapper2 #home-box strong { font-size: 44px; display: inline-block; margin-bottom: 12px; }
#home-box .second { font-size: 20px; display: inline-block; font-weight: 900; }
#home-box-wrapper2 .second { font-size: 20px; display: inline-block; font-weight: 300; margin-bottom: 15px; }
#home-box .third { font-size: 18px; display: inline-block; }
#home-box .third strong { font-size: 18px; }
#home-box-wrapper2 #home-box .third strong { font-size: 18px; }
#home-box-wrapper2 #home-box a.btn { margin-top: 5px; }

#main-image.auth { word-spacing: 175px; }
#main-image.auth .left, #main-image.auth .right { opacity: 0; max-width: 100%; padding: 0; margin: 0; box-sizing: border-box; display: inline-block; vertical-align: middle; word-spacing: normal; }
#main-image.auth form { padding: 30px 33px; margin: 0; width: 510px; max-width: 100%; text-align: center; display: inline-block; box-sizing: border-box; background-color: rgb(20, 20, 22); background-color: rgba(20, 20, 22, 0.84); vertical-align: middle; }
#main-image.auth form h2 { font-size: 28px; font-weight: 900; padding: 0; margin: 5px 0 15px 0; }
#main-image.auth form .desc { font-size: 20px; margin: 0 0 25px 0; display: block; width: 100%; }
#main-image.auth form .desc2 { font-size: 20px; }
#main-image.auth form .desc2 a, #main-image.auth form .desc2 strong { font-weight: 900; }
#main-image.auth form input { width: 100%; height: 60px; border: none; box-sizing: border-box; margin-bottom: 12px; font-family: Lato, 'Open Sans', sans-serif; }
#main-image.auth form input[type=text], #main-image.auth form input[type=password] { color: #9e9e9e; font-size: 20px; background: #505050; font-weight: 300; padding: 0 20px; }
#main-image.auth form input[type=submit] { background: #ffffff; font-weight: 900; font-size: 18px; cursor: pointer; margin-bottom: 30px; }

#main-image.auth.single-box { word-spacing: normal; }
#main-image.auth.single-box #home-box-wrapper { opacity: 0; }
#main-image.auth.single-box form input { width: 100%; height: 60px; border: none; box-sizing: border-box; margin-bottom: 12px; font-family: Lato, 'Open Sans', sans-serif; }

#main-image-author { font-size: 14px; color: #ffffff; position: absolute; bottom: 10px; right: 10px; font-weight: 900; }

#about { background: #ededed; padding-top: 70px; padding-bottom: 25px; }
#about .left { float: left; margin: -20px 55px 0; box-sizing: border-box; }
#about .left img { max-width: 100%; }
#about { font-size: 20px; }
#about h1 { padding: 0; margin: 5px 0; font-size: 48px; }
#about .title { font-size: 24px; }
#about a.btn { margin-bottom: 30px; display: inline-block; }

#categories { background: #ffffff; text-align: center; margin-top: 60px; margin-bottom: 60px; font-size: 20px; }
#categories h2 { margin: 0 0 20px 0; font-weight: 900; font-size: 28px; }

#categories .left, #categories .right { float: left; width: 50%; text-align: center; box-sizing: border-box; padding: 0 70px; margin: 30px 0; }
#categories .item { width: 100%; background: #ededed; padding: 30px 30px; box-sizing: border-box; line-height: 150%; font-size: 24px; }
#categories .item h3 { font-weight: 900; margin: 0; padding: 0; font-size: 28px; }
#categories .item span { font-size: 20px; }
#categories .right h3 { margin-top: 4px; }
#categories .right { line-height: 100%; }

#prizes { text-align: center; font-size: 28px; margin: 80px 0 60px 0; }
#prizes h2 { margin: 0; padding: 0; font-weight: 900; font-size: 48px; }
#prizes .subheader { margin: 0 0 20px 0; font-size: 36px; display: inline-block; }
#prizes .awards { word-spacing: 106px; }
#prizes .awards img { margin: 30px 0; display: inline-block; max-width: 100%; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
#prizes .awards img.opt-show { opacity: 1; }
#prizes a.btn { font-size: 24px; }
#prizes a.btn:hover { background: #9e9e9e; }

img.home-cert { opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
img.home-cert.opt-show { opacity: 1; }

#newsletter { background: #141416; text-align: center; padding: 60px 0; font-size: 20px;}
#newsletter h2 { font-size: 36px; font-weight: 900; margin:0 0 5px 0; }
#newsletter form { width: 100%; float: left; margin: 20px 0 0 0; padding: 0; word-spacing: 10px; }
#newsletter form input[type="text"] { width: 400px; height: 60px; max-width: 100%; box-sizing: border-box; padding: 0 20px; line-height: 60px; font-size: 20px; color: #9e9e9e; background: #505050; border: none; font-family: Lato, 'Open Sans', sans-serif; }
#newsletter form input[type="submit"] { margin-top: -1px; cursor: pointer; }
#newsletter form input[type="submit"]:hover { background: #9e9e9e; }

#jury { background: #ffffff; font-size: 20px; margin: 60px 0 60px; }
#jury h2 { font-weight: 900; font-size: 36px; margin: 0 0 30px 0; padding: 0; }
#jury .jurors { vertical-align: top; word-spacing: 36px; text-align: center; }
#jury .item { display: inline-block; width: 310px; max-width: 100%; text-align: left; margin-top: 40px; font-size: 18px; word-spacing: normal; vertical-align: top; }
#jury .item strong { text-transform: uppercase; }
#jury .item img { max-width: 100%; margin-bottom: 10px; }
#jury .item a { font-size: 16px; font-weight: 300; }

.sep { width: 100%; height: 5px; display: block; background: #ededed; margin-bottom: 55px; }

#sponsors { background: #ffffff; text-align: center; margin-bottom: 55px; }
#sponsors h2 { background: #ffffff; font-weight: 900; font-size: 36px; margin: 0 0 30px 0; padding: 0; }
#sponsors .list { word-spacing: 40px; }
#sponsors .list .item { display: inline-block; margin-top: 20px; }
#sponsors img { max-width: 100%; }

#media { background: #ffffff; text-align: justify; margin-bottom: 55px; }
#media h2 { background: #ffffff; font-weight: 900; font-size: 36px; margin: 0 0 30px 0; padding: 0; }
#media .list { word-spacing: 75px; }
#media .list a { display: inline-block; margin-top: 20px; margin-bottom: 20px;}
#media img { max-width: 100%;}

#contact { background: #2d2d2d; padding: 60px 0; font-size: 20px; }
#contact h2 { font-size: 36px; margin: 0 0 30px 0; padding: 0; font-weight: 900; }
#contact h3 { font-size: 20px; margin: 30px 0 30px 0; padding: 0; font-weight: 900; }
#contact form { width: 100%; float: left; padding: 0; margin: 0; text-align: justify; text-align-last: justify; -moz-text-align-last: justify; }
#contact form input[type="text"] { width: 400px; height: 60px; max-width: 100%; box-sizing: border-box; padding: 0 20px; line-height: 60px; font-size: 20px; color: #9e9e9e; background: #505050; border: none; font-family: Lato, 'Open Sans', sans-serif; margin-bottom: 17px; text-align: left; }
#contact form textarea { width: 730px; height: 137px; max-width: 100%; box-sizing: border-box; padding: 10px; font-size: 20px; color: #9e9e9e; background: #505050; border: none; font-family: Lato, 'Open Sans', sans-serif; text-align: left;}
#contact .left, #contact .center, #contact .right { display: inline-block; text-align: left; text-align-last: left; vertical-align: top; }
#contact .btn { padding: 0 20px; margin-top: 50px; cursor: pointer; }
#contact .right { color: #9e9e9e; }

#contact-form { position: relative; }
#contact-form .errorMessage { position: absolute; top: -20px; }

#footer { text-align: center; background: #141416; color: #ffffff; padding: 60px 0; font-size: 12px; }
#footer img  { max-width: 100%; }

#menu2 { list-style: none; word-spacing: 20px; height: 100%; margin: 35px 0 0 0; padding: 0; box-sizing: border-box; z-index: 100; font-size: 16px; }
#menu2 li { display: inline-block; margin: 0 0 10px 0; padding: 0; }
#menu2 li a { width: 100%; height: 100%; display: block }
#menu2 li.active a, #menu li:hover a { text-decoration: underline; }

#faq { text-align: center; padding-top: 120px; font-size: 20px; margin-bottom: 60px; }
#faq h1 { font-weight: 900; font-size: 28px; }
#faq strong { font-weight: 900; }

#terms { text-align: left; font-size: 20px; }
#terms .page { background: #ededed; box-sizing: border-box; padding: 35px; margin-bottom: 30px; }
#terms h1 { font-weight: 900; font-size: 28px; margin-top: 0; }
#terms strong { font-weight: 900; }

#listed-on { text-align: center; margin-bottom: 45px; }
#listed-on .listing { word-spacing: 45px; }
#listed-on .listing a { display: inline-block; margin-bottom: 20px; }
#listed-on .listing a img { max-width: 100%; }

#gallery { float: left; padding-top: 120px; }
#gallery-contest-menu { margin-bottom: 30px; margin-top: 10px; }
#gallery-contest-menu ul { width: 100%; float: left; list-style: none; margin: 0; padding: 0; }
#gallery-contest-menu ul li { width: 100%; float: left; height: 40px; line-height: 40px; background: #ededed; }
#gallery-contest-menu ul.closed li { display: none; }
#gallery-contest-menu ul li.active { display: block; background-image: none; }
#gallery-contest-menu ul li a { width: 100%; float: left; font-size: 20px; color: #141416; text-align: center; height: 100%;}
#gallery-contest-menu ul li a.active { font-weight: 900;  }
#gallery-contest-menu ul.closed li.active a { background-image: url('../img/arrow-gallery-menu.png'); background-position: center right; background-repeat: no-repeat; }
#gallery-menus { width: 240px; margin-right: 26px; float: left; }
#gallery-menu, #gallery-contest-menu { width: 100%; float: left; }
#gallery-menu ul { list-style: none; padding: 0; margin: 0; }
#gallery-menu li { width: 100%; float: left; padding: 5px 0; margin: 0; }
#gallery-menu li a { font-size: 20px; color: #141416; }
#gallery-menu li.active a, #gallery-menu li a:hover { font-weight: 900; }
#gallery-menu li.main a { text-transform: uppercase; }
#gallery-menu li.sub a { font-size: 16px; }
#gallery-content { width: 1100px; float: left; text-align: center; font-size: 16px; }
#gallery-content .author { font-size: 14px; font-weight: 900; text-transform: uppercase; }
#gallery-content .country { font-size: 14px; color: #9a9a9a; text-transform: uppercase; }
#gallery-content .award { font-size: 16px; text-transform: uppercase; font-weight: 900; }
#gallery-content .award sup { font-size: 8px; }
#gallery-content .images { width: 100%; float: left; text-align: center; }
#gallery-content .images .main-image { width: 100%; float: left; text-align: center; margin-bottom: 30px; visibility: hidden; }
#gallery-content .images .main-image img { max-width: 100%; }
#gallery-content .images .main-image img.resized { cursor: zoom-in; }
#gallery-content .images .thumbs { width: 100%; float: left; word-spacing: 5px; margin-bottom: 30px; }
#gallery-content .images .thumbs img { display: inline-block; margin-bottom: 5px; }
#gallery-content .images .thumbs.seven img { width: 149px; }
#gallery-content .images .thumbs.eight img { width: 129px; }
#gallery-content .gallery-desc { text-align: left; }
#gallery-content .gallery-desc .facebook { margin: 20px 0; width: 100%; display: inline-block; font-size: 12px; font-weight: 900; }
#gallery-content .gallery-desc .button { font-size: 11px; font-weight: 900; }

#gallery-content .main-item { display: inline-block; max-width: 100%; margin-bottom: 50px; }
#gallery-content .main-item .main-desc { text-align: left; margin-top: 15px; }
#gallery-content .main-item img { max-width: 100%; max-height: 1000px; }
#gallery-content .main-item .main-desc .links { color: #b1b1b1; font-weight: 900; font-size: 12px; }
#gallery-content .main-item .main-desc .links a { color: #141416; font-size: 11px; }
#gallery-content .hm-awards { float: left; width: 100%; text-align: center; border-top: 1px solid #d1d1d1; padding-top: 45px; margin-bottom: 30px; }
#gallery-content .hm-awards h2 { margin: 0 0 30px 0; padding: 0; font-size: 20px; font-weight: 900; }
#gallery-content .hm-category-listing { max-width: 100%; width: 1100px; float: none; display: inline-block; visibility: hidden; }
#gallery-content .hm-category-listing .grid-item { width: 350px; max-width: 100%; position: relative; margin-bottom: 25px; }
#gallery-content .hm-category-listing .grid-item img { width: 100%; }
#gallery-content .hm-category-listing .grid-item .hm-info { position: absolute; top: 0; left: 0; right: 0; bottom: 3px; background: rgba(0, 0, 0, .75); color: #ffffff; display: flex; text-align: justify; align-items: center; transition: visibility 0s, opacity 0.5s linear; visibility: hidden; opacity: 0; }
#gallery-content .hm-category-listing .grid-item:hover .hm-info { visibility: visible; opacity: 1; }
#gallery-content .hm-category-listing .grid-item .hm-info .wrapper { display: inline-block; text-align: center; width: 100%; }
#gallery-content .hm-category-listing .grid-item .hm-info .author { font-weight: normal; }
#gallery-content .hm-category-listing .grid-item .hm-info .title { font-size: 14px; }
#gallery-content .hm-category-listing .grid-item .hm-info .links { font-size: 11px; }
#gallery-content .hm-category-listing .grid-item .hm-info .links strong { text-decoration: underline; }

#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 .top { width: 100%; height: 77px; position: fixed; }*/
#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: 24px; height: 24px; background: url('../img/close-zoom.png'); display: inline-block; margin-top: 29px; margin-left: 25px; }
#zoom-image .zoom-top .zoom-count { float: right; line-height: 77px; font-size: 16px; }
#zoom-image .zoom-left { position: fixed; left: 0; top: 0; width: 200px; height: 100%; }
#zoom-image .zoom-right { position: fixed; right: 0; top: 0; width: 200px; height: 100%; }
#zoom-image .zoom-bottom { width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 16px; padding-bottom: 40px; }
#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); }

#home-gallery { background: #ffffff; padding-top: 20px; padding-bottom: 25px; text-align: center; }
#home-gallery .line1 { font-size: 36px; font-weight: 900; display: inline-block; }
#home-gallery .line2 { font-size: 48px; font-weight: 900; display: inline-block; }
#home-gallery .line3 { font-size: 24px; font-weight: 900; display: inline-block; }
#home-gallery .listing { width: 100%; float: left; word-spacing: 8px; margin-top: 25px; margin-bottom: 40px; }
#home-gallery .item { display: inline-block; margin-bottom: 8px; position: relative; }
#home-gallery .item .item-info { position: absolute; top: 0; bottom: 3px; left: 0; right: 0; background: rgba(0, 0, 0, .75); color: #ffffff; display: flex; text-align: center; align-items: center; transition: visibility 0s, opacity 0.5s linear; visibility: hidden; opacity: 0; }
#home-gallery .item .item-info .wrapper { width: 100%; text-align: center; font-size: 16px; font-weight: 900; }
#home-gallery .item:hover .item-info { visibility: visible; opacity: 1; }
#home-gallery a.btn:hover { background: #9e9e9e; }

.copy-desc { word-spacing: normal; display: none;opacity: 0.85; position: absolute; top: 0; left: 0; background: #ffffff; color: #000000; padding: 5px 10px; border-radius: 2px; font-size: 13px; z-index: 1111; }

@media screen and (max-height: 670px) {
    #main-image.auth form { padding-top: 15px; padding-bottom: 15px; }
    #main-image.auth form input { height: 40px; }
}

@media screen and (max-width: 2000px) {
    #main-image { background-image: url(../img/_paris2000.jpg); }
}

@media screen and (max-width: 1500px) {
    #main-image { background-image: url(../img/_paris1500.jpg); }
    #sub-image { background-image: url(../img/_gambia_tanji_fishing_1500.jpg); }
}

@media screen and (max-width: 1395px) {
    #gallery-content { width: 1000px; }
    #gallery-content .hm-category-listing { width: 725px; }
}

@media screen and (max-width: 1390px) {
    #main-image.auth { word-spacing: 60px; }
    #categories .left, #categories .right { padding: 0 30px; }
}

@media screen and (max-width: 1380px) {
    #contact form input[type="text"] { width: 380px; }
    #contact form textarea { width: 690px;}
    #about h1 { font-size: 36px; }
    #about .left { margin-left: 15px; margin-right: 30px; }
}

@media screen and (max-width: 1350px) {
    #home-box .first { font-size: 20px; }
    #home-box-wrapper2 #home-box .first { font-size: 20px; }
    #home-box strong { font-size: 36px; }
    #home-box-wrapper2 #home-box strong { font-size: 36px; }
    #home-box .second { font-size: 18px; }
    #home-box .third { font-size: 18px; }
}

@media screen and (max-width: 1310px) {
    #contact form input[type="text"] { width: 300px; }
    #contact form textarea { width: 600px;}
}

@media screen and (max-width: 1295px) {
    #gallery-content { width: 900px; }
}

@media screen and (max-width: 1230px) {
    #categories .item { font-size: 20px; }
    #categories .item span { font-size: 16px; }
    #categories .item strong { font-size: 24px; }
}

@media screen and (max-width: 1195px) {
    #gallery-content { width: 800px; }
    #gallery-menus { margin-right: 15px; width: 220px; }
}

@media screen and (max-width: 1070px) {
    #gallery-content { width: 750px; }
    #gallery-menus { margin-right: 15px; width: 200px; }
}

@media screen and (max-width: 1150px) {
    #contact form input[type="text"] { width: 300px; }
    #contact form textarea { width: 500px;}
}

@media screen and (max-width: 1100px) {
    #menu { word-spacing: 15px; }
    #about .title { font-size: 22px; }
    #about h1 { font-size: 30px; }
}

@media screen and (max-width: 1050px) {
    #contact form input[type="text"] { width: 300px; }
    #contact form textarea { width: 400px;}
    #categories .left, #categories .right { width: 100%; float: left; }
}

@media screen and (max-width: 1011px) {
    #menu { margin-top: 20px; margin-bottom: 10px; }
}

@media screen and (max-width: 1000px) {
    #top { position: absolute; top: 0; }
    #top .left, #top .right { width: 100%; float: left; height: auto; }
    #top .left a.mobile-menu { display: inline; }
    #menu { padding: 5px 30px; display: none; }
    #menu li { width: 100%; text-align: left; border-bottom: 1px solid #ffffff; padding: 10px; margin: 0; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; }
    #menu li.active a, #menu li:hover a { text-decoration: none; }
    #menu li.active, #menu li:hover { background: #373739;  }
    #main-image { margin-top: 0; background-image: url(../img/_paris1000.jpg); }
    #sub-image { background-image: url(../img/_gambia_tanji_fishing_1000.jpg); }
    #home-box .first { font-size: 16px; }
    #home-box-wrapper2 #home-box .first { font-size: 16px; }
    #home-box strong { font-size: 24px; }
    #home-box-wrapper2 #home-box strong { font-size: 24px; }
    #home-box { padding: 15px 30px; }
    .btn { height: 45px; font-size: 16px; line-height: 45px; padding: 0 30px; margin-top: 20px; display: inline-block; font-weight: 900; }
    #prizes { text-align: center; font-size: 20px; margin: 50px 0 50px 0; }
    #prizes h2 { margin: 0; padding: 0; font-weight: 900; font-size: 34px; }
    #prizes .subheader { margin: 0 0 20px 0; font-size: 24px; display: inline-block; }
    #prizes .awards { word-spacing: 70px; }
    #prizes .awards img { margin: 20px 0; display: inline-block; max-width: 100%; }
    #prizes a.btn { font-size: 16px; }

    #newsletter { padding: 40px 0; font-size: 18px;}
    #newsletter h2 { font-size: 30px; }
    #newsletter form { margin: 20px 0 0 0; }
    #newsletter form input[type="submit"] { height: 60px; font-size: 18px; line-height: 60px; padding: 0 45px; margin-top: 30px; display: inline-block; font-weight: 900; border: none; }

    #contact .btn { margin-top: 68px; }

    #gallery-content { width: 100%; }
    #gallery-menus { margin-right: 0; width: 100%; }
    #gallery-menu li.sub { width: auto; margin-right: 20px; }
}

@media screen and (max-width: 930px) {
    #about .left { float: left; width: 100%; margin-left: 0; margin-right: 0; }
    #about { text-align: center; }
}

@media screen and (max-width: 925px) {
    #contact form input[type="text"] { width: 250px; }
    #contact form textarea { width: 300px;}
}

@media screen and (max-width: 925px) {
    #contact form { text-align: left; text-align-last: left; }
    #contact form .left, #contact form .center, #contact form .right { width: 100%; }
    #contact form input[type="text"] { width: 100%; }
    #contact form textarea { width: 100%;}
    #contact .btn { margin: -20px 0 0 100px; float: left; display: block; }
}

@media screen and (max-width: 755px) {
    #gallery-content .hm-category-listing { width: 350px; }
}


@media screen and (max-width: 740px) {
    #top { text-align: left; }
    #top .left img { width: 90%; }
}

@media screen and (max-width: 650px) {
    #menu2 { display: none; }
}

@media screen and (max-width: 610px) {
    #top .left img { width: 80%; }
}

@media screen and (max-width: 600px) {
    #main-image { background-image: url(../img/_paris600.jpg); }
    #sub-image { background-image: url(../img/_gambia_tanji_fishing_600.jpg); }
}

@media screen and (max-height: 570px), screen and (max-width: 1200px) {
    #main-image.auth { height: auto; float: left; padding-top: 115px; padding-bottom: 30px; }
    #main-image.auth .right form { margin-top: 40px; }
    #main-image.auth form { padding: 30px }
    #main-image.auth form input { height: 60px; }

    #main-image.auth #home-box-wrapper { width: 100%; text-align: center; float: left; position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: none; -ms-transform: none; -webkit-transform: none; -moz-transform: none; }
}

@media screen and (max-width: 560px) {
    #top .left a.mobile-menu { margin-top: 10px; right: 5px; }
}

@media screen and (max-width: 500px) {
    #home-box .second { display: none; }
    #home-box .third { display: none; }
}

@media screen and (max-width: 450px) {
    #terms { font-size: 16px; }
    #terms .page { padding: 35px 10px; }
    #faq { font-size: 16px; }
}