body {
	background:#ffffff;
	font-family:'Better Together' !important;
}
div,
span,
div.pure-g [class *= "pure-u"],
div.pure-g [class *= "pure-u"].font-txt > span,
div.pure-g [class *= "pure-u"].font-txt > div,
div.pure-g [class *= "pure-u"].font-txt li {
	font-family:'Better Together' !important;
}
.font-txt {
	font-family:'Better Together' !important;
}

.sp-txt {
	font-size:1em;
}

.color-green {
	color:#007200;
}

div.header {
	background:rgba(255,255,255,1);
	position:relative;
}

div.block-kv {
	background-image:url(../images/kv3.jpg);
	background-repeat:no-repeat;
	background-position:-400px 0vh;
	xheight:620px;
	background-size:auto 100%;
}

img.box-img {
	width:50%;max-width:100px;
	display:block;margin:0 auto;
	text-align:center;
}
div.box-img-title {
	font-size:1.3em;font-weight:bold;
	padding:20px 0;padding-top:0;
	text-align:center;
}
div.box-img-desc {
	font-size:1em;font-weight:400;
	text-align:center;padding-bottom:20px;
	line-height:1.4em;
}
div.box-lt {
	width:90%;margin:0 5%;
	margin-bottom:10px;padding-bottom:30px;border-bottom:1px solid #ccc;
}
div.box-lt.no-border {
	border-bottom:0 solid #ccc;
}

a.btn.fixed.red.big {
	max-width:400px;width:200px;
	padding:6px 15px;
	border-radius:40px;
	box-shadow:3px 3px 9px #888;
}

img.qr-img {
	width:80%;max-width:200px;margin:5px auto;display:block;
	border-radius:15px;
	border:15px solid #fff;
}
.bold {
	font-weight:bold;
}

span {
	font-weight:inherit;font-size:inherit;
}
a.btn,
a.btn:visited,
a.btn:link,
a.btn.fixed,
a.btn.fixed:visited,
a.btn.fixed:link{
	font-size:1em !important;
}

a.btn.btn-donate,
a.btn.btn-donate:link,
a.btn.btn-donate:visited {
	width:auto;min-width:80%;max-width:auto;
	display:inline-block;
	padding-left:15px;padding-right:15px;
	font-size:1.1em !important;
	border-radius:40px;
	font-weight:bold;
	box-shadow:1px 1px 2px #222;
	background-image: linear-gradient(40deg, rgba(255,0,0,1) 30%, rgba(255,0,153,1) 65%, rgba(255,0,246,1) 95%);	
	transition:all 0.2s;
	margin:7px 0;
	background-size: 100% 200%;
	background-position: 100% 0%;
}
a.btn.btn-donate:hover {
	box-shadow:2px 2px 6px #222;
	background-position: 100% 100%;
}


.xcropper-container {
	width:100px !important;overflow:hidden !important;
}
.xcropper-crop-box {
	lefT:0;margin-left:0;
	transform:translateX(0) !important;
}

img.logo2.organ,
img.logo2.eyes,
img.logo2.letthem,
.mobile-site img.logo2.organ,
.mobile-site img.logo2.eyes,
.mobile-site img.logo2.letthem {
	width:auto;height:50px;
}
img.logo2.eyes,
.mobile-site img.logo2.eyes {
	width:auto;height:50px;margin:0 20px;margin-top:6px;
}
img.logo2.letthem,
.mobile-site img.logo2.letthem {
	width:auto;height:40px;margin:0 20px;position:relative;top:-6px;
	margin-left:0;margin-right:0;
}
span.txt01 {
	font-size:1.6em;font-weight:bold;letter-spacing:auto;display:block;margin-bottom:0;padding-bottom:5px;line-height:0.75em;
}
span.txt01.red {
	color:#ed1b24;
}
span.txt02 {
	color:#777;
	font-weight:400;
}

.bg-red {
	background:#e2211c !important;
}




span[class *= "icon-v"] {
	font-family:'vfont-material' !important;
}

.young {
	width:95%;margin:0 auto;display:block;
	max-width:960px;
	padding:20px 0;
}
.young a.btn,
.young a.btn:visited,
.young a.btn:link {
	background:#c92121;
	padding:3px 14px;border-radius:10px;border:1px solid #fff;	
}
.young .page {
	transform:translate3d(-100%,0,0);
	transition:all 0.2s;
	opacity:1;
	display:none;
}
.young .page.active {
	display:block;
	transform:translate3d(0,0,0);
}
.young .young-actions {
	position:relative;
	width:90%;margin:0 auto;display:block;
	max-width:300px;	text-align:center;
	padding:10px;margin-top:10px;
	font-size:24px;
}


.young .themes {
	position:relative;
}
.young .theme {
	transform:translateX(-100%);
	transition:all 0.2s;
	opacity:0.3;
	position:relative;
	visibility:hidden;
	display:none;
}
.young .theme:nth-child(2) {
	xtransform:translateY(-100%);
}
.young .theme.active {
	transform:translateX(0);
	transition:all 0.2s;
	opacity:1;
	display:inline;
	visibility:visible;
}
.young .theme img {
	width:95%;margin:0 auto;display:block;
	max-width:280px;
}
.young .theme img:nth-child(1) {
	margin-bottom:10px;
}
.young .themes-nav {
	position:absolute;top:40%;left:0;display:block;z-index:3;width:100%;
}
.young .themes-nav .nav-inner {
	width:95%;margin:0 auto;display:block;
	max-width:280px;
	background:blue;
	position:relative;
}
.young .themes-nav .btn-theme:active {
	margin-top:1px;
	outline:none;
}
.young .themes-nav .btn-theme {
	font-size:60px;
	outline:none;
}
.young .themes-nav .btn-theme-prev {
	position:absolute;left:-50px;
}
.young .themes-nav .btn-theme-next {
	position:absolute;right:-50px;
}
.young .themes-nav span {
	font-family:'vfont-material' !important;
	color:#fff;outline:none;
}

.young .play {
	width:95%;margin:0 auto;display:block;
	max-width:280px;
}
.young .play > img {
	width:100%;
}

.young ul.form {
	display:block;overflow:hidden;padding:0;margin:0;list-style:none;
}
.young ul.form li {
	padding:0;margin:10px 0;
	display:block;

}
.young ul.form li > span:nth-child(1) {
	display:block;text-align:left;
	font-size:0.9em;color:#fff;margin-left:5%;
}
.young ul.form li > span:nth-child(2) {
	display:block;text-align:left;
}
.young ul.form li > span:nth-child(2) input,
.young ul.form li > span:nth-child(2) textarea {
	background:#fff;border-radius:10px;padding:3px 5px;font-size:22px;
	width:90%;margin-left:5%;font-weight:normal;
}
.young ul.form li > span:nth-child(2) textarea {
	height:75px;line-height:1em;
}
.young .btn-img-upload {
	display:inline-block;
	background:#fff;width:80px;height:80px;border-radius:10px;text-align:center;vertical-align:middle;line-height:90px;
	margin:20px 0;
}
.young .btn-img-upload > span {
	font-size:30px;color:#888;
}





div#img-container {
	position:relative;
}
div#img-frames {
	position:absolute;width:100px;height:100px;top:0;left:0;z-index:2;
	cursor:move;
}
div#img-frames img.frame {
	width:250px;height:250px;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

	cursor:move;
	opacity:0;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
div#img-frames img.frame.active {
	opacity:1;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	position:relative;
}
div#img-frames span.icon-v-mt-camera_alt {
	position:absolute;top:35px;left:37px;color:#fff;
	text-shadow:0 0 3px #000;
}
div#img-frames span.icon-v-mt-camera_alt.active {
	top:auto;bottom:5px;left:5px;
}
div#canvas {
	width:100px;height:100px;border:1px solid #eee;background:#f6f6f6;margin:0 auto;
	text-align:center;vertical-align:middle;position:relative;border-radius:10px;
}
img#img-canvas {
	width:100%;height:auto;margin:0 auto;display:inline-block;
}
img#img-canvas.portrait {
	width:auto;height:100%;margin:0 auto;
}
div#sliders {
	position:relative;padding:5px 0;margin:0 auto;display:block;text-align:center;
	padding-bottom:0;
	padding-top:40px;
}
div#sliders span.slider {
	display:block;padding:0px 0;padding-top:0;
}
div#sliders span.slider:before {
	font-family:'vfont-material';font-size:28px;margin-right:0;color:#fff;
	margin-left:15px;position:relative;top:-5px;
}
div#sliders span.slider.zoom:before {
	content:'\e311';
}
div#sliders span.slider.rotate:before {
	content:'\e1ab';
}
div#sliders span.slider input {
	width:60%;max-width:230px;
	margin-left:0;
}
/* Special styling for WebKit/Blink 
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  border-radius: 3px;
  background: #8eabc0;  
  cursor: pointer;
  padding:12px 12px;
  margin-top: 0;  
}

input[type=range]::-moz-range-thumb {

  border: 1px solid #000000;
  border-radius: 3px;
  background: #8eabc0;
  cursor: pointer;
  padding:12px 12px;
}

input[type=range]::-ms-thumb { 
  border: 1px solid #000000;
  border-radius: 3px;
  background: #8eabc0;
  cursor: pointer;
  padding:12px 12px;
}
*/

input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 5px 0;
  width: 100%;
  background:transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #f696bf;
  border-radius: 3px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #f696bf;
  height: 24px;
  width: 24px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f696bf;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #f696bf;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #f696bf;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #f696bf;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #f379ad;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #f696bf;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #f696bf;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #f696bf;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #f379ad;
}
input[type=range]:focus::-ms-fill-upper {
  background: #fff;
}








img.logo3,
div.mobile-site img.logo3 {
	width:auto;height:60px;
	xtransform:scale(1.3);
}

.btn-share img {
	width:40px;height:40px;
}



@media screen and (min-width: 720px) {

}

@media screen and (min-width: 960px) {
	span.txt01 {
		font-size:2.8em;padding-bottom:0;
	}
	a.btn,
	a.btn:visited,
	a.btn:link,
	a.btn.fixed,
	a.btn.fixed:visited,
	a.btn.fixed:link{
		font-size:1.1em !important;
	}

	img.logo3 {
		width:auto;height:80px;
		xtransform:scale(1.5);
	}

	img.logo2.organ,
	img.logo2.eyes,
	img.logo2.letthem {
		width:auto;height:80px;
	}
	img.logo2.eyes {
		width:auto;height:80px;margin:0 20px;margin-top:0;
	}
	img.logo2.letthem {
		width:auto;height:60px;margin:0;margin-top:0;top:-10px;
	}
	div.block-kv {
		background-image:url(../images/kv.jpg);
		background-position:center -6vh;
		height:600px;

		background-size:auto auto;

	}
	div.box-lt {
		width:90%;margin:0 5%;
		margin-bottom:0;padding-bottom:0;border-bottom:0 solid #ccc;
	}
}

@media screen and (min-width:1440px) {

}


	.text-center {
		text-align:center;
	}
	div.logo-wrapper {
		width:100%;height:60px;overflow:hidden;
	}
	div.logo-wrapper img.campaign-logo {
		display:block;margin:5px auto;height:85%;width:auto;max-width:auto;
	}
	div.logo-wrapper img.campaign-logo.tmn {
		height:75%;width:auto;
	}
	div.logo-wrapper img.campaign-logo.trueyou {
		height:75%;margin-top:8%;width:auto;
	}
	div.logo-wrapper img.campaign-logo.tmh {
		height:40%;margin-top:5%;width:auto;
	}


	div.lb {
		height:80%;margin:10% 0;margin-top:5%;width:0.5px;background:#bbb;position:absolute;left:0;top:0;
	}
	div.section-title {
		padding-bottom:5px;font-size:20px;font-weight:600;line-height:1em;text-align:center;
	}

	#vdo-text {
		position:relative;top:20vh;text-align:center;z-index:4;
	}
	#vdo {
		width:100%;position:absolute;top:0;left:0;display:none;
	}

	#vdo-bg {
		width:350%;height:auto;
		transform:translate3d(-25%,0,0);
	}

	div.header {
		top:0;margin:0 auto;
	}

	.block-padding-2 {
		padding:40px 0 !important;
	}

	@media screen and (min-width: 960px) {
		.block-padding-2 {
			padding:60px 0 !important;
		}

		#vdo-bg {
			width:100%;height:auto;
			transform:translate3d(0,0,0);
		}

		#vdo-text {
			top:32vh;
		}
		div.header {
			height:auto;
			padding:20px 0;
			top:0;margin:0 auto;
		}
		div.header img.logo {
			height:40px;width:auto;top:0;margin:0;
		}

		div.logo-wrapper {
			width:100%;height:75px;overflow:hidden;
		}
		div.logo-wrapper img.campaign-logo {
			display:block;margin:5px auto;height:80%;width:auto;
		}
		div.logo-wrapper img.campaign-logo.tmn {
			height:70%;width:auto;
		}
		div.logo-wrapper img.campaign-logo.trueyou {
			height:70%;margin-top:8%;width:auto;
		}
		div.logo-wrapper img.campaign-logo.tmh {
			height:40%;margin-top:3%;width:auto;
		}
		div.section-title {
			font-size:30px;padding-top:10px;padding-bottom:10px;
		}
	} 
	.bg-video {
		height:auto !important;background:none !important;
		padding:0;margin:0;
	}
	.contentx {
		height:auto !important;margin-top:0;
	}
	.video-item {
		margin:0 auto;width:90%;text-align:center;cursor:pointer;position:relative;
		overflow:hidden;
	}
	.video-item img.thumb {
		width:100%;box-shadow:0 0 2px #999;border:0 solid #eee;margin:0;padding:0;height:auto;
		transition:all 1.2s;
	}
	img.btn-play {
		width:20%;height:auto;margin:0 40%;text-align:center;position:absolute;top:35%;
		opacity:0.6;transition:all 0.2s;z-index:3;
	}
	.video-item:hover {
		xbox-shadow:0 0 5px #888;
	}
	.video-item:hover img.thumb {
		transform:scale(1.05);
	}
	.video-item:hover img.btn-play {
		opacity:1;		
	}
	.fancybox-container {
		z-index:3000000 !important;height:100% !important;
		position:fixed;top:0;left:0;
	}
	.fancybox-overlay{
		z-index:999999 !important;height:100% !important;
	}
	
		.fancybox-slide--video .fancybox-content {
			width  : 1280px;
			height : 720px;
			max-width  : 80%;
			max-height : 80%;
		}
	a.btn.red,
	a.btn.red:link,
	a.btn.red:visited {
		background:rgba(237,27,36,1);
		width:auto;
		font-size:22px;
		border-radius:5px;
		margin:8px 5px;
	}
	a.btn.red:hover {
		background:rgba(237,27,36,0.8);
	}
	a.btn.red.fixed {
		width:130px;margin:8px 15px;
	}

	div.block-title {
		font-weight:normal !important;
		font-size:1.4em !important;
	}

	div.binner {
		width:95%;margin:0 2.5%;text-align:center;
	}

	div.loading {
		background:rgba(0,0,0,0.4);width:100%;height:100%;position:fixed;
		opacity:0;z-index:-1;
		transition:all 0.3s;
	}
	div.loading.active {
		opacity:1;z-index:2;
	}
	.loader,
	.loader:before,
	.loader:after {
	  background: #ff0000;
	  -webkit-animation: load1 1s infinite ease-in-out;
	  animation: load1 1s infinite ease-in-out;
	  width: 1em;
	  height: 4em;
	}
	.loader {
	  color: #ff0000;
	  text-indent: -9999em;
	  margin: 0 auto;
	  margin-top:60%;
	  position: relative;
	  font-size: 11px;
	  -webkit-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-animation-delay: -0.16s;
	  animation-delay: -0.16s;

	}
	.loader:before,
	.loader:after {
	  position: absolute;
	  top: 0;
	  content: '';
	}
	.loader:before {
	  left: -1.5em;
	  -webkit-animation-delay: -0.32s;
	  animation-delay: -0.32s;
	}
	.loader:after {
	  left: 1.5em;
	}
	@-webkit-keyframes load1 {
	  0%,
	  80%,
	  100% {
		box-shadow: 0 0;
		height: 4em;
	  }
	  40% {
		box-shadow: 0 -2em;
		height: 5em;
	  }
	}
	@keyframes load1 {
	  0%,
	  80%,
	  100% {
		box-shadow: 0 0;
		height: 4em;
	  }
	  40% {
		box-shadow: 0 -2em;
		height: 5em;
	  }
	}