@font-face {

    font-family: 'proxima_nova_regular';

    src: url('../fonts/proximanova-regular-webfont.eot?'),

    	url('../fonts/proximanova-regular-webfont.woff2?') format('woff2'),

        url('../fonts/proximanova-regular-webfont.woff?') format('woff'),

        url('../fonts/proximanova-regular-webfont.ttf?') format('truetype'),

        url('../fonts/proximanova-regular-webfont.svg?') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'proxima_nova_semibold';

    src: url('../fonts/proximanova-semibold-webfont.eot?'), 

    	url('../fonts/proximanova-semibold-webfont.woff2?') format('woff2'),

        url('../fonts/proximanova-semibold-webfont.woff?') format('woff'),

        url('../fonts/proximanova-semibold-webfont.ttf?') format('truetype'),

        url('../fonts/proximanova-semibold-webfont.svg?') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'proxima_nova_light';

    src: url('../fonts/proximanova-light-webfont.eot'),

    	url('../fonts/proximanova-light-webfont.woff2') format('woff2'),

        url('../fonts/proximanova-light-webfont.woff') format('woff'),

        url('../fonts/proximanova-light-webfont.ttf') format('truetype'),

        url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');

    font-weight: normal;

    font-style: normal;



}

a.zoom, a.rotation, a.flip {
    display: inline-block;
    text-decoration: none;
    font-size: 50px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    color: #FFFFFF;
    margin-right: 49px;
    vertical-align: middle;

}

.row {



	*zoom: 1;

}



* {



	outline: none;

}



select::-ms-expand {



	display: none;

}





footer {



	font-size: 12px;

	text-align: center;

	position: relative;

	padding: 15px 0;

	background-color: #000;

	color: #ffffff;

}



footer p a {



	color: #ffffff;

}



footer p a:hover {



	opacity: .5;

}



footer p {



	display: inline-block;

	vertical-align: bottom;

	margin: 0;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 300;

	padding-top: 7px;

	font-size: 14px;

	padding-left: 15px;

}



.content {

	position: relative;

	padding: 18px 10px 0;

}

#select-drag-control{
	padding-top:20px;
}
#select-drag-control .customize-text{
    text-transform: capitalize;
}
#select-drag-control .custom-option {
	padding:10px;
	margin:10px;
	display:inline-block;
	cursor: pointer;
}
#select-drag-control .custom-option.selected{
	border:1px solid #fff;
}
#select-drag-control .custom-option.selected:before {
	content:  "\2713 ";
	padding-right: 8px;
}
div#twitter.share-dialog {
    padding-bottom: 20px;
}

@media only screen and (max-width: 830px) {

	.content {

		padding: 25px 5px 0;

	}

}



.socials {



	margin: 30px auto;

}



.socials a {

	display: inline-block;
    cursor:pointer;
	margin-right: 12px;
    vertical-align: middle;
}
a.restart {
    font-size: 19.99px;
    font-family: "open-sans",sans-serif;
}


.socials a:last-child {



	margin-right: 0;

}



.socials span {



	display: none;

}



.socials i {



	font-size: 24px;


}



#final-image {



	display: none;

	background-color: #000;

	text-align: center;

}



#share .socialsheader span.yeah {
	margin-left: 10px;
    vertical-align: baseline;

}



#share p {



	font-size: 16px;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 400;

	letter-spacing: 1px;

}



#share p span {

    color: #fe9b44;

    display: inline-block;

    text-transform: uppercase;

}



#share .share-dialog {



	display: none;

}



#share .share-dialog .caption {



	margin: 20px auto;

}



#share .share-dialog .caption p {



	color: inherit;

	text-align: center;

}



#share .share-dialog .caption textarea {

    width: 100%;
    min-height: 100px;
    max-width: 430px;
    box-sizing: border-box;
    padding: 10px;
    border: 2px solid #000;
    color: #000;
    font-size: 16px;
    font-family: 'Gotham';
    font-family: "open-sans",sans-serif;
    font-weight: 100;
    letter-spacing: 0px;

}
@media all and  (max-width:767px){
	#share .share-dialog .caption textarea {
		font-size:12px;
	}
}


#share .share-dialog button, #share .share-dialog a {

	margin: 20px auto;
    display: block;
    max-width: 300px;
    width: 100%;
    background: #000;
    border: 2px solid #fff;
    padding: 10px 0;
    color: #fff;
    font-size: inherit;
    font-size: 17px;
    font-family: 'Gotham';
    font-weight: 900;
    text-decoration: none;
    letter-spacing: 1px;

}



#share .share-dialog button i, #share .share-dialog a i {



	/*vertical-align: middle;*/

	display: inline-block;

	margin-right: 10px;

}



#share .share-dialog button i.fa-instagram, #share .share-dialog a i.fa-instagram {



	color: #fff;

	margin-right: 9px;

}



#share .share-dialog button i.fa-twitter, #share .share-dialog a i.fa-twitter {
  color: #fff;
}

#twitter a.tw:hover, #twitter a.tw:hover i.fa-twitter {
    background: transparent;
    color: #10a7e0;
	border: 2px solid #10a7e0;
}
#twitter a.tw:hover i.fa-twitter {
    border: none;
}
#facebook a.fb {
    background: #3b5998;
    color: #fff;
    font-size: 16px;
   font-family: "open-sans",sans-serif;
}
#twitter a.tw {
	background: #000;
    color: #fff;
    font-size: 16px;

}



#share {

	text-align: center;

	padding: 0 0 0px;

}



#share .socials .error {

	display: none;

}






#share .socials a i {



	display: inline-block;

	margin: 0;

	font-size: 34px;

	vertical-align: middle;

}


#facebookshare, #instagramshare, #twittershare{
    color: #000;
    padding: 12px 0;
    border: none;
    display: inline-block;

}










html.touch #start-camera {



	display: none;

}



html.touch .wrapper #controls .camera-upload form {



	width: 100%;

}



@media only screen and (max-width: 568px) {



	.wrapper {



		/*max-width: 300px;*/



		margin: 0 auto;

	}



	.wrapper #camera {



		width: 300px;

		height: 300px;

	}



	.lace-border {



		height: 30px;

	}



	.directions {



		width: 90%;

		font-size: 20px;

	}



}



/*HighValleySpecific CSS*/



.topHeader {



	font-size: 0;

	max-width: 1300px;

	margin: 0 auto;

	text-transform: uppercase;

}



.leftHeader {



	display: inline-block;

	width: 70%;

	font-size: 10px;

	text-align: left;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 500;

	letter-spacing: 1px;

}



.leftHeader a {



	text-decoration: underline;

}



.leftHeader a:hover {



	color: #000;

}



.rightHeader {



	display: inline-block;

	width: 30%;

	text-align: right;

	letter-spacing: .5px;

}



.rightHeader a {



	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 700;

	font-size: 10px;

}



.rightHeader a:hover {



	color: #000;

}



.mobileBreak {



	display: none;

}



.desktopBreak {

	display: block;

}



.highValleyLogo {

	margin: 0 auto;

}



span.seprator {

	font-size: 9px;

}



.contentText {

    font-size: 20.77px;

    font-family: "open-sans",sans-serif;
    padding: 40px 0 0;

    line-height: 25px;

}

span.cta {

    font-size: 33.24px;

    font-family: "open-sans",sans-serif;

    line-height: 34px;

    margin-bottom: 16px;

}

#feed p.hashTag {

    font-size: 26px;

    color: #fff;

    font-family: "open-sans",sans-serif;

    font-style: normal;

    padding: 0 0 53px;

    margin: 0;

}



#feed p.hashTag span {

	color: #fe9b44;

}



.highValleyLogoFooter {

	display: inline-block;

	vertical-align: bottom;

	width: 82px;

}



footer p a {



	text-decoration: underline;

}



.bottomEnter {



	font-size: 18px;

	letter-spacing: 1px;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 400;

	padding: 0 0 55px;

}



button.export:hover {



	opacity: .5;

}



.bottomEnter span {



	text-transform: uppercase;

	padding-left: 8px;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 400;

	letter-spacing: .5px;

}



.chooseOption {



	display: none;

	bottom: 20px;

	position: absolute;

	width: 100%;

	z-index: 999;

	color: #000;

	font-size: 12px;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 400;

}



.imageUploadedText {



	text-transform: uppercase;

	color: #fff;

	display: none;

	opacity: .7;

	font-size: 16px;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 400;

	margin-bottom: 30px;

}



.chooseFrame {



	font-size: 16px;

	color: #fff;

	opacity: .7;

	text-transform: uppercase;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 400

}



.chooseFrame.mobileOnly, .chooseFrame.desktopOnly, .export, .chooseNav {



	display: none;

}



button.export {



	background: transparent;

	margin: 25px 0;

	text-transform: uppercase;

	outline: none;

	padding: 7px 40px;

	font-size: 26px;

	border: 1px solid #fff;

	letter-spacing: 1px;

}



a.save-image-btn {



	text-transform: uppercase;
    font-size: 16px;
    letter-spacing: normal;
    margin-right: 30px;
    font-style: normal;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;

}



a.save-image-btn.disabled {



	pointer-events: none;

	cursor: default;

	opacity: .5;

}



button.restart {



	background: transparent;

	text-transform: uppercase;

	outline: none;

	border: none;

	font-size: 16px;

	letter-spacing: 1px;

	font-family: "open-sans",sans-serif;

	font-style: normal;

	font-weight: 400;

}


@media only screen and (max-width: 767px) {
	#share .socials a i{
		font-size: 25px;
	}
	a.save-image-btn,.socials a{
		margin-right: 15px;
	}
	#facebookshare, #instagramshare, #twittershare {
    padding: 7px 0;
    border: 3px solid #fff;
    width: 43px;
    height: 43px;
   }
#share .socialsheader span.yeah {
    margin-left: 5px;
    background-size: 16px auto;
    height: 12px;
}
   a.restart,.thedoorsmeme {
	    font-size: 17px;
	}
	a.zoom, a.rotation, a.flip{
		margin-right: 30px;
		font-size: 40px;
	    width: 30px;
	    height: 30px;
	}
}