/*PKG_Name - Contest_Name(25k) - V1.0 - Pkg Mobile CSS by SN - 05/13/2020*/

/******Package Specific Style Start******/
#contestWrap{ overflow: hidden;}
#mobileBody p{ padding: 10px 0;}

#deviceWrap1{ display: none; }
/******Package Specific Style Start******/
 /* #layer{
	position: absolute;
	background: url("../images/mobile/m_layer2.png") no-repeat 0 0;
    width: 320px;
	height: 458px;
	left:0;
	right:0;
	margin:0 auto;
}  */
#lm-wrap{
	width: 320px;
	margin: 0 auto;	
	overflow: hidden;
	position: relative;
	background: #39a060;
	overflow: hidden;
}
#lm-contest_section{
	position: relative;
	width:320px;
	height: 460px;
	background:#39a060;
	margin: 0 auto;
	padding: 5px 0 0 0;
	
}
#lm-multiple_chances_tile {
	position: relative;
	font-size: 14.2px;
	font-family: 'Spartan', sans-serif;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	/* letter-spacing: 0.1px; */
	opacity: 0;
}
#lm-prize_title {
	position: relative;
	background: url("../images/mobile/m_lm_win2500k_prize_title.png") no-repeat 0 0;
	width: 247px;
	height: 58px;
	margin: 4px auto 0;
	opacity: 0;
}
#lm-label_entries {
	position: relative;
	/* width: 508px; */
	display: inline-block;
	width: 320px;
	margin: 10px auto 8px;
	height: 86px;
}
#lm-label1 {
	background: url("../images/mobile/m_lm_label.png") no-repeat 0 0;
	width: 173px;
	height: 86px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	opacity: 0;
	transform: scale(3);
}
#lm-label2{
	background: url("../images/mobile/m_lm_label.png") no-repeat 0 0;
	width: 173px;
	height: 86px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	opacity: 0;
	transform: scale(3);
}
#lm-label3{
	background: url("../images/mobile/m_lm_label.png") no-repeat 0 0;
	width: 173px;
	height: 86px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	opacity: 0;
	transform: scale(3);
}
#lm-label4{
	background: url("../images/mobile/m_lm_label.png") no-repeat 0 0;
	width: 173px;
	height: 86px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	opacity: 0;
	transform: scale(3);
}
#lm-label5{
	background: url("../images/mobile/m_lm_label.png") no-repeat 0 0;
	width: 173px;
	height: 86px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	opacity: 0;
	transform: scale(3);
}
.lm-1x_entry, .lm-2x_entry, .lm-3x_entry, .lm-4x_entry, .lm-5x_entry {
	position: relative;
	font-size: 87px;
	font-family: 'Courier Prime', monospace;
	color: rgb(57, 57, 57);
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	left: 10px;
	display: none;
}
#lm-claim_btn {
	position: relative;
	background: url("../images/mobile/m_lm_claim_all_btn.png") no-repeat 0 0;
	width: 281px;
	height: 52px;
	margin: 2px auto 0;
	cursor: pointer;
	opacity: 0; 
}

/*clock*/
#lm-clock_box {
	position: relative;
	width: 280PX;
	height: 73px;
	background: #394e41;
	margin: 9px auto 0;
	border: 2px solid #d7ecdf;
	transform:scale(0);
}
.lm-days_text {
	position: absolute;
	left: 44px;
	top: 118px;
	font-size: 18px;
	font-family: 'Spartan', sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.278;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	left:79px;
}
.lm-hours_text {
	position: absolute;
	left: 44px;
	top: 51px;
	font-size: 8px;
	font-family: 'Spartan', sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.278;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0px;
	left: 30px;
}
.lm-minutes_text{
	position: absolute;
	left: 44px;
	top: 49px;
	font-size: 8px;
	font-family: 'Spartan', sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.278;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0px;
	left: 26px;
}
.lm-seconds_text {
	position: absolute;
	left: 44px;
	top: 51px;
	font-size: 8px;
	font-family: 'Spartan', sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.278;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0px;
	left: 26px;
}
  
#lm-seconds, #lm-hours, #lm-minutes, #lm-days {
	position: absolute;
	top: 9px;
	font-size: 43.206px;
	font-family: 'Spartan', sans-serif;
	color: #fff;
	text-align: center;
	display: inline-block;
	/* width: 218px; */
	width: 93px;
	font-weight: bold;
}
.lm-clk_separator1 {
	position: absolute;
	background: url("../images/mobile/m_lm_clock_separator.png") no-repeat;
	width: 2px;
	height: 26px;
	display: inline-block;
	/* left: 221px; */
	left: 93px;
	top: 15px;
}
.lm-clk_separator2 {
	position: absolute;
	background: url("../images/mobile/m_lm_clock_separator.png") no-repeat;
	width: 2px;
	height: 26px;
	display: inline-block;
	/* left: 441px; */
	left:186px;
	top: 15px;
}
.lm-clk_separator3 {
	position: absolute;
	background: url("../images/lm_clock_separator.png") no-repeat;
	width: 2px;
	height: 61px;
	display: inline-block;
	/* left: 660px; */
	left:651px;
	top: 43px;
}
#lm-hours{
	/* left:226px; */
	left:3px;
}
#lm-minutes{
	left:94px;
}
#lm-seconds{
	left:188px;
}
#lm-postclcik_msg {
	position: relative;
	font-size: 15px;
	font-family: 'Spartan', sans-serif;
	color: rgb(236, 236, 236);
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	margin: 10px auto 0;
	opacity: 0;
}
.lm-postclick_itslate {
	text-transform: uppercase;
	font-size: 15px;
	/* letter-spacing: 1.5px; */
	position: relative;
	top: 2px;
}

/*Order section*/

#lm-order_section {
	width: 953px;
	/* height: 1039px; */
	color:#000;
	margin: 0 auto 0;
	position: relative;
	background: #2b78c7;
	width: 100%;
	display: none;
}
.st0{fill:none;stroke:#2b78c7;stroke-miterlimit:10; stroke-width:"3";}

#lm-svg_border{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	margin: 0 auto;
}
#lm-order_section svg {
	position: absolute;
	top: 18px;
	pointer-events: none;
	margin: 0 auto;
	left: 0;
	right: 0;
}
  
  #lm-order_section svg path {
	pointer-events: none;
  }
#lm-ob_section{
	width:320px;
	height: 460px;;
	margin: 0 auto;
}



/* .lm-home_cardsection{
	perspective:1000px; 
	 transform-style: preserve-3d;
} */
.lm-home_cardBack,
.lm-home_cardFront {
    width: 320px;
    margin: 0 auto;
    height: 425px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;

}
/* .lm-home_cardBack {
    -moz-transform: perspective(900px) rotateX(180deg);
    -webkit-transform: perspective(900px) rotateX(180deg);
    transform: perspective(900px) rotateX(180deg);
}
.lm-home_cardFront {
    -moz-transform: perspective(900px) rotateX(0deg);
    -webkit-transform: perspective(900px) rotateX(0deg);
    transform: perspective(900px) rotateX(0deg);
} */
.lm-home_cardFront{
    position: relative;
    z-index: 20;
	padding: 0 0 0 0;
	width: 320px;
	/* opacity: 0; */
    /* background: #fff; */
}
.lm-home_cardBack {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	/* height: 700px; */
	/* background: #2b78c7; */
    width: 320px;
	height: 440px;
	opacity: 0;
	
}










/*lm-shopfrom_home*/
.lm-pch_logo {
	position: absolute;
	background: url("../images/lm_pch_logo_blue.png") no-repeat 0 0;
	width: 24px;
	height: 19px;
	margin: 0 auto;
	z-index: 90;
	top: 8px;
	left: 0;
	right: 0;
	background-size: contain;
}
#lm-shopfrom_home{
	position: relative;
	width:320px;
	background:#fff;
	margin: 0 auto;
	display: flex;
    align-items: center;
    justify-content: center;
	/* display: none; */
}
#lm-shopfrom_home_copy{
	/* background: url("../images/lm_white_box.png") no-repeat 0 0; */
	width: 320px;
	height: 160px;
	margin: 0 auto;
	text-align: center;
	top: 0px;
    position: relative;
}
.lm-shophomeuser {
	font-size: 18px;
	font-family: 'Zilla Slab', serif;
	color: rgb(43, 120, 199);
	line-height: 0.64;
	top: 34px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	opacity: 0;
}
.lm-shophome{
	font-size: 30px;
	font-family: 'Zilla Slab', serif;
	color: rgb(43, 120, 199);
	font-weight: bold;
	line-height: 0.76;
	position: relative;
	top:45px;
	opacity: 0;
}
.lm-allday_everyday {
	font-size: 25px;
	font-family: 'Zilla Slab', serif;
	color: rgb(43, 120, 199);
	line-height: 0.781;
	position: relative;
	top: 58px;
	letter-spacing: 0.5px;
	opacity: 0;
}
#lm-home_benefits{
	position: relative;
	background: #2b78c7;
	width: 320px;
	height: 390px;
	margin: 0 auto;
    padding: 5px 0 0 0
}
#lm-home_benefits_title {
	font-size: 16px;
	font-family: 'Zilla Slab', serif;
	color: rgb(232, 232, 232);
	line-height: 19px;
	text-align: center;
	position: relative;
	padding: 29px 0 6px 0;
	letter-spacing: 1px;
	/* opacity: 0; */
}
#lm-white_border{
	position: absolute;
	background: url("../images/mobile/lm_white_border.png") no-repeat 0 0;
	width: 311px;
	height: 387px;
	margin: 1px auto 0 4px;
}
.lm-pch_logo_white {
    position: relative;
    background: url("../images/lm_pch_logo.png") no-repeat 0 0;
    width: 42px;
    height: 32px;
    margin: 0 auto;
    z-index: 90;
    top: -1px;
	left: 3px;
}
.lm-addresss{
	font-size:17px ;
}
/* .lm-ob_left_arrow {
    position: absolute;
    background: url("../images/lm_ob_downarrow_small.png") no-repeat 0 0;
    width: 39px;
    height: 32px;
	left: 44px;
	left: 136px;
	top: 89px;
}
.lm-ob_right_arrow{
	position: absolute;
	background: url("../images/lm_ob_downarrow_small.png") no-repeat 0 0;
    width: 39px;
    height: 32px;
	right: 136px;
	top: 89px;
	transform: scaleX(-1);
} */
#lm-ob_arrowdown {
	position: absolute;
	background: url("../images/mobile/m_arrow.png") no-repeat 0 0;
	width: 23px;
	height: 0;
	right: 17px;
	top: 81px;
	/* opacity: 0; */
}
.lm-ob_label{
	opacity: 0;
	transform: scale(3);
}
#lm-no_hassle_returns {
	position: relative;
	background: url("../images/mobile/m_lm_no_hassle_returns.png") no-repeat 0 0;
	width: 219px;
	height: 42px;
	left: 57px;
}
#lm-no_waiting_lines {
	position: relative;
	background: url("../images/mobile/m_lm_no_waiting_lines.png") no-repeat 0 0;
	width: 219px;
	height: 43px;
	left: 57px;
	top: 6px;
}
#lm-no_travel_time {
	position: relative;
	background: url("../images/mobile/m_lm_no_travel_time.png") no-repeat 0 0;
	width: 219px;
	height: 43px;
	left: 57px;
	top: 9px;
}
#lm-no_doortodoor_dropoff {
	position: relative;
	background: url("../images/mobile/m_lm_door_to_door_dropoff.png") no-repeat 0 0;
	width: 219px;
	height: 43px;
	left: 57px;
	top: 14px;
}
#lm-no_free_packaging_tree {
	position: relative;
	background: url("../images/mobile/m_lm_free_package_tracking.png") no-repeat 0 0;
	width: 219px;
	height: 43px;
	left: 57px;
	top: 19px;
}
#lm-fast_order_processing {
	position: relative;
	background: url("../images/mobile/m_lm_faster_order_processing.png") no-repeat 0 0;
	width: 219px;
	height: 43px;
	left: 57px;
	top: 23px;
}
/*Segments*/
#lm-ob_seg_messages {
    position: relative;
    font-size: 18px;
    font-family: 'Zilla Slab', serif;
    color: rgb(255, 255, 255);
    line-height: 1.125;
    text-align: center;
    padding: 0 0 0 0;
    opacity: 0;
    top: 43px;
}
#lm-balance{
	top:9px;
	position: relative;
}
#lm-ob_left_seg_arrow {
    position: absolute;
    background: url("../images/lm_big_arrow.png") no-repeat 0 0;
    width: 62px;
    height: 42px;
	left: 0;
	top: 61px;
}
#lm-ob_right_seg_arrow {
    position: absolute;
    background: url("../images/lm_big_arrow.png") no-repeat 0 0;
    width: 62px;
    height: 42px;
	right: 0;
	top: 61px;
}
#lm-prespreferred,#lm-prefplus,#lm-preferred,#lm-balance,
#lm-lapsed,#lm-onetimelapsed,#lm-offline,#lm-prospects{
	display: none;
}
/* #lm-preferred,#lm-prefplus{
    font-size: 22px;
} */

#lm-prespreferred{
	font-size: 16px !important;
}
#lm-offline,#lm-lapsed{
	font-size: 16px !important;
	top:10px;
	position: relative;
}
.aniTiming2s4x{
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;	
	-ms-animation-duration: 2s;		
	-o-animation-duration: 2s;		
	animation-duration: 2s;

	-webkit-animation-iteration-count: 4; 	
	-moz-animation-iteration-count: 4; 	
	-ms-animation-iteration-count: 4; 	
	-o-animation-iteration-count: 4; 	
	animation-iteration-count: 4; 	
	
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;	
}


.backInDown{
	-webkit-animation-name: backInDown1;
	-moz-animation-name: backInDown1;
	-o-animation-name: backInDown1;
	animation-name: backInDown1;

	animation-duration: 0.5s; /* don't forget to set a duration! */
}

@-webkit-keyframes backInDown1{

	0%{
	-webkit-transform:translateY(-1200px) scale(.7);
	transform:translateY(-1200px) scale(.7);
	-o-transform:translateY(-1200px) scale(.7);
	opacity:.7
	}
	80%{
	-webkit-transform:translateY(0) scale(.7);
	transform:translateY(0) scale(.7);
	-o-transform:translateY(0) scale(.7);
	opacity:.7}
	
	
	to{
	-webkit-transform:scale(1);
	transform:scale(1);
	-o-transform:scale(1);
	opacity:1
	}
	}

/******Default Package Style Start******/
body{	
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;
	font-size: 100%;
}

.disclaimer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.6875em;
	max-width: 320px;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	display: none;
	opacity: 0;
}

.disclaimer p, .disclaimer a{
	color: #fff;
}

.disclaimer p {
	margin-bottom: 14px;
}

.isUppercase {
	text-transform: uppercase;
}
/******Default Package Style End******/

/*****Merch Ineligible button.. place over package button (Absoulute positioning)*****/
/*Refer to merch INELLIGABLE inelligable doc: http://creativedept.classic.pchad.com/Libraries/Packages/Spectrum/_docs/MERCH%20INELLIGABLE.TXT*/
.contestOnlySubmitButton{
	width: 251px;
	height: 74px;
	border: 0;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	background: none;
	cursor: pointer;
	display: none;
	position: absolute;
	top: 0;
	z-index: 10;
}