/* General Styles */
body, p, li, ul, ol, td, font, div{font-family: Arial, Helvetica, sans-serif; font-style: normal; line-height: 1em; color:#000; -webkit-tap-highlight-color: rgba(0,0,0,0);}


input {outline: none;}
table, td {margin:0; padding:0; border:none; border-collapse:collapse;}
ul, li {display:inline-block; zoom: 1; *display:inline; vertical-align:top; list-style:none; margin:0; padding:0;}
body, html {background: #FFF; margin:0; padding:0; -webkit-text-size-adjust:none; font-size: 10px !important; width:100%; height:100%;}
.click {cursor:pointer; border:0;}
.read_only {font-style:italic; color:#a3a4ac !important;}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#connectTextPad {margin: 0 11.7%; padding-top:16px; padding-top:1.6rem;}
#animationBox {position:relative;}
#header {
	width:100%;
	height:80px;
	height:8rem;
	z-index:3;
} 
.owl-stage-outer{
height:150px;	
}
.socialHead {
	background-color:#e56020;
	height:80px;
	height:8rem;
	text-align:center;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	float:left;
}
.socialHead:hover {
	background-color:#1d1160;
}
#leftArrow {background-image: url('../images/smallArrow.png'); background-repeat:no-repeat; background-position: center center; height:67px; width:15px;}
#rightArrow {background-image: url('../images/largeArrow.png'); background-repeat:no-repeat; background-position: center center; height:144px; width:15px; position:absolute; top:0; right:0;}
.deviceHead {
	background-color:#092f64;
	height:80px;
	height:8rem;
	float:left;
}
#fbHead {background-image: url('../images/fbHead.png'); background-repeat:no-repeat; background-position: center center; }
#gHead {background-image: url('../images/gHead.png'); background-repeat:no-repeat; background-position: center center; }
#instaHead {background-image: url('../images/instaHead.png'); background-repeat:no-repeat; background-position: center center; }
#devHead {text-align:center; line-height:80px; line-height:8rem;}

#continueButton {background-color:#ce2a0f; display:none; margin:10px auto 0; margin-top:1rem auto 0; text-align:center; cursor:pointer; width:275px;}
#intro { position:relative; display:block;}
#socialConnect { position:relative; display:none;}
#deviceConnect { position:relative; display:none;}
#devConnSpace, #socConnSpace {margin:20px 10% 0; margin:2rem 10% 0;}
#devBg {background-color:#FFF; width:100%; padding:0 5% 4% 5%; text-align:center; position:relative;}
#socBg {width:100%; height:450px; height:45rem; padding:0 5%; text-align:center;}
.fbUpload{margin:30px auto 0; margin:3rem auto 0; width:246px; width:24.6rem; height:195px; height:19.5rem; background-image: url('../images/fbConnect.png'); background-repeat:no-repeat; cursor:pointer;}
.instaUpload{margin:30px auto 0; margin:3rem auto 0; width:246px; width:24.6rem; height:195px; height:19.5rem; background-image: url('../images/instaConnect.png'); background-repeat:no-repeat; cursor:pointer;}
.googUpload{margin:30px auto 0; margin:3rem auto 0; width:246px; width:24.6rem; height:195px; height:19.5rem; background-image: url('../images/googConnect.png'); background-repeat:no-repeat; cursor:pointer;}
#socImagesSpace {display:none; margin:0 0 0 8%; height:400px; height:40rem; overflow-y:auto; text-align:center;}
#cautionSpace {text-align:center; margin-right:8%;}
	#socImages {margin-top:1.2em;}
	.fb_photo_box {
		background-color: #FFF;
		float:left;
		width: 96px;
		width: 9.6rem;
		height: 96px;
		height:9.6rem;
		padding: 0px;
		background: transparent;
		z-index:1;
	}
#bottomBar {
	height:40px;
	height:4.5rem;
	background-color:#c1c1c1;
	width:100%;
	position:fixed;
	text-align:center;
	bottom:0;
	left:0;
	z-index:1;
	display:none;
}
#useSelectedBar {
	height:40px;
	height:4.5rem;
	background-color:#c1c1c1;
	width:100%;
	position:fixed;
	text-align:center;
	bottom:0;
	left:0;
	z-index:2;
	display:none;
}
#topBar {
	height:40px;
	height:4rem;
	background-color:#c1c1c1;
	border-bottom:1px solid #FFF;
	width:100%;
	position:absolute;
	text-align:center;
	top:0;
	left:0;
	z-index:3;
}
#noPreview {height:102%; width:100%; text-align:center; position:absolute; top:0; left:0; z-index:999; background:#e7e7e7; padding-top:185px; padding-top:18.5rem;}
.text-center {text-align:center;}
.uploadCheck {margin:25px auto 0;}
#gifContain {height:377px; width:100%; margin:0 auto;}
#stepWrapper {position:relative; width:100%; height:782px; background:#e7e7e7;}
#tips {background:#FFF; width:100%; height:auto;}
#tipsContent {width:80%; max-width:577px; margin:0 auto; padding:80px 0 20px;}
.tipsHead {margin:46px 0 0px;}
.guidelines {margin-top:60px;}
.upload {margin:25px auto; max-width:377px;}
.gifShotGo {margin:25px auto; max-width:377px;}
.s36 {line-height:36px; line-height:3.6rem;}
.displaySection {display:block !important;}
#loadingSpace {margin-top:210px; margin-top:21rem;}
#s2Head {margin-top:210px; margin-top:21rem;}
.centerBtn {max-width:377px; margin:0 auto;}
.margin10 {margin-top:10px;}
#s4Head {margin:95px auto 0; margin:9.5rem auto 0; max-width:380px; line-height:51px; line-height:5.1rem;}
#s4Text {line-height:36px; line-height:3.6rem; max-width:500px; margin:12px auto 30px;}
#shareDiv {margin:15px auto 15px;}
#fbIcon {height:71px; width:71px; background-image: url("../images/fbNorm.png"); cursor:pointer; display:inline-block;}
#fbIcon:hover {background-image: url("../images/fbRoll.png");}
#twIcon {height:71px; width:71px; background-image: url("../images/twNorm.png"); display:inline-block; margin-left:17px; cursor:pointer;}
#twIcon:hover {background-image: url("../images/twRoll.png");}

#backB {height:53px; width:53px; background: url("../images/back.png") no-repeat scroll -53px 0 / 106px 53px; cursor:pointer; display:inline-block; margin-right:10px;}
#backB:hover {background-position:0 0;}

#s2Block {max-width:639px; max-width:63.9rem; width:100%; margin:10px auto 0; line-height:36px; line-height:3.6rem;}
#closeB {height:84px; height: 8.4rem; width:84px; height:8.4rem; background-color:#FFF; position:absolute; top:0; right:0; z-index:5; text-align:center; line-height:84px; line-height:8.4rem; background-image: url("../images/Close_Xa.png"); cursor:pointer;}
#closeB:hover {background-image: url("../images/Close_Xb.png")}
#step1 {width:100%; padding:0 10%; position:absolute; top:0; left:0; z-index:1; height:100%;}
#step2 {width:100%; padding:0 10%; position:absolute; top:0; left:0; z-index:2; background:#e7e7e7; display:none; height:100%;}
#step2B {width:100%; padding:0 10%; position:absolute; top:0; left:0; z-index:3; background:#e7e7e7; display:none; height:100%;}
#step3 {width:100%; padding:0 10%; position:absolute; top:0; left:0; z-index:3; background:#e7e7e7; display:none; height:100%;}
#step4 {width:100%; padding:0 10%; position:absolute; top:0; left:0; z-index:4; background:#e7e7e7; display:none; height:100%;}
#loadingSection {width:100%; padding:0 10%; position:absolute; top:0; left:0; z-index:6; background:#e7e7e7; display:none; height:100%;}
.stepContent {max-width:377px; margin: 0 auto;}
#step2PagePadding {padding: 50px 25% 0; padding: 5rem 25% 0; text-align:left; position:relative;}
#step3PagePadding {padding: 45px 5% 0; padding: 4.5rem 5% 0; text-align:center;}
#step4PagePadding {padding: 45px 30% 0; padding: 4.5rem 30% 0; text-align:center;}
#reviewFinal {width:100%; text-align:center;}
#reviewText {width:100%; text-align:center; margin-top:10px; margin-top:1rem;}
#cropBox {margin:10px auto 0; margin:1rem auto 0; width:500px; width:50rem; min-width:350px; min-width:35rem; height:300px; height:30rem; background-color:#FFF; border:2px solid #FFF; position:relative;}
#termsArea {margin:20px auto 0; margin:2rem auto 0; text-align:left; width:350px; width:35rem;}
#imagePreviewPane {height:170px; height:17rem; width:100%; text-align:center; margin-top:20px; margin-top:2rem;}
#leftArrowPhotos {height:120px; height:12rem; line-height:120px; line-height:12rem; text-align:center; cursor:pointer; margin-top:20px; margin-top:2rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#rightArrowPhotos {height:120px; height:12rem; line-height:120px; line-height:12rem; text-align:center; cursor:pointer; margin-top:20px; margin-top:2rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.photoRowMargin {margin-top:10px; margin-top:1rem; width:100%;}
#limitArea {height:18px; height:1.8rem; line-height:18px; line-height:1.8rem; background-color:#1d1160; width:100%; text-transform: uppercase; margin-top:20px;}
#cropSlider {margin-top:25px; width:100%;}
#noPhotoOverlay {position:absolute; height:100%; width:100%; background-color:rgba(56,56,56,.7); z-index:4; display:block;}
#uploadingText {position:absolute; left:50%; top:35%; width:600px; height:200px; text-align: center; width:60rem; margin:-100px 0 0 -300px; margin:-10rem 0 0 -30rem;}
#convertingText {position:absolute; left:50%; top:35%; width:600px; height:200px; text-align: center; width:60rem; margin:-100px 0 0 -300px; margin:-10rem 0 0 -30rem; display:none;}
#zoomText {width:100%; text-align:left; margin-top:25px; margin-top:2.5rem;}
#capHead {height:32px; height:3.2rem; width:100%; background-color:#070606; margin-top:20px; margin-top:2rem; padding:0 5%; line-height:32px; line-height:3.2rem;}
#capHead ul {width:100%; height:32px; height:3.2rem; line-height:32px; line-height:3.2rem;}
#capHead li {line-height:32px; line-height:3.2rem; height:32px; height:3.2rem;}
#charCount {background-color:#FFF; padding:0 2%;}
#textAreaBg {height:85px; height:6.5rem; width:100%; background-color:#FFF;}
#captionTextArea {resize:none; overflow:auto; height:100%; width:100%; padding:1% 2%; margin:0; border:none;}
#saveEdit {margin:15px 0; margin:1.5rem 0; text-align:right; width:100%;}
.finalizeBlock {width:120px; width:12rem; height:20px; height:2rem; line-height:20px; line-height:2rem; text-align:center; background-color:#6d6e76; margin:5px 0 0 0;}
.removeBlock {width:70px; width:7rem; height:20px; height:2rem; line-height:20px; line-height:2rem; margin:0 0 0 10px; background-color:#6d6e76; text-align:center;}
.editBlock {width:40px; width:4rem; height:20px; height:2rem; line-height:20px; line-height:2rem; margin:0; background-color:#FFF; text-align:center;}
#socialInfoBar {height:50px; height:5rem; line-height:50px; line-height:5rem; padding-left:5%; background-color:#c1c1c1; width:100%; }
#deviceInfoBar {height:50px; height:5rem; line-height:50px; line-height:5rem; padding-left:5%; width:100%; }
.barPad {padding:5px 0; padding: .5rem 0;}

.inputDiv {height:70px; height:7rem; background-color:#FFF; line-height:70px; line-height:7rem; text-align:left;}
.inputTextSpan {float:left; line-height:70px; line-height:5rem; width:150px; text-align:right; padding-right:24px; position:absolute; top:0; left:-150px;}
.inputObj {height:50px; height:5rem; background-color:rgba(0,0,0,0); border:0; line-height:50px; line-height:5rem; text-align:left; width:100%; padding-left:24px; margin-top:10px; margin-top:1rem;}
::-webkit-input-placeholder { color: #e7e7e7; opacity: 1 !important; }
:-moz-placeholder { color: #e7e7e7;}
::-moz-placeholder {color: #e7e7e7;}
:-ms-input-placeholder {color: #e7e7e7;}
.blueBtn {width:100%; text-align:center; height:70px; height:7rem; line-height:62px; line-height:6.2rem; max-width:377px; border:4px solid #3c64ce; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor:pointer;}
.blueBtn:hover {color:#FFF; background:#3c64ce;}
#terms {height:29px; display:table; margin: 15px auto 0; width:100%; max-width:377px;}
#newsletter {height:29px; display:table; margin: 5px auto 0; width:100%; max-width:377px;}
.termsText {vertical-align: middle; display: table-cell; text-align:left; line-height:14px; line-height:1.4rem; width:100%;}
.myCheckbox input {
    position: relative;
    z-index: -9999;
    display:none;  
}
.myCheckbox {position:relative; height:29px; width:29px; display:inline-block; margin-right:11px; cursor:pointer;}
.myCheckbox span {
    width: 29px;
    height: 29px;
    display: block;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    border:4px solid #3c64ce;
}
.myCheckbox input:checked + span {
    background: url("../images/checked.png") no-repeat center center;
}
.margin15 {margin-top:15px;}
.margin20 {margin-top:20px;}
.click {cursor:pointer; border:0;}
#privacyText {line-height:18px; line-height:1.8rem;}
#fbConnect {margin:17px auto 37px; width:100%; max-width:377px; height:70px; background: #39579b url(../images/fbConnect.png) no-repeat center center;}
#title {padding:105px 0 7px; text-align:center; line-height:24px; line-height:2.4rem;}
#orDiv {margin:44px 0 30px; text-align:center;}
#orDivGif {margin:54px 0 40px; text-align:center;}
.errorField {color:#ff0000 !important; border:4px solid #ff0000;}
#fname {margin:15px auto 0; margin:1.5rem auto 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%; position:relative;}
#email {margin:15px auto 0; margin:1.5rem auto 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative;}
#city {margin:15px auto 0; margin:1.5rem auto 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative;}
#state {margin:15px auto 0; margin:1.5rem auto 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative;}
#sendEmailArea {margin:10px 0; margin:1rem 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:400px; position:relative;}
#submitPhotoButton { padding:20px 40px; padding:2rem 4rem; background-color:#1d1160; cursor:pointer; margin-top:20px; margin-top:2.0rem; display:inline-block;}
#zipcode {margin:10px auto 0; margin-top:1rem auto 0;}
.uploadSpan {vertical-align: middle; display: table-cell;}
#uploadAnother{margin:20px auto 0; margin:2rem auto 0; height:53px; height:5.3rem; text-align:center; display:table;}
#uploadAnotherStep4 {margin-top:25px; margin-top:2.5rem; margin-bottom:25px; margin-bottom:2.5rem;}
.successMessage {margin-top:30px; margin-top:3rem; line-height:1.5rem;}
#notes {margin-top:20px; margin-top:2rem; line-height:14px; line-height:1.4rem;}
#goBack {display:none;}
#subSpacing {text-align:center; margin:33px auto 0; max-width:377px;}
#videoBlock {height:414px; max-width:400px; margin:0 auto 0; position:relative;}
#videoContain {text-align:center; bottom:0; height:auto; max-height:400px; position:absolute; width:100%; display:none;}
#uploadedVideo {width:auto; max-height:400px; max-width:400px; width:100%; height:auto; height:100%;}
#shareFb{width:236px; height:50px; margin:10px auto;}
#shareTw{width:236px; height:50px; margin:10px auto;}
.uploadFbShare{width:236px; height:50px; background:url(../images/uploadShareFb.png) no-repeat;}
.uploadTwShare{width:236px; height:50px; background:url(../images/uploadShareTw.png) no-repeat;}
.signupBox {margin:5px 0 0 5px; margin:.5rem 0 0 .5rem; width:300px; width:30rem; line-height:1.1em;}
#instaLoadMore {height:30px height:3rem; line-height:30px; line-height:3rem; background:#6d6e76; width:130px; clear:both; margin:10px auto;}
#progSpace {margin:27px 0;}
#lengthWarn {margin:60px auto 0; max-width:317px; line-height:36px; line-height:3.6rem;}
#progress {height:20px; height:2rem; background:#FFF; text-align:left; position:relative; width:100%;}
#progFinished {height:20px; height:2rem; background:#3c64ce; width:0%;}
#progNum {position:absolute; width:150px; width:15rem; left:50%; height:50px; height:5rem; line-height:50px; line-height:5rem; top:0; margin-left:-75px; text-align:center;}
/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
	#socImagesSpace {margin:0 0 0 11%;}
	#goBack {display:block;}
	#devBg {height:350px; height:35rem;}
	#step2PagePadding {padding: 50px 5% 0; padding: 5rem 5% 0; text-align:left;}
	#step4PagePadding {padding: 45px 5% 0; padding: 4.5rem 5% 0; text-align:center;}
}
input[type=checkbox].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	width:19px;
	height:22px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
}
label.css-label {
	background-image:url(../images/checkmark.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}