/* -------------------------------------------

	Name:		Giftogram
	Date:		2019/02/22
	Author:		http://psdhtml.me

---------------------------------------------  */
*, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: #8c47ab; }

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; }
body { min-height: 100%; background: url(../images/background.webp) center center no-repeat #000; background-size: cover; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	.no-mobile body { background-attachment: fixed; }
	.no-webp body { background-image: url(../images/background.jpg); }
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }	

body, textarea, input, select, option, button { color: #636466; font-family: Lato_webfont, Lato, Arial, Helvetica, sans-serif; line-height: 1.25; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.6em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 18px; }

article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }


/*! Repeatable --------- */
/* clear */			#content:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
/* icon */ 			.link-close:before, .link-info:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }
/* tdn */			[data-whatintent="mouse"] a:hover { text-decoration: none; }


/*! Layout --------- */
#root { overflow: hidden; position: relative; width: 100%; min-height: 100vh; padding: 20px; }
	#content { position: relative; z-index: 2; width: 100%; max-width: 488px; margin: auto; padding: 104px 69px 29px; background: #fff; text-align: center; }
		#content:before { content: ""; display: block; position: absolute; left: 50%; top: 39px; width: 352px; height: 47px; margin: 0 0 0 -176px; border-bottom: 1px solid #f0f0f0; background: url(../images/prizelabs.png) center 0 no-repeat; background-size: auto 35px; }
		#content > * { max-width: 303px; margin-left: auto; margin-right: auto; }
	#content > .info, #content > .success, #content.info-active > .intro, #content.success-active > .intro, #content.success-active > footer { display: none; }
		 #content.info-active > .info,  #content.success-active > .success { display: block; }


/*! Modules --------- */
footer { margin-top: 19px; }
	footer p { font-size: 1.236em; }
		footer a { color: #636466; font-weight: 400; }
	.intro-active footer { margin-top: 28px; }


/*! Headers --------- */
h1, h2, h3, h4, h5, h6, legend { color: #414042; font-weight: 600; font-size: 2em; line-height: 1.1; }


/*! Content --------- */
b, strong, .strong { font-weight: 700; }
dfn, em, i, .em { font-style: italic; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }

.overlay-a { color: #8c47ab; }
.overlay-b { color: #636466; }
.overlay-c, .error { color: #da291b; }

.s18 { margin-top: 24px; font-size: 1.8em; }


/*! Links --------- */
a { background: none; color: #8c47ab; font-weight: 700; text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; }

.link-close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 9; width: 48px; height: 41px; color: #7a7a7a; font-size: 7px; text-indent: -3000em; text-align: left; text-decoration: none; }
	.link-close:before { content: "\e900"; }

.link-btn { margin-top: 23px; }
	.link-btn + figure { margin-top: 40px; }

.link-info { display: block; overflow: hidden; position: relative; width: 22px; height: 22px; border-radius: 22px; background: #caccca; color: #fff; font-size: 22px; text-decoration: none; text-indent: -3000em; text-align: left; }
	.link-info:before { content: "\e902"; }


/*! Media --------- */
img, iframe, object, embed, video { max-width: 100% !important; border-style: none; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
figure { margin-top: 20px; margin-bottom: 20px; }	
	
	
/*! Lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }


/*! Forms --------- */
fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; }
	form p { position: relative; }
	legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; }
	input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; }
		input { }
			input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
			input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; }
			input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; }
			input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
			[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
			input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; }
				input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; }
				input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; }
			input[type="color"] { padding: 0; cursor: pointer; }
			input[type="date"] { display: -webkit-inline-flex; }
			input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
				input[type="number"]::-webkit-outer-spin-button,  input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
				input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; }
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; }
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
		button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: #ccc; background: #ccc; cursor: default; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
::-ms-input-placeholder { opacity: 1; color: inherit; }
::placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus:-ms-input-placeholder { opacity: 0; }
	:focus::-ms-input-placeholder { opacity: 0; }
	:focus::placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; }
	input, select, textarea { display: block; width: 100%; border-radius: 2px; border: 1px solid #f1f2f2; background: #f1f2f2; color: #808285; font-size: 13.62px; }
		input { height: 44px; padding: 0 40px; }
			input[type="date"] { line-height: 30px; }
		select { padding: 7px 7px 7px 12px; line-height: normal; } 
			.gecko select { padding-left: 9px; }
		textarea { padding: 7px 7px 7px 12px; }
	button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, a.link-btn { display: block; overflow: hidden; position: relative; width: 100%; padding: 12px 24px; border-radius: 21px; border: 1px solid #8c47ab; background: #8c47ab; color: #fff; font-size: 14.76px; font-weight: 400; line-height: 1.1; text-align: center; text-decoration: none; }
	form .error { display: block; margin-bottom: 12px; }
	form p { margin-bottom: 19px; }
	form input ~ .link-info { position: absolute; right: 10px; bottom: 10px; z-index: 99; }
	p + form { margin-top: -9px; }
	

/*! Helpers --------- */
*, *:before, *:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; }
option { transition: none; }

.hidden { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; }
[hidden], template { display: none; }

.s18:first-child, figure:first-child, footer:first-child, .link-btn:first-child { margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]), video[autoplay]:not([muted]) { display: none; }	
svg:not(:root) { overflow: hidden; }

::selection { background: #8c47ab; color: #fff; text-shadow: none; }
::-moz-selection { background: #8c47ab; color: #fff; text-shadow: none; }


/*! Outlines --------- */
[data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; }
[data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; }


/*! Flexbox --------- */
/* flex */ 						#root { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/* direction-col */				#root { -webkit-flex-direction: column; flex-direction: column; }
/* justify-center */			#root { -webkit-justify-content: center; justify-content: center; }


/*! Fonts --------- */
@font-face { font-family: 'Lato_webfont'; src: url('fonts/lato-regular.woff2') format('woff2'), url('fonts/lato-regular.woff') format('woff'), url('fonts/lato-regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Lato_webfont'; src: url('fonts/lato-italic.woff2') format('woff2'), url('fonts/lato-italic.woff') format('woff'), url('fonts/lato-italic.ttf') format('truetype'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Lato_webfont'; src: url('fonts/lato-semibold.woff2') format('woff2'), url('fonts/lato-semibold.woff') format('woff'), url('fonts/lato-semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Lato_webfont'; src: url('fonts/lato-semibolditalic.woff2') format('woff2'), url('fonts/lato-semibolditalic.woff') format('woff'), url('fonts/lato-semibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Lato_webfont'; src: url('fonts/lato-bold.woff2') format('woff2'), url('fonts/lato-bold.woff') format('woff'), url('fonts/lato-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Lato_webfont'; src: url('fonts/lato-bolditalic.woff2') format('woff2'), url('fonts/lato-bolditalic.woff') format('woff'), url('fonts/lato-bolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; }


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype'); }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-help:before { content: "\e901"; }
	.icon-help-inside:before { content: "\e902"; }
	.icon-x:before { content: "\e900"; }

/* Responsive --------- */
@media only screen and (max-width: 28.125em) { /* 450 */
#content { padding-left: 20px; padding-right: 20px; }
	#content:before { left: 20px; right: 20px; width: auto; margin-left: 0; }
}


/* -------------------------------------------

	Name:		Giftogram
	Date:		2019/02/22
	Author:		http://psdhtml.me

---------------------------------------------  */
*, :before, :after { outline-color: #4070a1; }




/*! Content --------- */
.overlay-a { color: #4070a1; }


/*! Links --------- */
a { color: #4070a1; }


/*! Forms --------- */
button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, a.link-btn { border-color: #4070a1; background: #4070a1; }
	

/*! Miscellaneous --------- */
::selection { background: #4070a1; }
::-moz-selection { background: #4070a1; }