@font-face {
	font-family: gunny_rewrittenregular;
	src: url(../fonts/GunnyRewritten/gnyrwn971-webfont.eot);
	src: url(../fonts/GunnyRewritten/gnyrwn971-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/GunnyRewritten/gnyrwn971-webfont.woff2) format("woff2"), url(../fonts/GunnyRewritten/gnyrwn971-webfont.woff) format("woff"), url(../fonts/GunnyRewritten/gnyrwn971-webfont.ttf) format("truetype"), url(../fonts/GunnyRewritten/gnyrwn971-webfont.svg#gunny_rewrittenregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_excn_rgbold;
	src: url(../fonts/ProximaNova/proxima_nova_excn_bold-webfont.eot);
	src: url(../fonts/ProximaNova/proxima_nova_excn_bold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova/proxima_nova_excn_bold-webfont.woff2) format("woff2"), url(../fonts/ProximaNova/proxima_nova_excn_bold-webfont.woff) format("woff"), url(../fonts/ProximaNova/proxima_nova_excn_bold-webfont.ttf) format("truetype"), url(../fonts/ProximaNova/proxima_nova_excn_bold-webfont.svg#proxima_nova_excn_rgbold) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_extra_condenThIt;
	src: url(../fonts/ProximaNova/proxima_nova_excn_thin_it-webfont.eot);
	src: url(../fonts/ProximaNova/proxima_nova_excn_thin_it-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova/proxima_nova_excn_thin_it-webfont.woff2) format("woff2"), url(../fonts/ProximaNova/proxima_nova_excn_thin_it-webfont.woff) format("woff"), url(../fonts/ProximaNova/proxima_nova_excn_thin_it-webfont.ttf) format("truetype"), url(../fonts/ProximaNova/proxima_nova_excn_thin_it-webfont.svg#proxima_nova_extra_condenThIt) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_extra_condensXBd;
	src: url(../fonts/ProximaNova/proxima_nova_excn_xbold-webfont.eot);
	src: url(../fonts/ProximaNova/proxima_nova_excn_xbold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova/proxima_nova_excn_xbold-webfont.woff2) format("woff2"), url(../fonts/ProximaNova/proxima_nova_excn_xbold-webfont.woff) format("woff"), url(../fonts/ProximaNova/proxima_nova_excn_xbold-webfont.ttf) format("truetype"), url(../fonts/ProximaNova/proxima_nova_excn_xbold-webfont.svg#proxima_nova_extra_condensXBd) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_extra_condenseLt;
	src: url(../fonts/ProximaNova/proxima_nova_excn_light-webfont.eot);
	src: url(../fonts/ProximaNova/proxima_nova_excn_light-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova/proxima_nova_excn_light-webfont.woff2) format("woff2"), url(../fonts/ProximaNova/proxima_nova_excn_light-webfont.woff) format("woff"), url(../fonts/ProximaNova/proxima_nova_excn_light-webfont.ttf) format("truetype"), url(../fonts/ProximaNova/proxima_nova_excn_light-webfont.svg#proxima_nova_extra_condenseLt) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_excn_rgregular;
	src: url(../fonts/ProximaNova/proxima_nova_excn_reg-webfont.eot);
	src: url(../fonts/ProximaNova/proxima_nova_excn_reg-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova/proxima_nova_excn_reg-webfont.woff2) format("woff2"), url(../fonts/ProximaNova/proxima_nova_excn_reg-webfont.woff) format("woff"), url(../fonts/ProximaNova/proxima_nova_excn_reg-webfont.ttf) format("truetype"), url(../fonts/ProximaNova/proxima_nova_excn_reg-webfont.svg#proxima_nova_excn_rgregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_condensedblack;
	src: url(../fonts/ProximaNova/proxima_nova_cond_black-webfont.eot);
	src: url(../fonts/ProximaNova/proxima_nova_cond_black-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova/proxima_nova_cond_black-webfont.woff2) format("woff2"), url(../fonts/ProximaNova/proxima_nova_cond_black-webfont.woff) format("woff"), url(../fonts/ProximaNova/proxima_nova_cond_black-webfont.ttf) format("truetype"), url(../fonts/ProximaNova/proxima_nova_cond_black-webfont.svg#proxima_nova_condensedblack) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: proxima_nova_condensedXBd;
	src: url(../fonts/ProximaNova/proxima_nova_cond_xbold-webfont.eot);
	src: url(../fonts/ProximaNova/proxima_nova_cond_xbold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova/proxima_nova_cond_xbold-webfont.woff2) format("woff2"), url(../fonts/ProximaNova/proxima_nova_cond_xbold-webfont.woff) format("woff"), url(../fonts/ProximaNova/proxima_nova_cond_xbold-webfont.ttf) format("truetype"), url(../fonts/ProximaNova/proxima_nova_cond_xbold-webfont.svg#proxima_nova_condensedXBd) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: icomoon;
	src: url(../fonts/Icons/icomoon4792.eot?2yig9k);
	src: url(../fonts/Icons/icomoon4792.eot?2yig9k#iefix) format("embedded-opentype"), url(../fonts/Icons/icomoon4792.ttf?2yig9k) format("truetype"), url(../fonts/Icons/icomoon4792.woff?2yig9k) format("woff"), url(../fonts/Icons/icomoon4792.svg?2yig9k#icomoon) format("svg");
	font-weight: 400;
	font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon;
	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-father:before {
	content: "\e912"
}

.icon-client:before {
	content: "\e90c"
}

.icon-coach:before {
	content: "\e90d"
}

.icon-random:before {
	content: "\e90a"
}

.icon-long-arrow-left:before {
	content: "\e906"
}

.icon-long-arrow-right:before {
	content: "\e907"
}

.icon-email:before {
	content: "\e900"
}

.icon-googleplus:before {
	content: "\e901"
}

.icon-facebook:before {
	content: "\e902"
}

.icon-tumblr:before {
	content: "\e903"
}

.icon-twitter:before {
	content: "\e904"
}

.icon-edit:before {
	content: "\e909"
}

.icon-play:before {
	content: "\e90b"
}

.icon-coworkers:before {
	content: "\e90f"
}

.icon-doctor:before {
	content: "\e910"
}

.icon-family:before {
	content: "\e911"
}

.icon-firefighter:before {
	content: "\e913"
}

.icon-friends:before {
	content: "\e914"
}

.icon-mentor:before {
	content: "\e915"
}

.icon-nurse:before {
	content: "\e917"
}

.icon-police:before {
	content: "\e919"
}

.icon-teacher:before {
	content: "\e91b"
}

.icon-boss:before {
	content: "\e905"
}

.icon-brother:before {
	content: "\e908"
}

.icon-sister:before {
	content: "\e91a"
}

.icon-partner:before {
	content: "\e916"
}

.icon-mother:before {
	content: "\e90e"
}

.icon-close:before {
	content: "\e918"
}

.icon-startup:before {
	content: "\e91c"
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
td,
th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

a img {
	border: none
}

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

.arrow-down {
	background-image: url(../img/icons-s18a7091cdd.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	height: 19px;
	width: 31px
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min--moz-device-pixel-ratio:2),
all and (-o-min-device-pixel-ratio:2 / 1),
all and (min-device-pixel-ratio:2),
all and (min-resolution:192dpi),
all and (min-resolution:2dppx) {
	.arrow-down {
		background-image: url(../img/icons2x-sc4f2c398fc.png);
		background-size: 258px 50px;
		background-position: 0 0
	}
}

.line-curve {
	background-image: url(../img/icons-s18a7091cdd.png);
	background-position: 0 -19px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	height: 31px;
	width: 258px
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min--moz-device-pixel-ratio:2),
all and (-o-min-device-pixel-ratio:2 / 1),
all and (min-device-pixel-ratio:2),
all and (min-resolution:192dpi),
all and (min-resolution:2dppx) {
	.line-curve {
		background-image: url(../img/icons2x-sc4f2c398fc.png);
		background-size: 258px 50px;
		background-position: 0 -19px
	}
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0
}

*,
:after,
:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	height: 100%
}

body {
	font-family: proxima_nova_extra_condenseLt, Helvetica, sans-serif;
	font-weight: lighter;
	color: #fff;
	text-align: center;
	background-color: #45b549;
	font-size: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased
}

body.locked,
html.locked {
	overflow: hidden
}

dd,
li,
p {
	line-height: 1.5em
}

::-moz-selection {
	background-color: #ddd
}

::selection {
	background-color: #ddd
}

::-webkit-input-placeholder {
	color: #fff
}

::-moz-placeholder {
	color: #fff
}

:-ms-input-placeholder {
	color: #fff
}

h1 {
	font-size: 50px;
	line-height: 60px;
	font-family: proxima_nova_condensedblack, Helvetica, sans-serif;
	font-weight: lighter
}

@media all and (max-width:767px) {
	h1 {
		font-size: 2.875em;
		line-height: 55px
	}
}

h2 {
	font-size: 45px;
	line-height: 55px;
	font-family: proxima_nova_extra_condensXBd, Helvetica, sans-serif;
	font-weight: lighter
}

@media all and (max-width:767px) {
	h2 {
		font-size: 2.1875em;
		line-height: 45px
	}
}

h3 {
	font-size: 40px;
	line-height: 50px
}

h4 {
	font-size: 30px;
	line-height: 40px
}

h5 {
	font-size: 18px;
	line-height: 22px
}

h6 {
	font-size: 16px;
	line-height: 24px
}

p {
	font-size: 50px;
	/*line-height: 58px*/
}

@media all and (max-height:620px) {
	p {
		font-size: 45px;
		/*line-height: 52px*/
	}
}

@media all and (max-width:767px) {
	p {
		font-size: 35px;
		line-height: 42px
	}
}

.sicon {
	font-size: 30px;
	line-height: 30px;
	color: #fff
}

.pboldup {
	font-family: proxima_nova_excn_rgbold, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 1em;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #29892c
}

@media all and (max-width:767px) {
	.pboldup {
		font-size: 1em;
		line-height: 18px
	}
}

.pboldup.size-18 {
	font-size: 1.125em;
	line-height: 20px
}

@media all and (max-width:767px) {
	.pboldup.size-18 {
		font-size: 1em;
		line-height: 18px
	}
}

a,
a:link,
a:visited {
	text-decoration: none;
	color: #fff
}

a:active,
a:hover {
	text-decoration: none;
	color: #fff
}

blockquote {
	font-size: 2.1875em;
	line-height: 45px;
	text-align: center;
	color: #333
}

img,
video {
	/*width: 100%;*/
	height: auto;
	margin: 44px auto;
	display: block
}

figcaption {
	font-size: 85%
}

.btn-wrapper {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 100px;
	text-align: center
}

@media all and (max-height:620px) {
	.btn-wrapper {
		bottom: 50px
	}
}


@media all and (max-width:767px) {
	.btn-wrapper {
		bottom: 50px
	}
}

.simple-btn {
	width: 170px;
	height: 50px;
	line-height: 45px;
	display: inline-block;
	color: #45b549;
	background-color: transparent;
	border: 2px solid #fff;
	cursor: pointer;
	border-radius: 5px;
	position: relative
}

.simple-btn:hover {
	color: #fff
}

.simple-btn:hover:after {
	height: 0
}

.simple-btn span {
	position: relative;
	z-index: 10
}

.simple-btn:after {
	content: "";
	background-color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	position: absolute;
	-webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
	transition: all .6s cubic-bezier(.23, 1, .32, 1)
}

form input,
form textarea {
	border: 0;
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

form input.error,
form textarea.error {
	color: #D40000
}

form textarea {
	font-size: 50px;
	line-height: 58px
}

@media all and (max-width:767px) {
	form textarea {
		font-size: 35px;
		line-height: 42px
	}
}

.main {
	width: 100%;
	height: 100%
}

.content-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	padding-bottom: 40px
}

@media all and (min-width:768px) and (max-width:1023px) {
	.content-wrapper {
		padding-bottom: 40px
	}
}

@media all and (max-width:767px) {
	.content-wrapper {
		padding-bottom: 57px
	}
}

.screen {
	display: table-cell;
	vertical-align: middle
}

.typed-cursor {
	display: none
}

.header {
	position:  absolute;
	bottom: 0;
	left: 0;
	text-align: right;
	width: 100%;
	padding: 28px 30px;
	z-index: 9999;
	border-top: solid 1px #29892c;
	background-color: #000;
	

}
.legal_m_t{
	margin-top:40px !important;
	font-size:25px !important;
}
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: right;
	width: 100%;
	padding: 28px 30px;
	z-index: 9999;	
	background-color: #222
}
@media all and (max-width:1280px) {
	.intro-screen .tile {
	width: 16.667%;
	height: 230px !important;
	float: left;
	position: relative;
	border-top: 1px solid #29892c;
	border-left: 1px solid #29892c;
	cursor: pointer;
	overflow: hidden
}
}
@media all and (max-width:767px) {
	.header {
		padding: 13px 20px
	}
}

.header a:link,
.header a:visited {
	vertical-align: middle;
	display: inline-block
}

.header a:hover {
	color: #fff
}

.header .sicon {
	font-size: 17px;
	color: #29892c;
	margin-left: 10px
}

.header .sicon.icon-twitter {
	font-size: 15px
}

.header .pboldup {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle
}

@media all and (max-width:767px) {
	.header .pboldup {
		font-size: 11px
	}
}

.header .left {
	float: left;
	position: relative;
	z-index: 10
}

.header .left .pboldup {
	padding-top: 5px
}

.header .center {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding: 34px 0;
	z-index: 1
}

@media all and (max-width:767px) {
	.header .center {
		display: none
	}
}

.header .center a:link,
.header .center a:visited {
	color: #29892c
}

.header .right {
	float: right;
	position: relative;
	z-index: 10
}

body.sending .header .copyright {
	display: inline-block
}

body.receiving .header .copyright,
body.receiving .header .site-cta,
body.sending .header .site-cta {
	display: none
}

@media all and (max-width:767px) {
	body.receiving .header .site-cta {
		display: inline-block
	}
}

body.receiving .header .credit-cta {
	display: inline-block
}

@media all and (max-width:767px) {
	body.receiving .header .credit-cta {
		display: none
	}
}

.form-nav {
	width: 100%
}

.form-nav .next-screen,
.form-nav .prev-screen {
	position: fixed;
	top: 50%;
	margin-top: -40px;
	cursor: pointer;
	z-index: 100
}

@media all and (max-width:767px) {
	.form-nav .next-screen,
	.form-nav .prev-screen {
		top: 20px;
		margin-top: 0
	}
}

.form-nav .next-screen .icon *,
.form-nav .prev-screen .icon * {
	font-size: 23px
}

.form-nav .next-screen .pboldup,
.form-nav .prev-screen .pboldup {
	font-size: 13px;
	line-height: 13px;
	display: block;
	margin-top: 10px
}

.form-nav .next-screen:hover .icon,
.form-nav .prev-screen:hover .icon {
	opacity: .75
}

.form-nav .prev-screen {
	left: 30px;
	text-align: left
}

@media all and (max-width:767px) {
	.form-nav .prev-screen {
		left: 20px
	}
}

.form-nav .next-screen {
	right: 30px;
	text-align: right
}

@media all and (max-width:767px) {

	.form-nav .next-screen {
		right: 20px
	}
}

.intro-screen {
	display: block
}

.intro-screen .tile-expand {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: #fff;
	z-index: 100
}

.intro-screen .tile {
	width: 16.667%;
	height: 248px !important;
	float: left;
	position: relative;
	border-top: 1px solid #29892c;
	border-left: 1px solid #29892c;
	cursor: pointer;
	overflow: hidden
}

@media all and (min-width:768px) and (max-width:1023px) {
	.intro-screen .tile {
		width: 33.3%
	}
	

}

@media all and (max-width:767px) {
	.intro-screen .tile {
		width: 50%;
		height: 150px
	}
}

.intro-screen .tile .icon {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	-webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
	transition: all .5s cubic-bezier(.23, 1, .32, 1)
}
.intro-screen .tile .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	-webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
	transition: all .5s cubic-bezier(.23, 1, .32, 1)
}

.intro-screen .tile .icon h1,
.intro-screen .tile .icon h3,
.intro-screen .tile .icon span,
.intro-screen .tile .text h1,
.intro-screen .tile .text h3,
.intro-screen .tile .text span {
	display: table-cell;
	vertical-align: middle
}

.intro-screen .tile .icon span {
	font-size: 70px
}

.intro-screen .tile .icon span.icon-client,
.intro-screen .tile .icon span.icon-coach,
.intro-screen .tile .icon span.icon-partner {
	font-size: 55px
}

.intro-screen .tile .text {
	opacity: 0;
	left: 100%
}

.intro-screen .tile .text h3 {
	font-size: 22px;
	line-height: 22px;
	color: #fff
}

.intro-screen .tile.title {
	/*background-color: #2a892d;*/
	background-color: #fff;
}

.intro-screen .tile.title .text {
	opacity: 1;
	top: 0;
	left: 0
}

.intro-screen .tile.title .text h1 {
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
	text-align: left;
	padding: 0 15px
}

@media all and (min-width:1024px) and (max-width:1280px) {
	.intro-screen .tile.title .text h1 {
		font-size: 40px;
		line-height: 40px
	}
}

@media all and (min-width:768px) and (max-width:1023px) {
	.intro-screen .tile.title .text h1 {
		font-size: 40px;
		line-height: 40px
	}
}

@media all and (max-width:767px) {
	.intro-screen .tile.title .text h1 {
		font-size: 30px;
		line-height: 30px
	}
}

.intro-screen .tile.title .text h1 .txt {
	max-width: 177px;
	margin: 0 auto;
	display: block;
	position: relative
}

@media all and (min-width:1024px) and (max-width:1280px) {
	.intro-screen .tile.title .text h1 .txt {
		max-width: 142px
	}
}

@media all and (min-width:768px) and (max-width:1023px) {
	.intro-screen .tile.title .text h1 .txt {
		max-width: 142px
	}
}

@media all and (max-width:767px) {
	.intro-screen .tile.title .text h1 .txt {
		max-width: 106px
	}
}

.intro-screen .tile.title .text h1 .icon-long-arrow-right {
	font-size: 23px;
	position: absolute;
	bottom: 10px;
	right: 0
}

@media all and (max-width:767px) {
	.intro-screen .tile.title .text h1 .icon-long-arrow-right {
		font-size: 18px;
		bottom: 8px
	}
}

.intro-screen .tile.product-hunt {
	display: none
}

.intro-screen .tile:hover {
	background-color: #29892c
}

.intro-screen .tile:hover .icon {
	opacity: 0;
	left: -100%
}

.intro-screen .tile:hover .text {
	opacity: 1;
	left: 0
}

.intro-screen.receiving .tile {
	cursor: default
}

@media all and (max-width:767px) {
	.intro-screen.receiving .tile {
		width: 100%;
		height: 200px;
		display: none
	}
}

.intro-screen.receiving .tile:hover {
	background-color: transparent
}

.intro-screen.receiving .tile.message-to-from,
.intro-screen.receiving .tile.play-message {
	display: block
}

.intro-screen.receiving .tile.message-to-from {
	background-color: #29892c
}

.intro-screen.receiving .tile.message-to-from h3 {
	display: block;
	margin: 25px 0
}

.intro-screen.receiving .tile.message-to-from h3.light {
	color: #f1c0a1
}

.intro-screen.receiving .tile.message-to-from .text {
	opacity: 1;
	left: 0;
	padding: 0 20px
}

.intro-screen.receiving .tile.message-to-from .text .inner-wrapper {
	display: table-cell;
	vertical-align: middle
}

.intro-screen.receiving .tile.message-to-from .text h3 {
	font-size: 18px;
	line-height: 18px
}

.intro-screen.receiving .tile.message-to-from:hover .icon {
	opacity: 1;
	left: 0
}

.intro-screen.receiving .tile.play-message {
	cursor: pointer
}

.intro-screen.receiving .tile.play-message .icon {
	height: 80%
}

.intro-screen.receiving .tile.play-message .icon span {
	font-size: 55px
}

.intro-screen.receiving .tile.play-message .text {
	height: 60%;
	opacity: 1;
	top: auto;
	bottom: 0;
	left: 0
}

.intro-screen.receiving .tile.play-message .text h3 {
	font-size: 18px;
	line-height: 18px
}

.intro-screen.receiving .tile.play-message:hover {
	background-color: transparent
}

.intro-screen.receiving .tile.play-message:hover .icon {
	left: 0;
	opacity: .7
}

.intro-screen.receiving .tile.play-message:hover .text {
	opacity: .7
}

@media all and (min-width:768px) and (max-width:1023px) {
	.intro-screen.receiving .tile.t1,
	.intro-screen.receiving .tile.t15,
	.intro-screen.receiving .tile.t16,
	.intro-screen.receiving .tile.t17,
	.intro-screen.receiving .tile.t18,
	.intro-screen.receiving .tile.t2,
	.intro-screen.receiving .tile.t3,
	.intro-screen.receiving .tile.t4,
	.intro-screen.receiving .tile.t5 {
		display: none
	}
}

.touch .intro-screen .tile .icon {
	left: 0
}

.touch .intro-screen .tile .text {
	height: 50%;
	opacity: 1;
	top: auto;
	bottom: -10px;
	left: 0
}

.touch .intro-screen .tile .text h3 {
	font-size: 16px;
	line-height: 16px
}

.touch .intro-screen .tile.title .text {
	height: 100%;
	opacity: 1;
	bottom: 0
}

.touch .intro-screen .tile:hover .icon,
.touch .intro-screen .tile:hover .text {
	left: 0;
	opacity: 1
}

.touch .intro-screen.receiving .tile .text h3 {
	font-size: 22px;
	line-height: 22px
}

.touch .intro-screen.receiving .tile.message-to-from .text {
	height: 100%;
	bottom: 0
}

.screen-title {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -40px;
	border: 2px solid #fff;
	border-radius: 120px
}

@media all and (max-width:767px) {
	.screen-title {
		width: 100px;
		height: 50px;
		top: 12px
	}
}

.screen-title .center-align {
	display: table;
	width: 100%;
	height: 100%
}

.screen-title .text-wrap {
	display: table-cell;
	vertical-align: middle
}

.screen-title .text-wrap .pboldup {
	font-size: 16px;
	color: #fff
}

.screen-title.send {
	background-color: #fff
}

.screen-title.send .pboldup,
.screen-title.send a:link,
.screen-title.send a:visited {
	color: #45b549
}

@media all and (min-width:768px) and (max-width:1023px) {
	.from-screen,
	.to-screen {
		padding: 0 80px
	}
}

@media all and (max-width:767px) {
	.from-screen,
	.to-screen {
		padding: 0 20px
	}
}

.from-screen form,
.to-screen form {
	padding: 0 20px
}

.from-screen form input[type=text],
.to-screen form input[type=text] {
	font-size: 5em;
	font-family: proxima_nova_extra_condensXBd, Helvetica, sans-serif;
	font-weight: lighter;
	width: 100%;
	text-align: center;
	color: #fff
}

@media all and (max-width:767px) {
	.from-screen form input[type=text],
	.to-screen form input[type=text] {
		font-size: 3.125em
	}
}

@media all and (min-width:768px) and (max-width:1023px) {
	.edit-screen,
	.message-screen {
		padding: 0 80px
	}
}

@media all and (max-height:620px) {
	.edit-screen,
	.message-screen {
		display: block;
		padding: 150px 30px 100px;
		position: relative;
		z-index: 1
	}
}

@media all and (max-width:767px) {
	.edit-screen,
	.message-screen {
		display: block;
		padding: 150px 30px 100px;
		position: relative;
		z-index: 1
	}
}

.edit-screen .name-wrapper,
.message-screen .name-wrapper {
	width: 100%;
	position: fixed;
	top: 50%;
	left: 0;
	margin-top: -45px;
	-webkit-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	transition: all 1.5s cubic-bezier(.23, 1, .32, 1)
}

.edit-screen .name-wrapper h1,
.edit-screen .name-wrapper h2,

.message-screen .name-wrapper h1,
.message-screen .name-wrapper h2 {
	text-transform: capitalize;
	font-size: 5em;
	font-family: proxima_nova_extra_condensXBd, Helvetica, sans-serif;
	font-weight: lighter;
	-webkit-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	transition: all 1.5s cubic-bezier(.23, 1, .32, 1)
}

@media all and (max-width:767px) {
	.edit-screen .name-wrapper h1,
	.edit-screen .name-wrapper h2,
	.message-screen .name-wrapper h1,
	.message-screen .name-wrapper h2 {
		font-size: 3.125em;
		line-height: 50px
	}
}

.edit-screen .name-wrapper.top,
.message-screen .name-wrapper.top {
	top: 70px
}

@media all and (max-width:767px) {
	.edit-screen .name-wrapper.top,
	.message-screen .name-wrapper.top {
		top: 70px
	}
}

.edit-screen .name-wrapper.top h1,
.edit-screen .name-wrapper.top h2,
.message-screen .name-wrapper.top h1,
.message-screen .name-wrapper.top h2 {
	font-size: 3.125em;
	line-height: 50px
}

@media all and (max-width:767px) {
	.edit-screen .name-wrapper.top h1,
	.edit-screen .name-wrapper.top h2,
	.message-screen .name-wrapper.top h1,
	.message-screen .name-wrapper.top h2 {
		font-size: 2.1875em;
		line-height: 35px
	}
}

.edit-screen .hidden,
.message-screen .hidden {
	display: none!important
}

.edit-screen h5,
.message-screen h5 {
	font-size: 16px;
	margin-bottom: 30px
}

.edit-screen .txt-wrapper,
.message-screen .txt-wrapper {
	max-width: 800px;
	margin: 0 auto;
	position: relative
}

@media all and (max-height:620px) {
	.edit-screen .txt-wrapper,
	.message-screen .txt-wrapper {
		margin: 0 auto 100px
	}
}

@media all and (max-width:767px) {
	.edit-screen .txt-wrapper,
	.message-screen .txt-wrapper {
		margin: 0 auto 80px
	}
}

.edit-screen .txt-wrapper p+p,
.message-screen .txt-wrapper p+p {
	margin-top: 35px
}

.edit-screen .txt-wrapper p:empty,
.message-screen .txt-wrapper p:empty {
	margin: 0
}

.edit-screen .txt-wrapper.editing p,
.message-screen .txt-wrapper.editing p {
	opacity: 0
}

.edit-screen .btn-wrapper,
.message-screen .btn-wrapper {
	opacity: 1;
	-webkit-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	transition: all 1.5s cubic-bezier(.23, 1, .32, 1)
}

.edit-screen .btn-wrapper.pushed,
.message-screen .btn-wrapper.pushed {
	bottom: 0;
	opacity: 0
}

.edit-screen .btn-wrapper .message-edit,
.message-screen .btn-wrapper .message-edit {
	margin-bottom: 30px
}

.edit-screen .btn-wrapper .message-edit .edit-btn,
.edit-screen .btn-wrapper .message-edit .random-btn,
.message-screen .btn-wrapper .message-edit .edit-btn,
.message-screen .btn-wrapper .message-edit .random-btn {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	cursor: pointer
}

.edit-screen .btn-wrapper .message-edit .edit-btn:hover .icon,
.edit-screen .btn-wrapper .message-edit .random-btn:hover .icon,
.message-screen .btn-wrapper .message-edit .edit-btn:hover .icon,
.message-screen .btn-wrapper .message-edit .random-btn:hover .icon {
	opacity: .75
}

.edit-screen .btn-wrapper .message-edit .icon *,
.message-screen .btn-wrapper .message-edit .icon * {
	font-size: 20px
}

.edit-screen .btn-wrapper .message-edit .pboldup,
.message-screen .btn-wrapper .message-edit .pboldup {
	font-size: 13px;
	line-height: 13px;
	color: #f1c0a1;
	display: block;
	margin-top: 10px
}

.edit-screen .edit-form,
.message-screen .edit-form {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.edit-screen .edit-form textarea,
.message-screen .edit-form textarea {
	width: 100%;
	text-align: center;
	color: #fff;
	font-family: proxima_nova_extra_condenseLt, Helvetica, sans-serif;
	font-weight: lighter;
	resize: none
}

.edit-screen .edit-form textarea+textarea,
.message-screen .edit-form textarea+textarea {
	margin-top: 35px
}

@media all and (max-height:620px) {
	.message-screen .txt-wrapper {
		margin: 0 auto 120px
	}
}

@media all and (min-width:768px) and (max-width:1023px) {
	.send-screen {
		padding: 0 50px
	}
}

@media all and (max-width:767px) {
	.send-screen {
		display: block;
		padding: 150px 30px 100px;
		position: relative
	}
}

.send-screen h4 {
	margin-bottom: 35px;
	font-family: proxima_nova_extra_condenseLt, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 3.125em;
	line-height: 60px
}

@media all and (max-width:767px) {
	.send-screen h4 {
		font-size: 2.1875em;
		line-height: 45px;
		margin-bottom: 30px
	}
}

.send-screen h5 {
	margin: 0 0 5px
}

.send-screen .custom-url {
	text-transform: lowercase
}

.send-screen .custom-url a:link,
.send-screen .custom-url a:visited {
	color: #fff
}

.send-screen .custom-url a:hover {
	border-bottom: solid 1px #fff
}

.send-screen .custom-call-cta {
	margin-bottom: 0
}

.send-screen .sicon {
	font-size: 35px;
	margin: 12px 13px 40px;
	display: inline-block;
	vertical-align: middle;
	color: #fff
}

@media all and (max-width:767px) {
	.send-screen .sicon {
		font-size: 30px
	}
}

.send-screen .sicon.icon-email {
	font-size: 30px
}

@media all and (max-width:767px) {
	.send-screen .sicon.icon-email {
		font-size: 25px
	}
}

.about-wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(219, 91, 10, .9)
}

.about-wrapper .inner-wrapper {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
	z-index: 1
}

@media all and (max-height:500px) {
	.about-wrapper .inner-wrapper {
		display: block;
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}
}

@media all and (max-width:767px) {
	.about-wrapper .inner-wrapper {
		display: block;
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}
}

.about-wrapper .inner-wrapper .max-wrap {
	max-width: 800px;
	margin: 0 auto
}

.about-wrapper .inner-wrapper .txt-wrapper {
	display: table-cell;
	vertical-align: middle
}

@media all and (max-height:500px) {
	.about-wrapper .inner-wrapper .txt-wrapper {
		display: block;
		padding: 80px 20px
	}
}

@media all and (max-width:767px) {
	.about-wrapper .inner-wrapper .txt-wrapper {
		display: block;
		padding: 80px 20px
	}
}

.about-wrapper .inner-wrapper p {
	font-size: 40px;
	line-height: 45px
}

@media all and (max-width:767px) {
	.about-wrapper .inner-wrapper p {
		font-size: 30px;
		line-height: 35px
	}
}

.about-wrapper .inner-wrapper ul li {
	display: inline-block;
	margin: 0 10px
}

.about-wrapper .inner-wrapper .about-info,
.about-wrapper .inner-wrapper .credits,
.about-wrapper .inner-wrapper .site-credit {
	display: block;
	padding: 20px 0
}

.about-wrapper .inner-wrapper .credits h3 {
	margin-bottom: 15px
}

.about-wrapper .inner-wrapper .site-credit a:link,
.about-wrapper .inner-wrapper .site-credit a:visited {
	color: #fff
}

.about-wrapper .inner-wrapper .site-credit a:hover {
	border-bottom: solid 1px #fff
}

.about-wrapper .close-btn {
	width: 100%;
	position: absolute;
	top: 30px;
	left: 0;
	text-align: center;
	color: #fff;
	z-index: 100
}

.about-wrapper .close-btn .icon-close {
	font-size: 30px;
	cursor: pointer;
	display: inline-block
}

.format-screen {
	position: relative
}

@media all and (max-width:767px) {
	.format-screen {
		padding-top: 50px
	}
}

.format-screen h4 {
	color: #fff;
	font-size: 1.375em
}

.format-screen p {
	font-size: 1.875em;
	line-height: 1.3;
	margin: 30px auto;
	max-width: 345px
}

@media all and (max-width:767px) {
	.format-screen p {
		font-size: 1.5625em
	}
}

.format-screen .simple-btn {
	margin: 0 5px;
	max-width: 140px
}

.format-screen .screen-title {
	margin-top: -15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media all and (max-width:767px) {
	.format-screen .screen-title {
		margin: 10px auto;
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@media all and (max-width:767px) {
	.send-card-screen {
		padding-top: 50px
	}

}

.send-card-screen .preview-card {
	margin: 30px auto
}

.send-card-screen .preview-card img {
	max-width: 100%
}

.send-card-screen p.from-name,
.send-card-screen p.to-name {
	font-size: 2.5em;
	margin: 0 0 25px
}

@media all and (max-width:767px) {
	.send-card-screen p.from-name,
	.send-card-screen p.to-name {
		font-size: 2em
	}
}

.send-card-screen p.card-message {
	font-size: 1.875em;
	line-height: 1.3;
	margin: 10px auto 0;
	max-width: 400px
}

@media all and (max-width:767px) {
	.send-card-screen p.card-message {
		font-size: 1.5625em
	}
}

.send-card-screen .pay-btn {
	margin: 25px auto 0
}

.send-card-screen small {
	font-family: proxima_nova_excn_rgbold, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 1.125em;
	opacity: .6;
	display: block;
	margin-top: 15px
}

.send-card-screen .hidden-text-fields {
	display: none
}

.option-column,
.preview-column {
	display: inline-block;
	vertical-align: middle;
	margin-left: -4px;
	padding: 50px;
	width: 50%
}

@media all and (max-width:767px) {
	.option-column,
	.preview-column {
		float: none;
		padding: 30px;
		width: 100%
	}
}

.option-column.with-card,
.preview-column.with-card {
	padding: 50px 20px 50px 120px
}

@media all and (max-width:767px) {
	.option-column.with-card,
	.preview-column.with-card {
		padding: 30px
	}
}

.preview-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(238, 102, 15, .9);
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .35s cubic-bezier(.23, 1, .32, 1)
}

.preview-card-overlay.active {
	opacity: 1;
	visibility: visible
}

.preview-card-overlay .preview-card {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding-bottom: 70px;
	width: 100%;
	max-width: 600px
}

@media all and (max-width:767px) {
	.preview-card-overlay .preview-card {
		padding: 120px 30px 50px;
		max-width: 100%
	}
}

.preview-card-overlay img {
	max-width: 100%
}

.preview-card-overlay a {
	color: #fff;
	border-bottom: solid 1px #fff
}

.preview-card-overlay a:hover {
	color: #f1c0a1;
	border-color: #f1c0a1
}

.preview-card-overlay .close-preview-card-btn {
	cursor: pointer;
	margin-bottom: 20px
}

.preview-card-overlay .close-preview-card-btn:hover {
	color: #fff
}
.tile_m_t{
	margin-top:3px;
	width:100%;
}
.f-m-top{
	margin-top:29px;
	letter-spacing:2px;
}


/*@media only screen and (max-width: 480px)  {
.intro-screen .tile {
	width: 16.667%;
	height: 250px !important;
	float: left;
	position: relative;
	border-top: 1px solid #29892c;
	border-left: 1px solid #29892c;
	cursor: pointer;
	overflow: hidden
}
}*/

.btn-primary {
	color: #29892c;
	background-color: #fff;
	border-color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
	color: #45b549;
	background-color: #000000;
	border-color: #000000
}

.btn-primary:hover {
	color: #45b549;
	background-color: #000000;
	border-color: #000000
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #286090
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
	background-image: none
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
	background-color: #286090;
	border-color: #286090
}

.btn-primary .badge {
	color: #286090;
	background-color: #fff
}

.wall_logo{
	margin-left:0px;
	margin-top:70px;

}
.img_wh{
	width:60px;
	height:60px;
}