html, body {
margin: 0;
padding: 0;
font-family: Assistant;
}
.newcont {
padding:5vw;
}
.newcolvc {
padding-top:5vw;
}
nav#menu {
width: 100%;
height: 4vw;
position: relative;
display: flex;
justify-content: space-between;
}
.responsive-font {
background-color: #00350d;
color: #ff8d00;
padding: 5px;
text-align: center;
line-height: 1.8vw;
font-size: 1.6vw;
}
.responsive-font span:first-child {
color: white;
display: inline-block;
margin-inline-end: 10px; }
@media (max-width: 768px) {
h2.maintitle.no-icons:before,
h2.maintitle.no-icons:after {
display: none !important;
content: none !important;
}
}
.wpcf7-form.sent .wpcf7-response-output {
color: #000000 !important;
background-color: #28a745 !important;
font-weight: bold;
border-radius: 6px;
text-align: center;
display: inline-block;
max-width: 90%;
}
.wpcf7-form.invalid .wpcf7-response-output {
color: #000000 !important;
background-color: #ff9800 !important;
font-weight: bold;
border-radius: 6px;
text-align: center;
display: inline-block;
max-width: 90%;
}
.page-template-default .container h2.maintitle {
margin-bottom: 3vw}
nav#menu:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.9;
z-index: 0;
background-color: #f9f9f9;
box-shadow: -1px -4px 19px 0px rgb(0 0 0 / 75%) inset;
-webkit-box-shadow: -1px -4px 19px 0px rgb(0 0 0 / 75%) inset;
-moz-box-shadow: -1px -4px 19px 0px rgba(0,0,0,0.75) inset;
}
.menu-primary-container {
position: relative;
z-index: 9999;
}
#menu-primary {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
justify-content: space-between;
margin-right: 4vw;
padding-top: 1vw;
}
#menu-primary > li > ul > li {
border-bottom: dashed 1px #CCC;
padding-bottom: 0.4vw;
font-size: 1.3vw;
}
#menu-primary > li > ul > li:hover{
border-bottom: dashed 1px #ff9500;
padding-bottom: 0.4vw;
font-size: 1.3vw;
}
#menu-primary > li > ul > li:hover > a {
color: #ff9500
}
#menu-primary > li > ul {
display: none;
position: absolute;
background: #FFF;
list-style-type: none;
margin: 0;
padding: 1vw;
}
#menu-primary > li > ul  a {
text-decoration:none;
color:#000;
font-weight: 600;
}
#menu-primary > li:hover > ul {
display:block;
}
header #header {
position: relative;
width: 100%;
top: 0;
min-height: 21vw;
}
#menu-primary > li {
margin-left:1vw;
}
#menu-primary > li > a {
text-decoration: none;
color: #000;
font-size: 1.3vw;
text-shadow: 1px 1px 0 #fff;
font-weight: 700;
}
#menu-primary > li > a:hover {
color: #ff9500;
}
#menu-primary > li:first-child {
position:relative;
}
#menu-primary > li:first-child > a:before {
background: url(//the-maze.co.il/wp-content/themes/blankslate/images/001-home.png) no-repeat;
content: "";
position: absolute;
width: 1.6vw;
height: 2vw;
z-index: 22;
right: -2.4vw;
background-size: contain;
}
.menu-englishtop-container {
position: relative;
z-index: 9999;
}
#menu-englishtop {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
justify-content: space-between;
margin-left: 4vw;
padding-top: 1vw;
}
#menu-englishtop > li > ul > li {
border-bottom: dashed 1px #CCC;
padding-bottom: 0.4vw;
font-size: 1.3vw;
}
#menu-englishtop > li > ul > li:hover{
border-bottom: dashed 1px #ff9500;
padding-bottom: 0.4vw;
font-size: 1.3vw;
}
#menu-englishtop > li > ul > li:hover > a {
color: #ff9500
}
#menu-englishtop > li > ul {
display: none;
position: absolute;
background: #FFF;
list-style-type: none;
margin: 0;
padding: 1vw;
}
#menu-englishtop > li > ul a {
text-decoration: none;
color: #000;
}
#menu-englishtop > li:hover > ul {
display: block;
}
header #header {
position: relative;
width: 100%;
top: 0;
min-height: 21vw;
}
#menu-englishtop > li {
margin-right: 1vw;
}
#menu-englishtop > li > a {
text-decoration: none;
color: #000;
font-size: 1.3vw;
text-shadow: 1px 1px 0 #fff;
}
#menu-englishtop > li:first-child {
position: relative;
}
#menu-englishtop > li:first-child > a:before {
background: url(//the-maze.co.il/wp-content/themes/blankslate/images/001-home.png) no-repeat;
content: "";
position: absolute;
width: 1.6vw;
height: 2vw;
z-index: 22;
left: -2.4vw;
background-size: contain;
}
html[lang="en-US"] ul#menu-lang {
right: 4vw;
}
html[lang="en-US"] .boxdettop span {
color: #FFF;
margin-left: auto;
margin-right: 0.6vw;
}
.backgray {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
display: none;
z-index: 999999;
}
.bottombar {
position: fixed;
left: 0;
bottom: -5vw;
height: 5vw;
width: 100%;
z-index: 99999;
background: #000;
opacity: 0.9;
display: flex;
flex-wrap: wrap;
box-shadow: 0px -1px 4px #fff;
justify-content: space-around;
}
.bottombar .choosegame, .bottombar .teltop {
color: #FFF;
text-shadow: none;
top: 1.5vw;
}
.wabtn {
width: 3vw;
top: 0.9vw;
position: relative;
}
.frameholder {
position: fixed;
width: 87%;
height: 80%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: auto;
z-index: 9999999999 !important;
margin-bottom: auto;
display: none;
background: #FFF;
border-radius: 11px;
overflow-y: scroll;
}
a.close {
background: #FFF;
width: 4vw;
position: fixed;
right: 3vw;
top: 3vw;
border-radius: 51px;
height: 4vw;
text-align: center;
text-decoration: none;
color: #000;
font-size: 3vw;
}
.menu-item-has-children:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
position: relative;
bottom: 0.2vw;
right: 0.4vw;
margin-left: 0.3vw;
}
.teltop:after {
background: url(//the-maze.co.il/wp-content/themes/blankslate/images/002-phone.png) no-repeat;
content: "";
position: absolute;
width: 2vw;
height: 2vw;
z-index: 22;
background-size: contain;
top: 0.1vw;
right: 8.7vw;
}
header {
background-size: cover;
}
.teltop {
position: relative;
color: #000;
font-size: 1.7vw;
text-shadow: 1px 1px 0 #fff;
text-decoration: none;
font-weight: 500;
top: 0.6vw;
}
.choosegame {
color: #ffffff;
background-color: #ff7a00;
font-size: 1.6vw;
text-decoration: none;
font-weight: 900;
left: 2.5vw;
border-radius: 12px;
margin-block: auto;
border: 3px solid #505050;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
padding-left: 8px;
padding-right: 8px;
margin-right: 7px;
}
.choosegame:hover {
background-color: #ce5e00 !important;
}
.choosegametop {
position: relative !important;
}
ul#menu-lang {
margin: 0;
padding: 0;
position: relative;
z-index: 99;
list-style-type: none;
}
#menu-lang img {
width: 2.6vw !important;
height: 1.7vw !important;
top: 0.9vw;
position: relative;
left: 1.7vw;
margin-right: 2.8vw;
}
.topheaderwrap {
display: flex;
justify-content: space-between;
margin-top: 2vw;
}
.badgeplace {
display: flex;
}
.badgeplace img {
width: 9vw;
height: 9vw;
margin-right: 2vw;
}
.badgecontent {
color: #FFF;
font-size: 1.6vw;
width: 23vw;
margin-top: 2.3vw;
margin-right: 1vw;
}
.logocont {
margin-left: 2vw;
margin-top: 0vw;
}
.slidetopimg img {
width:100%;
}
.slidetopimg {
overflow:hidden;
}
.swiper-slide {
border: 2px solid #C4A824;
border-radius: 1.5vw;
overflow: hidden;
background: #c5c5c5;
}
@media (max-width: 768px) {
.swiper-slide {
border-radius: 3vw;
}
}
.slidehomcont {
padding: 0.6vw;
padding-right: 1.4vw;
font-size: 1.3vw;
min-height: 5vw;
}  
.slidehomconten {
padding: 1vw;
padding-left: 1.4vw;
font-size: 1vw;
min-height: 6vw;
}  
.slidehombtn {
align-items: center;
background-color: initial;
background-image: linear-gradient(rgb(254 147 49) 25%, rgb(153 83 18) 77%);
border-radius: 11px;
border-width: 0;
border: 2px solid #505050 !important;
box-shadow: rgb(107 107 107 / 24%) 0 2px 2px, rgb(114 114 114 / 40%) 0 8px 12px;
color: #FFFFFF;
cursor: pointer;
display: flex;
font-size: 1.2vw;
font-weight: 600;
justify-content: center;
letter-spacing: .04em;
line-height: 16px;
margin: 0;
padding: 0.7vw 0.7vw;
text-align: center;
text-decoration: none;
text-shadow: rgb(255 255 255 / 40%) 0 0 4px, rgb(255 255 255 / 20%) 0 0 12px, rgb(81 81 81 / 60%) 1px 1px 4px, rgb(167 163 172 / 32%) 4px 4px 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
width: 80%;
margin: 0 auto;
margin-bottom: 9px;
}
.slidehombtn:hover {
background-image: linear-gradient(rgb(224, 122, 33) 25%, rgb(133, 63, 8) 77%);
}
.swiper, swiper-container {
padding-bottom: 4vw !important;
padding-left: 4vw !important;
padding-right: 4vw !important;
padding-top: 2vw !important;
}
.bottomhomeslide {
display: flex;
justify-content: space-around;
margin-top: 0.6vw;
margin-bottom: 0.6vw;
}
.partiflex, .generflex {
font-size: 0.9vw;
display: flex;
}
.partiflex img, .generflex img {
width: 1.3vw;
height: 1.3vw;
margin-left: 0.4vw;
}
h2.maintitle {
font-size: 3.5vw;
font-weight: 700;
text-align: center;
line-height: 2.3vw;
position:relative;
}
h2.maintitle:before {
content: '';
background: url(https://the-maze.co.il/wp-content/uploads/2023/04/toptitleicon.png) no-repeat;
width: 4vw;
height: 4vw;
background-size: contain;
margin: 0 auto;
position: absolute;
margin-right: -4.6vw;
top: -0.4vw;
}
html[lang="en-US"] h2.maintitle:before {
margin-right:auto;
margin-left: -5vw;
}
h2.maintitle:after {
content: '';
background: url(https://the-maze.co.il/wp-content/uploads/2023/04/toptitleicon.png) no-repeat;
width: 4vw;
height: 4vw;
background-size: contain;
margin: 0 auto;
position: absolute;
margin-right: 0.7vw;
top: -0.4vw;
}
.vipdet {
align-items: center;
background-color: initial;
background-image: linear-gradient(rgb(185 185 185 / 84%), rgb(255 255 255 / 84%) 50%);
border-radius: 9px;
border-width: 0;
box-shadow: rgb(107 107 107 / 24%) 0 2px 2px, rgb(114 114 114 / 40%) 0 8px 12px;
color: #000000;
cursor: pointer;
display: flex;
font-size: 3.2vw;
font-weight: 500;
justify-content: center;
line-height: 2.1vw;
margin: 0;
padding: 0.8vw 7.8vw;
text-align: center;
text-decoration: none;
text-shadow: rgb(255 255 255 / 40%) 0 0 4px, rgb(255 255 255 / 20%) 0 0 12px, rgb(81 81 81 / 43%) 1px 1px 4px, rgb(167 163 172 / 32%) 4px 4px 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
width: 25%;
margin: 0 auto;
}
.vipsection {
padding-bottom: 3vw;
position: relative;
top: -2.8vw;
min-height: 44vw;
padding-top: 1vw;
width: 100%;
background-size: cover !important;
}
.vipsection p {
font-size: 3vw;
color: #FFF;
text-shadow: 5px 3px 4px #000;
text-align: center;
padding-top: 7vw;
margin-bottom: 4vw;
font-weight: 650;
}
.calltoactionsec {
text-align:center;
font-weight: 400;
font-size: 1.4vw;
}
.recommend {
width:90%;
margin:0  auto;
}
.calltoactionsec h3,  .calltoactionsec h4 {
font-weight: 300;
}
.calltoactionsec  h3.vc_custom_heading {
font-size: 2.8vw;
}
.calltoactionsec h1 {
font-weight: 600;
font-size: 3.1vw;
direction: ltr;
}
.calltoactionsec h4 {
font-size: 1.7vw;
width: 68%;
margin: 0 auto;
}
.bookgame {
align-items: center;
background-color: initial;
background-image: linear-gradient(rgb(185 185 185 / 84%), rgb(255 255 255 / 84%) 50%);
border-radius: 16px;
border-width: 0;
box-shadow: rgb(107 107 107 / 24%) 0 2px 2px, rgb(114 114 114 / 40%) 0 8px 12px;
color: #000000;
cursor: pointer;
display: flex;
font-size: 2vw;
font-weight: 600;
justify-content: center;
line-height: 2.1vw;
margin: 0;
padding: 1.2vw 4.3vw;
text-align: center;
text-decoration: none;
text-shadow: rgb(255 255 255 / 40%) 0 0 4px, rgb(255 255 255 / 20%) 0 0 12px, rgb(81 81 81 / 43%) 1px 1px 4px, rgb(167 163 172 / 32%) 4px 4px 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
width: auto;
margin: 0 auto;
margin-top: 3vw;
margin-bottom: 3vw;
}
.aftercalltoaction h4 {
font-size: 1.4vw;
}
@font-face {
font-family: 'Pe-icon-7-stroke';
src: url(//the-maze.co.il/wp-content/themes/blankslate/fonts/Pe-icon-7-stroke.eot?d7yf1v);
src: url(//the-maze.co.il/wp-content/themes/blankslate/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'), url(//the-maze.co.il/wp-content/themes/blankslate/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'), url(//the-maze.co.il/wp-content/themes/blankslate/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'), url(//the-maze.co.il/wp-content/themes/blankslate/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-wristwatch:before {
content: "\e690";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-airplay:before {
content: "\e67f";
}
.infobox .icon_bg {
float: none;
margin: 0 auto;
display: block;
width: 9vw;
height: 9vw;
border-radius: 7vw;
line-height: 9vw;
font-size: 3vw;
}
.infobox {
margin: 30px 0;
line-height: 23px;
}
.vc_column_container > .vc_column-inner {
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
@media (min-width: 768px) {
.vc_col-sm-4 {
width: 33.33333333%;
}
}
.vc_row.wpb_row.vc_inner.vc_row-fluid {
display:flex;
}
.infobox h3 {
font-weight: 700;
font-size: 2vw;
}
.bottomcover {
position:absolute;
bottom:0;
width:100%;
}
.topcoverwhite {
position: absolute;
top: 0;
width: 100%;
right: 0;
}
.topcoverwhiterooms {
position: relative;
top: 0;
width: 100%;
right: 0;
}
.calltoactionsec h2.maintitle {
margin-top: -15px;
}
.calltoactionsec h2.maintitle:after {
margin-right: 9.7vw;
}
.contactbottom {
background: #000000;
position: relative;
padding-top: 4vw;
padding-left: 6vw;
padding-right: 6vw;
}
.roomsbottom {
background: #000000;
position: relative;
} .contactbox {
display: table;
width: 100%;
margin-bottom: 30px;
}
.contactbox .icon {
display: table-cell;
vertical-align: middle;
margin-right: 10px;
width: 20%;
}
.contactbox .caption {
display: table-cell;
vertical-align: middle;
}
.contactbox .caption p.lead {
margin-bottom: 0;
} input[type="text"],
input[type="email"],
input[type="url"],
textarea {
background: #f4f4f4;
border: 1px solid #e4e4e4;
width: 100%;
padding: 9px 10px;
}
textarea {
margin-top: 10px;
}
.wpcf7-submit {
color: #ffffff;
background: #fdb713;
border: 1px solid #fdb713;
padding: 9px 18px;
}
.site-footer .wpcf7-submit:hover {
color: #fdb713;
background: transparent;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row.vc_row-flex > .vc_column_container {
display: flex;
}
.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .vc_column_container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.vc_row.vc_row-flex {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 1200px) {
.col-lg-4 {
width: 33.33333333%;
direction: rtl;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 95%;
float: right;
}
}
.wpcf7-form h5 {
text-align: right !important;
font-size: 18px;
color: #FFF;
}
.vc_row.vc_row-flex {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.vc_row.vc_row-flex {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vc_row.vc_row-flex {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: nowrap;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
direction: rtl;
}
.row {
margin-left: -15px;
margin-right: -15px;
direction: rtl;
}
.vc_ie-flexbox-fixer, .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.col-lg-4 p {
margin: 0 0 10px;
}
.rtl {
direction:rtl;
}
.col-lg-4 .wpcf7-form-control-wrap {
position: relative;
width: 86%;
display: block;
}
.pe-3x {
font-size: 3em;
}
.contactbox {
display: table;
width: 100%;
margin-bottom: 30px;
}
.contactbox .icon {
display: table-cell;
vertical-align: middle;
margin-right: 10px;
width: 20%;
}
.contactbox .caption {
display: table-cell;
vertical-align: middle;
}
.contactbox .caption p.lead {
margin-bottom: 0;
}
.lead {
font-size: 1.5vw;
}
h2.contacters {
color: #fff;
text-align: center;
font-size: 3.5vw;
font-weight: 500;
line-height: 1vw;
}
h4.contacters {
color: #93B5FA;
text-align: center;
font-size: 1.5vw;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.wpcf7-submit {
background: #2f5fb3;
border: 1px solid #2f5fb3;
}
@media (min-width: 768px) {
.vc_col-sm-8 {
width: 66.66666667%;
}
}
.socialicons {
display:flex;
margin:0 auto;
width:50%;
margin-top:5vw;
}
.socialicons img {
width: 9vw;
}
footer {
background: #000;
padding-top:1vw;
}
.footboot ul{
margin:0;
padding:0;
margin-right:3vw;list-style-type:none;
margin-top:2vw;
}
.footboot ul li {
float:right;
margin-left:2vw;
}
.footboot ul li a {
color: #fff;
font-size: 1.4vw;
text-decoration: none;
}
.footboot ul li a:hover {
color: #ff9500;
}
#menu-primary > li > a:hover {
color: #ff9500;
}
.footboot {
display: flex;
justify-content: space-between;
}
.bottomlogo {
width: 22vw;
margin-left: 3vw;
}
.titlerroom {
color: #fff;
font-weight: 700;
font-size: 4.4vw;
text-shadow: -2px 3px 5px #000;
text-align: center;
margin-top: 0;
position: relative;
top: -2vw;
line-height: 4.5vw;
}
.single-room header#header {
min-height: 31vw;    background-size: cover;
}
.topbardet {
background: #00350d;
width: 100%;
display: flex;
justify-content: space-evenly;
}
.boxdettop {
display: flex;
justify-content: space-evenly;
color: #ff8d00;
font-size: 1.6vw;
line-height: 3.8vw;
}
.boxdettop span {
color: #FFF;
margin-left: 0.6vw;
}
.boxdettop img {
width: 3.5vw;
height: auto;
margin-bottom: 0.5vw;
margin-top: 0.5vw;
margin-left: 0.8vw;
}
.boxdettoplevel {
width: 10vw !important;
margin: 0.5vw;
}
.wraperoom {
width: 85vw;
margin: 0 auto;
}
.centerroom {
display: flex;
}
.wrapcontents {
text-align: center;
font-size: 1.5vw;
line-height: 1.5vw;
}
.wrapreviewsr {
width: 90vw;
margin: 0 auto;
}
.wrapvid {
background: url(//the-maze.co.il/wp-content/themes/blankslate/images/backvid.gif) no-repeat;
background-size: cover;
width: 100%;
min-height: 54vw;
}
.wrapvid iframe {
margin: 0 auto;
display: block;
padding-top: 7vw;
min-height: 42vw;
width: 77vw;
}
.ordercontent {
font-size:1.5vw;
text-align:center;
}
.orderframe {
width: 100%;
height: 750px; border: none;
} @media (max-width: 768px) {
.orderframe {
height: 1450px;
}
}
.ma5menu__toggle {
display:none !important;
}
.mobile {
display:none;
}
.pricers {
display: flex;
justify-content: space-evenly;
width: 80%;
margin: 0 auto;
margin-bottom:5vw;
}
.prfrow {
display:block;
border-bottom:1px solid #ccc;
}
.pricetable {
width: 35vw;
font-size: 2vw;
text-align: center;
line-height: 3vw;
}
.pricesales {
width: 30vw;
padding-top: 1px !important;
padding-bottom: 15px !important;
background-color: #dddddd !important;
border-radius: 25px !important;
text-align: center;height: max-content;
}
.pricesales h3 {
font-size: 2vw;
line-height: 0vw;
}
.pricesales h4 {
font-size: 1.5vw;
color: #555;
}
.faq-question {
cursor:pointer;
}
.faq-question:after {
content: "\25BC";
font-size: 0.8vw !important;
position: relative;
top: -0.3vw;
right: 1.1vw;
}
.faq-question.open:after {
content: "\25B2";
font-size: 0.8vw !important;
position: relative;
top: -0.3vw;
right: 1.1vw;
}
.faq-container {
text-align:center;
}
.hidden {
display: none;
}
.faq-answer {
width: 64vw;
text-align: center;
margin: 0 auto;
}
.faqcontent {
text-align:center;
}
.pricetable .small {
font-size: 1.4vw;
line-height: 2vw;
display: block;
}
.page-template-page-pricer h2.maintitle:before,.page-template-page-pricer h2.maintitle:after{
background-image: none;
}
h2.maintitle{
line-height: 3vw;
}
@media (min-width: 768px) {
.fixedit{
position: fixed !important;
top:0;
left:0;
z-index: 9999;
}
}
@media (max-width: 768px) {
.responsive-font {
font-size: 3.3vw !important;
line-height: 3.8vw;
}
.calltoactionsec {
font-weight: 400;
font-size: 3.4vw;
}
.calltoactionsec .wpb_wrapper a{
color: #000000 !important;
}
html[lang="en-US"] h2.maintitle {
max-width: 67%;
margin: auto;
margin-top: 3vw;
margin-bottom: 3vw;
}
html[lang="en-US"] h2.maintitle:before {
margin-left: -12vw !important;		
}
html[lang="en-US"] h2.maintitle:after {
margin-left: 14vw !important;
}
.calltoactionsec h2.maintitle {
font-size: 7.7vw;
font-weight: 500; 
text-align: center;
line-height: 8.3vw;
max-width: 69%;
margin: 0 auto;
}
.calltoactionsec h2.maintitle:after {
margin-right: 9.7vw;
}
.page-id-1225 .container h2.maintitle {
max-width: 67%;
margin: 0 auto;
margin-top: 3vw;
margin-bottom: 3vw;
}
.page-id-1225  h2.maintitle:after{
margin-right: 22vw;
}
.page-id-4066 .container h2.maintitle {
max-width: 67%;
margin: 0 auto;
margin-top: 3vw;
margin-bottom: 3vw;
}
.page-id-4066  h2.maintitle:after{
margin-right: 5.7vw;
}
.page-id-1119 .container h2.maintitle {
max-width: 67%;
margin: 0 auto;
margin-top: 3vw;
margin-bottom: 3vw;
}
.page-id-1119  h2.maintitle:after{
margin-right: 9vw;
}
.page-id-6344 .container h2.maintitle {
max-width: 67%;
margin: 0 auto;
margin-top: 3vw;
margin-bottom: 3vw;
}
.page-id-6344  h2.maintitle:after{
margin-right: 8vw;
}
.page-id-1857 .container h2.maintitle {
max-width: 67%;
margin: 0 auto;
margin-top: 3vw;
margin-bottom: 3vw;
}
.page-id-1857  h2.maintitle:after{
margin-right: 7vw;
}
.faq-question:after, .faq-question.open:after {
font-size: 2.8vw !important;
}
.pricetable .small {
font-size: 2.6vw;
line-height: 4vw;
display: block;
}
a .close {
background: #FFF;
width: 4vw;
position: fixed;
right: 3vw;
top: 3vw;
border-radius: 51px;
height: 4vw;
text-align: center;
text-decoration: none;
color: #000;
font-size: 3vw;
}
.bottombar {
position: fixed;
left: 0;
bottom: -14vw;
height: 14vw;
}
.wabtn {
width: 9vw;
top: 1.9vw;
position: relative;
}
.bottombar .choosegame { color: #fff;
font-size: 6vw;
}
.choosegamebottom {
margin-right: 3vw !important;	
}
.bottombar .teltop {
display:none;}
.mobile {
display: block;
}
.desktop {
display: none;
}
.ma5menu__toggle {
display: block !important;
}
.menu-primary-container {
display: none;
}
.menu-englishtop-container {
display: none;
}
nav#menu {
background: #000;
height: 9vw;
}
nav#menu:before {
background-color: #000;
}
#menu-lang img {
width: 6.6vw !important;
height: 4.7vw !important;
top: 2.1vw;
position: relative;
left: 1.7vw;
}
.logocont img {
width: 43vw;
}
.swiper-button-prev, .swiper-button-next {
display: none !important;
}
.badgeplace img {
width: 13vw;
margin-right: 2vw;
height: 13vw;
}
.badgecontent {
color: #FFF;
font-size: 3vw;
width: 30vw;
margin-top: 1.5vw;
margin-right: 1vw;
}
h2.maintitle:before {
width: 11vw;
height: 11vw;
margin-right: -12vw;
}
h2.maintitle:after {
width: 11vw;
height: 11vw;
}
h2.maintitle {
font-size: 8.5vw;
font-weight: 700;
text-align: center;
line-height: 8.3vw;
}
.slidehomcont {
padding: 1vw;
padding-right: 2.1vw;
font-size: 3.4vw;
min-height: 14vw;
}
.slidehomconten {
padding: 1vw;
padding-left: 3vw;
font-size: 3vw;
min-height: 19vw;
}
.slidehombtn {
font-size: 3.2vw;
line-height: 5.5vw;
border-radius: 9px;
}
.partiflex, .generflex {
font-size: 2.7vw;
display: flex;
}
.partiflex img, .generflex img {
width: 2.9vw;
height: 2.9vw;
margin-left: 0.4vw;
}
.choosegame { color: #fff;
font-size: 4vw;
text-shadow: 1px 1px 5px #fff;
text-decoration: none;
font-weight: 600;
top: -0.3vw;
border-radius: 6px;
margin-block: auto;
border: 2px solid #505050;
padding-left: 3px;
padding-right: 3px;
}
.teltop {
position: relative;
color: #fff;
font-size: 5.3vw;
text-shadow: 1px 1px 0 #000;
text-decoration: none;
font-weight: 500;
top: 0.6vw;
}
.vipsection {
padding-bottom: 4vw;
position: relative;
top: -2.8vw;
min-height: 52vw;
padding-top: 1vw;
background-size: cover !important;
width: 100%;
}
.vipsection {
padding-bottom: 4vw;
position: relative;
top: -2.8vw;
min-height: 52vw;
padding-top: 1vw;
background-size: cover !important;
width: 100%;
}
html[lang="en-US"] .vipsection {
top: -0.2vw !important;
}
html[lang="en-US"] .teltop {
display:none;
}
.vipsection p {
font-size: 5vw;
}
.vipdet {
font-size: 4vw;
line-height: 6.7vw;
}
.calltoactionsec h3.vc_custom_heading {
font-size: 6.8vw;
}
.calltoactionsec h2.maintitle {
font-size: 7.7vw;
font-weight: 500;
text-align: center;
line-height: 8.3vw;
}
.calltoactionsec h1 {
font-weight: 600;
font-size: 5.1vw;
direction: ltr;
}
.calltoactionsec h4 {
font-size: 4.7vw;
width: 90%;
margin: 0 auto;
}
.bookgame {
font-size: 5vw;
font-weight: 600;
justify-content: center;
line-height: 7.1vw;
}
.infobox .icon_bg {
float: none;
margin: 0 auto;
display: block;
width: 18vw;
height: 18vw;
border-radius: 13vw;
line-height: 19vw;
font-size: 8vw;
}
.infobox h3 {
font-weight: 700;
font-size: 3.6vw;
}
.aftercalltoaction h4 {
font-size: 3.4vw;
}
h2.contacters {
color: #fff;
text-align: center;
font-size: 8.5vw;
font-weight: 500;
line-height: 1vw;
}
h4.contacters {
color: #93B5FA;
text-align: center;
font-size: 4.5vw;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid {
display: block;
}
.pe-3x {
font-size: 9vw;
}
.lead, .lead a{
font-size: 4.5vw;
color: #FFF !important;
line-height: 4.7vw;
}
.contactbox {
display: table;
width: 100%;
margin-bottom: 1vw;
}
textarea {
margin-top: 10px;
width: 76vw;
}
.socialicons img {
width: 18vw;
}
.socialicons {
display: flex;
margin: 0 auto;
width: 100%;
margin-top: 5vw;
flex-wrap: wrap;
justify-content: center;
}
.bottomlogo {
width: 47vw;
margin-left: 3vw;
height: auto;
margin: 0 auto;
display: block;
}
.footboot {
display: block;
justify-content: space-between;
text-align:center;
}
.footboot ul li a {
color: #fff;
font-size: 2.9vw;
text-decoration: none;
margin-left: 3vw;
}
.single-room header#header {
min-height: 46vw;
background-size: cover !important;
}
.titlerroom {
color: #fff;
font-weight: 700;
font-size: 7.4vw;
text-shadow: -2px 3px 5px #000;
text-align: center;
margin-top: 0;
position: relative;
top: 1vw;
}
.boxdettop {
display: inline;
color: #ff8d00;
font-size: 3.3vw;
line-height: 5.8vw;
width: 50%;
text-align: center;
}
.topbardet {
background: #00350d;
width: 100%;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
height: 17vw;
padding-bottom: 4vw;
}
.boxdettop span {
color: #FFF;
margin-left: 4.6vw;
}
.boxdettop img {
width: 6.5vw;
height: auto;
margin-bottom: 0.5vw;
position: relative;
top: 2.2vw;
}
.boxdettoplevel {
width: 22vw !important;
}
.wrapvid iframe {
margin: 0 auto;
display: block;
width: 100vw;
padding-top: 9vw;
height: 56vw;
}
.boxdettop span {
color: #FFF;
margin-left: 1.6vw;
}
.wrapcontents {
text-align: center;
font-size: 3.5vw;
line-height: 5.5vw;
}
.wraperoom {
width: 90vw;
margin: 0 auto;
}
.centerroom {
box-sizing: border-box;
flex-direction: column;
}
.wrapvid {
background-size: cover;
width: 100%;
min-height: 72vw;
}
.ordercontent {
font-size: 3vw;
text-align: center;
}
.pricetable {
width: 70vw;
font-size: 4vw;
text-align: center;
line-height: 6vw;
margin: 0 auto;
}
.pricers {
display: block;
justify-content: space-evenly;
width: 80%;
margin: 0 auto;
margin-bottom: 5vw;
}
.pricesales {
width: 80vw;
padding-top: 1px !important;
padding-bottom: 15px !important;
background-color: #dddddd !important;
border-radius: 25px !important;
text-align: center;
margin: 0 auto;
margin-top: 8vw;
}
.pricesales h3 {
font-size: 5vw;
line-height: 0vw;
}
.pricesales h4 {
font-size: 3.5vw;
color: #555;
}
}
@media (max-width: 768px) {
.page-id-709 h2.maintitle {
font-size: 6.5vw !important;
}
} @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3cxN0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:''}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:''}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .ma5menu {
display: none;
box-sizing: border-box
}
.ma5menu *, .ma5menu *:after, .ma5menu *:before {
box-sizing: border-box
}
.ma5menu--active .ma5menu__page {
margin-right: -17px;
height: 100%;
overflow: hidden;
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
transition: -webkit-transform 0.3s ease-out 0s;
-o-transition: transform 0.3s ease-out 0s;
transition: transform 0.3s ease-out 0s;
transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s
}
@media (min-width: 768px) {
.ma5menu--active .ma5menu__page {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0)
}
}
.ma5menu > ul {
display: none
}
.ma5menu__head {
padding: 0 5px;
border-bottom: 1px solid #0c589e;
height: 60px;
text-align: center;
color: #fff;
background-color: transparent;
position: relative
}
.ma5menu__header {
line-height: 35px;
color: #fff;
background-color: transparent
}
.ma5menu__header a {
color: #ffc107
}
.ma5menu__header a:hover {
color: #ffc107
}
.ma5menu__close {
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
background-color: transparent;
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3C/svg%3E"); background-size:24px 24px;
background-position: 50% 50%
}
.ma5menu__toggle:hover .ma5menu__close {
color: transparent;
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffc107%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3C/svg%3E"); background-color:transparent
}
.ma5menu__logo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
width: 40px;
height: 40px;
background-position: 50% 50%
}
.ma5menu__home:hover .ma5menu__logo {
color: #ffc107
}
.ma5menu__home {
font-weight: 700;
color: inherit
}
.ma5menu__tools {
display: none
}
.ma5menu__footer .ma5menu__tools {
display: block
}
.ma5menu__footer {
padding: 20px 20px 30px 20px;
text-align: center;
color: rgba(255,255,255,0.6);
background-color: transparent;
text-transform: none
}
.ma5menu__footer a {
color: #ffc107
}
.ma5menu__footer a:hover {
color: #ffc107
}
.ma5menu__toggle {
cursor: pointer;
color: #fff;
background-color: #000;
-ms-touch-action: manipulation;
touch-action: manipulation;
width: 52px;
height: 38px;
position: relative;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: none;
font-weight: 400;
padding: 8px 12px;
border-radius: 4px;
-o-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out
}
.ma5menu__toggle:hover {
color: #fff;
background-color: #ef6c00
}
.ma5menu__header .ma5menu__toggle {
position: absolute;
top: 0;
width: 60px;
height: 60px;
color: #fff;
background-color: transparent
}
.ma5menu__header .ma5menu__toggle:hover {
color: #ffc107;
background-color: transparent
}
.ma5menu--left .ma5menu__header .ma5menu__toggle {
right: 0
}
.ma5menu--right .ma5menu__header .ma5menu__toggle {
left: 0
}
.ma5menu__icon-toggle {
display: inline-block;
position: absolute;
margin: auto;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
vertical-align: top;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22/%3E%3C/svg%3E"); background-position:50% 50%;
background-size: 100% 100%;
background-repeat: no-repeat
}
.ma5menu__icon-up {
margin: 0;
width: 44px;
height: 44px;
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 24px 24px;
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6z%22/%3E%3C/svg%3E")
}
.ma5menu__alert {
display: block;
text-align: center;
width: 280px;
height: 50px;
bottom: 0;
left: 0;
position: absolute;
overflow: hidden;
z-index: 500;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-image: -o-linear-gradient(top, rgba(14,101,182,0) 0%, #000 50%);
background-image: linear-gradient(to bottom, rgba(14,101,182,0) 0%, #000 50%);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 0 50px;
-o-transition: background-position .4s ease-in .3s;
transition: background-position .4s ease-in .3s;
will-change: auto;
pointer-events: none
}
@media (min-width: 768px) {
.ma5menu__alert {
width: 360px
}
}
.ma5menu__container--scroll .ma5menu__alert {
background-position: 0 0;
-o-transition: background-position .4s ease-out;
transition: background-position .4s ease-out;
pointer-events: auto
}
.ma5menu__alert-content {
width: 150px;
height: 40px;
position: absolute;
bottom: -40px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-o-transition: bottom .4s ease-in;
transition: bottom .4s ease-in
}
.ma5menu__container--scroll .ma5menu__alert-content {
bottom: 0;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: ma5-arrowDown;
animation-name: ma5-arrowDown;
-o-transition: bottom .4s ease-out .4s;
transition: bottom .4s ease-out .4s
}
.ma5menu__container {
-o-transition: none !important;
transition: none !important;
position: fixed;
background-color: #000;
height: 100%;
top: 0;
line-height: 19px;
overflow: hidden;
border: none;
z-index: 10000;
box-shadow: 0 0 12px rgba(0,0,0,0.14)
}
@media (max-width: 767px) {
.ma5menu__container {
width: 280px
}
}
@media (min-width: 768px) {
.ma5menu__container {
width: 360px
}
}
.ma5menu--left .ma5menu__container {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0);
left: 0
}
.ma5menu--right .ma5menu__container {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
right: -280px
}
.ma5menu--ready.ma5menu--left .ma5menu__container {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie.ma5menu--ready.ma5menu--left .ma5menu__container {
-webkit-animation-name: ma5menuOut;
animation-name: ma5menuOut
}
.ie.ma5menu--ready.ma5menu--left .ma5menu__container {
-webkit-animation-name: ma5menuOutIEphone;
animation-name: ma5menuOutIEphone
}
@media (min-width: 768px) {
.ie.ma5menu--ready.ma5menu--left .ma5menu__container {
-webkit-animation-name: ma5menuOutIEtablet;
animation-name: ma5menuOutIEtablet
}
}
.ma5menu--ready.ma5menu--right .ma5menu__container {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie.ma5menu--ready.ma5menu--right .ma5menu__container {
-webkit-animation-name: ma5menuOutB;
animation-name: ma5menuOutB
}
.ie.ma5menu--ready.ma5menu--right .ma5menu__container {
-webkit-animation-name: ma5menuOutBIEphone;
animation-name: ma5menuOutBIEphone
}
@media (min-width: 768px) {
.ie.ma5menu--ready.ma5menu--right .ma5menu__container {
-webkit-animation-name: ma5menuOutBIEtablet;
animation-name: ma5menuOutBIEtablet
}
}
.ma5menu--active.ma5menu--left .ma5menu__container {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie.ma5menu--active.ma5menu--left .ma5menu__container {
-webkit-animation-name: ma5menuOutB;
animation-name: ma5menuOutB
}
.ie.ma5menu--active.ma5menu--left .ma5menu__container {
-webkit-animation-name: ma5menuOutBIEphone;
animation-name: ma5menuOutBIEphone
}
@media (min-width: 768px) {
.ie.ma5menu--active.ma5menu--left .ma5menu__container {
-webkit-animation-name: ma5menuOutBIEtablet;
animation-name: ma5menuOutBIEtablet
}
}
.ma5menu--active.ma5menu--right .ma5menu__container {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie.ma5menu--active.ma5menu--right .ma5menu__container {
-webkit-animation-name: ma5menuIn;
animation-name: ma5menuIn
}
.ie.ma5menu--active.ma5menu--right .ma5menu__container {
-webkit-animation-name: ma5menuInIEphone;
animation-name: ma5menuInIEphone
}
@media (min-width: 768px) {
.ie.ma5menu--active.ma5menu--right .ma5menu__container {
-webkit-animation-name: ma5menuInIEtablet;
animation-name: ma5menuInIEtablet
}
}
@media (min-width: 768px) {
.ma5menu--left .ma5menu__container {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0);
padding: 0;
left: 0
}
}
@media (min-width: 768px) {
.ma5menu--right .ma5menu__container {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0);
right: -360px
}
}
.safari .ma5menu__container {
height: 100%
}
.preload .ma5menu__container {
opacity: 0;
z-index: -1
}
.ma5menu__panel {
display: none;
width: 280px;
height: 80%;
height: calc(100% - 60px);
position: absolute;
overflow: hidden;
overflow-y: auto;
top: 60px;
left: 0;
margin: 0;
padding: 0;
list-style-type: none;
z-index: 100;
color: rgba(255,255,255,0.1);
background-color: #000;
scrollbar-color: #0a4b87 #000;
scrollbar-width: thin
}
@media (min-width: 768px) {
.ma5menu__panel {
width: 360px
}
}
.ma5menu__panel.has-scrollbar {
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.ma5menu__panel:hover::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,0.4)
}
.ma5menu__panel::-webkit-scrollbar {
width: 9px;
background-color: #0d60ad
}
.ma5menu__panel::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,0.15);
outline: none;
border-right: 3px solid #0d60ad
}
.ma5menu__panel:first-of-type {
z-index: 160
}
.ma5menu__panel--parent-leave, .ma5menu__panel--parent-enter {
z-index: 180;
display: block
}
.ma5menu__panel--active-leave, .ma5menu__panel--active-enter {
z-index: 190;
display: block
}
.ma5menu__panel--active-enter {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie .ma5menu__panel--active-enter {
-webkit-animation-name: ma5-panelIn;
animation-name: ma5-panelIn
}
.ie .ma5menu__panel--active-enter {
-webkit-animation-name: ma5-panelInIEphone;
animation-name: ma5-panelInIEphone
}
@media (min-width: 768px) {
.ie .ma5menu__panel--active-enter {
-webkit-animation-name: ma5-panelInIEtablet;
animation-name: ma5-panelInIEtablet
}
}
.ma5menu__panel--active-leave {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie .ma5menu__panel--active-leave {
-webkit-animation-name: ma5-panelOut;
animation-name: ma5-panelOut
}
.ie .ma5menu__panel--active-leave {
-webkit-animation-name: ma5-panelOutIEphone;
animation-name: ma5-panelOutIEphone
}
@media (min-width: 768px) {
.ie .ma5menu__panel--active-leave {
-webkit-animation-name: ma5-panelOutIEtablet;
animation-name: ma5-panelOutIEtablet
}
}
.ma5menu__panel--parent-enter {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie .ma5menu__panel--parent-enter {
-webkit-animation-name: ma5menuOut;
animation-name: ma5menuOut
}
.ie .ma5menu__panel--parent-enter {
-webkit-animation-name: ma5menuOutIEphone;
animation-name: ma5menuOutIEphone
}
@media (min-width: 768px) {
.ie .ma5menu__panel--parent-enter {
-webkit-animation-name: ma5menuOutIEtablet;
animation-name: ma5menuOutIEtablet
}
}
.ma5menu__panel--parent-leave {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.noie .ma5menu__panel--parent-leave {
-webkit-animation-name: ma5menuOutB;
animation-name: ma5menuOutB
}
.ie .ma5menu__panel--parent-leave {
-webkit-animation-name: ma5menuOutBIEphone;
animation-name: ma5menuOutBIEphone
}
@media (min-width: 768px) {
.ie .ma5menu__panel--parent-leave {
-webkit-animation-name: ma5menuOutBIEtablet;
animation-name: ma5menuOutBIEtablet
}
}
.ma5menu__panel.lvl-0 {
text-transform: uppercase
}
.ma5menu__panel.lvl-1 {
text-transform: none
}
.ma5menu__panel > ul {
margin: 0;
padding: 0
}
.ma5menu__panel > ul li {
position: relative;
font-size: 0;
padding-right: 0;
margin-bottom: 0;
line-height: 0
}
.ma5menu__panel > ul li:first-of-type {
border-top: 1px solid rgba(255,255,255,0.3)
}
.ma5menu__panel > ul li a, .ma5menu__panel > ul li .ma5menu__category {
display: inline-block;
vertical-align: top;
text-decoration: none !important;
width: 100%;
outline: none !important;
border-bottom: 1px solid rgba(255,255,255,0.3);
pointer-events: none;
letter-spacing: .3px;
-o-transition: color .3s ease-out, background-color .3s ease-out;
transition: color .3s ease-out, background-color .3s ease-out;
padding: 15px 20px 15px 20px;
font-size: 15px;
line-height: 19px;
overflow: hidden;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.ma5menu__panel > ul li a {
color: #fff;
background-color: transparent; font-size: 4vw !important;
}
.ma5menu__panel > ul li a:hover {
color: #ffc107;
background-color: transparent;
-o-transition: none;
transition: none
}
.ma5menu__panel > ul li .ma5menu__category {
position: relative;
text-align: left;
background-position: calc(100% - 13px) 50%;
color: #fff;
background-color: transparent
}
.ma5menu__panel > ul li .ma5menu__category:hover {
color: #ffc107;
background-color: transparent;
-o-transition: none;
transition: none
}
.ma5menu__panel > ul li .ma5menu__category.ma5menu__path {
color: #ffc107 !important;
background-color: transparent !important
}
.ma5menu__panel > ul li .ma5menu__category.ma5menu__path:hover {
color: #ffc107 !important;
background-color: transparent !important;
-o-transition: none;
transition: none
}
.ma5menu__panel > ul li > .ma5menu__btn--enter + a {
padding-right: 60px;
margin-right: -50px
}
.ma5menu__panel--active {
z-index: 170;
display: block
}
.ma5menu__panel--active > ul li a, .ma5menu__panel--active > ul li .ma5menu__category {
pointer-events: auto
}
.ma5menu__btn--enter, .ma5menu__btn--leave {
font-size: 13px;
cursor: pointer;
display: block;
position: absolute;
padding: 0;
top: 0;
height: 100%;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 24px 24px;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out
}
.ma5menu__btn--enter:hover, .ma5menu__btn--leave:hover {
-o-transition: none;
transition: none
}
.ma5menu__btn--enter {
transform: rotate(180deg);
z-index: 0;
right: auto;
left: 8vw;
color: #fff;
background-color: rgba(255,255,255,0.1);
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
width: 50px
}
.ma5menu__btn--enter:hover {
color: #ffc107;
background-color: rgba(255,255,255,0.3);
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffc107%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E")
}
.ma5menu__btn--enter:before {
content: "";
display: block;
width: 1px;
position: absolute;
top: 3px;
bottom: 3px;
left: -2px;
background-color: transparent;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.ma5menu__btn--leave {
right: auto;
left: 21vw;
color: #fff;
background-color: transparent;
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z%22/%3E%3C/svg%3E");
width: 50px
}
.ma5menu__btn--leave:hover {
color: #ffc107;
background-color: transparent;
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffc107%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z%22/%3E%3C/svg%3E")
}
.ma5menu__leave:hover .ma5menu__btn--leave {
color: #ffc107;
background-color: transparent;
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffc107%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z%22/%3E%3C/svg%3E")
}
.ma5menu__btn--leave:before {
content: "";
display: block;
width: 1px;
position: absolute;
top: 0;
bottom: 0;
right: -2px;
background-color: transparent;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.ma5menu__leave {
font-size: 15px;
color: #fff;
background-color: rgba(255,255,255,0.1);
cursor: pointer;
display: block;
position: relative;
padding: 0 44px 0 44px;
text-align: center;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.3);
height: 50px;
line-height: 50px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: -44px
}
.ma5menu__leave:hover {
color: #ffc107;
background-color: rgba(255,255,255,0.1)
}
.ma5menu__leave + .ma5menu__btn--enter {
bottom: 0;
height: calc(100% - 50px);
top: auto
}
.ma5menu__path {
color: #ffc107 !important;
background-color: transparent !important
}
.ma5menu--overflow {
overflow-x: hidden !important
}
.ma5menu--left:before, .ma5menu--right:before {
content: "";
display: block;
height: 100%;
position: fixed;
top: 0;
background-color: rgba(255,255,255,0.01);
z-index: -1;
-o-transition: background-color 0.4s ease-out 0.5s, z-index 0.8s linear;
transition: background-color 0.4s ease-out 0.5s, z-index 0.8s linear;
width: 100%
}
.ma5menu--active:before {
background-color: rgba(255,255,255,0.6);
-o-transition: background-color 0.4s ease-in;
transition: background-color 0.4s ease-in;
z-index: 9000
}
.ma5menu--active > body .container * {
-ms-touch-action: none;
touch-action: none;
pointer-events: none
}
@media (max-width: 767px) {
.ma5menu--active > body * {
pointer-events: none
}
.ma5menu--active > body .ma5menu__toggle {
pointer-events: auto
}
.ma5menu--active > body .ma5menu__toggle * {
pointer-events: auto
}
.ma5menu--active > body .ma5menu__container {
pointer-events: auto
}
.ma5menu--active > body .ma5menu__container * {
pointer-events: auto
}
.ma5menu--active > body .ma5menu__container .ma5menu__alert {
pointer-events: none
}
.ma5menu--active > body .ma5menu__container--scroll {
pointer-events: auto
}
}
@media (max-width: 1199px) {
.ma5menu--active.has-body-scrollbar {
overflow: hidden;
overflow-y: scroll;
height: auto;
min-height: 100%;
-webkit-overflow-scrolling: touch
}
}
.ma5menu--active.ma5menu--left:before {
right: 0
}
.ma5menu--active.ma5menu--right:before {
left: 0
}
.ma5menu--swipe {
position: relative;
overflow-x: hidden !important
}
.ma5menu--swipe body {
position: relative
}
.ma5menu--swipe.ma5menu--left body {
-o-transition: left 0.5s ease-out;
transition: left 0.5s ease-out;
left: 0
}
.ma5menu--swipe.ma5menu--right body {
-o-transition: right 0.5s ease-out;
transition: right 0.5s ease-out;
right: 0
}
.ma5menu--swipe.ma5menu--active.ma5menu--left body {
left: 280px
}
@media (min-width: 768px) {
.ma5menu--swipe.ma5menu--active.ma5menu--left body {
left: 360px
}
}
.ma5menu--swipe.ma5menu--active.ma5menu--right body {
right: 280px
}
@media (min-width: 768px) {
.ma5menu--swipe.ma5menu--active.ma5menu--right body {
right: 360px
}
}
.ma5menu__sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0
}
@-webkit-keyframes ma5-panelIn {
0% {
-webkit-transform: translate3d(280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@keyframes ma5-panelIn {
0% {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes ma5-panelOut {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(280px, 0, 0)
}
}
@keyframes ma5-panelOut {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
}
@-webkit-keyframes ma5menuIn {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0)
}
}
@keyframes ma5menuIn {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
@-webkit-keyframes ma5menuOut {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0)
}
}
@keyframes ma5menuOut {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
@-webkit-keyframes ma5menuOutB {
0% {
-webkit-transform: translate3d(-280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@keyframes ma5menuOutB {
0% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@media (min-width: 768px) {
@-webkit-keyframes ma5-panelIn {
0% {
-webkit-transform: translate3d(360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@keyframes ma5-panelIn {
0% {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes ma5-panelOut {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(360px, 0, 0)
}
}
@keyframes ma5-panelOut {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0)
}
}
@-webkit-keyframes ma5menuIn {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0)
}
}
@keyframes ma5menuIn {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
}
@-webkit-keyframes ma5menuOut {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0)
}
}
@keyframes ma5menuOut {
0% {
-webkit-transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0)
}
}
@-webkit-keyframes ma5menuOutB {
0% {
-webkit-transform: translate3d(-360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0)
}
}
@keyframes ma5menuOutB {
0% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
}
@-webkit-keyframes ma5-panelInIEphone {
0% {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes ma5-panelInIEphone {
0% {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes ma5-panelOutIEphone {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
}
@keyframes ma5-panelOutIEphone {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
}
@-webkit-keyframes ma5menuInIEphone {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
@keyframes ma5menuInIEphone {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
@-webkit-keyframes ma5menuOutIEphone {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
@keyframes ma5menuOutIEphone {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
@-webkit-keyframes ma5menuOutBIEphone {
0% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes ma5menuOutBIEphone {
0% {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes ma5-panelInIEtablet {
0% {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes ma5-panelInIEtablet {
0% {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes ma5-panelOutIEtablet {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0)
}
}
@keyframes ma5-panelOutIEtablet {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(360px, 0, 0);
transform: translate3d(360px, 0, 0)
}
}
@-webkit-keyframes ma5menuInIEtablet {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
}
@keyframes ma5menuInIEtablet {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
}
@-webkit-keyframes ma5menuOutIEtablet {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
}
@keyframes ma5menuOutIEtablet {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
100% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
}
@-webkit-keyframes ma5menuOutBIEtablet {
0% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes ma5menuOutBIEtablet {
0% {
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes ma5-arrowDown {
0% {
opacity: 1
}
40% {
opacity: 0
}
60% {
opacity: 0.5
}
100% {
opacity: 1
}
}
@keyframes ma5-arrowDown {
0% {
opacity: 1
}
40% {
opacity: 0
}
60% {
opacity: 0.5
}
100% {
opacity: 1
}
}