body { background-color: #10180F; margin: 0; font-family: 'Roboto', sans-serif; color: white; text-align: center; position: relative; }

@media (max-width: 650px) { body.menu-open { overflow: hidden; position: fixed; height: 100%; } }

.site-wrapper { position: relative; max-width: 650px; background-image: url(../images/background.jpg); background-repeat: no-repeat; background-size: cover; margin: auto; overflow: hidden; min-height: 100vh; }

.site-wrapper.gobengals { background-image: url(../images/gb_background.jpg); background-color: #3F6E3A; }

h1, h2, h3, h4, h5 { font-family: 'Arvo', serif; }

.site-header { width: 100%; }

.site-footer { width: 100%; }

.content { margin: 20px; display: flex; flex-flow: column; }

.content.create { margin: 0px; }

.green-text { color: #43A14C; font-family: 'Arvo', serif; font-weight: bold; font-size: 1em; }

.white-text { font-family: 'Arvo', serif; font-weight: bold; font-size: 1.5em; margin-top: 0.5em; }

.homepage .white-text { font-size: 1.0em; }

.property-logo { max-height: 16vh; margin: auto; margin-top: 8px; margin-bottom: 8px; }

.buttons { display: flex; flex-flow: column; align-items: center; justify-content: center; margin-top: 20px; margin-bottom: 20px; }

.buttons a { max-width: 160px; margin-left: 8px; margin-right: 8px; }

.buttons a button { max-width: none; }

.buttons button { width: 150px; margin-bottom: 20px; }

button { font-family: 'Arvo', serif; font-weight: bold; font-size: .9em; background-color: #43A14C; color: white; padding: 10px 20px; border-radius: 5px; border: 0; max-width: 80%; }

#build_scene_button { z-index: 10; position: fixed; bottom: 40px; left: 50%; transform: translateX(-50%); display: none; width: 100%; }

#enter_to_win_button { display: none; }

.rules-link { margin: 20px; margin-bottom: 0px; }

a { color: white; }

.rules-link a { font-weight: lighter; }

.rule-copy p { text-align: left; font-size: 0.9em; }

nav { top: 0px; left: 0px; width: 100%; height: 70px; background: #182517; background: linear-gradient(180deg, #182517 0%, #0f170e 100%); display: flex; justify-content: space-between; align-items: center; padding-left: 16px; padding-right: 16px; box-sizing: border-box; z-index: 4; position: relative; }

nav .site-logo { height: 33px; align-self: center; opacity: 0; }

nav .menu-icon { height: 60%; }

nav .mobile-menu { height: 40px; display: flex; align-items: center; }

nav .nav-logo { height: 44px; }

nav.home { background: transparent; position: absolute; justify-content: center; height: 60px; }

nav.home .mobile-menu { position: absolute; right: 16px; }

nav.home .menu-icon { height: 60%; }

nav.no-logo { justify-content: center; height: 60px; }

nav.no-logo .mobile-menu { position: absolute; right: 16px; }

nav.no-logo .menu-icon { height: 60%; }

input { background-color: #27362B; color: white; border: 0; font-size: 1em; padding: 8px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); margin: 4px; text-align: center; -webkit-appearance: none; }

input[type=text], input[type=zip], input[type=email], input[type=tel] { width: 80%; max-width: 300px; }

input[type=submit] { background-color: #43A14C; color: white; font-family: 'Arvo', serif; font-weight: bold; text-transform: uppercase; margin-top: 20px; font-size: 20px; padding: 10px 20px; }

.gobengals input[type=submit] { background-color: #FB4F14; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-transition-delay: 99999s; }

form { display: flex; flex-flow: column; align-items: center; }

.form-error { display: none; margin: 4px; color: #79EE9F; }

#success, #sorry, #error, #duplicate, #sweepsover { display: none; }

.code-area { border: 2px solid white; padding: 8px; }

.mobile-nav { position: absolute; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: #284029; z-index: 100; display: none; flex-flow: column; justify-content: center; animation-duration: 0.5s; animation-name: slidein; }

.mobile-nav a { margin: 15px; color: white; font-size: 1.5em; text-decoration: none; }

.mobile-close-button { position: absolute; top: 20px; right: 20px; font-size: 1.5em; }

.legal, .privacy-policy { font-size: 0.7em; font-weight: lighter; }

.legal a, .privacy-policy a { color: white; }

.privacy-policy { font-weight: bold; }

.privacy-policy a { font-weight: bold; }

hr { width: 50%; border: none; border-top: 1px solid #429A4A; }

#bobble_code { font-size: 2.0em; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }

.fpo-square { height: 250px; max-width: 250px; margin: auto; margin-top: 20px; box-sizing: border-box; display: flex; flex-flow: column; align-items: center; justify-content: center; }

.fpo-square video { height: 100%; }

.fpo-square img { width: 100%; }

.home-headline { display: flex; width: 100%; }

.home-headline .image-side { display: flex; align-items: center; justify-content: center; }

.home-headline .image-side img { width: 100%; transform: scale(2); max-width: 250px; }

@media (max-width: 374px) { .home-headline .image-side img { display: none; } }

.home-headline .copy-side { display: flex; justify-content: center; flex-flow: column; }

#landscape_message { position: absolute; text-align: center; color: white; background-color: rgba(0, 0, 0, 0.85); font-family: Arial, Helvetica, sans-serif; border: none; border-radius: 0px; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; visibility: hidden; display: flex; justify-content: center; align-items: center; }

#landscape_message > div { display: flex; flex-flow: column; align-items: center; }

.qr-image { width: 300px; }

.choose-scene { display: none; }

.choose-scene img { max-width: 80%; }

.animation-holder { width: 100%; position: relative; top: 0px; }

.photo-holder { background-color: black; width: auto; position: relative; top: 0px; left: 0px; margin: auto; display: none; }

#dom_overlay_container { background: url(../images/placement-overlay.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }

@media (pointer: none), (pointer: coarse) { .qr-display { display: none; } .rotate-display { display: flex !important; } }

@media (max-width: 374px) { .buttons { flex-flow: column; align-items: center; } .buttons button { margin-bottom: 20px; } }

.rotate-display { display: none; flex-flow: column; align-items: center; }

input[type="file"] { display: none; }

.file-upload { font-family: 'Arvo', serif; font-weight: bold; font-size: .9em; background-color: #43A14C; color: white; padding: 10px 20px; border-radius: 5px; border: 0; max-width: 80%; cursor: pointer; cursor: pointer; margin: auto; margin-top: 20px; text-transform: uppercase; }

.root { display: flex; flex-flow: column; justify-content: space-evenly; width: 100%; height: 100vh; align-items: center; }

.root img { max-height: 30vh; }

#rendering_video { position: fixed; top: 0px; left: 0px; height: 100vh; width: 100vw; z-index: 1000; display: none; background-color: rgba(0, 0, 0, 0.9); color: white; flex-flow: column; justify-content: center; padding: 40px; box-sizing: border-box; }

.gb-promo { max-width: 100%; }

.dark-gradient-bg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%); margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }

.dark-gradient-bg img { max-width: 100%; }

@keyframes slidein { from { margin-left: 100%;
    width: 100%; }
  to { margin-left: 0%;
    width: 100%; } }

/*# sourceMappingURL=style.css.map */