/*
Theme Name: Twenty Twenty One Child
Template: twentytwentyone
version: 1.0.1

*/

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap');

@font-face {
    font-family: 'kiddosdemo';
    src: url('fonts/kiddos-demo-webfont.woff2') format('woff2'),
    url('fonts/kiddos-demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'super_kidsregular';
    src: url('super_kids-webfont.woff2') format('woff2'),
    url('super_kids-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'super_kidsregular';
    src: url('super_kids-webfont.woff2') format('woff2'),
    url('super_kids-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


h1, h2, h3, h4, h5, h6{font-family: 'Bubblegum Sans', cursive !important; color: #111 !important;}
a{font-family: 'Lato', sans-serif !important;}
body, p{font-family: 'Lato', sans-serif !important; color: #525252!important;}

h1{margin-bottom: 0px !important;font-weight: 500 !important;font-size: 82px !important;}
h2{margin-bottom: 0px !important;font-weight: 500 !important;    font-size: 52px !important;}
h3{font-size: 46px !important; font-weight: 500 !important; line-height: 40px !important;}
h4{font-size: 32px !important; font-weight: 500 !important;}

p, li{margin: 10px 0 0 !important; font-size: 18px !important; line-height: 1.5 !important;letter-spacing: 0.8px}
/*header#masthead a:active, header#masthead a:focus{background: transparent !important;}*/
p strong{color: #222 !important;}
.page-id-1292 .pakage_banner h2{color: #fff !important;}
.site-logo a:focus img , .site-logo a:focus , .site-logo img:focus{
    background: none !important;
    outline: none !important;
}
.text-center{text-align: center;}

.heading_pink strong{display: inline; background-repeat: no-repeat; background-position: 0% 74%; transition: background-size 1.8s 0.7s; background-size: 100% 0.521em; background-image: linear-gradient(to top, rgba(250,157,183, 0.5), rgba(250,157,183, 0.5)); font-weight: 400 !important;}
.heading_yellow strong{display: inline; background-repeat: no-repeat; background-position: 0% 74%; transition: background-size 1.8s 0.7s; background-size: 100% 0.521em; background-image: linear-gradient(to top, rgba(255,200,91, 0.5), rgba(255,200,91, 0.5)); font-weight: 400 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.font-15{font-size: 15px !important;}


/*pulse effect*/
.wp-block-button__link{
  background: cornflowerblue;
  animation: animate 1.8s linear infinite;
  cursor: pointer;
}

@keyframes animate {
  0% {
    box-shadow: 0 0 0 0 #cb318e61;
  }
  40% {
    box-shadow: 0 0 0 15px rgba(255, 26, 67, 0);
  }
  80% {
    box-shadow: 0 0 0 15px rgba(255, 206, 67, 0);
  }
  100% {
    box-shadow: 0 0 0 rgba(255, 206, 67, 0);
  }
}
.vrplayzone_page_firstsec a.wp-block-button__link {
    animation: none !important;
}

/*Header*/
header#masthead.site-header{padding: 0 30px; position: relative; background: #fff; /*overflow: hidden;*/ width: 100%; float: left; max-width: 100%; z-index: 999;}
body.page-id-5 header#masthead.site-header{background: transparent; position: fixed;    transition: all 0.5s ease-out;}
header#masthead.site-header .site-logo{margin:0; top: 0; padding: 6px 0;}
header#masthead.site-header .site-logo img{max-height: 58px;}
header#masthead.site-header button.sub-menu-toggle{height: unset; width: 100%; position: absolute; text-align: right; top: 16px; right: 0px;padding: 0 !important; display: none !important;}
header#masthead.site-header button.sub-menu-toggle span { float: right; margin-right: 0px; }
header#masthead.site-header ul#primary-menu-list li a:hover{text-decoration: unset;}
header#masthead.site-header nav#site-navigation{margin: auto; /*width: 100%;*/ height: 75px;margin-left: auto;margin-right: 0;}
header#masthead.site-header ul#primary-menu-list li a{font-size: 20px;font-family: 'Bubblegum Sans', cursive !important;font-weight: 400; line-height:1;height: min-content;}
header#masthead.site-header ul#primary-menu-list li a:focus{background: #0000;color: #111;text-decoration: unset;}
header#masthead ul.sub-menu li a:before{content: "";background: url(https://headrockvr.sg/wp-content/uploads/2022/11/vr.svg);width: 25px;height: 25px;background-size: 25px;display: inline-block;vertical-align: middle;background-position: center left;position: absolute;left: 5px;top: 10px;}
header#masthead ul.sub-menu li a:before{display:none;}
header#masthead ul.sub-menu li a:hover:before {display: inline-block;}
header#masthead ul.sub-menu li a:hover {padding-left: 35px !important;}
header#masthead.site-header .site-branding{margin-top: 0; z-index: 98;}
header#masthead ul.sub-menu li a { padding-right: 14px !important; margin: 0 !important; border-radius: 0 !important;padding: 12px 15px !important; width: 100%;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
header#masthead ul.sub-menu{border: 0;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 0; background: #fff; margin-left: 15px;border-radius: 4px;overflow: hidden;}
header#masthead ul.sub-menu li:hover a { background: #F15BB5 !important; color: #fff !important;width: 100%; }
header#masthead ul.sub-menu:before, header#masthead ul.sub-menu:after{display: none;}
.right-button { background: #f15bb5; padding: 6px 14px; font-size: 18px;border-radius: 4px;}
.right-button a.yellow-btn.btn { text-transform: uppercase; color: #fff; text-decoration: unset !important; }
header#masthead.site-header ul#primary-menu-list li:nth-child(2) { margin-right: 20px; }
header#masthead ul.sub-menu li{margin: 0 !important;}
header#masthead span.icon-plus:before { content: "\f107"; position: absolute; font: normal normal normal 14px/1 FontAwesome; background: transparent; width: 20px;font-size: 17px; font-weight: 600;}
header#masthead span.icon-minus:before { content:"\f106"; position: absolute; font: normal normal normal 14px/1 FontAwesome; background: transparent; width: 20px;font-size: 17px; font-weight: 600;}
header#masthead span:focus, header#masthead span:target, header#masthead button.sub-menu-toggle:focus{outline: unset !important;}
header#masthead span.icon-plus svg, header#masthead span.icon-minus svg { visibility: hidden; }
header#masthead.stickyheader{ position: fixed !important; background: #fff !important; top: 0;    transition: all 0.5s ease-out;}
main#main{padding-top: 0; padding-bottom: 0;}
header#masthead.site-header li.current-menu-item a { text-decoration: unset; }
header#masthead.site-header ul#primary-menu-list li.menu-item-has-children:hover ul.sub-menu { display: block; }
/*Nav*/
.overlay-backdrop{position: fixed;z-index: -3;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;visibility: hidden;cursor: pointer;}
.primary-navigation-open .overlay-backdrop{opacity: 1;visibility: visible;background: rgba(0, 0, 0, 0.5);z-index: 998;}
main#main .entry-content { margin-top: 0;margin-bottom: 0 !important;}
/* .page-id-33 main#main .entry-content {margin-bottom: 0 !important;}*/
header#masthead .primary-menu-container{ display: flex;align-items: center; justify-content: center; background:#fff url(https://headrockvr.sg/wp-content/uploads/2022/10/Menu-1.png) no-repeat bottom;width: 30%; left: auto;right: -30%; position: fixed;   background-size: 80%;    background-position: 100% 100%; overflow-y: scroll; top: 0; transition: all 0.4s ease-in-out;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

.mt-0{margin-top: 0 !important;}
.primary-navigation-open header#masthead .primary-menu-container{ top: 0 !important;right: 0;}
.primary-navigation > div > .menu-wrapper{flex-direction: column; width: fit-content;margin:auto auto auto 0 !important;padding: 0 0 0 20px !important;}
.primary-navigation .primary-menu-container > ul > .menu-item{justify-content: center; max-width: 260px; min-width: 260px; }
.menu-button-container{background: #0000 !important;}
.primary-navigation-open .primary-navigation > .primary-menu-container{    transform: translateY(0) !important;}
.menu-button-container #primary-mobile-menu:focus{outline: unset;}
.menu-button-container #primary-mobile-menu{padding:5px 0 !important;}
ul#primary-menu-list li.custom-btn a, ul#primary-menu-list li.custom-btn a:focus, ul#primary-menu-list li.custom-btn a:active{ padding: 10px 15px !important; background: #f15bb5; color: #fff; border-radius: 4px; margin-left: 10px; margin-top: 10px;     width: fit-content;}
/*ul#primary-menu-list li:last-child a { padding: 10px 15px !important; background: #f15bb5; color: #fff; border-radius: 4px; }*/
.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close{margin-right: 40px !important;}
ul.sub-menu li a { padding: 10px 15px !important; background: transparent !important; color: #111 !important; border-radius: 0px; }
button#primary-mobile-menu span.dropdown-icon.open { background: #ffe900; color: #111; justify-content: center; border-radius: 50%; width: 45px; height: 45px; /* border-bottom-left-radius: 0% !important; */ border: 1px solid #d9c702; position: relative; text-align: center; color: inherit; cursor: pointer;}
button#primary-mobile-menu span.dropdown-icon.open svg{margin: 0 !important;    height: 34px;width: 40px;}
button#primary-mobile-menu span.dropdown-icon.close{color: #111;}
.menu-button-container { padding: 4px 0 !important; }
.primary-navigation-open .primary-navigation .right-logo1 { display: none !important;z-index: 99999; position: absolute !important; width: 100%; text-align: center; }
.primary-navigation .right-logo1 { display: none;}
.primary-navigation-open .primary-navigation .right-logo1 img { width: 110px; margin-right: 25px;}
.primary-navigation-open .menu-button-container{top: 10px !important;z-index: 99999 !important;}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle{display:block !important; padding-left: 10px !important;}
.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo{display: block !important;}
.primary-navigation-open .primary-navigation{position: unset !important;}
span.drop-menu { position: absolute; right: 0px; top: 50%;transform: translateY(-50%); width: 100%; text-align: right; cursor: pointer;}
span.drop-menu img {width: 18px;}
button#primary-mobile-menu span.dropdown-icon.open:before { content: ''; position: absolute; top: -6px; left: -6px; width: calc(100% + 11px); height: calc(100% + 12px); border: 2px dashed currentColor; border-radius: inherit; }
button#primary-mobile-menu span.dropdown-icon.open:hover:before {animation: spin_left 5s linear infinite;}

/*sub-menu*/
/*header#masthead .sub-menu li a {background: linear-gradient(82deg, rgb(246 213 138 / 81%) 0%, rgb(248 227 118 / 13%) 100%) !important;box-shadow: rgb(0 0 0 / 33%) 0px 4px 12px ;}
header#masthead ul.sub-menu{border-radius: 0px 30px 30px 30px;}*/
header#masthead ul.sub-menu{background: transparent !important;}
header#masthead.site-header ul#primary-menu-list li:hover a {
    font-weight: 600;
}
.menu-wrapper li:hover a {
    color: #f15bb5;
}
.site-header .menu-wrapper li :hover i {
    color: #f15bb5;
}
.menu-wrapper li:hover .fa-angle-down {
    color: #f15bb5;
}
header#masthead.site-header ul#primary-menu-list li  a{letter-spacing: 3px;}
.site-header .menu-wrapper i{font-size: 28px;}
.aboutdragun{position: relative;}
.aboutdragun figure {position: absolute;top: -80px;}
.aboutdragun figure img{width: 80%;webkit-animation: moveOnY 2s infinite ease-in-out alternate; animation: moveOnY 2s infinite ease-in-out alternate;}
/*About us*/
.gap_top{margin-top: 70px !important; margin-bottom: 0 !important;}
.gap_bottom{margin-bottom: 70px !important;}
.aboutus_section h3{margin: 10px 0 !important; font-weight: 600;}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background), .gform_button.button, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active, .gform_button.button{background-color: #F15BB5 !important; transition: all 0.6s ease-out !important; padding: 12px 24px !important;font-size: 16px !important; border-radius: 4px !important; border-width: 1px !important;     border-radius: 50px !important; border-top-left-radius: 0% !important; border-color: transparent; color: #fff;}
/*.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active, .gform_button.button{padding: 12px 24px !important; border-radius: 4px !important; font-size: 16px !important; border-width: 1px !important; transition: all 0.6s ease-out !important; border-radius: 50px !important; border-top-left-radius: 0% !important; border-style: dashed; border-width: 2px !important;}*/
.aboutus_section .wp-block-buttons{padding-left: 20px;}
.aboutus_section .wp-container-6{align-items: center !important;}
.aboutus_section .wp-block-buttons {margin: 20px 0 0 !important;}
.aboutus_bg{background: url(https://headrockvr.sg/wp-content/uploads/2022/10/tiu-1-1.png) no-repeat center; padding-top: 100px; margin-top: -95px !important; background-size: cover; background-position: 0 0 !important;}
.aboutus_topbg{margin-bottom: 0 !important;}
.aboutus_section .wp-block-columns {gap: 0;}
.aboutus_section h1{color: #fff !important;}
.aboutus_section h1 strong{    font-size: 86px;}
.aboutus_section h1 strong.vr {font-size: 112px;}
.aboutus_section p.aboutop_p strong{font-size: 46px; color: #fff !important;  font-family: 'Bubblegum Sans', cursive !important;}
.aboutus_section p.aboutop_p{padding: 0 !important;}
.aboutus_bg .about_img:after { content: ''; background: #ffcd2e; display: block; position: absolute; right: -95%; height: 84%; width: 100%; bottom: 0px; }
.aboutus_bg .about_img{position: relative;}
.aboutus_bg .wp-container-5{position: relative;}
.aboutus_bg{position: relative; overflow: hidden;}
.aboutus_bg h2{color: #222 !important;    font-size: 46px !important;margin-top: 10px !important;}


i.fa{display: inline-block; font: normal normal normal 14px/1 FontAwesome;}

.virtop_bg{margin-top: -30px !important;background-color: hsl(251deg 48% 39%);}

/*packages duplicate section*/
.duplicate .title-play {padding: 6px 0 0 !important;margin: 0 !important;}
.duplicate  .wp-block-buttons {justify-content: center !important;}
.duplicate  .hide {color: #ffffff00 !important;}
.duplicate .price p{font-family: 'Lato', sans-serif !important;font-size: 17px !important;}
.duplicate .font-11, .duplicate .price .font-11{font-size: 13px !important;font-family: 'Lato', sans-serif !important;}
.duplicate a.wp-block-button__link.wp-element-button {animation: animate 1.8s linear infinite !important;}

/*Playzone*/
.playzone_section{position: relative; background: url(https://headrockvr.sg/wp-content/uploads/2022/11/banner-01.png) no-repeat center; background-size: contain; background-position: 0px 0% !important;}
/*.playzone_section:before { content: ''; background: url(https://headrockvr.sg/wp-content/uploads/2022/09/metavrse-new-image.png) no-repeat top; background-size: 60%; position: absolute; height: 240px; width: 500px; top: -150px; left: -40px; transform: rotate(356deg); webkit-animation: moveOnY 2s infinite ease-in-out alternate;
    animation: moveOnY 2s infinite ease-in-out alternate;}*/
    .playzone_section{ padding: 70px 0 80px; background-position: 100% 0%; background-color: #ffcd2e;}
    .playzone_section .wp-block-column { z-index: 3;}
    .playzone_section figure.wp-block-image{ margin-bottom: 10px;}
/*.playzone_section figure.wp-block-image img:hover, .kidsmedia_details img:hover{transform: scale(1.3); transition: .4s ease-in-out;}*/


.playzone_section figure.wp-block-image img, .kidsmedia_details img{transition: .4s ease-in-out;} 
.playzone_section .wp-block-buttons { margin: 15px 0 !important; }
.playzone_detail{background: transparent; border-radius: 12px; padding-top: 20px; transition: all 0.5s ease-out;}
.playzone_detail:hover{transition: all 0.5s ease-out;    transform: translateY(-20px);}
.playzone_detail h4, .playzone_detail h3{margin: 15px 0 10px !important;}
.playzone_detail p {padding-bottom: 20px; margin: 0 !important;}
.playzone_section h2{color: #111 !important; margin-top: 10px !important;}
.playzone_section h4 {color: #222!important; margin: 0 !important;}
.playzone_section h2 span:before { content: ''; background-image: linear-gradient(to top, rgba(250,157,183, 0.5), rgba(250,157,183, 0.5)); position: absolute; width: 100%; height: 60%; bottom: 0; z-index: -1; }
.playzone_section h2 span { font-size: 42px; position: relative; }
.playzone_section p{color: #525252 !important;}
figure.wp-block-image.size-full.dinasoreimg { position: absolute; left: 20%;bottom: -10px;}
body.page-id-29 .playzone_section{background: transparent !important; padding: 0 0 60px !important;}
body.page-id-29 .playzone_section:before, body.page-id-29 .playzone_section:after{display: none;}
body.page-id-29 .playzone_section h2{margin-bottom: 20px !important;}
body.page-id-29 .playzone_section h2 span{font-size: inherit;}

.playzone_detail figure.wp-block-image.size-full:hover::before{animation-play-state: running;}

.kidsmedia_section{margin-bottom: 40px !important; position: relative; padding-bottom:80px; overflow:hidden;}
body.page-id-16 .kidsmedia_section_:after{display: none;}
body.page-id-16 .kidsmedia_section_{background: #0000; padding:0;}
.kidsmedia_section_ .about_img img{width: 100%;}
.kidsmedia_section_{position: relative; background: url(https://headrockvr.sg/wp-content/uploads/2022/10/Kids-Media-Interactive-Zone-1.jpg) no-repeat center / cover; background-size: 100%;margin: 0 !important;  z-index: 0; padding: 0 0;}
.kidsmedia_section .wp-block-column{ z-index: 4; }
.kidsmedia_section_ h2, .playzone_section h2, .whatsgo_sectionnew h2, .kidsmedia_page h3{ font-size: 84px !important;line-height: initial;;}
.kidsmedia_section_ p strong{ font-size: 22px !important;}
/*.kidsmedia_section_ p { font-size: 16px !important;}*/
.bottom_bg.kidstop_bg{margin-bottom: 0 !important;}

/*kids section hide*/
.kidsmedia_section_ .play-session {
    display: none;
}

.kidsmedia_section h2 { margin-top: 0px !important;margin-bottom: 5px !important;}
.kidsmedia_section h4, .kidsmedia_section h2{padding: 0 !important; margin: 15px 0 !important;}
.kidsmedia_section .wp-block-image{margin-bottom: 10px !important;}
.kidsmedia_section p.sub_titile { color: #ff0098 !important; font-weight: 600;     text-shadow: 1px 1px 2px #cccccc;}
.kidsmedia_section p { margin-top: 0 !important; }
div.kidsmedia_section .wp-block-buttons { margin-bottom: 15px; }
.kidsmedia_details{border-radius: 4px; margin: 10px 0 !important; position: relative;}
.kidsmedia_details figure.wp-block-image{overflow: hidden;}
.playzone_section_detailtwo{margin-top: 40px !important;}
body.page-id-29 .playzone_section h2 {color: #111 !important;}
body.page-id-29 .playzone_section p {color: #525252!important;}
.kidsmedia_details p {padding-left: 0 !important;}
.kidsmedia_details { align-items: center !important; }
.kidsmedia_details.container.right{margin-right: 0 !important; overflow: visible;}
.kidsmedia_details.container.left{margin-left: 0 !important;}
.kidsmedia_details.container.left.one:before { content: ''; background: url(https://headrockvr.sg/wp-content/uploads/2022/10/1st-PNG.png) no-repeat;width: 100%;height: 120%;position: absolute;background-position: 100% 130%;right: -10%;bottom: -20%;}
.kidsmedia_details.container.right.two:before { content: ''; background:url(https://headrockvr.sg/wp-content/uploads/2022/11/Home-Page-Catching-My-Didsvs.png) no-repeat left;  position: absolute; width: 100%; height: 120%; opacity: 0.8; left: -30% !important; background-position: 0% 100%; bottom: -38%; }
.kidsmedia_details.container.left.three:after{ content: ''; background: url(https://headrockvr.sg/wp-content/uploads/2022/10/3rd.png) no-repeat right; position: absolute; width: 100%; height: 140%; right: -20%; opacity: 0.8; }
.kidsmedia_section .wp-block-buttons { position: relative; z-index: 9; }

.innerbg_imagecor:before{ content: ''; background: url(https://headrockvr.sg/wp-content/uploads/2022/10/Team-Building-Program-1.png) no-repeat center / cover; position: absolute; width: 100%; height: 100%; left: 0% !important;opacity: 0.6;}
.innerbg_imagecor{position: relative;}

.kidsmedia_section { background: url(https://headrockvr.sg/wp-content/uploads/2022/09/blue-wave.png) no-repeat center / cover; }
body.page-id-5 .kidsmedia_section{    background: #eaf5f8; margin-top: -30px !important;}
.kidstop_bg{    margin-top: -10px !important;background-color: hsl(0deg 0% 100%); z-index: 2;}
.kidsmedia_details .wp-block-column, .innerbg_imagecor .wp-block-column{ z-index: 4; }
.innerbg_imagecor .wp-block-button{margin-bottom: 15px;}
/*.car_image img{webkit-animation: moveOnY 2s infinite ease-in-out alternate;animation: moveOnY 2s infinite ease-in-out alternate;}*/

/*Book Ticket*/
.bookticket_section h2 { padding: 0 !important;}
.bookticket_section {background: #ffdd98; position: relative; margin-top: 0px !important; padding-top: 4rem;background-image: url(https://headrockvr.sg/wp-content/uploads/2022/10/Tree-1.png); background-position: 100% 110%; background-repeat: no-repeat;    background-size: contain;}
.bookticket_section .wp-block-column{z-index: 99;}
.bottombg_img{margin-bottom: -1% !important;}
.topbg_img{    margin-top: -2.4% !important;}
.book_buyanima{position: absolute;bottom: -80px;right: 0px;}
.book_buyanima .book_playboy {width: 40%;}
.book_buyanima .book_dragouns {width: 60%;}
.bookticket_topbg{background-color: #eaf5f8;}

/*What’s Going on*/
/*new*/
.whatsgo_sectionnew { background: url(https://headrockvr.sg/wp-content/uploads/2022/10/Untitled-1.jpg) no-repeat center / cover;     margin-top: -40px!important; padding-top: 100px;}
.whatsgonew_detail .whatnew_detail { width: 100%; float: left; margin: 0; }
.whatsgonew_detail .whatnew_detail figure, .whatsgonew_detail .whatnew_detail h4{margin: 0;z-index: 6;}
.whatsmain_img figure:before { content: ''; background: #f4d319; display: block; position: absolute; right: 99%; height: 96%; width: 100%; bottom: 0px; }
.whatsgo_sectionnew h2, .whatsgo_sectionnew p strong, .whatsgo_sectionnew h4{color: #fff !important;text-decoration: unset !important; font-weight: 500;}
.whatsgo_sectionnew h3, .whatsgo_sectionnew h2{text-decoration: unset !important; font-weight: 500;    font-family: 'Bubblegum Sans', cursive !important;}
.whatsgo_sectionnew h4 { font-size: 28px !important;}
.whatsgonew_detail .whatnew_detail:last-child { margin-top: 60px; }
div.whatsgo_sectionnew .whatgo_section_detail.lastsecwh { margin-bottom: 50px; }
div.whatsgo_sectionnew .whatgo_section_detail.lastsecwh .heading_yellow strong{ background-image: linear-gradient(to top, rgb(237 175 14), rgb(237 175 14 / 8%));}
.whatsbottom_img { background: linear-gradient(56deg, #34347a 0%, #361161 80%);}
.whatsgonew_detail .whatnew_detail .whatgo_section_detail:first-child, .whatsgonew_detail .whatnew_detail .whatgo_section_detail:last-child { position: relative; top: -160px; }
.whatsgonew_detail .whatnew_detail .whatgo_section_detail{transition: all 0.5s ease-out;}
.whatsgonew_detail .whatnew_detail .whatgo_section_detail:hover{ transition: all 0.5s ease-out;transform: translateY(-20px);}
.whatsgonew_detail .whatnew_detail { margin-top: 150px !important; }

/*--*/
.birthday_bg {background: url(https://headrockvr.sg/wp-content/uploads/2022/10/ssss.png) no-repeat top; background-position: 0% 0%; padding-top: 20%; margin-top: -15% !important; position: relative;background-size: cover;}
.corporate_sec .whatgo_section_detail:last-child { position: relative; bottom: -210px;}
.corporate_sec .whatgo_section_detail{ z-index: 9;}
.corporate_sec .vr_img figure {left: -20%;bottom: 60px;}
.corporate_sec .vr_img figure img{max-width: 135%;}
.birthday_bg .wp-block-columns.container .wp-block-column:first-child { position: relative; top: -40px; }



/*bg_img*/
.wp-block-uagb-image.kidstopbac.top_bg{margin-bottom: 0 !important;}
.top_bg{max-width: 100% !important;  margin-top: -3rem !important;}
.top_bg figure{max-width: 100% !important; width: 100% !important;margin: 0 !important;}
.bottom_bg{max-width: 100% !important;  margin-bottom: -5rem !important;}
.bottom_bg figure{max-width: 100% !important; width: 100% !important;margin: 0 !important;}
.margin0{max-width: 100% !important;  margin:0 !important;}
.margin0 figure{max-width: 100% !important; width: 100% !important;margin: 0 !important;}

/*Slider*/
body.page div.logo_slider { max-width: 90% !important; margin: 0 auto 60px !important; padding-top: 0 !important;}


/*clock to top*/
html {scroll-behavior: smooth;}
#myBtn {transition: all 1s ease-out; position: fixed;bottom: 80px;right: 10px;z-index: 99;font-size: 18px;border: none;outline: none;background: transparent; color: white;cursor: pointer;padding: 15px;border-radius: 4px; -webkit-animation: expand 2s; transform: translateY(-900%)}
button#myBtn:AFTER { content: ''; display: block; width: 0.0425em; z-index: 99999; height: 100vh; position: absolute; top: calc(-100vh + 0.125em); right: 31%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#13293d),color-stop(50%,#0000)); background: linear-gradient(0deg,#13293d 50%,#0000 0); background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,var(--global-font-title)),color-stop(50%,#0000)); background: linear-gradient(0deg,var(--global-font-title) 50%,#0000 0); background-repeat: repeat-y; background-size: 0.125em 0.625em; background-position: 0 0; pointer-events: none; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border: 0.5px dotted #000; background: linear-gradient(0deg,var(--global-font-title) 50%,#000 0); }
button#myBtn img { height: 80px; margin-top: -25px;}

.check_box ::marker { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; color: #feca21; }
.check_box li, .contactus_page li {padding-left: 10px;}
.phone li:before{ content: "\f095"; font: normal normal normal 14px/1 FontAwesome; font-size: 22px;color: #F15BB5; }
.email li:before{ content: "\f0e0"; font: normal normal normal 14px/1 FontAwesome;  font-size: 22px;color: #F15BB5;}
.address li:before{ content: "\f041"; font: normal normal normal 14px/1 FontAwesome; font-size: 32px;color: #F15BB5; }


/*contactus page*/
.contactus_page ul{margin-top: 0 !important;}
.contactus_page h3{margin-bottom: 0 !important;}
.contactus_page ul li a{text-decoration: unset;}
.contactus_page ul li a:hover, .contactus_page .gap_bottom ul li a:hover;{color: #f15bb5 !important;}
.contactus_page .detail_left{background: #ecf3cd69;padding: 20px 40px 30px;}
.contactus_page .detail_left ul li, .contactus_page .gap_bottom ul li, .contactus_page .gap_bottom ul li a{color: #111 !important; font-weight: 500;}
.contactus_page .detail_left ul li{font-size: 20px !important;}
.corporateteam_page form input, .corporateteam_page form textarea, .corporateteam_page form select { background-color: #f6f6f6;   border-radius: 6px; -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border: 0;}
.contactus_pagetwo{  padding: 40px 25px;  background-color: #ffede1a1; margin-bottom: 70px !important;}
.contactus_page ul li a:focus { background: #0000 !important; outline: unset !important; text-decoration: unset !important; }
.corporateteam_page form .gform_footer.top_label {padding-bottom: 0 !important; justify-content: center;}
.corporateteam_page form .gform_footer.top_label input{margin-bottom: 0 !important;}
.corporateteam_page form h3{padding-left: 0 !important;margin-bottom: 30px !important;}
.contactdetails { padding: 40px 0; /*margin-bottom: -10% !important;*/}
.corporateteam_page.coprate_form.contactus_page { padding-top: 12%; }
.contactdetails .contactde { padding: 40px 20px; display: flex; align-items: center; flex-direction: column; text-align: center; background-color: #3d12a4 !important; border-radius: 12px; margin: 0 20px;}
.contactdetails .wp-block-columns { gap: 0;}
.contactdetails .contactde h3,.contactdetails .contactde li, .contactdetails .contactde li a{color: #fff !important; text-decoration: unset; margin-bottom: 0;}
.contactdetails .contactde li a{display: contents;}
.contactdetails .contactde ul{padding: 0; list-style: none;}
.contactdetails .contactde ul li { display: flex; flex-direction: column; gap: 10px; }
.contactdetails .contactde ul li::before { font-size: 32px; }
.contactdetails .contactde .address li:before{font-size: 42px;}
.contactdetails .contactde ul.email a{ font-size: 19px; }
.contactdetails .contactde ul.phone a { font-size: 34px; font-family: 'Bubblegum Sans', cursive !important; }


/*whatsapp btn*/
.whatapp{display: none;}
/*.whatapp{position:fixed;width:65px;height:65px;bottom:20px;right:20px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center; font-size:30px; z-index:100;    text-decoration: unset;display: flex;align-items: center; justify-content: center;}*/
.my-whatapp{margin-top:16px;}
.whatapp:active, .whatapp:focus{background-color:#25d366 !important;}
.whatapp i {font-size: 40px; margin: auto;}




/*Footer*/
footer{background: url(https://headrockvr.sg/wp-content/uploads/2022/10/tiu-1.png) no-repeat center / cover;/*background: linear-gradient(126deg, #1002a6 4%, #df4a9e 100%)*/; position: relative; padding-bottom: 30px; z-index:94; padding-top: 70px;background-position: initial;}
footer aside.widget-area{ margin-top: 0; color: #fff; padding-top: 0 !important;    grid-template-columns:1.1fr  0.5fr 0.8fr 0.8fr;column-gap: 30px;max-width: 100%;}
footer .wp-block-image { width: 100%; float: left; margin-bottom: 10px !important;}
footer a, footer p{color: #fff !important; font-size: 15px !important; text-decoration: unset !important;}
/*footer ul.address-info li i { margin: 4px 0; float: left; font-size: 16px; width: 16px;    position: absolute;top: 7px;
    left: 0; }*/
footer h3{font-size: 32px !important;     margin-bottom: 10px !important; color: #fff !important;}
footer .widget.widget_nav_menu{margin-top: 0px !important;}
footer ul.address-fb-info li a {float: left; margin: 15px 15px 0 0 !important; font-size: 15px !important; border: 1px solid #fff; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
footer ul.address-info li i.fa.fa-map-marker { font-size: 18px; }
footer ul.address-info li{font-size: 16px;position: relative; padding-left: 30px; line-height: 1.2; padding-bottom: 6px;}
footer ul.address-fb-info { float: left; width: 100%; margin-top: 0px !important; }
footer ul.address-info{margin-top: 0 !important;}
footer#colophon { display: none; }
footer .wp-block-image figure { margin: 0 0 20px !important; }
.custom-copyrights p { font-size: 13px !important; margin: 8px 0 !important; color: #fff !important; text-align: center; }
.bottom_footer { float: left; width: 100%; background: #00000036; position: absolute; bottom: 0; border-top: 1px solid; padding: 4px 0; }
footer ul.menu li a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; margin-right: 12px; position: relative; top: 7px;}
footer ul.address-info li p { margin-top: 0 !important; }
footer ul.address-info{ margin-bottom: 0 !important; }
footer a.wp-block-button__link:hover, footer a.wp-block-button__link { border: 0 !important; }
footer .wp-block-buttons { margin-top: 0px !important; }
footer ul.menu li { margin-top: 8px !important; }
footer ul.address-fb-info li:hover, footer ul.address-fb-info li:hover a { background: #fffc30; color: #000 !important; border-color: #0000; }
footer section#block-3 div.wp-block-buttons a.wp-block-button__link { background-color: #0000 !important; font-weight: 400;padding: 0 !important;}
footer section#block-3 div.wp-block-buttons a.wp-block-button__link:after { content: ''; background: #ffe900; width: 100%; height: 1px; display: block; }
footer ul.address-fb-info li a {display: flex;}
footer a:hover, footer section#block-3 div.wp-block-buttons a.wp-block-button__link:hover{ color: #FEE440!important; }
footer ul.address-fb-info li img {width: 12px !important;}
footer ul.address-fb-info li a i.fab.fa-tiktok{font-size: 14px;}
footer ul.menu li a { display: flex;}
footer .widget a:focus {background: none !important;}
footer .widget-area .contact-box-item {position: relative; padding-left: 25px; } 
footer .widget-area .contact-box-item .fa {position: absolute; left: 0; top: 5px; }
footer  .widget-area .connect-box i.fa.fa-map-marker {font-size: 17px;}
footer .widget .connect-box p.locate {display: flex; align-items: baseline; } 
footer  .widget-area .connect-box .locate span{display: block;}


/*Price-page*/
.pakage_banner .wp-block-cover{background: transparent ;}
body.page-id-35 .pakage_banner {background: #ffeaf9 !important;}
.pakage_banner .wp-block-column { z-index: 5; }


div.pakage_banner h2{ margin: 0 auto !important; font-size: 75px !important; font-weight: 600 !important; color: #222 !important;    max-width: 80% !important;}
body.page-id-16 div.pakage_banner h2{ font-size: 88px !important;color: #fff !important;}
body.page-id-33 div.pakage_banner h2, body.page-id-37 div.pakage_banner h2, body.page-id-35 div.pakage_banner h2{color: #fff !important;}
/*div.pakage_banner { min-height: 100vh; }*/
div.tickettypes_section td { font-size: 18px;border-color: #94949436;}
.tickettypes_section ul li { font-size: 16px; margin: 10px 0; }
.teasadcondi_sec ul, .corporateteam_page ul{ margin-top: 20px !important; } 
.corporateteam_page ul.check_box { width: fit-content; }
.teasadcondi_sec h3, .corporateteam_page h3{ margin-bottom: 0 !important; }
.tickettypes_section thead { border-color: #c9c9c9; border-width: 1px; }
.tickettypes_section th { background: #EAF5F8; border-color: #94949436 !important; font-size: 18px; font-weight: 700; color: #111 !important; }
div.tickettypes_section tbody tr:first-child td { font-weight: 700; color: #111; }
/*div.tickettypes_section tbody tr:first-child { background: #EAF5F8; }*/

body.page-id-31 .kidsmedia_section.kidsmedia_page { padding-top: 12%; margin: -6% 0 -6% !important; background: #f6fbff;    padding-bottom: 10%; }

div.kidsmedia_section tr:first-child td { font-weight: unset !important; }
div.kidsmedia_section tbody tr:first-child{background: transparent !important;}
/*.kidsmedia_section.tickettypes_section { margin-bottom: 70px !important; }*/
.vrplayzone_page .kidsmedia_section {background: #0000;}
.kids_timing ul {padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(42%, 1fr)); grid-gap: 10px; width: 60%; text-align: center; margin: auto;}
.kids_timing ul li { margin: 0 !important; list-style: none; background: #fff; color: #111; padding: 2px 8px; font-weight: 500; border: 1px solid #d8d8d8; border-radius: 0.5rem;}
/*.vrplayzone_page:before { content: ''; background: url(https://headrockvr.sg/wp-content/uploads/2022/09/Kids-Media-Interactive-Zone-1.png) no-repeat right; position: absolute; width: 100%; height: 100%; top: -200px;opacity: 0.4;}*/
.vrplayzone_page{position: relative;}
.vrplayzone_page_firstsec:before{content: ''; background: url(https://headrockvr.sg/wp-content/uploads/2022/09/Untitled-1-3.png) no-repeat top / cover;width: 100%;height: 100%;position: absolute;top: -40px;opacity: 0.8;}
.vrplayzone_page_firstsec{position: relative;}
.vrplayzone_page_firstsec .wp-block-column, .teasadcondi_sec .wp-block-column, .vrplayzone_page_firstsec .wp-block-column{z-index: 5;}
.teasadcondi_sec {padding: 50px 0; position: relative;overflow: hidden;;}
/*.teasadcondi_sec h2, .teasadcondi_sec li, .teasadcondi_sec p{color: #fff !important;}*/
.teasadcondi_sec:before {content: '';background: url(https://headrockvr.sg/wp-content/uploads/2022/10/aa.png) no-repeat right; width: 100%;height: 100%; position: absolute;top: -20px; background-size: 90%; right: 0px;}
.vrplayzone_page_firstsec .tickettypes_section h2.container { margin-bottom: 40px !important; }
.packageparice_trums { background: url(https://headrockvr.sg/wp-content/uploads/2022/10/sdgv.png) no-repeat left / cover; background-color: #f6d58a; padding: 60px 0 10rem; margin-bottom: -6rem !important; background-position: center; background-size: auto;}
.packageparice_trums ul li, .packageparice_trums p{color: #111 !important;}

body.page-id-16 div.priceadpake_sectiondel .wp-block-column:last-child {
    margin-right: 0;
}
body.page-id-16 div.priceadpake_sectiondel .wp-block-column:first-child {
    margin-left: 0;
}
body.page-id-16 div.priceadpake_sectiondel .wp-block-column {
    margin: 10px;
}
body.page-id-16 .kidsmedia_section_ .priceadpake_sectiondel { gap: 0 !important; }

div.priceadpake_sectiondel .wp-block-column { padding: 0px 0 40px; border-radius: 1.875em; overflow: hidden;box-sizing: unset !important; background-size: contain !important; position: relative;}
.vrplayzone_page .priceadpake_sectiondel .wp-block-column {background-size: cover !important;}
.priceadpake_sectiondel h4 { padding: 30px 0 !important; margin: 10px 0 20px !important; font-size: 28px !important;}
div.price p{ font-size: 26px !important; font-weight: 500; color: #111 !important; font-family: 'Bubblegum Sans', cursive !important;border: none;}
#content .price .small-btn {margin: 0;border-bottom: 1px solid #ededed;padding-bottom: 10px;}
#content .price .small-btn .wp-block-button .wp-block-button__link {font-size: 12px !important;background: #f6d58a !important;color: #000; padding: 8px 18px !important; }


.priceadpake_sectiondel h4 strong {font-weight: 500;}
.priceadpake_sectiondel p{color: #222 !important; font-size: 17px !important; border-bottom: 1px solid #ededed;margin: 0 20px !important;
    padding: 0 !important;}
    .priceadpake_sectiondel{gap: 1em !important;}
/*.priceadpake_sectiondel .price h4 { background: #f6d58a; }*/
.priceadpake_sectiondel .price { background: url(https://headrockvr.sg/wp-content/uploads/2022/10/03.png) no-repeat; }
.priceadpake_sectiondel .price:after { content: ''; background: #fffaef;}
.priceadpake_sectiondel .description { background: url(https://headrockvr.sg/wp-content/uploads/2022/10/02-1.png) no-repeat !important;}
.priceadpake_sectiondel .description:after { content: ''; background: #eaf5ff; }
/*.priceadpake_sectiondel .description h4 { background: #80BEF5; }*/
.priceadpake_sectiondel .Duration { background:url(https://headrockvr.sg/wp-content/uploads/2022/10/04d.png) no-repeat; }
.priceadpake_sectiondel .Duration:after { content: ''; background: #fec7ee;}
/*.priceadpake_sectiondel .Duration h4 { background: #CB49A6; }*/
.priceadpake_sectiondel .Duration p{border-color: #f2d5ea;}
.priceadpake_sectiondel .tickettype { background: url(https://headrockvr.sg/wp-content/uploads/2022/10/aadf.png) no-repeat !important; }
.priceadpake_sectiondel .tickettype:after { content: ''; background: #ffeae0; }
/*.priceadpake_sectiondel .tickettype h4 { background: transparent; }*/
.priceadpake_sectiondel .tickettype p{border-color: #ffdfd0;}
.vrplayzone_page .tickettypes_section img { border-radius: 1.875em; overflow: hidden; }
.priceadpake_sectiondel .tickettype:after, .priceadpake_sectiondel .Duration:after, .priceadpake_sectiondel .description:after, .priceadpake_sectiondel .price:after{width: 100%; height: 60% !important; z-index: -1; position: absolute; bottom: 0; } 

.no_space{margin: 0 !important;}
/*corporateteam page*/
.corpi_topbg{margin-top: 60px !important;}
.gap_top.coprate_form{background: #fedb66; padding: 100px 0 160px; margin-bottom: -100px !important; margin-top: 0 !important;}
.corporateteam_page{margin-bottom: 20px !important;}
.corporateteam_page h4.head_disheading{margin-top: 30px !important;}
.corporateteam_page ul { margin: 0 !important; }
.corporateteam_page h2 {margin: 10px 0 !important;}
.corporateteam_page h5 { margin-bottom: 0 !important; }
p.enquiry{color: #469F92 !important;}
.corporateteam_page .gform_heading{display: none;}
.corporateteam_page form input, .corporateteam_page form select, .corporateteam_page form textarea { border: 1px solid #ffffff5d; height:43px; }
.corporateteam_page form .selected-flag { padding: 13px  10px !important;}
.corporateteam_page form label{color: #111;}
.coprate_form form input:focus, .corporateteam_page form select:focus, .corporateteam_page form textarea:focus {outline: unset; }
.coprate_form .gform_wrapper.gravity-theme .gsection{border-bottom: 1px solid #ffffff5c; padding: 0 16px 0px 0; margin-bottom: 10px;}
input.gform_button.button:hover{ color: #fff !important; }
.corporateteam_page .gform_validation_errors h2 { font-size: 16px !important; }
.corporateteam_page form { background: 1px solid #ffffff70;padding: 40px 30px; border: 1px solid #ffffff70; border-radius: 4px;}
.birthdaypakage_page.includesecction .container { margin-left: 0 !important; }
.gform_validation_error .validation_message {display: none !important;}
.gform_confirmation_wrapper .gform_confirmation_message {border: solid 2px #00b11e !important;font-size: 16px;padding: 5px;color:#00b11e;text-align: center;line-height: 1.3;font-weight: 500;}
.gform_validation_error select.gfield_select {
    border: solid 1px #c02b0a;
}
/*birthday pakage page*/
.birthdaypakage_page { margin-bottom: 60px !important; }
.birthdaypakage_page.includesecction { padding: 0; background-color: #473478;/* border-top: 2px dashed #fad4bd; border-bottom: 2px dashed #fad4bd;*/}
.birthdaypakage_page ul { margin-top: 15px !important; } 
.birthdaypakage_page h2 { margin-bottom: 10px !important;}
.birthdaypakage_page.includesecction h2, .birthdaypakage_page.includesecction  li{color: #fff !important;}
.birthdaypakage_page.includesecction img { width: 90%; margin-top: -20%; }


/*kidsmedia page*/
.kidsmedia_page{margin-bottom: 80px !important;}
.kidsmedia_page p.kidsmedip {font-size: 28px !important;}
.kidsmedia_page p.kidsmedip strong{ font-size: 46px !important; font-family: 'Bubblegum Sans', cursive !important;}


/*@media*/

// Container widths

@media (min-width: 992px) {
    .container { max-width: 970px; margin: 0 auto !important; }

}


@media only screen and (max-width: 991px) and (min-width: 769px) {
    .container { max-width: 760px; margin: 0 auto !important; }
}
@media (max-width: 767px){
.priceadpake_sectiondel .tickettype:after, .priceadpake_sectiondel .Duration:after, .priceadpake_sectiondel .description:after, .priceadpake_sectiondel .price:after{height: 14% !important;} 

}

@media (min-width: 1200px){
    .container { max-width: 1170px; margin: 0 auto !important; }


} 

@media (min-width: 1600px){
    .container { max-width: 1440px; margin: 0 auto !important; }
    p, li{font-size: 20px !important;}

    button#primary-mobile-menu span.dropdown-icon.open{width: 65px; height: 65px;}
    header#masthead.site-header ul#primary-menu-list li a { font-size: 28px;}
    .primary-navigation .primary-menu-container > ul > .menu-item { justify-content: center; max-width: 340px; min-width: 340px; }
    header#masthead.site-header .site-logo img {max-height: 76px;}
    span.drop-menu img {width: 25px;}
    .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close{font-size: 26px;}
    button#primary-mobile-menu span.dropdown-icon.open svg{height: 40px;width: 42px;}
    .kidsmedia_details.container.right.two:before{    bottom: -20% !important;}
    body.page-id-5 .kidsmedia_details.container.right.two:before{bottom: 0;}
    .whatsgo_sectionnew h3{font-size: 64px !important; margin-bottom: 50px !important;}
    .whatsgo_sectionnew h4 { font-size: 38px !important;}
    .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background), .gform_button.button, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active, .gform_button.button{font-size: 20px !important;}
    footer a, footer p{font-size: 18px !important;}
    .whatapp i {font-size: 50px;}
    .whatapp{width: 72px; height: 72px;}
    /*  div.priceadpake_sectiondel .wp-block-column{background-size: contain !important;}*/
    header#masthead.site-header{padding: 10px 30px;}
    .priceadpake_sectiondel .tickettype:after, .priceadpake_sectiondel .Duration:after, .priceadpake_sectiondel .description:after, .priceadpake_sectiondel .price:after{width: 90%;bottom: 30px;border-radius: 45px;}
    .pakage_banner .wp-block-cover.is-style-default {min-height: 460px !important;}
    .packageparice_trums{    margin-bottom: -10rem !important;background-position: 100% -100px; background-size: cover;}

} 

@media only screen and (max-width: 1200px) and (min-width: 991px) {
    h1{ font-size: 62px !important;}
    .kidsmedia_section_ h2, .playzone_section h2, .whatsgo_sectionnew h2{    font-size: 64px !important;}
    h3, h2{font-size: 36px !important;}
    h4, footer h3{font-size: 24px !important;}

}

@media only screen and (max-width: 1124px) and (min-width: 992px) {
    header#masthead.site-header {padding: 0 15px !important;}
    .site-logo .custom-logo { width: 100px; }
    header#masthead.site-header ul#primary-menu-list li a, .right-button{font-size: 16px;}
    header#masthead.site-header ul#primary-menu-list li.menu-item-has-children a {padding-right: 15px !important;}

}


@media only screen and (min-width: 768px){
    p.head_dis, .head_disheading{width: 72%; margin: auto !important;}
    .teasadcondi_sec ul, .teasadcondi_sec p {width: 75%;}
    .priceadpake_sectiondel p { min-height:63px;display: flex;align-items: center; justify-content: center;}   
    .aboutus_section h1{padding: 0 !important; margin-top: -70px !important;}
    .playzone_section_detail .playzone_detail:first-child, .playzone_section_detail .playzone_detail:last-child, .playzone_section_detailtwo .playzone_detail:first-child, .playzone_section_detailtwo .playzone_detail:last-child { position: relative; top: -160px; }
    .playzone_section_detail{margin-top: 12rem !important;}
    .aboutus_bg h1 span{float: left;width: 100%; margin-bottom: 15px;}
    .bookticket_section .book_bg { margin-top: -150px;}
    .kidsmedia_details p { width: 80%; }


}
@media  (min-width:820px) and (max-width:1180px) {
.priceadpake_sectiondel .tickettype:after, .priceadpake_sectiondel .Duration:after, .priceadpake_sectiondel .description:after, .priceadpake_sectiondel .price:after{height:60% !important;} 
}
@media  (min-width:768px) and (max-width:819px) {
.priceadpake_sectiondel .tickettype:after, .priceadpake_sectiondel .Duration:after, .priceadpake_sectiondel .description:after, .priceadpake_sectiondel .price:after{height:auto !important;} 
}


@media only screen and (max-width: 991px) and (min-width: 768px) {
   header#masthead.site-header ul#primary-menu-list li:first-child a { padding-left: 0; }
   header#masthead.site-header .site-branding .site-logo{width: 100px;}
   header#masthead.site-header ul#primary-menu-list li a { font-size: 16px; }
   .right-button{font-size: 13px; padding: 4px 8px;}
   header#masthead.site-header ul#primary-menu-list li a{padding-left: 4px;}
   h1{ font-size: 48px !important;}
   .kidsmedia_section_ h2, .playzone_section h2, .whatsgo_sectionnew h2{    font-size: 44px !important;}
   h3, h2{font-size: 26px !important;}
   h4, footer h3{font-size: 16px !important;}
   footer a, footer p{font-size: 13px !important;}
}

@media only screen and (max-width: 768px){
   h1{ font-size: 48px !important;}
   .kidsmedia_section_ h2, .playzone_section h2, .whatsgo_sectionnew h2{    font-size: 44px !important;}
   h3, h2{font-size: 30px !important;}
   h4, footer h3{font-size: 24px !important;}
   footer a, footer p{font-size: 13px !important;}
   .container { max-width: 98%; margin: 0 auto !important; }
   .playzone_section .playzone_section_detail {grid-gap: 0;}
   .top_bg{    margin-top: -1rem !important;}
   header#masthead.site-header span.drop-menu {width: auto;}
   .kidsmedia_section:after, .kidsmedia_details.container.left.three:after, .kidsmedia_details.container.right.two:before, .kidsmedia_details.container.left.one:before{background: transparent;}
   .kidsmedia_details.right.two, .kidsmedia_details.right.four { flex-direction: column-reverse;}
   div.kidsmedia_details{grid-gap: 0;} 
   .whatsgo_sectionnew{overflow: hidden;}
   footer ul.address-fb-info{ float: unset !important; padding: 0 !important;}
   footer .wp-block-image{display: flex; float: unset;}
   footer p{margin-right: auto !important; margin-left: auto !important;}
   footer{background: linear-gradient(126deg, #1002a6 4%, #df4a9e 100%);}
   footer aside.widget-area{ grid-template-columns: unset; column-gap: 0px;}
   section.widget_block { margin: 10px 0; }
   div.aboutus_topbg img{height: 30px !important;} 
   body.page-id-5 .kidsmedia_section{margin-bottom: 0 !important;}
   .kidsmedia_details h2, .kidsmedia_details p, .bookticket_section .book_bg{padding: 0 20px !important;}
   #myBtn{right: 0;}
   /*vrplayzone_page*/
   .playzone_section_detailtwo{margin-top: 0 !important;}
   .aboutus_bg .wp-block-column p.aboutop_p {padding: 0 15px !important;}
   .playzone_section_detail .playzone_detail:first-child, .playzone_section_detail .playzone_detail:last-child, .playzone_section_detailtwo .playzone_detail:first-child, .playzone_section_detailtwo .playzone_detail:last-child, .whatsgonew_detail .whatnew_detail .whatgo_section_detail:first-child, .whatsgonew_detail .whatnew_detail .whatgo_section_detail:last-child{top: 0;}
   .bookticket_section{background-image: unset; padding-top: 0;}
   .whatsgonew_detail .whatnew_detail {margin-top: 0px !important;}
   .bookticket_section .wp-block-columns, .birthdaypakage_page.gap_top .wp-block-columns {gap: 0;}
   .top_bg.aboutus_topbg.whatsbottom_img{margin-top: -2rem !important;}
   body.page-id-16 div.pakage_banner h2, div.pakage_banner h2 { font-size: 44px !important;max-width: 100% !important;}
   .priceadpake_sectiondel .tickettype p{    padding: 10px 0 !important;}
   div.priceadpake_sectiondel .wp-block-column{background-size: cover !important;padding: 0px 40px 40px;}
   .priceadpake_sectiondel {padding: 0 15px;}
   .teasadcondi_sec:before{background: unset;}
   .gap_top {margin-top: 30px !important;}
   .birthdaypakage_page.includesecction{ padding: 20px 0;}
   .alignfull.contactdetails.gap_top {padding: 20px 15px 60px;}
   .gap_top.coprate_form{padding: 0px 0;margin-bottom: 0!important;}



}


@media only screen and (max-width: 500px){
    header#masthead.site-header ul#primary-menu-list li a{font-size: 20px;}
    header#masthead.site-header .site-branding {z-index: 1 !important;}
    .primary-navigation .primary-menu-container > ul > .menu-item{max-width: 280px; min-width: 280px;}
    header#masthead .primary-menu-container{right: -100%; width: 100%;} 
    header#masthead.site-header nav#site-navigation{width: auto; margin-right: 0; position: relative;}
    header#masthead.site-header .site-logo{position: relative;}
    div.top_bg.aboutus_topbg.whatsbottom_img{margin-top: -1.5rem !important;}
    header#masthead.site-header .site-logo img{    max-width: 75%;}
	.primary-navigation-open .overlay-backdrop {z-index: -1;}
    header#masthead.site-header{ padding: 0 15px;}
    .aboutus_bg{ padding-top: 20px; margin-top: -55px !important;}
    .pakage_banner .wp-block-cover{min-height: 300px !important;}
    .pakage_banner .wp-block-cover img {object-position: center right;}

}


@media only screen and (max-width: 800px) and (min-width: 769px) {
    .aboutus_bg .wp-block-columns{display: block;}

}

@media only screen and (min-width: 2000px){
    footer{padding-top: 180px;}
    .pakage_banner .wp-block-cover.is-style-default { min-height: 590px !important;}
    .packageparice_trums{ margin-bottom: -14rem !important; padding: 80px 0 16rem;background-size: 100%;}
    .gap_top.coprate_form{margin-bottom: -180px !important;}

}

/*menu for desktop*/
@media only screen and (min-width: 991px){
    header#masthead .primary-menu-container{    right: 0;    width: 100%; background: transparent;    height: fit-content;box-shadow: unset; overflow: hidden;     float: right;width: fit-content;}
    .primary-navigation > div > .menu-wrapper{flex-direction: row;    margin: 0 !important;    justify-content: flex-end;}
    body.page-id-5 header#masthead.site-header {background: #ffffff4d;}
    .primary-navigation .primary-menu-container > ul > .menu-item{max-width: unset;min-width: unset;}
    header#masthead .primary-menu-container{justify-content: flex-end; position: relative; margin: 0; height: 70px;    overflow: inherit;}
    header#masthead.site-header ul#primary-menu-list li{margin-top: 0 !important;}
    header#masthead.site-header ul#primary-menu-list li a {padding-bottom: 30px;padding-top: 30px;}
    ul#primary-menu-list li.custom-btn a, ul#primary-menu-list li.custom-btn a:focus, ul#primary-menu-list li.custom-btn a:active{margin-top: 15px;padding:15px !important;}
    header#masthead.site-header ul#primary-menu-list li.menu-item-has-children { margin-right: 8px !important; }
    header#masthead.site-header ul#primary-menu-list li.menu-item-has-children a {padding-right: 20px;}
    header#masthead ul.sub-menu{position: absolute;min-width: 26em;}
    .primary-navigation > div > .menu-wrapper > li > .sub-menu li{background:#ffffff4d !important;}
    .primary-navigation > div > .menu-wrapper > li > .sub-menu li:first-child{padding-top: 0;}
    .primary-navigation > div > .menu-wrapper > li > .sub-menu li:last-child{padding-bottom: 0;}
    header#masthead.site-header .header-mobile-btn {display: none;}

}


@media only screen and (max-width: 991px){
    header#masthead.site-header .site-branding {margin-right: 0;z-index: -1;}
    header#masthead.site-header .menu-button-container {display: flex;z-index: 9;}
    header#masthead .primary-menu-container{right: -95%; width: 95%;}
    header#masthead .header-Tickets-btn {background-color: #F15BB5 !important; transition: all 0.6s ease-out !important; padding: 8px 18px !important; font-size: 14px !important; border-radius: 4px !important; border-width: 1px !important; border-radius: 50px !important; border-top-left-radius: 0% !important; border-color: transparent; color: #fff; text-decoration: none;margin-left: auto;}
    header#masthead.site-header nav#site-navigation {margin: 0 0px 0px 60px;width: auto;}
    header#masthead.site-header .drop-menu {top: 10px;transform: inherit;}
    header#masthead.site-header .primary-navigation > div > .menu-wrapper > li > .sub-menu {min-width: 100%;top: 0;    display: none;position: static;}
    header#masthead .primary-menu-container #primary-menu-list {height: 100%;padding: 70px 15px !important;width: 100%;}
	header#masthead .primary-navigation > div > .menu-wrapper li { display: block;}
}   




@-webkit-keyframes expand{
    0%{height:0px}
    100%{height:100vh}
}

@keyframes earth-rotate {
  from {
    transform: rotate(0deg) translateX(110px) rotate(0deg);
}
to {
    transform: rotate(360deg) translateX(110px) rotate(-360deg);
}
}

@keyframes moon-rotate {
  from {
    transform: rotate(0deg) translateX(40px) rotate(0deg);
}
to {
    transform: rotate(360deg) translateX(40px) rotate(-360deg);
}
}

/*page loader*/
/*.pageloader {position: fixed;left: 0px; top: 0px;width: 100%;height: 100%; z-index: 9999; background:url(https://headrockvr.sg/wp-content/uploads/2022/09/Untitled-design-7.gif) no-repeat center / cover;
  background-color: #000;}*/

  @keyframes myAnim {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateY(-45px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateY(-24px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateY(-12px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateY(-6px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateY(-4px);
    }

    25%,
    55%,
    75%,
    87% {
        animation-timing-function: ease-out;
        transform: translateY(0px);
    }

    100% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0px);
    }
}



@keyframes spin_right {
    100% {
        transform: rotateZ(360deg); } }
        @keyframes spin_left {
            100% {
                transform: rotateZ(-360deg); } }

                @keyframes border-dance {
                  0% {
                    background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
                }
                100% {
                    background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
                }
            }

            @keyframes dash {
                to {
                    background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
                }
            }

/*car_animation*/
#axesY:checked ~ .container > .square {
  -webkit-animation: moveOnY 2s infinite ease-in-out alternate;
  animation: moveOnY 2s infinite ease-in-out alternate;
}


@-webkit-keyframes moveOnY {
  from {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
to {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
}

@keyframes moveOnY {
  from {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
to {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
}


@media only screen and (min-width: 482px){
 .contactdetails ul.address {
    margin-top: 0 !important;
}
.contactdetails .contactde h3.has-text-align-left {
    padding: 0 !important;
}
}

/*mute unmute button*/
.home-video{position: relative;}
button.sound-btn {position: absolute; z-index:1 !important;background:#f15bb5 !important; z-index: 999; bottom:180px; right:15px; height: 65px; width: 65px; border-radius: 50px;padding:20px; } 
button.sound-btn:hover, button.sound-btn:focus{color: white; border-color: #f15bb5;outline: none;}  
button.sound-btn:before {background-image: url(https://headrockvr.sg/wp-content/uploads/2022/12/mute.png); width: 20px; height: 20px; display: block; content: ""; background-size: 20px; left: 0; } 
button.sound-btn.active:before {content: "\f028" !important; font: normal normal normal 24px/0.8 FontAwesome;background-image: none;}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    button.sound-btn{bottom:80px !important;}
}    
@media only screen and (max-width:767px){
    button.sound-btn{bottom:34px !important;height: 52px;width: 50px;padding: 10px;}
}