@charset "UTF-8";
/* CSS Document */
/*
Looped In Color Palette: (added rgba)
	Green:	
		#8dc53e 
		rgba(141,197,62,1.00)
	Light-Green:
		#b1dc7a
		rgba(177,220,122,1.00)
	Light-Gray:
		#f8f8f8
		rgba(248,248,248,1.00)
	Dark-Gray:
		#353535
		rgba(53,53,53,1.00)
	Gray:
		#5a5959
		rgba(90,89,89,1.00)
*/
/*==== GLOBAL ELEMENTS =====*/
body{
	padding:0;
	margin:0;
	font-family:MuseoSans_100, sans-serif;
}
/*fonts*/

@font-face {
    font-family:MuseoSans_100;
    src: url(../fonts/MuseoSans_100.otf);
}

@font-face {
    font-family: MuseoSans_100_italic;
    src: url(../fonts/MuseoSans_100_Italic.otf);
}
@font-face {
    font-family: MuseoSans_300;
    src: url(../fonts/MuseoSans_300.otf);
}
@font-face {
    font-family: MuseoSans_300_italic;
    src: url(../fonts/MuseoSans_300_Italic.otf);
}
@font-face {
    font-family: MuseoSans_500;
    src: url(../fonts/MuseoSans_500.otf);
}

@font-face {
    font-family: MuseoSans_500_italic;
    src: url(../fonts/MuseoSans_500_Italic.otf);
}

@font-face {
    font-family: MuseoSans_700;
    src: url(../fonts/MuseoSans_700.otf);
}



/* museo sans 300*/
.m_300{
	font-family:MuseoSans_300;
	margin:0 auto;
	color:rgba(90,89,89,1.00);
	text-align:center;
}
/* museo sans 500*/
.m_500{
	font-family:MuseoSans_500;
}
/* museo sans 300-white*/
.m_300_white{
	font-family:MuseoSans_300;
	color:#fff;
}

a{
	color: #353535;
}

/*====== MAIN CONTENT [Homepage: Sections 1-6] ======*/
#wrapper {
	width:100%;
	padding:0;
	margin:40px auto 0 auto;
	background-color: #fff;
}
/*<!-- welcome div -->*/
#welcome-div{
	margin:0;
	width:100%;
	position:relative;
	top: -10px;
	background-image:url(../images/cta_image.jpg);background-size:cover; 
	height: 95vh;
}
#band1-img{
	width:100%;
	
}
/*holds the welcome message & sign up button*/
#band1-mission{
	height:280px;
	width:600px;
	position:absolute;
  	left:209px;
  	top:220px;
}
#rec-1{
  background-color: rgba(0, 0, 0, .65);
  position: absolute;
  z-index:183;
  padding:  2px 8px 2px 8px;
}
#rec-2{
  background-color:rgba(0, 0, 0, .65);
  z-index:183; 
  position: absolute;
  top: 86px;
  padding: 8px;
}

.regmark {font-size: 50%; vertical-align:text-top}
.tm_mark {font-size: 35%; vertical-align:text-top}

#rec-1 h1
{
	font-family:MuseoSans_300;
	color:#fff;
	font-size:50px;
}
#rec-2 h2
{
	font-family:MuseoSans_100;
	color:#fff;
	font-size:22px;
	line-height:30px;
}

#cta-button
{
	position: absolute;
	top: 240px;
}

#cta-button img {height: 46px;}

.signup-btn{
	width:200px;
	height: 70px;
	
	color: #fff;
	background-color:#8dc53e;
	border: #8dc53e solid .6px;
	-webkit-border-radius:8px;
 	-moz-border-radius:8px;
	border-radius:8px;
	font-size:  24px;
}
.signup-btn:hover{
	color:#353535;
	background:#b1dc7a;
}

/*<!-- Life's Better Banner -->*/
#band2{
	width:100%;
	text-align:center;
	background:#efefef;/*light gray*/
	position:relative;
	display:block;
	margin-top: -10px;
 	z-index: 170;
	padding: 30px 0 110px 0;
	font-family:MuseoSans_100;
}

#band2  h1 { font-size: 24px;  line-height: 40px;} 
#mustach-icon{
	margin:4em auto 1em auto;
	text-align:center;
}


/*<!-- Pay w/ Phone Div  -->*/
#band3{
	width:100%;
	background-color: #fff;
}

/*  scrolling screen section */

#inside {width: 900px; height: 825px; margin: 0 auto;}
#phone {float:left; margin-top:75px; background-image:url(../images/screens/consumer_homepage_phone.jpg); background-color: #fff;
width: 360px; height: 730px; background-repeat: no-repeat; position: relative}
#phone-screen { position: absolute; top: 102px; left: 47px;  width: 281px; height: 476px; background-image:url(../images/screens/new-screen1.png); 
background-size:cover;}
#inside-right { float:left;  height: 100%;  display:block; width: 480px; padding-left: 60px;} 
#text-stuff {display:block;  height: 640px; background-color: #fff; overflow: hidden; font-size: 18px; line-height: 40px;  }
#text-stuff h1 {font-size: 32px; font-family: MuseoSans_500; margin-bottom: 20px;}
#text-stuff a { text-decoration:none;  color: #8cc63f;}
#text-stuff a:hover {  color: #353535;}
#text1 { padding-top: 200px; display:block; height:  440px; }
#text2 {padding-top: 200px; display:block; height:  440px; }
#text3 {padding-top: 200px; display:block; height:  440px; }
#text4 {padding-top: 200px; display:block; height:  440px; }
 
#dots {display:block;}
/*  #dots img { vertical-align: middle;}  */
#dots #move-slide-left { vertical-align: middle; margin-right: 45px; background-image:url(../images/left_arrow_sm.jpg); background-size: cover; height: 45px; width: 25px; display:inline-block; }
 #dots #move-slide-right {vertical-align: middle; margin-left: 25px;  background-image:url(../images/right_arrow_sm.jpg); background-size: cover; height: 45px; width: 25px; display:inline-block;}
#dots #move-slide-left:hover,#dots #move-slide-left.disabled { background-image:url(../images/left_arrow_sm-over.jpg); }
#dots #move-slide-right:hover,#dots #move-slide-right.disabled { background-image:url(../images/right_arrow_sm-over.jpg);}

.dot { width:20px; height: 20px; margin-right: 25px; background-image:url(../images/radial_btn.png); display:inline-block; margin-top: 0px;}  
.dot.selected {background-image:url(../images/radial_btn-select.png);} 

/*<!--New Merchants Added Everyday -->*/
#band4{
	clear:both;
	width:100%;
	height:520px;
	background-color: #353535;
	margin:0;
	text-align:center;
	overflow:visible;
}

#band4 h1 { font-size: 34px; padding-top: 60px; font-family:MuseoSans_300; color:#fff;} 
#band4 h3 { font-size: 26px; margin-top: 20px; margin-bottom: 20px; font-family:MuseoSans_100; color:#fff;} 
#band4 h2{ 	text-align:left; color:#353535; 	margin-top: 15px; font-size: 30px; font-family:MuseoSans_300; padding-left: 25px; padding-bottom: 10px; }
#featured-wrapper
{
	width: 940px;
	margin: 0 auto;
}

.vendor-container{
	width:398px;
  	height:473px;
	background:url(../images/deal_bkgd.png) no-repeat;
	position:relative;
	z-index:90;
	display:inline-block;	
	margin-right:125px;
}

.vendor-container.right { margin-right: 0;} 

.vendor-container a{
	text-decoration:none;
}
.vendor-container a:hover{
	color:#8cc63f;
}

.vendor-container  a img
{
	position:relative;
	margin-top: 12px;
}

.vendor-info-box{
	text-align:left;
	position:relative;
	padding-left: 25px;
	line-height: 150%;
}

.vendor-icon{
	display:inline-block;
	margin-right: 15px;
	vertical-align:text-bottom;
	padding-top:2px;
}

.vendor-attr { padding-top: 4px;} 

.vendor-attr.map-icon { margin-top: 10px; padding-left: 35px; background-image:url(../images/icons/deal_icon_map.png); background-position:left middle; background-repeat:no-repeat; } 
.vendor-attr.deal-icon {margin-top: 6px; padding-left: 35px; background-image: url(../images/icons/deal_icon_tag.png); background-position:left middle; background-repeat:no-repeat; } 

.view-all{
	background:url(../images/btn_viewall.png);
	height: 20px;
	width: 101px;
	margin:0 auto 40px auto;
}
.view-all:hover{
	background:url(../images/btn_viewall_white.png) ;
}
.view-all-events{
	background:url(../images/btn_viewall.png);
	height:20px;
	width:101px;
	float:right;
}
.view-all-events:hover{
	background:url(../images/btn_viewall_white.png) no-repeat;
}
/*<!-- Where is the LoopedIn Team? [5] -->*/
#band5{
	width:100%;
	height:450px;
	background-color:#b7baba;
	margin:0 auto;
	padding: 10px;
	padding-top: 20px;
	text-align:center;
	/*clear:both;*/
	overflow:visible;
}
#calendar-container{
	width:890px;
	height: 190px;
	margin:0 auto;
	margin-top:200px;
	text-align:center;
}

#calendar-container h1 {font-size:  32px; margin-bottom: 20px; }

#calendar{
	width:780px;
	height:140px
	margin:0 auto;
	border:solid 1px #fefefe;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	float:left;
	padding: 28px 28px 10px 28px;	
	color: #353535;
}
#calendar-icon{
	float:left;
	margin: 0 12px 20 0;
}

#calendar-content{
	text-align:left;
	float:left;
	overflow:hidden;

}

#calendar-content  h2 { font-size: 24px; margin-bottom: 10px; font-family:MuseoSans_500;} 

#cal-plus-date { float:left; width: 110px; margin-right: 36px;} 
#event-details {  float:left; width: 630px; font-size: 14px; line-height: 24px;font-family:MuseoSans_300; }
#cal-plus-date p { font-size: 26px; font-family:MuseoSans_300; margin-top: 2px; text-align:center;}
#event-location { font-family:MuseoSans_500;} 

/*<!-- Call to action/Sign up today [6] -->*/
#band6 {
	width:100%;
	height:500px;
	background-color: #fff;
	margin:0 auto;
	text-align:center;
}
#get-deals-banner{
	margin:0 auto;
	padding-top: 120px;
}

#signup-today-btn{
/*	background:url(../images/btn_signup_today.png) no-repeat;*/
	margin:0 auto;
/*	margin-top: 70px; */
/*	width: 211px; */
	margin-top: 100px;
	height: 68px;
}

#signup-today-btn img { height: 50px;}
/*#signup-today-btn:hover{
	background:url(../images/btn_signup_today-over.png) no-repeat;
}
*/

/*  events */


#event-wrapper {
	background: url('../images/events/bggradient.png') top repeat-x #FFF;
}

#event-wrapper2 {
	width: 1024px;
	margin: 50px auto 0 auto;
	padding-bottom: 50px;
	font-family: MuseoSans-500;
	font-size: 18px;
}

#topbox {
	width: 692px;
	margin: 0 auto;
	padding: 44px 0 74px;
	text-align:center;
}

#topbox h1 {
	font-family: MuseoSans_500;
	font-size: 46px;
	letter-spacing: 1px;
	color: #353534;
}

#topbox .logo {
	position: relative;
	top: 9px;
}

.eventbox {
	width: 886px;
	min-height: 184px;
	margin: 0 auto 31px;
	border: 1px solid #8cc63f;
	border-radius: 5px;
	color: #353534;
}

.eventbox .leftimg {
	position: relative;
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
}

.eventbox .calimg {
	background: url('../images/events/cal.png');
	margin: 16px 0px 0 0;
	height: 62px;
	width: 82px;

}

.eventbox .event-right { display:block;  float:right; margin-right: 15px;}
 
.eventbox .calimg p {
	text-align: center;
	padding: 31px 0 0;
	font-family: MuseoSans_700;
	text-transform: uppercase;
}

.eventbox .eventboxtext {
	width: 572px;
	margin: 0 0 0 315px;
	padding: 20px 0 15px 0;
}

.eventbox h2 {
	font-family: MuseoSans_700;
	font-size: 26px;
	margin: 0 0 9px;
	width: 422px;
}

.eventbox h3 {
	font-family: MuseoSans_300;
	font-weight: 900;
	font-size: 16px;
	margin: 0 0 14px;
	line-height: 22px;
}

.eventbox .event-details {
	width: 530px;
	margin: 0;
	font-family: MuseoSans_100;
	line-height: 24px;
}
/*.eventbox .more { background-image: url(../images/arrow.png); background-position: right; background-repeat:no-repeat; text-align:right;} 
*/
.eventbox .more a { color:#8cc63f;  text-decoration:none;  font-family: MuseoSans_300;   
padding-right: 20px; display:block; margin-top: 5px; font-size: 22px; background-image: url(../images/arrow.png); background-position: right; background-repeat:no-repeat; text-align:right;} 
.eventbox .more a:hover { color: #353535;  background-repeat:no-repeat; background-image:url(../images/arrow-over.png);
background-position:right} 
h2.tagline{
	font-size:26px;
	font-family: MuseoSans_300;
	color:#808080;
}