html{ max-width: 640px; margin: 0 auto; background-color: #7d64ff; }
body{ margin: 0 -1px; font-family: 'Lexend', 'Helvetica Neue', 'Arial', 'Microsoft YaHei', STXihei, sans-serif; font-size: 15px; line-height: 22px; font-weight: 500; border: #222 1px solid; border-width: 0 1px 0 1px; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition: all 0.1s cubic-bezier(0.46, 0.1, 0.34, 1); overflow-x: hidden; }
div{ position: relative; }
.hide{ display: none;}
.mobileShow{ display: none;}
.opacity{ opacity: 0;}
.nowrap{ white-space: nowrap; }

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{ float: left; }
	.span1{ width: 8.3333%; }
	.span2{ width: 16.6666%; }
	.span3{ width: 25%; }
	.span4{ width: 33.3333%; }
	.span5{ width: 41.6666%; }
	.span6{ width: 50%; }
	.span7{ width: 58.3333%; }
	.span8{ width: 66.6666%; }
	.span9{ width: 75%; }
	.span10{ width: 83.3333%; }
	.span11{ width: 91.6666%; }
	.span12{ width: 100%; }
.wrap{ clear: both; display: block; margin: 0 auto; max-width: 1000px; }
.gap{ padding-left: 15px; padding-right: 15px; }
.row{ margin-bottom: 20px; }

.transition{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; }
.transition:hover{
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in; }

header, footer, div, section, article, aside, figure, figcaption, details, summary, blockquote, q { position: relative; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { .inline-block; .clear;}
h1{ font-size: 45px; line-height: 50px; letter-spacing: -0.03em; margin-bottom: 35px; color: #333; font-weight: 400;} 
h2{ font-size: 36px; line-height: 40px; letter-spacing: -0.02em; margin-bottom: 28px; color: #333; font-weight: 400;} 
h3{ font-size: 40px; line-height: 45px; letter-spacing: -0.01em; margin-bottom: 12px; color: #333; font-weight: 400;} /*font-size: 24px; line-height: 28px; margin-bottom: 16px;*/
h4{ font-size: 22px; line-height: 26px;  margin-bottom: 10px;} /*font-size: 18px; line-height: 22px;*/
h5{ font-size: 12px; line-height: 18px; margin-bottom: 9px;} 
h6{ font-size: 10px; line-height: 12px; margin-bottom: 6px;}

img{ width:100%; height: auto; }

p{ margin: 0 auto 25px auto; }

a{ text-decoration: none; color: #3f33cc; display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; }

hr{ margin: 40px auto 45px auto; border: 0px; height: 1px; background-color: rgba(0,0,0,0.15); }

.animation{ backface-visibility: hidden; transform-style: preserve-3d; }
@keyframes pointtop
{	0%   {transform: translateY(0px);}
	50%  {transform: translateY(3px); opacity: 0.75;}
	100% {transform: translateY(0px);}}
@-webkit-keyframes pointtop
{	0%   {-webkit-transform: translateY(0px);}
	50%  {-webkit-transform: translateY(3px); opacity: 0.75;}
	100% {-webkit-transform: translateY(0px);}}
@keyframes pointleft
{	0%   {transform: translateX(0px);}
	50%  {transform: translateX(3px); opacity: 0.75;}
	100% {transform: translateX(0px);}}
@-webkit-keyframes pointleft
{	0%   {-webkit-transform: translateX(0px);}
	50%  {-webkit-transform: translateX(3px); opacity: 0.75;}
	100% {-webkit-transform: translateX(0px);}}
@keyframes pointright
{	0%   {transform: translateX(0px);}
	50%  {transform: translateX(-3px); opacity: 0.75;}
	100% {transform: translateX(0px);}}
@-webkit-keyframes pointright
{	0%   {-webkit-transform: translateX(0px);}
	50%  {-webkit-transform: translateX(-3px); opacity: 0.75;}
	100% {-webkit-transform: translateX(0px);}}
@-webkit-keyframes wordscrollleft
{	0%   {-webkit-transform: translateX(0%);}
	100% {-webkit-transform: translateX(-100%); }}
@-webkit-keyframes wordscrollleftbig
{	0%   { background-position: 0px center;}
	100% { background-position: -460px center; }}

@keyframes bgpattern
{   0%{background-position:0% 100%}
    100%{background-position:100% 0%}}
@-webkit-keyframes bgpattern
{   0%{background-position:0% 100%}
    100%{background-position:100% 0%}}
@keyframes bgpatternmoveright
{   0%{background-position:0% 100%}
    100%{background-position:100% 100%}}
@-webkit-keyframes bgpatternmoveright
{   0%{background-position:0% 100%}
    100%{background-position:100% 100%}}

@keyframes movinggradient
{   0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}}
@-webkit-keyframes movinggradient
{   0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}}


.loadingScreen{ position:fixed; width: 100%; top: 0; left: 0; z-index: 9999;}
	.loadingBar{ position: absolute; top: 0; left: 0; height: 12px; width: 0; background-color: rgba(65,50,200,0.75); }
	.loadingWord{ position: absolute; right: 0; top: 0; padding: 1px 5px; letter-spacing: 0.15em; color: #fff; font-size: 8px; line-height: 10px; }

.menuIco{ width: 24px; padding: 5px 0; margin: 0 auto; cursor: pointer; }
.menuIco span{ display: block; background-color: #b48cff; width: 100%; height: 4px; transition: all 0.3s ease-out;; margin: 3px 0; border-radius: 1px; }
.openMenu .menuIco span:nth-of-type(1){ transform: translateY(7px) rotate(45deg); }
.openMenu .menuIco span:nth-of-type(2){ opacity: 0; }
.openMenu .menuIco span:nth-of-type(3){ transform: translateY(-7px) rotate(-45deg); } 

header{ position: fixed; top: 0; left: 0; width: 100%; height: 60px; background-color: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.15);  z-index: 9000;}
	header.scroll{ top: 0; }
	header .header{ padding: 10px; overflow: hidden; }
	header .header *{ background-size: cover; background-repeat: no-repeat;}
	header .header .menuBtn{ float: left; display: inline-block; height: 40px; width: 40px; padding: 4px; }
	header .header a.headerLogo{ display: inline-block; float: left; height: 40px; width: 140px; background-image: url(img/logo-word.png); }
	header .header a.headerLogo h1{ font-size: 0px; line-height: 0px; margin-bottom: 0; }
	header .header .logoSmall{ float: right; display: inline-block; height: 40px; width: 40px; }

footer{ width: 100%; z-index: 8000; border-top: 1px solid #222; background-color: #b48cff; }
	.footer{ width: 100%; padding: 15px 0;}
	.footerLogo{ width: 40px; float: left; }
	.footerDescription{ padding: 0 15px; margin-left: 40px; color: #222; font-weight: 400; box-sizing: border-box; }
	.footerDescription .companyname{ font-size: 16px; line-height: 20px; font-weight: 500; }
	.footerDescription .copyright{ font-size: 14px; line-height: 16px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222; }
	.footerDescription .address{ font-size: 14px; line-height: 16px; margin-bottom: 5px; }
	.footerDescription>a{ font-size: 14px; line-height: 16px; color: #222; font-weight: 500; }

section{ width: 100%; overflow: hidden; }

.mobileMenu{ position: fixed; bottom: 0; left: -100%; width: 100%; height: 100%; z-index: 8500; }
	.mobileMenu nav{ position: absolute; top: 0; margin-left: -90%; width: 90%; max-width: 320px; height: 100%; background-color: #fff; box-shadow: 5px 0 10px rgba(0,0,0,0.2); box-sizing: border-box; transition: all 0.2s cubic-bezier(0.46, 0.1, 0.34, 1); z-index: 5; }
	.mobileMenu nav .menuBanner{ width: 100%; padding-top: 60px; margin-bottom: 20px; box-sizing: border-box; border-bottom: 5px solid #7d64ff; }
	.mobileMenu nav .menuBanner .menuAds{ width: 100%; background-color: #7d64ff; overflow: hidden; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.15); }
	.mobileMenu nav .menuBanner .menuAds img{ width: 100%; }
	.mobileMenu nav ul{ list-style-type: none; padding: 0; margin: 0; }
	.mobileMenu nav li{ width: 100%; transition: all 0.2s cubic-bezier(0.46, 0.1, 0.34, 1); transform: translateX(-50px); opacity: 0; }
	.mobileMenu nav li>*{ width: 100%; box-sizing: border-box; }
	.mobileMenu nav li b{ display: block; color: #b48cff; font-size: 12px; line-height: 26px; letter-spacing: 0.2em; text-transform: uppercase; padding: 25px 15px 5px 15px;}
	.mobileMenu nav li a{ color: #7d64ff; font-size: 20px; line-height: 26px; padding: 10px 15px 10px 45px; }
	.mobileMenu nav li a:hover{ transform: translateX(10px); }
	.mobileMenu nav li a i{ font-size: 80%;  }
	.mobileMenu nav li.current a:before{ content: ""; position: absolute; top: 0; left: 6px; width: 40px; height: 40px; background-image: url(img/miniDotPurple2.png); background-size: 30px auto; background-repeat: no-repeat; background-position: center; animation: pointtop 1.5s linear infinite; }
	.mobileMenu nav .menuSocial{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: #b48cff; border-top: 5px solid #7d64ff; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.15); }
	.mobileMenu nav .menuSocial a{ float: left; width: 50%; padding: 5px 15px; box-sizing: border-box; font-size: 14px; line-height: 20px; color: #fff;  }
	.mobileMenu nav .menuSocial a:not(:last-of-type){ border-right: 1px solid #7d64ff; }
	.mobileMenu .menuReturn{ position: absolute; height: 100%; width: 100%; top: 0; right: 0; background-color: rgba(65,50,200,1);  transition: all 0.3s cubic-bezier(0.46, 0.1, 0.34, 1); opacity: 0; }
	body.openMenu{ overflow-y: hidden; margin: 0 -30% 0 30%; transition-duration: 0.3s; }
	body.openMenu .mobileMenu{ left: 0%; }
	body.openMenu .mobileMenu nav{ margin-left: 0%; transition-duration: 0.3s; }
	body.openMenu .mobileMenu nav li{ transform: translateX(0px); opacity: 1; transition-delay: 0.1s; }
	body.openMenu .mobileMenu nav li:nth-of-type(1){ transition-duration: 0.3s; }
	body.openMenu .mobileMenu nav li:nth-of-type(2){ transition-duration: 0.5s; }
	body.openMenu .mobileMenu nav li:nth-of-type(3){ transition-duration: 0.7s; }
	body.openMenu .mobileMenu nav li:nth-of-type(4){ transition-duration: 0.9s; }
	body.openMenu .mobileMenu nav li:nth-of-type(5){ transition-duration: 1.1s; }
	body.openMenu .mobileMenu nav li:nth-of-type(6){ transition-duration: 1.3s; }
	body.openMenu .mobileMenu nav li:nth-of-type(7){ transition-duration: 1.5s; }
	body.openMenu .mobileMenu nav li:nth-of-type(8){ transition-duration: 1.7s; }
	body.openMenu .mobileMenu nav li:nth-of-type(9){ transition-duration: 1.9s; }
	body.openMenu .mobileMenu .menuReturn{ opacity: 0.75; }

.btmGradient{ position: absolute; bottom: 0; left: 0; width: 100%; height: 140px; background-image: -webkit-linear-gradient(bottom, rgba(125,100,255,0.25), rgba(35,35,35,0)); }
a.simpleBtn{ position: relative; color: #fff; font-size: 18px; line-height: 22px; font-weight: 400; text-align: center; padding: 10px 70px 10px 25px; height: 64px; background-color: #b48cff; box-sizing: border-box; margin: 0 5px 15px 5px; text-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 3px 3px rgba(0,0,0,0.15); border-radius: 50px; }
	a.simpleBtn span{ font-size: 26px; line-height: 30px; margin-top: -5px; font-weight: 600; display: block; }
	a.simpleBtn:after{ content: ""; position: absolute; top: 8px; right: 15px; width: 50px; height: 50px; background-image: url(img/btnArrowRight.png); background-size: 40px auto; background-repeat: no-repeat; background-position: center; }
	a.simpleBtn#outbound:after{ background-image: url(img/btnOutbound.png); }
	a.simpleBtn:hover{ transform: translateY(3px); box-shadow: 0 0 1px rgba(0,0,0,0.15), inset 0 1px 3px rgba(0,0,0,0.15); transition-duration: 0.1s; }

a.bigBtn{ position: relative; color: #fff; font-size: 18px; line-height: 22px; font-weight: 400; text-align: center; padding: 10px 70px 10px 20px; height: 80px; border: 8px solid #fff; box-sizing: border-box; margin: 0 5px 15px 5px; text-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 3px 3px rgba(0,0,0,0.15), inset 0 1px 3px rgba(0,0,0,0.15); background: -webkit-linear-gradient(#b48cff, #4bdcaa); border-radius: 50px; }
	a.bigBtn:after{ content: ""; position: absolute; top: 8px; right: 15px; width: 50px; height: 50px; background-image: url(img/btnOutbound.png); background-size: 40px auto; background-repeat: no-repeat; background-position: center; }
	a.bigBtn span{ font-size: 26px; line-height: 30px; margin-top: -5px; font-weight: 600; display: block; }
	a.bigBtn:hover{ transform: translateY(3px); box-shadow: 0 0 1px rgba(0,0,0,0.15), inset 0 1px 3px rgba(0,0,0,0.15); transition-duration: 0.1s; }

a.roundBtn{ position: relative; color: #fff; font-size: 18px; line-height: 22px; font-weight: 400; text-align: center; padding: 15px 2px 15px 0px; width: 60px; height: 60px; border-radius: 100%; border: 5px solid #fff; box-sizing: border-box; margin: 0; text-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 3px 3px rgba(0,0,0,0.15), inset 0 1px 3px rgba(0,0,0,0.15); background: -webkit-linear-gradient(#b48cff, #4bdcaa); }
	a.roundBtn:after{ content: ""; position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; background-image: url(img/btnOutbound.png); background-size: 30px auto; background-repeat: no-repeat; background-position: center; }
	a.roundBtn:hover{ transform: translateY(3px); box-shadow: 0 0 1px rgba(0,0,0,0.15), inset 0 1px 3px rgba(0,0,0,0.15); transition-duration: 0.1s; }
.btmBtn{ position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; z-index: 5; }

.mozzyBtn{ z-index: 100; }
	.mozzyBtn .mozzy{ position: relative; width: 110px; height: auto; z-index: 5; }

.pageHeader{  display: table; overflow: hidden; box-shadow: inset 0 2px 5px rgba(0,0,0,0.15); background-size: cover; background-position: center; background-repeat: no-repeat;}
	.pageHeader:has(.headerPic){ min-height: 550px; max-height: 800px; }
	.pageHeader h2, .pageHeader h3{ font-size: 0; line-height: 0; margin: 0; }
	.pageHeader p{ position: absolute; left: 0; width: 100%; padding: 30px; box-sizing: border-box; font-size: 22px; line-height: 26px; color: #fff; font-weight: 500; text-shadow: 0 2px 3px rgba(0,0,0,0.15); }
	.pageHeader p:first-of-type{ top: 20px; }
	.pageHeader p:last-of-type{ bottom: 80px; }
	.pageHeader .headerPic{ display: table-cell; vertical-align: middle; text-align: center; }
	.pageHeader .headerPic img{ max-width: 550px; }
	.pageHeader:has(.btmBtn) .headerPic img{ margin-top: -90px; }
	.pageHeader .btmBtn{ bottom: 20px; }
	.pageTop.pageHeader, .pageTop.pageBody{ margin-top: 60px; }
.pageSubheader{ min-height: 450px; max-height: 700px; padding: 25px 25px 30px 25px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); background-size: cover; background-position: bottom center; background-repeat: no-repeat; }
	.pageSubheader:has(p){ background-position: center; }
	.pageSubheader p{ font-size: 18px; line-height: 28px; color: #222; font-weight: 500; }

.pageBody{ background-color: #7d64ff; }
	.pageBody .content>.card{ background-color: #fff; }
	.pageBody .content p:last-of-type{ margin-bottom: 0;}
	.pageBody .content p:last-of-type ~ a.simpleBtn{ margin: 20px 10px 15px 0;}

.pageDescription{ padding: 40px 15px 30px 15px; }
	.pageDescription *:not(a){ color: #fff; }
	.pageDescription h3{ margin-top: 0; }
	.pageDescription h4{ margin-top: 0; }
	.pageDescription p{ font-size: 18px; line-height: 28px; font-weight: 400; }
	.pageDescription p span{ display: block; font-size: 15px; line-height: 22px; margin-top: 5px; clear: both; }
	.pageDescription p ~ ul{ list-style-type: none; padding: 0; margin: 0; margin-top: -15px; }
	.pageDescription p ~ ul li{ position: relative; padding: 2px 5px 2px 18px; }
	.pageDescription p ~ ul li:before{ content: ""; position: absolute; top: 5px; left: 0; display: inline-block; width: 14px; height: 14px; background-image: url(img/miniDotPurple2.png); background-size: contain; background-repeat: no-repeat; }
	.pageDescription p ~ ul li:last-child{ margin-bottom: 35px; }
	.card .pageDescription *:not(a){ color: #222; }

.pageEndBtn{ text-align: center; clear: both; margin-bottom: 50px; }

.pageStepArrow{ margin: 10px auto; width: 100%; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(img/title/menuStepArrow.png);}

.pageItemCount{ overflow: hidden; padding: 10px 0; }
.pageItemCount span{ display: inline-block; float: left; padding: 2px 15px; margin: 0 5px 5px 0; font-size: 15px; color: #333; background-color: rgba(180,140,255,0.5); border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }

.informationCard{ background-color: #fff; overflow: hidden; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }
	figure.informationCardThumbnail{ margin: 0; width: 100%; }
	figure.informationCardThumbnail img{ width: 100%; height: auto;  }
	figure.informationCardThumbnail:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background-image: -webkit-linear-gradient(top, rgba(155,235,210,0.2), rgba(155,235,210,0.5)); box-shadow: 0 -1px 3px rgba(0,0,0,0.15), inset 0 -1px 3px rgba(0,0,0,0.15); }
	figure.informationCardThumbnail + .informationCardDescription{ padding: 10px 15px 12px 15px;}
	figure.informationCardThumbnail + .informationCardDescription#hideTitle{ padding: 8px 15px 12px 15px;}
	figure.informationCardThumbnail + .informationCardDescription#hideTitle h4{ display: none; }
	.informationCardDescription{ padding: 20px 15px 10px 15px; background-color: #9bebd2; }
	.informationCardDescription h4{ font-size: 26px; line-height: 30px; letter-spacing: -0.01em; font-weight: 500; margin: 0; color: #222; margin-top: 0; }
	.informationCardDescription p{ font-size: 18px; line-height: 28px; color: #222; font-weight: 500; }
	.informationCardDescription p span{ display: block; font-size: 13px; line-height: 16px; margin-top: 5px; clear: both; }
	.informationCardPoints{ border-bottom: 1px solid #222; margin-bottom: 5px; }
	.informationCardPoints .informationCardPoint{ padding: 20px 15px; border-top: 1px solid #222; }
	.informationCardPoints .informationCardPoint h5{ margin-top: 0; text-transform: uppercase; }
	.informationCardPoints .informationCardPoint ul{ list-style-type: none; padding: 0; margin: 0; }
	.informationCardPoints .informationCardPoint ul li{ position: relative; padding: 2px 5px 2px 18px; }
	.informationCardPoints .informationCardPoint ul li:before{ content: ""; position: absolute; top: 5px; left: 0; display: inline-block; width: 14px; height: 14px; background-image: url(img/miniDotPurple2.png); background-size: contain; background-repeat: no-repeat; }
	.informationCardPoints .informationCardPoint:has(>a){ padding: 0; }
	.informationCardPoints .informationCardPoint>a{ display: block; padding: 20px 15px 10px 15px; color: #333; transition-property: none; }
	.informationCardPoints .informationCardPoint>a:after{ content: "▸"; position: absolute; top: 0; right: 0; padding: 20px 15px; font-size: 20px; line-height: 16px; color: #3f33cc; transition: all 0.3s ease-out; }
	.informationCardPoints .informationCardPoint>a + ul{ height: 0; padding: 0 15px; }
	.informationCardPoints .informationCardPoint>a + ul li{ opacity: 0; transform: translateX(10px); }
	.informationCardPoints .informationCardPoint>a.open{ padding: 20px 15px 0 15px; }
	.informationCardPoints .informationCardPoint>a.open:after{ transform: rotate(90deg); }
	.informationCardPoints .informationCardPoint>a.open h5:after{ content: ":"; }
	.informationCardPoints .informationCardPoint>a.open + ul{ height: auto; padding: 0 15px 20px 15px; transition: all 0.3s ease-out; }
	.informationCardPoints .informationCardPoint>a.open + ul li{ opacity: 1; transform: translateX(0px); transition: all 0.3s ease-out; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(1){ transition-delay: 0.3s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(2){ transition-delay: 0.5s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(3){ transition-delay: 0.7s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(4){ transition-delay: 0.9s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(5){ transition-delay: 1.1s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(6){ transition-delay: 1.3s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(7){ transition-delay: 1.5s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(8){ transition-delay: 1.7s; }
	.informationCardPoints .informationCardPoint>a.open + ul li:nth-of-type(9){ transition-delay: 1.9s; }


.mainSlider{ overflow: hidden; height: 100%; }
/*.sliderTest{ position: absolute; bottom: 5px; right: 5px; background-color: rgba(255,255,255,0.5); padding: 0 5px; font-size: 12px; z-index: 100; opacity: 0.1; } */
.homeNavBar{ position: absolute; top: 5px; left: 0; width: 100%; height: 10px; padding: 2px 5px; box-sizing: border-box; z-index: 100; }
	.homeNavBar .homeNav{ float: left; height: 3px; margin: 0 5px; box-sizing: border-box; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); }
	.homeNavBar .homeNav span{ float: left; display: block; width: 0; height: 100%; background-color: rgba(255,255,255,0.55); box-shadow: 0 1px 2px rgba(0,0,0,0.15); }
	/*.homeNavBar .homeNav:has(+ .chosenTab) span{ width: 100%; }*/
	.homeNavBar .homeNav.chosenTab span{ width: 100%; transition: all 12s linear; }
	.homeNavBar .homeNav.chosenTab ~ .homeNav span{ width: 0; }
.sliderSlot{ overflow-y: hidden; height: 100%; -ms-overflow-style: none; scrollbar-width: none; }
.sliderSlot::-webkit-scrollbar{ display: none; }
	.sliderScroll{ height: 100%; }
	.sliderScroll .homeSlide{ float: left; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
	.sliderScroll .homeSlide>a{ position: relative;  display: table; height: 100%; width: 100%; overflow: hidden;}
	.sliderScroll .homeSlide.chosenSlide{ }
.homeArrowSlot{  width: 100%; }
	.homeArrow{ position: absolute; bottom: 0; opacity: 0; transition: all 0.3s ease-out; z-index: 100; }
	.homeArrow:hover{ opacity: 1; }
	.homeArrow#arrowFirst{ width: 0; }
	.homeArrow#arrowLeft{ left: 0; width: 80px; background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.25), rgba(35,35,35,0)); }
	.homeArrow#arrowRight{ right: 0; width: 80px; background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.25), rgba(35,35,35,0)); }

#pageHome .mainPromoBtn{ position: absolute; right: 5px; top: 20px; z-index: 1000; }
	#pageHome .mainPromoBtn .promoTitle{ float: left; margin: 5px -10px 0 0; box-sizing: border-box; width: 80px; height: 80px; border-radius: 40px; font-size: 16px; line-height: 15px; color: #fff; font-weight: 600; text-align: center; padding: 19px 5px; text-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 3px 3px rgba(0,0,0,0.15); background-image: -webkit-linear-gradient(65deg, rgba(180,140,255,1), rgba(125,100,255,1)); animation: movinggradient 1.5s linear infinite; }
	#pageHome .mainPromoBtn .promoTitle span{ text-transform: uppercase; font-size: 10px; line-height: 10px;  font-weight: 400; display: block; }

#pageHome .seperatorQuote{ height: 50px; border-bottom: 1px solid #222; white-space: nowrap; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.15); z-index: 5; }
	#pageHome .seperatorQuote .quoteContainer{ display: flex; padding: 10px 0; }
	#pageHome .seperatorQuote .quoteContainer p{ margin-bottom: 0; font-size: 18px; line-height: 30px; color: #222; font-weight: 500; animation: wordscrollleft 25s infinite linear; }
	#pageHome .seperatorQuote .quoteContainer span{ margin: 0 2px; }
	#pageHome .seperatorQuote .quoteContainer span:after{ content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 0 0 8px; background-size: cover; background-position: center; background-repeat: no-repeat; }
	#pageHome .seperatorQuote#purple{ background-color: #7d64ff; }
	#pageHome .seperatorQuote#purple .quoteContainer span:nth-child(odd):after{ background-image: url(img/miniDotPurple1.png); }
	#pageHome .seperatorQuote#purple .quoteContainer span:nth-child(even):after{ background-image: url(img/miniDotPurple2.png); }
	#pageHome .seperatorQuote#teal{ background-color: #4bdcaa; }
	#pageHome .seperatorQuote#teal .quoteContainer span:nth-child(odd):after{ background-image: url(img/miniDotTeal1.png); }
	#pageHome .seperatorQuote#teal .quoteContainer span:nth-child(even):after{ background-image: url(img/miniDotTeal2.png); }
#pageHome .seperatorQuoteBig{ height: 160px; background-image: url(img/title/quoteCozzylove.png); box-shadow: 0 2px 5px rgba(0,0,0,0.15); background-size: auto 160px; background-position: left center; background-repeat: repeat; animation: wordscrollleftbig 8s infinite linear; z-index: 5; }

#pageHome .pageTop.pageHeader{ background-image: url(img/title/pageHeader-Main.jpg); }
	#pageHome .pageTop.pageHeader .headerPic img{ position: relative; margin-top: -50px; z-index: 5; }
	#pageHome .pageTop.pageHeader .headerPic #backgroundVideo{ position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; bottom: 0; left: 0; right: 0; }
	#pageHome .pageTop.pageHeader .btmBtn{ z-index: 7500; }
	#pageHome .pageTop.pageHeader .btmBtn a.bigBtn{ vertical-align: bottom; }
	#pageHome .pageTop.pageHeader .btmBtn a.bigBtn:nth-of-type(1){ padding: 10px 65px 10px 20px; border-radius: 50px 0 0 50px; border-right-width: 1px; margin: 0 0 15px 15px; }
	#pageHome .pageTop.pageHeader .btmBtn a.bigBtn:nth-of-type(1):after{ right: 10px; }
	#pageHome .pageTop.pageHeader .btmBtn a.bigBtn:nth-of-type(2){ padding: 10px 35px; border-radius: 0 50px 50px 0; border-left-width: 1px; margin: 0 15px 15px -5px; }
	#pageHome .pageTop.pageHeader .btmBtn a.bigBtn:nth-of-type(2):after{ right: 10px; background-image: url(img/btnWhatsapp.png); }
#pageHome .homeMission.pageHeader{ background-image: url(img/title/pageHeader-MainMission.jpg); }
#pageHome .homeMission.pageHeader p{ text-align: center; }
#pageHome .homeMascot.pageHeader{ background-image: url(img/title/pageHeader-MainMascot.jpg); }
#pageHome .homeMascot.pageHeader p{ text-align: left; }
#pageHome .homeMascot.pageHeader p span{ color: #7d64ff; }

#pageHome .homeNotification{ overflow: hidden; padding: 30px 15px 0px 15px; }
	#pageHome .homeNotification .box{ border: 1px solid #222; margin-bottom: 5px; box-shadow: 0px 2px 2px rgba(0,0,0,0.15); border-radius: 2px; }
	#pageHome .homeNotification .box:before{ content: "notification"; display: block; width: 100%; padding: 5px 10px; box-sizing: border-box; font-size: 12px; line-height: 12px; text-transform: uppercase; background-color: #fff; }
	#pageHome .homeNotification p{ font-size: 18px; line-height: 24px; padding: 12px 18px; margin-bottom: 0; background-color: #b48cff; }

#pageHome .homeDescription{ padding: 40px 15px 30px 15px;  }
	#pageHome .homeDescription h3{ color: #222; margin-top: 0; }
	#pageHome .homeDescription p{ font-size: 18px; line-height: 28px; color: #222; margin-bottom: 0; }
	#pageHome .homeMenu .pageSubheader{  background-image: url(img/title/pageHeader-MainMenu.jpg); }
		#pageHome .homeMenu .pageSubheader .simpleBtn .mozzyBtn{ position: absolute; bottom: -5px; left: -80px; }
	#pageHome .homeLocation .pageSubheader{  background-image: url(img/title/pageHeader-MainLocation.jpg); }
		#pageHome .homeLocation .pageSubheader .simpleBtn .mozzyBtn{ position: absolute; bottom: -5px; right: -80px; }
	#pageHome .homeHiring{ background-color: #4bdcaa; }
	#pageHome .homeHiring .pageSubheader{  background-image: url(img/title/pageHeader-MainHiring.jpg); }
		#pageHome .homeHiring .pageSubheader .simpleBtn .mozzyBtn{ position: absolute; bottom: -5px; left: -80px; }



#pageMenu .pageTop.pageHeader{ background-image: url(img/title/pageHeader-Menu.jpg); }

#pageMenu .cursorTutorial{ position: absolute; right: 0; bottom: -15px; width: 50px; height: 50px; background-image: url(img/btnPointer.png); background-size: 40px auto; background-repeat: no-repeat; z-index: 1000; animation: pointtop 1.5s linear infinite; }

#pageMenu .menuStep:not(#step3){ box-shadow: 0 2px 3px rgba(0,0,0,0.15); }
	#pageMenu .menuStepDescription{ padding: 15px; background-color: #fff;  }
	#pageMenu .menuStepDescription .stepIllust{ width: 200px; height: 60px; background-size: auto 60px; background-position: left top; background-repeat: no-repeat; margin-bottom: 25px; z-index: 5; }
	#pageMenu .menuStep#step1 .menuStepDescription .stepIllust{ background-image: url(img/title/menuStep1.png); }
	#pageMenu .menuStep#step2 .menuStepDescription .stepIllust{ background-image: url(img/title/menuStep2.png); }
	#pageMenu .menuStep#step3 .menuStepDescription .stepIllust{ background-image: url(img/title/menuStep3.png); }
	#pageMenu .menuStep#step4 .menuStepDescription .stepIllust{ background-image: url(img/title/menuStep4.png); }
	#pageMenu .menuStepDescription h4{ font-size: 26px; line-height: 30px; letter-spacing: -0.01em; font-weight: 500; margin: 0; }
	#pageMenu .menuStepDescription p{ font-size: 13px; line-height: 16px; }
	#pageMenu .menuStepDescription i{ color: #4bdcaa; font-weight: 900; background: -webkit-linear-gradient(#b48cff, #4bdcaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

#pageMenu .menuStepSelection{ border: 1px solid #222; background-color: #9bebd2; font-color: #222; box-sizing: border-box; overflow: hidden; }
	#pageMenu .menuStep#step4 .menuStepSelection#free{ border-bottom: 0px; }
	#pageMenu .menuStepSelection a.selectionItem{ position: relative; color: #222; width: 100%; box-sizing: border-box; border-top: 1px solid #222; cursor: pointer; }
	#pageMenu .menuStepSelection a.selectionItem:first-of-type{ border-top: 0px; }
	#pageMenu .menuStepSelection a.selectionItem:before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0px solid #3f33cc; background-color: rgba(65,50,200,0); box-sizing: border-box; -webkit-transition: all 0.1s ease-out; z-index: 15; }
	#pageMenu .menuStepSelection a.selectionItem.selected:before, #pageMenu .menuStepSelection a.selectionItem.freeSelected:before{ border-width: 3px; } /*#pageMenu .menuStepSelection:not(:has(.selected)) a.selectionItem:hover:before*/
	#pageMenu .menuStep:not(#step4) .menuStepSelection:has(.selected) a.selectionItem:not(.selected):before{ background-color: rgba(65,50,200,0.35); -webkit-transition: all 0.3s ease-out; } /*#pageMenu .menuStep:not(#step4) .menuStepSelection:hover a.selectionItem:not(.selected):not(:hover):before*/
	#pageMenu .menuStepSelection:not(:has(.selected)) a.selectionItem:hover:before, #pageMenu .menuStep:not(#step4) .menuStepSelection:has(.selected) a.selectionItem:not(.selected):hover:before, #pageMenu .menuStep#step4 .menuStepSelection a.selectionItem:not(.selected):hover:before{ background-color: rgba(65,50,200,0.15); }
	#pageMenu .menuStepSelection a.selectionItem .tick{ position: absolute; right: 2px; top: 2px; width: 0px; height: 20px; background-color: #3f33cc; border-radius: 0 0 0 3px; }
	#pageMenu .menuStepSelection a.selectionItem .tick b{ position: absolute; left: 2px; top: -2px; width: 14px; height: 14px; transform: rotate(45deg); }
	#pageMenu .menuStepSelection a.selectionItem .tick b:before{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0%; height: 3px; background-color: #fff; }
	#pageMenu .menuStepSelection a.selectionItem .tick b:after{ content: ""; position: absolute; right: 0; bottom: 0; width: 3px; height: 0%; background-color: #fff;}
	#pageMenu .menuStepSelection a.selectionItem.selected .tick{ width: 20px; overflow: hidden; transition: all 0.3s ease-out; }
	#pageMenu .menuStepSelection a.selectionItem.selected .tick b:before{ width: 50%; transition: all 0.2s ease-out; transition-delay: 0.3s; }
	#pageMenu .menuStepSelection a.selectionItem.selected .tick b:after{ height: 100%; transition: all 0.1s ease-out; transition-delay: 0.5s;}
	#pageMenu .menuStepSelection a.selectionItem.freeSelected .tick{ width: auto; padding: 2px 3px 2px 4px; box-sizing: border-box; }
	#pageMenu .menuStepSelection a.selectionItem.freeSelected .tick:before{ content: "FREE"; color: #fff; font-size: 14px; line-height: 14px;  }
	#pageMenu .menuStepSelection .selectionItem .selectionItemTitle{ font-size: 22px; line-height: 26px; margin-bottom: 2px; }
	#pageMenu .menuStepSelection .selectionItem .bigword{ display: block; width: 100%; font-size: 45px; line-height: 40px; letter-spacing: -0.01em; padding: 15px 0; text-align: center; box-sizing: border-box; }
	#pageMenu .menuStepSelection .selectionItem .bigduration:after{ content:"minutes";}
	#pageMenu .menuStepSelection .selectionItem .bigringgit:after{ content:"ringgit";}
	#pageMenu .menuStepSelection .selectionItem .bigword:after{ display: block; font-size: 18px; line-height: 15px; font-weight: 600; }
	#pageMenu .menuStepSelection .selectionItem .selectionItemDescription{ font-size: 15px; line-height: 20px; letter-spacing: -0.01em; z-index: 5; }
	#pageMenu .menuStepSelection .selectionItem .selectionItemDescription span{ font-size: 13px; line-height: 16px; clear: both; display: block; padding-left: 16px; margin-bottom: 2px; }
	#pageMenu .menuStepSelection .selectionItem .selectionItemDescription span:before{ content: "— "; margin-left: -16px; }

	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem{ height: 90px; }
	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem:nth-of-type(1){ background-color: rgba(220,200,255,0.1); }
	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem:nth-of-type(2){ background-color: rgba(220,200,255,0.4); }
	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem:nth-of-type(3){ background-color: rgba(220,200,255,0.7); }
	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem:nth-of-type(4){ background-color: rgba(220,200,255,1); }
	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem:after{ content: ""; position: absolute; top: 0; left: 105px; width: 12px; height: 100%; background-size: cover; background-repeat: no-repeat; background-image: url(img/title/menuStep1Arrow.png); z-index: 5; }
	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem .selectionItemTitle{ width: 110px; height: 100%; float: left; font-weight: 500; z-index: 5; }
	#pageMenu .menuStep#step1 .menuStepSelection .selectionItem .selectionItemDescription{ height: 100%; float: left; padding: 15px 0px 15px 25px; border-box: box-sizing; }
	#pageMenu .menuStep#step2 .menuStepSelection .selectionItem, #pageMenu .menuStep#step4 .menuStepSelection .selectionItem{ padding: 15px 15px; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelection{ padding: 10px; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelection#earlybird, #pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn #earlybird{ background-color: #b48cff; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelection#basicpricing, #pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn #basicpricing{ background-color: #4bdcaa; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelection#basicpricing{ display: none; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn{ width: 100%; padding-bottom: 10px; margin-bottom: -10px; overflow: hidden;}
	#pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn div{ width: calc(50% - 5px); color: #222; font-size: 22px; line-height: 25px; box-sizing: border-box; padding: 15px 5px 15px 15px; border-radius: 0 0 15px 15px; box-shadow: 0 2px 3px rgba(0,0,0,0.15); font-weight: 600; cursor: pointer; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn div:first-of-type{ float: left; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn div:last-of-type{ float: right; }
	#pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn div span{ display: block; font-size: 13px; line-height: 16px; color: #fff; font-weight: 500;}
	#pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn div:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background-image: -webkit-linear-gradient(top, rgba(35,35,35,0.25), rgba(35,35,35,0)); }
	#pageMenu .menuStep#step3 .menuStepSwitchSelectionBtn div.selected:after{ display: none; }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem{ width: 25%; height: 205px; border-top: 0px; border-left: 1px solid #222; float: left; }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem:first-of-type{ border-left: 0px; }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem .selectionItemDuration{ }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem .selectionItemRinggit{ margin-top: 30px; }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem:after{ content: ""; position: absolute; top: 95px; left: 0; width: 100%; height: 12px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(img/title/menuStep3Arrow.png); z-index: 5; }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem:nth-of-type(1){ background-color: rgba(220,200,255,0.1); }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem:nth-of-type(2){ background-color: rgba(220,200,255,0.4); }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem:nth-of-type(3){ background-color: rgba(220,200,255,0.7); }
	#pageMenu .menuStep#step3 .menuStepSelection .selectionItem:nth-of-type(4){ background-color: rgba(220,200,255,1); }

#pageMenu .menuOrder{ border: 1px solid #222; background-color: #9bebd2; font-color: #222; box-sizing: border-box; margin-bottom: 10px; overflow: hidden; box-shadow: 0 2px 3px rgba(0,0,0,0.15); }
	#pageMenu .menuOrder .menuOrderTitle{ width: 100%; border-bottom: 1px solid #222; overflow: hidden; }
	#pageMenu .menuOrder .menuOrderTitle h4{ font-size: 26px; line-height: 30px; letter-spacing: -0.01em; font-weight: 500; padding: 15px; float: left; margin: 0; }
	#pageMenu .menuOrder .menuOrderTitle .orderCopy{ position: relative; width: 60px; height: 60px; float: right; border-left: 1px solid #222; background-image: url(img/btnCopy.png); background-size: 40px auto; background-repeat: no-repeat; background-position: 50% 30%; cursor: pointer; transition-duration: 0.1s; }
	#pageMenu .menuOrder .menuOrderTitle .orderCopy:after{ content: "COPY"; display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 10px; line-height: 18px; color: #222; font-weight: bold; }
	#pageMenu .menuOrder .menuOrderTitle .orderCopy:hover{ background-position: 50% 45%; background-color: rgba(65,50,200,0.15); }
	#pageMenu .menuOrder .menuOrderItem, #pageMenu .menuOrder .menuOrderPrice{ padding: 15px; border-bottom: 1px solid #222; overflow: hidden; }
	#pageMenu .menuOrder .menuOrderItem span{ width: 100%; font-size: 22px; line-height: 26px; margin-bottom: 2px; clear: both; display: none; }
	#pageMenu .menuOrder .menuOrderItem .menuOrderDurationDescription span{ font-size: 15px; line-height: 20px; letter-spacing: -0.01em; }
	#pageMenu .menuOrder .menuOrderItem .menuOrderAddon{ margin-top: 25px; }
	#pageMenu .menuOrder .menuOrderItem .menuOrderAddon .menuOrderAddonTitle{ font-size: 15px; line-height: 20px; letter-spacing: -0.01em; }
	#pageMenu .menuOrder .menuOrderItem .menuOrderAddon .menuOrderAddonList{ font-size: 26px; line-height: 30px; letter-spacing: -0.01em; font-weight: 500; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceTitle{ position: absolute; left: 0; top: 0; font-size: 22px; line-height: 26px; padding: 15px; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceDescription{ width: 100%; float: right; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceDescription .priceBasic{ padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #222; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceDescription>div{ text-align: right; float: right; clear: both; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceDescription>div>div{ display: none; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceDescription .title{ float: left; margin: 2px 5px 0 2px; display: inline-block; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceDescription span{ font-size: 22px; line-height: 26px; }
	#pageMenu .menuOrder .menuOrderPrice .menuOrderPriceDescription .priceAddon span{ display: inline-block; }
	#pageMenu .menuOrder .menuOrderPrice:last-of-type{ border-bottom: 1px solid #222; margin-bottom: 5px; }

#pageMenu .menuBookingNote{ border: 1px solid #222; background-color: #b48cff; font-color: #222; box-sizing: border-box; padding: 15px; margin-bottom: 40px; overflow: hidden; box-shadow: 0 2px 3px rgba(0,0,0,0.15); }
	#pageMenu .menuBookingNote p{ font-size: 18px; line-height: 28px; color: #222; margin-bottom: 0; }
	#pageMenu .menuBookingNote span{ display: block; position: relative; box-sizing: border-box; padding-left: 15px; font-size: 18px; line-height: 28px; color: #222; margin-bottom: 0; }
	#pageMenu .menuBookingNote span:before{ content: '- '; position: absolute; left: 2px; }

#pageMenu .menuBookingInfo{ border: 1px solid #222; background-color: #b48cff; font-color: #222; box-sizing: border-box; margin-bottom: 10px; overflow: hidden; box-shadow: 0 2px 3px rgba(0,0,0,0.15); }
	#pageMenu .menuBookingInfo>div{ width: 100%; overflow: hidden; clear: both; padding: 15px; box-sizing: border-box; border-bottom: 1px solid #222; }
	#pageMenu .menuBookingInfo>div:last-of-type{ margin-bottom: 5px; }
	#pageMenu .menuBookingInfo>div>div{ overflow: hidden; }
	#pageMenu .menuBookingInfo .title{ font-size: 15px; line-height: 22px; margin-bottom: 15px; }
	#pageMenu .menuBookingInfo h4{ font-size: 22px; line-height: 26px; color: #222; margin: 0; font-weight: 500;}
	#pageMenu .menuBookingInfo p{ font-size: 15px; line-height: 22px; color: #222; margin-bottom: 0; }
	#pageMenu .menuBookingInfo label{ display: block; float: left; font-size: 15px; line-height: 22px; width: 75px; padding: 10px 0 2px 0;}
	#pageMenu .menuBookingInfo input, #pageMenu .menuBookingInfo select{ display: block; float: right; font-size: 15px; line-height: 22px; width: calc(100% - 75px); padding: 10px 12px; box-sizing: border-box; background-color: rgba(255,255,255,0.5); border: 1px solid #222; }
	#pageMenu .menuBookingInfo>div>div:not(.title):not(:last-of-type) label + *{ border-bottom-width: 0; }
	#pageMenu .menuBookingInfo .test{ display: none; position: absolute; cursor: pointer; background-color: #9bebd2; top: 5px; right: 5px; width: 30px; height: 30px; border-radius: 20px; z-index: 100; }

#pageMenu .bookingInfoComplete{ border: 1px solid #222; background-color: rgba(255,255,255,0.5); margin-bottom: 30px; height: 0; opacity: 0; overflow: hidden; }
	#pageMenu .bookingInfoComplete p{ width: calc(100% - 65px); padding: 15px; box-sizing: border-box; float: left; margin: 0; }
	#pageMenu .bookingInfoComplete .orderCopy{ position: relative; width: 60px; height: 60px; float: right; border: 1px solid #222; border-width: 0 0 1px 1px; background-image: url(img/btnCopy.png); background-size: 40px auto; background-repeat: no-repeat; background-position: 50% 30%; cursor: pointer; transition-duration: 0.1s; }
	#pageMenu .bookingInfoComplete .orderCopy:after{ content: "COPY"; display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 10px; line-height: 18px; color: #222; font-weight: bold; }
	#pageMenu .bookingInfoComplete .orderCopy:hover{ background-position: 50% 45%; background-color: rgba(65,50,200,0.15); }
	#pageMenu .bookingInfoComplete.formCompleted{ opacity: 1; height: auto; transition: all 0.3s ease-out; }


#pageLocation .pageTop.pageHeader{ background-image: url(img/title/pageHeader-Location.jpg); }

#pageLocation .locationBranch{ background-color: #fff; overflow: hidden; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }
	#pageLocation .locationBranchContact, #pageLocation .locationBranchAddress{ padding: 20px 15px 15px 15px; }
	#pageLocation .locationBranchContact .locationBranchContactBtn{ position: absolute; top: 0; right: 0; padding: 10px; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; }
	#pageLocation .locationBranchContact .locationBranchContactBtn a.roundBtn{ border-color: #9bebd2; margin-left: 5px; }
	#pageLocation .locationBranchContact .locationBranchContactBtn a.roundBtn.phone:after{ display: none; }
	#pageLocation .locationBranchContact .locationBranchContactBtn a.roundBtn.whatsapp:after{ background-image: url(img/btnWhatsapp.png); }
	#pageLocation .locationBranchAddress iframe{ width: 100%; height: 400px; border: 1px solid #222; margin-top: 10px; }



#pageHiring .pageTop.pageHeader{ background-image: url(img/title/pageHeader-Hiring.jpg); }




@media screen{ 
.wrap{ width: 98%; }}
@media screen and (max-width: 468px) { 
.wrap{ width: 98%; }}
@media screen and (min-width: 468px) and (max-width: 750px) { 
.wrap{ width: 97%; }}
@media screen and (min-width: 750px) and (max-width: 989px) { 
.wrap{ width: 96%; }}
@media screen and (min-width: 989px) and (max-width: 1140px) { 
.wrap{ width: 95%; }}
@media screen and (min-width: 1140px) {
.wrap{ width: 94%; }}


@media screen and (max-width: 989px) { 
.span1:not(.static),.span2:not(.static),.span3:not(.static),.span4:not(.static),.span5:not(.static),.span6:not(.static),.span7:not(.static),.span8:not(.static),.span9:not(.static),.span10:not(.static),.span11:not(.static){ width: 100%; }
.gap{ padding-left: 12px; padding-right: 12px; }
.row{ margin-bottom: 35px; }
.mobileShow{ display: block;}
.mobileHide{ display: none;}
}