/* TACTIFY THEME */

/* GENERAL
-------------------------------------------------- */
.lander h4, .lander h3, .lander p, .lander span, .lander a, .lander div { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
body.lander { background:#111; padding:0; margin:0; /*padding-bottom:40px;*/ }
.lander h1, .lander h2  { font-family: 'Open Sans Condensed', Helvetica, sans-serif; text-transform: uppercase; margin:0; }
.lander h1 { font-size:20px; margin:0; }
.lander h2 { margin-top:0; font-size:24px; line-height: 24px; }
.lander h3 { font-size:18px; line-height: 22px; font-weight: medium; margin:0; }
.lander h4 { font-size:18px; line-height: 22px; font-weight: bold; margin:0; }
.lander p { font-size:14px; line-height: 16px; margin:20px 0;}
.lander .light { font-weight:200; }
.lander .regular { font-weight:400; }
.lander .semi-bold { font-weight:500; }
.lander .bold { font-weight:600; }
.lander .clearfix { clear:both; }
.lander table { border-collapse: collapse; border-spacing: 0; width:100%; }
.lander table td { padding:0; }
.lander .lander-wrapper { width:100%; max-width:1024px; margin:0 auto; background:#111; position:relative; box-shadow:0 2px 10px rgba(0,0,0,0.5); }
.lander .padding-md { padding:5%; }
.lander .padding-lg { padding:0%; }

/* BUTTONS
-------------------------------------------------- */
.lander .btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; border:#444 solid 1px; border-bottom:#333 solid 1px; padding:10px; text-align: center; font-size: 14px; text-transform: uppercase; border-radius:4px; margin-bottom:10px; text-decoration: none; color: #f1f1f1;
	/* fallback */
	background-color: #111;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#424242), to(#141414));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #323232, #141414);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #323232, #141414);
	/* IE 10 */
	background: -ms-linear-gradient(top, #323232, #141414);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #323232, #141414); }
.lander .btn:hover { background:#fff; cursor: pointer; color:#555; }

/* HEADER
-------------------------------------------------- */
.lander .header { width:100%; padding-bottom: 0; position:relative; }
.lander .logo { height:75px; width:160px; float:left; text-align: center; }
.lander td.logo { float:none; width:100px; vertical-align: middle }
.lander .logo img { max-height:75px; max-width:120px; height:auto; }
.lander td.logo img { max-height:70px; max-width:90px; }
.lander .profile-image { width:125px; height:125px; padding:5px; background:#fff; position:absolute; right:0; }
.lander .profile-image img { width:100%; height:auto; }
.lander .name-holder { float:left; clear:left; width:100%; height:59px; border-top:#000 solid 1px; }
.lander .card .name-holder span { font-size:14px; line-height: 14px; display: block; margin-bottom:5px; }
.lander .name-holder .padding { padding:12px 0 0 12px; }
.lander .page-title { text-align: center; }

/* CONTENT
-------------------------------------------------- */
.lander .content.event { background:#292929; }

/* BUTTON GRID
-------------------------------------------------- */
.lander .button-grid { width:auto; padding:20px; background-color:#222; background-image:url(../img/phone/buttons-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; }
.lander .button-grid .button-holder { width:70px; margin:10px; display: inline-block; }
.lander .button-grid .button-holder a { font-family: 'Open Sans Condensed', Helvetica, sans-serif; text-transform: uppercase; color:#ccc; font-size:14px; line-height:14px; text-decoration: none; }
.lander .button-grid .button-holder a.text i { display: none; }
.lander .button-grid .button-holder .button { display:block; float:left;  margin-bottom:5px; }
.lander .button-grid .button-holder .button img { width:100%; height:auto; margin:0; float:left; }
.lander .button-grid .button-holder .button.default { background:url(../img/phone/button-bg.png) center center no-repeat scroll; background-size: cover; }
.lander .button-grid .button-holder .button.rubber { background:url(../img/phone/button-bg-rubber.png) center center no-repeat scroll; background-size: cover; }

/* BUTTON LIST
-------------------------------------------------- */
.lander .button-list { padding:0; background-image:none; text-align: left; }
.lander .button-list .button-holder { width:100%; margin:0; display: block; }
.lander .button-list .button-holder a.button { display:none; }
.lander .button-list .button-holder a.text { text-transform: uppercase; color:#ccc; font-size:14px; line-height:14px; text-decoration: none; padding:14px; display: block; }
.lander .button-list .button-holder a.text.default { background-color:#292929; border-top:#333 solid 1px; }
.lander .button-list .button-holder a.text.rubber { background-color:#eee; border-top:#ccc solid 1px; }
.lander .button-list .button-holder:first-child a.text { border:none; }
.lander .button-list .button-holder a.text i { display: inline-block; width:20px; }

/* HERO IMAGE
-------------------------------------------------- */
.lander .hero-container { float:left; width:100%; background-color:#222; background-image:url(../img/phone/buttons-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.lander .hero-container img { width:100%; float:left; }

/* OFFERS
-------------------------------------------------- */
.lander .offers-container { float:right; width:100%; color: #f1f1f1; }
.lander .offer { background:#111; padding:20px; margin-bottom:2px; text-align:center; }
.lander .offer p { margin:5px 0; }
.lander .offer .price { float:middle; padding:0 0 10px 10px; color:#fff; font-weight: bold; font-size:18px; }

/* EVENTS
-------------------------------------------------- */
.lander .event-info { float:left; width:100%; background-color:#222; background-image:url(../img/phone/buttons-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.lander .event-info p, .event-info h2 { color:#bbb; }
.lander .event-info p { line-height: 28px; }
.lander .event-info p:last-child { margin-bottom:0; }

/* ACTIONS
-------------------------------------------------- */
.lander .actions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:right; width:100%; padding:10px 10px 20px 10px; }
.lander .event-actions { float:right; background:#111; width:100%;}
.lander .event-actions .btn { border-radius:0; background:none; border:none; border-bottom:#333 solid 1px; margin:0; padding:15px; color:#111; text-align: left; }
.lander .event-actions .btn:active, .event-actions .btn:hover { background:#111; color:#333; }
.lander .event-actions .btn span { width:30px; display: inline-block; }

/* FOOTER
-------------------------------------------------- */
.lander .footer { width:100%; background:#fff; position:relative; bottom:0; left:0; }
.lander .footer-logo { height:30px; overflow: hidden; background:#fff; padding:5px 5px 5px 5px; float:right; box-sizing: content-box !important;}
.lander .footer img { height:100%; width:auto; }