@import url("pure/base-min.css");
@import url("pure/grids-min.css");
@import url("pure/grids-responsive-min.css");
@import url("pure/pure-extensions.css");
/*
html,body {
	overflow-x:hidden !important;
}*/

div.tbrand-block-wrapper {
	background:rgba(36,0,0);
	width:100%;position:relative;
	font-size:0.9em;
}

img.logo-true {
	width:90%;max-width:520px;height:auto;max-height:auto;position:relative;
	margin-top:0px;
}

div.cal1,
div.cal2 {
	width:100%;
	height:auto;
	overflow:visible;
	transform:translate3d(0,-20px,0);
}
div.cal1 img.cal,
div.cal2 img.cal {
	transform:scale(0.9);
}


img.cal {
	text-align:center;
	width:100%;
	margin-top:30px;
	margin-bottom:0;
}

div.cal1 img.cal {
	position:relative;right:0%;
}
div.cal2 img.cal {
	position:relative;left:0%;
}

div.cal1 a.tbrand-btn,
div.cal2 a.tbrand-btn {
	position:relative;
	width:80%;
	top:-10px;
	line-height:0.95em;
	font-size:0.9em;
}


div.tbrand-radial {
	position:absolute;top:0;left:0;width:100%;
	background:rgba(36,0,0);
	background: radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(36,0,0,1) 70%);
	background-position:0 -50vh;
	background-repeat:no-repeat;
	height:120vh;
}
div.tbrand-kv-txt {	
	padding-bottom:0;padding-top:0;
	background: rgb(36,0,0);
	background: linear-gradient(0deg, rgba(36,0,0,0.8) 40%, rgba(36,0,0,0) 100%);
	position:absolute;bottom:0px;left:0;width:100%;display:block;
}

img.logo-5g {
	width:30%;max-width:150px;margin:0 auto;
	display:block;position:relative;
}

div.tbrand-block-txt {	
	position:relative;
	width:88%;margin:0 auto;margin-top:25px;
}
div.tbrand-block-txt2 {	
	position:relative;
	width:88%;margin:0 auto;margin-top:25px;
}

div.tbrand-block.tbrand-kv {
	position:relative;height:auto;overflow:hidden;
	padding-bottom:5px;
}

div.tbrand-rounded {
	border-radius:25px;
}

div.tbrand-subtxt,
span.tbrand-subtxt {
	font-size:0.82em;
}

div.tbrand-block div,
div.tbrand-block span,
div.tbrand-block a,
div.tbrand-block * {
	font-family: better_togetherregular !important;
	word-break: break-word !imporant;
}

.tbrand-bg-gradient4 {
	background: -moz-linear-gradient(0deg, rgba(255,60,224,1) 5%, rgba(254,27,99,1) 55%, rgba(255,0,0,1) 98%);	
	background: -webkit-linear-gradient(0deg, rgba(255,60,224,1) 5%, rgba(254,27,99,1) 55%, rgba(255,0,0,1) 98%);	
	background: linear-gradient(0deg, rgba(255,60,224,1) 5%, rgba(254,27,99,1) 55%, rgba(255,0,0,1) 98%);	
}
.tbrand-color-red {
	color:#fe0000;
}
.tbrand-color-blue {
	color:#00a0ff;
}
.tbrand-color-white {
	color:#ffffff;
}
.tbrand-bg-black {
	background:#000000;
}
.tbrand-bg-red {
	background:#fe0000;
}
.tbrand-bg-gray {
	background:#f4f4f4;
}

.tbrand-dt,
.tbrand-dt.br {
	display:none;
}
.tbrand-mb {
	display:inline-block;
}
.tbrand-mb.br {
	display:block;
}


div.tbrand-block {
	min-height:100px;
	text-align:center;
	font-size:1.3em;
}
div.tbrand-block .text-bold {
	font-family:better_togetherbold;
}
div.tbrand-block .text-center {
	text-align:center;
}
div.tbrand-block .text-left {
	text-align:left;
}
div.tbrand-block .text-right {
	text-align:right;
}
div.tbrand-block.padd {
	padding:20px 0;
}
div.tbrand-block div.container {
	position:relative;
}
div.tbrand-block img {
	border:0;
}
div.tbrand-block-main {
	width:100%;max-width:910px;margin:0 auto;
}

div.tbrand-block .tblock-title,
div.tbrand-block h1 {
	font-family:better_togetherbold !important;
	font-size:1.4em;
	letter-spacing:auto !important;
}
div.tbrand-block h1 {
	line-height:1.3em;
}
div.tbrand-block h1 span,
div.tbrand-block h1 div {
	font-family:inherit !important;
}

div.tbrand-block h2 {
	font-family:better_togetherbold !important;
	font-size:1.7em;
	letter-spacing:auto !important;
}
div.tbrand-block h2 {
	line-height:1.3em;
}
div.tbrand-block h2 span,
div.tbrand-block h2 div {
	font-family:inherit !important;
}

.tbrand-app-desc {
	margin-top:10px;font-size:0.85em;
}

div#chat-shop {
	display:none !important;transform:translate3d(-200%,-200%,0) !important;
}

span.tbrand-btn,
a.tbrand-btn,
a.tbrand-btn:visited,
a.tbrand-btn:link {
	background:#fe0000;
	color:#ffffff;
	font-size:1em;
	padding:7px 15px;
	border-radius:30px;
	border:2px solid #fe0000;
	width:95%;max-width:320px;display:block;
	margin:10px auto;	
	text-align:center;
	font-family:better_togetherbold !important;
	font-weight:bold;
	cursor:pointer;
	transition:all 0.2s;
}
a.tbrand-btn:hover {

}
a.tbrand-btn.active {

}

span.tbrand-btn.blue,
a.tbrand-btn.blue,
a.tbrand-btn.blue:visited,
a.tbrand-btn.blue:link {
	background:#00a0ff;
	border-color:#00a0ff;
}

span.tbrand-btn.orange,
a.tbrand-btn.orange,
a.tbrand-btn.orange:visited,
a.tbrand-btn.orange:link {
	background:#ffbc01;
	border-color:#ffbc01;
}


a.tbrand-btn.white,
a.tbrand-btn.white:visited,
a.tbrand-btn.white:link {
	background:#ffffff;
	border-color:#ffffff;
	color:#ff0000;
}

a.tbrand-btn.outline,
a.tbrand-btn.outline:visited,
a.tbrand-btn.outline:link {
	display:inline-block;
	background:none;
}
a.tbrand-btn.outline:hover {

}
a.tbrand-btn.outline.active {

}


img.tbrand-img {
	text-decoration:none;
	display:inline-block;
	border:0;
}

span.tbrand-word {
	display:inline-block;text-decoration:inherit;font-weight:inherit;font-size:inherit;font-style:inherit;
}

h1.tbrand-kw {
	font-family:better_togetherbold;
	font-size:1.4em !important;text-align:center;z-index:3;color:#ffffff;
	display:block;
	text-shadow:0 0 4px #000;
}


div.tbrand-dialog {
	display:none;width:90%;max-width:560px;
	padding:20px;padding-bottom:30px;
	border-radius:10px;
	xfont-family:'Better Together';
}
div.tbrand-dialog > div {
	margin:10px 0;height:80%;overflow-y:auto;
}
div.tbrand-dialog a.tbrand-btn {
	text-align:center;
	margin:0 auto;margin-top:5px;
}
div.tbrand-dialog ul  {
	padding-left:15px;margin:10px 0;
}
div.tbrand-dialog a.tbrand-btn:hover {
	transform:translate3d(0,0,0);
}
div.tbrand-dialog h2 {
	font-size:1.3em;text-align:center;
}
div.tbrand-dialog button[data-fancybox-close] {
	background:#ff0000 !important;position:relative;top:-10px !important;right:-10px !important;border:0 !important;outline: none !important;
	opacity:1  !important;
	border-radius:50%;
	 outline: none !important;
	 box-shadow:none !important;
}
div.tbrand-dialog button[data-fancybox-close]:focus {
	border:none !important;
}
div.tbrand-dialog button[data-fancybox-close]:hover {
	background:#444444 !important;
}
.fancybox__container {
    z-index: 1000000;
}
.fancybox__container .fancybox__backdrop {
	background:rgba(0,0,0,0.6);
}
*:focus {
    outline: none !important;
}

div.tbrand-loading {
	position:fixed;width:100%;height:100%;display:block;margin:0 auto;
	background:rgba(0,0,0,0.8);color:#fe0000;
	z-index:10000;transition:all 0.35s;
	display:none;
}
div.tbrand-loading > img {
	display:block;width:30%;max-width:150px;margin:0 auto;
	transform:translate3d(0,50%,0);
	transition:all 0.2s;
}
div.tbrand-loading.completed {
	background:rgba(255,255,255,1);opacity:0;
	z-index:-2;
}
div.tbrand-loading.completed > img {
	transform:scale(4);
	opacity:0;
}
div.tbrand-loading span#tbrand-loading-progress-percent {
	display:block;margin:20px auto;font-size:1.2em;color:#ffffff;
	text-align:center;margin-top:150px;h
}


img.tbrand-dec-snowman {
	z-index:2;position:absolute;top:27%;right:5vw;width:160px;transform:rotate(24deg);
}

div.tbrand-share {
	color:#fff;zmargin-bottom:-20px;margin-top:15px;font-size:0.8em;z-index:3;
}
div.tbrand-share > span {
	position:relative;top:0.2vh;display:inline-block;margin-right:8px;
}
div.tbrand-share > a {
	margin:0 2px;
}
div.tbrand-share img {
	width:30px;
}
img.tbrand-dec-1 {
	width:20%;position:absolute;top:15%;left:0%;z-index:2;
	
}
img.tbrand-dec-2 {
	width:23%;position:absolute;top:18%;left:0%;z-index:2;
	display:none;
}
img.tbrand-dec-3 {
	width:18%;position:absolute;top:58%;right:0;z-index:2;
}
img.tbrand-dec-4 {
	width:20%;position:absolute;top:46%;right:-10%;
	display:none;
}
img.tbrand-animated1 {
	-webkit-animation: anim-updown1 3s ease-in-out infinite;
	animation: anim-updown1 3s ease-in-out infinite;
	-webkit-perspective: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
img.tbrand-animated2 {
	-webkit-animation: anim-updown2 2s ease-in-out infinite;
	animation: anim-updown2 2s ease-in-out infinite;
	-webkit-perspective: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
img.tbrand-animated3 {
	-webkit-animation: anim-updown3 2.5s ease-in-out infinite;
	animation: anim-updown3 2.5s ease-in-out infinite;
	-webkit-perspective: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation-delay: 0.2s;
}
img.tbrand-animated4 {
	-webkit-animation: anim-updown1 3s ease-in-out infinite;
	animation: anim-updown1 3s ease-in-out infinite;
	-webkit-perspective: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation-delay: 1s;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}

.tbrand-hide {
	display:none !important;
}

@keyframes anim-updown1 {
  50%{
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    transform: translateY(7px);
  }
}
@keyframes anim-updown2 {
  50%{
    -webkit-transform: translateY(12px) translateZ(0);
    -moz-transform: translateY(12px) translateZ(0);
    transform: translateY(12px) translateZ(0);
  }
}
@keyframes anim-updown3 {
  50%{
    -webkit-transform: translateY(9px);
    -moz-transform: translateY(9px);
    transform: translateY(9px);
  }
}



@media screen and (min-width: 1024px) {
	img.logo-true {
		margin-top:0;
	}
	div.tbrand-share {
		margin-bottom:10px;
	}
	img.tbrand-dec-1 {
		width:20%;position:absolute;top:46%;left:-10%;		
	}
	img.tbrand-dec-2 {
		width:16%;position:absolute;top:32%;left:9%;display:block;
	}
	img.tbrand-dec-3 {
		width:11%;position:absolute;top:32%;right:11%;
	}
	img.tbrand-dec-4 {
		width:20%;position:absolute;top:46%;right:-10%;
		display:block;
	}
	div.cal1 {
		display:inline-block;
		position:relative;right:0;
		margin-top:0;
		margin-bottom:0;
		top:0vh;
		xtransform:scale(0.9);
		transform:translate3d(0,0,0);
	}
	div.cal2 {
		display:inline-block;
		position:relative;left:0;
		margin-top:0;
		margin-bottom:0;
		top:0;
		xtransform:scale(0.9);
		transform:translate3d(0,0,0);
	}
	div.cal1 img.cal,
	div.cal2 img.cal {
		transform:scale(0.9);
		left:auto;right:auto;
		margin-top:0;
	}
	div.cal1 a.tbrand-btn,
	div.cal2 a.tbrand-btn {
		width:80%;position:relative;top:-15px;
		line-height:1.4em;
	}


	div.tbrand-block-txt {
		height:100%;
		position:absolute;top:20%;left:20%;
	}
	div.tbrand-block-txt2 {
		height:100%;
		position:absolute;top:20%;left:20%;
	}

	div.tbrand-block.tbrand-kv {
		position:relative;height:auto;overflow-y:hidden;
		padding-bottom:5px;
	}

	div.tbrand-box-content-inner {
		margin:0 35px;
	}
	h1.tbrand-kw {
		font-size:1.9em !important;
	}
	div.tbrand-block-wrapper {
		font-size:1em;
	}
	div.tbrand-block .tblock-title,
	div.tbrand-block h1 {
		font-size:1.9em;
	}
	.tbrand-app-desc {
		margin-left:10px;margin-top:15px;font-size:1em;
	}

	div.tbrand-box-content-desc {
		min-height:110px;
	}

	div.tbrand-block.padd {
		padding:40px 0;
	}
	span.tbrand-btn,
	a.tbrand-btn,
	a.tbrand-btn:visited,
	a.tbrand-btn:link {
		display:inline-block;
		width:230px;max-width:auto;
		margin:0 10px;
	}
	.tbrand-mb,
	.tbrand-mb.br {
		display:none;
	}
	.tbrand-dt {
		display:inline-block;
	}
	.tbrand-dt.br {
		display:block;
	}
}