body {
	background:#007200;
	line-height:1em;
}
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:'True' !important;
}
.font-txt {
	font-family:'True' !important;
}


.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 -7vh;
	height:600px;
	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;line-height:1em;
}
div.box-img-desc {
	font-size:1em;font-weight:bold;
	text-align:center;padding-bottom:20px;
}
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;
}

img.qr-img {
	width:80%;max-width:200px;margin:5px auto;display:block;
}
.bold {
	font-weight:bold;
}

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

.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;
}

.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) {

}