.login-page.login-form .page-head {padding-top: 10px;}
.login-page .bt-wrap {margin-top: 30px;}
.login-page .bt-wrap .login-add-link  {text-align: center; padding: 17.5px 0;line-height: 30px;}
.login-page .bt-wrap .login-add-link a {color: #fdd000;}

.sns-login {border-top: 1px solid #252525;padding-top: 25px;}
.sns-login.mt {margin-top: 25px;}
.sns-login li + li {margin-top: 18px;}
.sns-login a {display: block;position: relative;height: 52px;text-align: center;font-size: 16px;line-height: 52px;padding-left: 52px;background: #fff;font-weight: 700;transition: all .2s cubic-bezier(.4,0,.2,1);transition-property: color,background;}
.sns-login em {position: absolute; top:0;left:0;width: 52px;height: 52px;border-right: 1px solid #ccc;transition: all .2s cubic-bezier(.4,0,.2,1);transition-property: border-color;}
.sns-login .sp-sns {position: absolute; top:50%;left:50%;transform:translate(-50%,-50%)}
.sns-login .bt-facebook {color: #fff; background: #1778f2;}
.sns-login .bt-facebook em {border-color: #156ad1;}
.sns-login .bt-google {color: #0e0e0e;}
.sns-login .bt-steam {background: #243544;}

.sns-login.compact ul {margin: 0 -8px;}
.sns-login.compact ul:after {content:""; display: table; clear: both; }
.sns-login.compact li {width: 33.3333333333%; padding: 0 8px;float:left;}
.sns-login.compact.has-2 li {width: 50%;}
.sns-login.compact li + li {margin: 0;}
.sns-login.compact a {padding-left: 0;}
.sns-login.compact em {position: static;border: 0;}
.sns-login.compact a span {width: 0;height: 0;overflow: hidden;position: absolute;text-indent: -9999px;}


.link-connect {text-align: center; border-top: 1px solid #252525;padding-top: 30px;}
.link-connect h3 {font-size: 20px;color: #fdd000;line-height: 1;font-weight: normal; margin-bottom: 10px;}

.login-solution ul {margin: -16px -8px 0;}
.login-solution ul:after{ content:""; display: table; clear: both;}
.login-solution ul li {float:left;width: 50%;padding: 16px 8px 0;}
.login-solution a{display: block;border: 1px solid #ffffff;text-align: center;padding: 23px 20px 0;min-height:175px;}
.login-solution span {display: block;font-size: 15px;line-height: 1.53;}

.lock-guide {border-top: 1px solid #ffffff;padding-top: 30px;}
.lock-guide ul{counter-reset:list-number;}
.lock-guide li{counter-increment:list-number;padding-left: 16px;position: relative;font-size: 15px;line-height: 23px;}
.lock-guide li:before {content:counter(list-number)".";position: absolute; top:0;left:0;}
.lock-guide li + li {margin-top: 23px;}

.restore-guide {border-top: 1px solid #252525;padding-top: 30px;text-align: center;}
.restore-guide p {font-size: 20px;line-height: 28px;}
.restore-guide p.date {margin-top: 5px;color: #fdd000;}

.access-country {margin-bottom: 30px;text-align: center;font-size: 20px;line-height: 28px;}
.access-country .country {color: #fdd000}
.access-country .fe-row {margin-top: 10px;font-size: 15px;}
.access-country .fe-row .fe-checkbox {margin-right: 6px;}


.illegal-guide {border-top: 1px solid #252525;padding-top: 30px;line-height: 23px;text-align: center;}
.illegal-guide h3 {font-size: 20px;color: #fdd000;line-height: 1;margin-bottom: 10px;}
.illegal-guide .b-period {color: #9fa0a0;}
.illegal-guide + .bt-wrap {margin-top: 30px;}

/* copy from myaccount.css */
.email-verified {margin-top: -15px;	font-size: 15px;line-height: 23px;text-align: center;}
.email-verified .noti {color: #9fa0a0;margin-top: 23px;}
/* copy from myaccount.css */

@media (min-width:1024px ) {
	.login-page {padding-top: 10px;max-width:846px;margin: 0 auto;}/* 920 - 846 = */
	.login-page.login-wide-page {min-width:944px; max-width:1100px; margin: 0 auto;}
	.login-page.login-form {padding-top: 0;}
	.login-page.login-form h2 {line-height: 1;}
	.login-page .bt-wrap {margin-top: 30px;}
	.login-page .page-head + .bt-wrap {margin-top: 35px;}
	.login-page .bt-wrap .login-add-link  {padding:19px 0;line-height: 28px;font-size: 1rem;}
	.login-page .bt-wrap .login-add-link:after {content:""; display: table; clear: both; }
	.login-page .bt-wrap .login-add-link a:hover {text-decoration: underline;}
	.login-page .bt-wrap .login-add-link li + li {margin-top: 10px;}


	.sns-login {padding-top: 40px;margin-top: 20px;}
	.sns-login.mt {margin-top: 40px;}
	.sns-login li + li {margin-top: 20px;}
	.sns-login a {height: 58px;font-size: 18px;line-height: 58px;padding-left: 58px;}
	.sns-login em {width: 58px;height: 58px;}

	.sns-login.compact {margin: 0 auto;}
	.sns-login.compact ul {width:312px;margin: 0 auto;}
	.sns-login.compact ul:after {content:""; display: table; clear: both; }
	.sns-login.compact li {width: 33.3333333333%; padding: 0 10px;float:left;}
	.sns-login.compact.has-2 li {width: 50%;}
	.sns-login.compact li + li {margin: 0;}
	.sns-login.compact a {padding-left: 0;height: 50px;line-height: 50px;}
	.sns-login.compact em {position: static;border: 0;}
	.sns-login.compact a span {width: 0;height: 0;overflow: hidden;position: absolute;text-indent: -9999px;}


	.link-connect {padding-top: 45px;line-height: 28px;}
	.link-connect.pc-noline {padding-top: 10px;border-top: 0;}
	.link-connect.pc-noline .bt-wrap {margin-top: 60px;}
	.link-connect h3 {font-size: 24px; margin-bottom: 10px;}
	.link-connect .bt-wrap {margin-top: 45px;}

	.login-solution {padding-top: 24px;margin: 0 -37px;}
	.login-solution ul {margin: 0;margin: 0 -20px;}
	.login-solution ul li {float:left;width: 25%;padding: 0 20px 0;}
	.login-solution a{padding: 34px 20px 0;min-height:230px;}
	.login-solution a:hover {border-color: #555;}
	.login-solution span {font-size: 16px;line-height: 28px;}

	.lock-guide {padding-top: 45px;}
	.lock-guide ul{width: 800px;margin: 0 auto;}
	.lock-guide li{padding-left: 20px;font-size: 16px;line-height: 28px;}
	.lock-guide li + li {margin-top: 0}
	.lock-guide + .bt-wrap {margin-top: 50px;}

	.restore-guide {border-top: 0;padding-top: 0;text-align: center;}
	.restore-guide p {font-size: 24px;line-height: 38px;}
	.restore-guide p.date {margin-top: 5px;color: #fdd000;}
	.restore-guide + .bt-wrap {margin-top: 50px;}

	.access-country {margin: 0 auto 45px;padding-bottom: 45px;font-size: 24px;line-height: 32px;border-bottom: 1px solid #252525;}
	.access-country p {display: inline-block; vertical-align: top;}
	.access-country .fe-row {margin-top: 10px;font-size: 16px;line-height: 28px;}
	.access-country .fe-row .fe-checkbox {margin-right: 6px;}

	/* copy from myaccount.css */
	.email-verified {margin-top: -23px;font-size: 16px;line-height: 28px;}
	.email-verified .noti {margin-top: 28px;}
	/* copy from myaccount.css */

	.illegal-guide {border-top: 1px solid #252525;padding-top: 45px;line-height: 28px;text-align: center;}
	.illegal-guide h3 {font-size: 24px;color: #fdd000;line-height: 1;margin-bottom: 10px;font-weight: normal;}
	.illegal-guide .b-period {color: #9fa0a0;}
	.illegal-guide + .bt-wrap {margin-top: 40px;}

	.sns-login .bt-facebook:hover {background: #1a549c;}
	.sns-login .bt-facebook:hover em {border-color: #174b8a}
	.sns-login.compact .bt-facebook:hover {background: #1a549c;}

	.sns-login .bt-google:hover {background: #d4d8e3;}
	.sns-login .bt-steam:hover {background: #17222c;}

}
@media (min-width:1024px ) and (max-width:1440px ) {
	.recapcha{font-size:12px;line-height:20px}

	/* .login-page .bt-wrap {margin-top: 24px;} */
	.login-page .bt-wrap .login-add-link {font-size: 14px;}
	.login-page .bt-wrap .login-add-link li + li {margin-top: 0;}
	.sns-login a {height: 46px;line-height: 46px;font-size: 14px;}
	.sns-login em {width: 46px;height: 46px;}
	.sns-login li + li {margin-top: 14px;}
	.sns-login.compact a {padding-left: 0;height: 40px;line-height: 40px;}
	.sns-login.compact .sp-sns.steam { width: 21px; height: 21px;}
	.sns-login.compact .sp-sns.gg {width: 20px;height: 20px;}
	.sns-login.compact .sp-sns.fp {width: 18px;height: 18px;}

	.login-wide-page .sns-login li + li {margin-top: 22px;}
	.link-connect {line-height: 24px;}
	.link-connect h3 {font-size: 22px;}
	.link-connect .bt-wrap {margin-top: 40px;}

	.login-solution {padding-top: 0;width: 784px;margin: 0 auto;}
	.login-solution ul {margin: 0 -16px;}
	.login-solution ul li {padding: 0 16px;}
	.login-solution a {min-height:200px;padding: 40px 10px 0;}
	.login-solution span {font-size: 14px;line-height: 24px;}
	.lock-guide ul {width: 660px;}
	.lock-guide li {font-size: 14px;line-height: 24px;}
	.restore-guide + .bt-wrap,
	.lock-guide + .bt-wrap {margin-top: 40px;}
	.restore-guide p {font-size: 22px;line-height: 32px;}
	.access-country {font-size: 22px;margin-bottom: 40px;}
	.access-country .fe-row {margin-top: 6px;font-size: 14px;line-height: 24px;}
	.illegal-guide {line-height: 26px;padding-top: 40px;}
	.illegal-guide h3 {font-size: 22px;margin-bottom: 8px;}

	.login-page.login-wide-page {max-width:828px;min-width:828px}
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style: none;
}
body {
	font-family:'Roboto','AppleSDGothicNeo-Regular','AppleSDGothic','Apple SD Gothic Neo','AppleGothic',sans-serif;color:#fff;
	line-height: 1.4375;font-size: 15px;font-weight:400;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:'Roboto','AppleSDGothicNeo-Regular','AppleSDGothic','Apple SD Gothic Neo','AppleGothic',sans-serif;color:#fff;
	line-height: 1.4375;font-size: 15px;font-weight:400;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,*:before,*:after { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a{color:inherit;text-decoration:none;}
i,s,em,u,b{font-style:normal}

input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
    display: none;
}

.contents {
    padding: 25px 20px 40px;
}
.login-page.login-form .page-head {
    padding-top: 10px;
}
.page-head {
    text-align: center;
    padding: 15px 0;
    margin-bottom: 15px;
}
.page-head h2 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-weight: 900;
}
.page-head h2 i.sp-logo {
    display: inline-block;
    vertical-align: top;
}
.sp-logo.kkg-lg {
    width: 200px;
    height: 100px;
}
.sp-logo {
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-position: left center;
    background-size: contain; /* Ajuste o tamanho conforme necessário */
    background-image: url("data:image/svg+xml;base64,DQogICAgICAgIDxzdmcgd2lkdGg9JzExMScgaGVpZ2h0PScyMScgdmlld0JveD0nMCAwIDExMSAyMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4NCiAgICAgICAgICAgIDx0ZXh0IHg9JzAnIHk9JzE4JyBmb250LWZhbWlseT0nQXJpYWwnIGZvbnQtc2l6ZT0nMjAnIGZvbnQtd2VpZ2h0PSdib2xkJyBmaWxsPSd3aGl0ZSc+R0FNRSBIVVQ8L3RleHQ+DQogICAgICAgIDwvc3ZnPg==")
}

i, s, em, u, b {
    font-style: normal;
}
button, input, select, textarea {
    font-family: 'Roboto', 'AppleSDGothicNeo-Regular', 'AppleSDGothic', 'Apple SD Gothic Neo', 'AppleGothic', sans-serif;
}
*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.fe-err + .fe-row, .fe-row + .fe-row {
    margin-top: 10px;
}

i, s, em, u, b {
    font-style: normal;
}
.login-page .bt-wrap {
    margin-top: 30px;
}
.bt > span {
    position: relative;
}
.login-page .bt-wrap .login-add-link {
    text-align: center;
    padding: 17.5px 0;
    line-height: 30px;
}
.login-page .bt-wrap .login-add-link a {
    color: #fdd000;
}
a {
    color: inherit;
    text-decoration: none;
}
.sns-login {
    border-top: 1px solid #ffffff;
    padding-top: 25px;
}

a {
    color: inherit;
    text-decoration: none;
}
.footer-wrap {
    margin-top: auto;
}
.dimmed {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 51;
    background: rgba(0, 0, 0, 0.7);
}
.footer {
    text-align: center;
    position: relative;
    z-index: 1;
}
body {
	background: url(../img/Bglogin.jpg) center center fixed; 
    background-size: cover;
    min-height: 100%;
}
.loader > .loader-load,
.loader > .loader-load:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0;
}
.loader > .loader-load {
  position: absolute;
  font-size: 0;line-height: 0;
  border-top: 2px solid #464646;
  border-right: 2px solid #464646;
  border-bottom: 2px solid #464646;
  border-left: 2px solid #fdd000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader > .loader-load {position: fixed; top:50%;left:50%; z-index: 2001; margin: -20px 0 0 -20px;}
.loader > .loader-overlay {position: fixed;top:0;left:0;right:0;bottom:0;z-index: 2000;background: rgba(0,0,0,0.7);}
.loader > .loader-overlay.dark {background: #000;}

/* body > .loader {position: fixed; top:50%;left:50%; transform:translate(-50%,-50%);z-index: 100;} */
body > .loader > .loader-load {margin: -30px 0 0 -30px;top:50%;left:50%; border-width: 3px;}
body > .loader > .loader-load,
body > .loader > .loader-load:after {width: 60px;height: 60px;}

.fix-loader,
.fix-loader:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.fix-loader {
  font-size: 0;line-height: 0;
  border-top: 3px solid #d7d7d7;
  border-right: 3px solid #d7d7d7;
  border-bottom: 3px solid #fdd000;
  border-left: 3px solid #fdd000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.txt-bound span {position: relative; }
.txt-bound span i {content:""; position: absolute;top:0;left:0;}
.txt-bound span:nth-child(1) i{animation: bound-anim 0.8s -1.4s infinite;}
.txt-bound span:nth-child(2) i{animation: bound-anim 0.8s -0.7s infinite;}
.txt-bound span:nth-child(3) i{animation: bound-anim 0.8s 0s infinite;}
@keyframes bound-anim {
	0%,100% {top: 0;}
	30% {top: -25%;}
	50% {}
	90% {top: 0;}
}
@media (min-width:1024px ) {
	.loader > .loader-load,
	.loader > .loader-load:after {width: 30px;height: 30px;}
	.loader > .loader-load {position: absolute; top:auto;left:auto;bottom:auto;right:auto; z-index: 10; margin: 0;}
	.loader > .loader-overlay {display: none;}
	.loader.rightcenter > .loader-load  {top:50%;margin-top: -15px;right:-45px;}
	.loader.leftcenter > .loader-load  {top:50%;margin-top: -15px;left:-45px;}
	.loader.righttop > .loader-load  {top:0;right:-45px;}
	.loader.lefttop > .loader-load  {top:0;left:-45px;}
	.loader.rightbottom > .loader-load  {bottom:0;right:-45px;}
	.loader.leftbottom > .loader-load  {bottom:0;left:-45px;}
	.loader.center > .loader-load  {top:50%;margin-top: -15px;left:50%;margin-left: -15px;}
	.loader.overlay > .loader-load {position: fixed; top:50%;left:50%; z-index: 2001; margin: -15px 0 0 -15px;}
	.loader.overlay > .loader-overlay {display: block;}
	.fe-row .loader > .loader-load {top:17px;right:-45px;margin-top: 0;}

	body > .loader > .loader-load {margin: -40px 0 0 -40px;border-width: 3px;position: fixed;z-index: 2001;top:50%;left:50%; }
	body > .loader > .loader-load,
	body > .loader > .loader-load:after {width: 80px;height: 80px;}
	body > .loader > .loader-load {border-width: 3px;position: fixed;z-index: 2001;}
	body > .loader > .loader-overlay {display: block;}

	.fix-loader,
	.fix-loader:after {
	  width: 100px;
	  height: 100px;
	}
	.fix-loader{
	  border-top: 4px solid #d7d7d7;
	  border-right: 4px solid #d7d7d7;
	  border-bottom: 4px solid #fdd000;
	  border-left: 4px solid #fdd000;
	}
}


/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #262626;
	border: 2px solid #262626;
	border-radius: 5px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: #949494;
	line-height: 18px;
	padding: 6px 12px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 8px;
	margin-left: -8px;
	width: 16px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #262626;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #262626;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #262626;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #262626;
	left: 0;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #262626;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #262626;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #262626;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #262626;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}