@charset 'utf-8';
.grid-tx1-new {
	background:#ff4c4c;
	-webkit-box-shadow: 0 10px 16px 0 rgb(255 76 76 / 60%);
	        box-shadow: 0 10px 16px 0 rgb(255 76 76 / 60%);
	position:absolute;
	top:-12px;
	right: -12px;
	height:24px;
	width:auto;
	padding:0 10px;
	font-family:SFProDisplay-Regular;
	font-size:16px;
	color:#fff;
	line-height:24px;
	text-align:center;
	border-radius:24px;
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:1;
	z-index:2;
	border: solid 2px #ff1a1a;
	text-shadow: 0 2px 2px rgb(0 0 0 / 25%);
}
.nextbutton {
	background: url('/img/icons/arrows/right.png') no-repeat center;
	background-size: 56px;
	width:128px;
	height:128px;
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-64px;
	z-index:4;
	-webkit-transition: .1s ease-in-out;
	-o-transition:.1s ease-in-out;
	transition:.1s ease-in-out;
	opacity:.15;
}
.nextbutton:hover {
	cursor:pointer;
	background: url('/img/icons/arrows/right-h.png') no-repeat center;
	text-decoration:underline;
	background-size: 50px !important;
	opacity:1;
}
.previousbutton {
	background: url('/img/icons/arrows/left.png') no-repeat center;
	background-size: 56px;
	width:128px;
	height:128px;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-64px;
	z-index: 4;
	-webkit-transition: .1s ease-in-out;
	-o-transition:.1s ease-in-out;
	transition:.1s ease-in-out;
	opacity:.15;
}
.previousbutton:hover  {
	cursor:pointer;
	background: url('/img/icons/arrows/left-h.png') no-repeat center;
	text-decoration:underline;
	background-size: 50px !important;
	opacity:1;
}
/* ---------------------------------------------------------------------------------------------------------------- */
.mobile-con-window {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
.mobile-page-con-first {
	position:relative;
	z-index:1;
	top:0;
	width:100%;
	height: 60%;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:.6s;
	-webkit-animation-iteration-count:1;
	margin-bottom:75px;
}
/* ---------------------------------------------------------------------------------------------------------------- */
.mobile-head-con-greeting {
	height:auto;
	padding-top: 50px;
	margin-bottom: 84px;
	text-align:center;
	background: #0F1725;
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-duration:.8s;
	-webkit-animation-iteration-count:1;
}
.mobile-head-img-avatar {
	background:url(/img/avatar/main.jpg) no-repeat center;
	background-size:cover;
	width: 116px;
	height: 116px;
	border-radius:100%;
	left:50%;
	margin-left:-58px;
	position:relative;
	-webkit-box-shadow:0 10px 64px 0 rgba(0,0,0,.2);
	box-shadow: 0 10px 32px 0 rgba(0,0,0,.2);
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:.8s;
	-webkit-animation-iteration-count:1;
	image-rendering: pixelated;
}
.mobile-head-ico-alert {
	background: url(/img/icons/menu/alert-custom.png) no-repeat center;
	background-size: cover;
	height: 80px;
	width: 80px;
	position: absolute;
	right: -32px;
	top: -32px;
}
.mobile-head-tx1-greeting {
	height: 40px;
	font-family: 'SFProDisplay-Bold';
	font-size: 40px;
	line-height: 40px;
	color: #0093ff;
	margin-top:30px;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:.8s;
	-webkit-animation-iteration-count:1;
}
.mobile-head-tx2-greeting {
	height: 30px;
	font-family:SunlightGothic;
	font-weight:bold;
	font-size: 26px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing:14px;
	text-indent:14px;
	margin-top:15px;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:1;
}
.mobile-head-con-div {
	background: url(/img/graphics/ui/clip.png) no-repeat center top;
	background-size: 74px;
	bottom: -52px;
	width: 100%;
	height: 55px;
	position: relative;
}
/* ---------------------------------------------------------------------------------------------------------------- */
.mobile-page-con-override {
	z-index:10;
	height:auto;
}
.mobile-page-con-pane {
	height:100%;
	position:relative;
}
.mobile-page-wrap-pane {
	height:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	position:relative;
	background-size:cover !important;
	margin: 10px 10px;
}
.mobile-page-img-main {
	height:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	position:relative;
	background-size:cover !important;
	border-radius:12px;
	padding:10px;
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.3);
	        box-shadow:0 0 20px 0 rgba(0,0,0,.3);
	z-index:3;
}
.mobile-page-img-drop-1 {
	height:100%;
	padding-left:20px;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	position:relative;
	background-size:cover !important;
	border-radius:12px;
	padding:10px;
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.3);
	        box-shadow:0 0 20px 0 rgba(0,0,0,.3);
	top:-112%;
	-webkit-transform:scale(.85);
	-ms-transform:scale(.85);
	transform:scale(.85);
	z-index:2;
	-webkit-filter:blur(2px);
	        filter:blur(2px);
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:1;
}
.mobile-page-img-drop-2 {
	height:100%;
	padding-left:20px;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	position:relative;
	background-size:cover !important;
	border-radius:12px;
	padding:10px;
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.3);
	        box-shadow:0 0 20px 0 rgba(0,0,0,.3);
	top:-224%;
	-webkit-transform:scale(.7);
	-ms-transform:scale(.7);
	transform:scale(.7);
	opacity:.5;
	-webkit-filter:blur(6px);
	        filter:blur(6px);
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:1;
}
.mobile-page-tx1-pane {
	font-family:Nexa;
	font-size:36px;
	position:absolute;
	top:50%;
	width:100%;
	height:54px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	line-height:60px;
	margin-top:-27px;
	text-transform:uppercase;
	letter-spacing:10px;
	text-indent:10px;
	z-index: 4;
	text-shadow: 0 10px 20px rgb(0 0 0 / 50%);
}
/* ---------------------------------------------------------------------------------------------------------------- */
.mobile-head-tx1-works {
	height:30px;
	font-family:SFProDisplay-Bold;
	font-size:30px;
	line-height:36px;
	color:#000;
	padding-left:6px;
	padding-right:6px;
	position:relative;
	display: none;
}
/* ---------------------------------------------------------------------------------------------------------------- */
.mobile-footer-con-container {
	height:auto;
	width:100%;
}
.mobile-footer-ico-logo {
	background:url(/img/icons/logo/logo.png) no-repeat center;
	background-size: 42px;
	width:100%;
	height:86px;
	position:relative;
}
.mobile-footer-tx1-copyright {
	font-family:SFProDisplay-Bold;
	font-size:14px;
	color: #000;
	text-align:center;
	padding-bottom:100px;
}
.mobile-footer-tx1-copyright span {
	background: rgb(0 0 0 / 05%);
	padding: 4px 10px;
	border-radius: 22px;
}
.noshadow {
	-webkit-box-shadow: none;
	        box-shadow: none;
}
/* ---------------------------------------------------------------------------------------------------------------- */
.bluronmobile {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0 0 0 / 0%)), to(rgb(0 148 255 / 40%)));
    background: -o-linear-gradient(rgb(0 0 0 / 0%), rgb(0 148 255 / 40%));
    background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 148 255 / 40%));
    opacity: 1;
}
/* ---------------------------------------------------------------------------------------------------------------- */
.aaa {
	height: 32px;
	width: 31px;
	float: left;
	position: relative;
	margin-right: 6px;
	border-radius: 100%;
	border: solid 1px rgb(255 255 255 / 10%);
	-webkit-backdrop-filter: blur(14px) saturate(150%);
	backdrop-filter: blur(14px) saturate(150%);
	top: -3px;
	display: none;
}
.bbb {
	height: 28px;
	width: auto;
	float: left;
	margin-right: 6px;
	position: relative;
	font-family: 'SFProDisplay-Regular';
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	background: rgb(255 255 255 / 10%);
	background: linear-gradient(0deg, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 10%) 75%);
	background-clip: padding-box;
	border-radius: 28px;
	-webkit-backdrop-filter: blur(14px) saturate(150%);
	backdrop-filter: blur(14px) saturate(150%);
	border: solid 1px rgb(255 255 255 / 40%);
	padding: 2px 14px;
	top: -3px;
}
.ccc {
	height: 28px;
	width: auto;
	float: left;
	top: -3px;
	position: relative;
	padding: 2px 14px;
	font-family: 'SFProDisplay-Regular';
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	background: linear-gradient(0deg, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 10%) 75%);
	background-clip: padding-box;
	border-radius: 28px;
	-webkit-backdrop-filter: blur(14px) saturate(150%);
	backdrop-filter: blur(14px) saturate(150%);
	border: solid 1px rgb(255 255 255 / 40%);
}
/* ---------------------------------------------------------------------------------------------------------------- */
.flex-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
}

.flex-cell {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1; /* Make each cell take equal width */
}

.flex-cell:not(:last-child) {
	margin-right: 14px; /* Dynamic margin between columns */
	min-width: 130px;
}
/* ---------------------------------------------------------------------------------------------------------------- */
.custom-con-slice {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2;
}

.custom-img-slice {
	width: 1200px;
	height: 2px;
	margin-left: -600px;
	margin-top: 0px;
	top: 50%;
	left: 50%;
	position: absolute;
	border-radius: 2px;
	-webkit-transform: rotate(34deg);
	-ms-transform: rotate(34deg);
	transform: rotate(34deg);
	background-image: linear-gradient(to right, rgb(33 33 52 / 20%), rgb(33 33 52 / 20%), #00000000, #00000000, #00000000, #00000000, #00000000, #00000000, #00000000, #00000000, rgb(33 33 52 / 20%), rgb(33 33 52 / 20%));
}
/* ---------------------------------------------------------------------------------------------------------------- */
.previousAnim {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-duration:.5s;
}
.nextAnim {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-duration:.5s;
}

#loading-bar-spinner.spinner {
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
  position: absolute;
  -webkit-animation: loading-bar-spinner 500ms linear infinite;
  animation: loading-bar-spinner 500ms linear infinite;
}

#loading-bar-spinner.spinner .spinner-icon {
  width: 40px;
  height: 40px;
  border: solid 8px transparent;
  border-top-color: #ffffff !important;
  border-left-color: #ffffff !important;
  border-radius: 50%;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); }
}


#object-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: .3;
}

.particles-js-canvas-el {
    width: 100%!important
}




.gallery-img-big {
	-webkit-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.gallery-img-big-backdrop {
	background:rgb(0 0 0 / 20%);
	-webkit-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}

.gallery-img-viewport {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}

.gallery-img-viewport.zoomed {
  cursor: default;
  -webkit-transform: scale(3);
      -ms-transform: scale(3);
          transform: scale(3);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}

.gallery-img-viewport.zoomed:active {
  cursor: -webkit-grab;
  cursor: grab;
}
/* ---------------------------------------------------------------------------------------------------------------- */

.menu-con-social {
	position: absolute;
	width: auto;
	height: 50px;
	top: 20px;
	left: 20px;
	z-index: 2;
	background: rgb(255 255 255 / 0%);
	border-radius: 12px;
	padding: 4px 4px;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: solid 1px rgb(255 255 255 / 0%);
	-webkit-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	display: none;
}

.menu-btn-social {
  height: 48px;
  width: 48px;
  position: relative;
  float: left;
  display: inline-block;
  border-radius: 12px;
  border: solid 1px transparent;
	opacity:.65;
	-webkit-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.menu-btn-social:hover {
	border: solid 1px rgb(255 255 255 / 10%);
	opacity:1;
}

/* ---------------------------------------------------------------------------------------------------------------- */


.mini-menu-con-dimmer {
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
	top:0;
	display:block;
	background:rgba(0,0,0,.6);
	display: none;
}
.mini-menu-con-container {
	position:fixed;
	height: auto;
	width: 310px;
	background: rgb(255 255 255 / 10%);
	margin-left: -157px;
	margin-top:-253px;
	top:50%;
	left:50%;
	border-radius: 20px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0 32px 32px 0;
	        box-shadow:rgba(0,0,0,.2) 0 32px 32px 0;
	-webkit-animation-name:fadeInUp;
	        animation-name:fadeInUp;
	-webkit-animation-duration:1s;
	        animation-duration:1s;
	-webkit-animation-iteration-count:1;
	        animation-iteration-count:1;
	-webkit-backdrop-filter: blur(14px);
	        backdrop-filter: blur(14px);
	border: 2px solid rgba(255,255,255,.1);
	overflow: hidden;
	color: #99344a;
}
.mini-menu-con-wrap {
	display:block;
	background: #FDEBEC;
	height: auto;
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 64px;
	padding-bottom: 14px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}
.mini-menu-wrap-wrap {
	display:block;
	background: rgb(255 255 255 / 50%);
	border: solid 1px #fff;
	height: auto;
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-radius: 12px;
}	
.mini-menu-img-banner {
	background-size: cover !important;
	display:block;
	height: 105px;
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-topright: 16px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.mini-menu-img-avatar {
	background-size: cover !important;
	width: 90px;
	height: 90px;
	border: solid 6px #FDEBEC;
	border-radius: 100%;
	margin-left: 15px;
	top: 58px;
	position: relative;
	z-index: 1;
}
.mini-menu-tx1-block {
	font-family: 'SFProDisplay-Bold';
	font-size: 18px;
	margin-bottom: 5px;
	-webkit-animation-name:fadeInUp;
	        animation-name:fadeInUp;
	-webkit-animation-duration:1s;
	        animation-duration:1s;
	-webkit-animation-iteration-count:1;
	        animation-iteration-count:1;
	color: inherit;
}
.mini-menu-tx2-block {
	display: block;
	position: relative;
	font-family: 'SFProDisplay-Regular';
	font-size: 14px;
	margin-bottom: 10px;
	margin-bottom:20px;
	-webkit-animation-name:fadeInUp;
	        animation-name:fadeInUp;
	-webkit-animation-duration:1s;
	        animation-duration:1s;
	-webkit-animation-iteration-count:1;
	        animation-iteration-count:1;
	color: rgb(0 0 0 / 80%);
}
.mini-menu-div-block {
	background: rgb(0 0 0 / 5%);
	display:block;
	height: 1px;
	width: 100%;
	border-radius: 2px;
	margin-bottom: 20px;
}
.mini-menu-tx2-block a {
	text-decoration: underline;
	color:#fff
}
.mini-menu-tx2-block a:hover {
	text-decoration: underline;
	color:#0074e7
}
.mini-menu-tx2-block p {
	font-family: 'SFProDisplay-Regular';
	font-size:14px;
	line-height:26px;
}

.mini-menu-btn-agree {
	font-family: 'SFProDisplay-Regular';
	line-height: 44px;
	font-size: 16px;
	text-align:center;
	color: #fff;
	background: #99344a;
	border: solid 1px rgb(255 255 255 / 40%);
	height: 44px;
	width: 160px;
	margin-left: -80px;
	left: 50%;
	position: relative;
	cursor:pointer;
	border-radius: 60px;
	-webkit-animation-name:fadeInUp;
	        animation-name:fadeInUp;
	-webkit-animation-duration:1s;
	        animation-duration:1s;
	-webkit-animation-iteration-count:1;
	        animation-iteration-count:1;
	-webkit-transition:all .1s ease-in-out 0s;
	-o-transition:all .1s ease-in-out 0s;
	transition:all .1s ease-in-out 0s;
	-webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
}
.mini-menu-btn-agree:hover {
	background:#1abc9c;
	-webkit-box-shadow:rgba(46,204,113,.5) 0 0 64px 0;
	        box-shadow:rgba(46,204,113,.5) 0 0 64px 0
}