/*
Theme Name: Cyberfrog (Shaun)

Author: Shaun Hearnden

Version: 999999999999999999999999999999

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

a{text-decoration:none;}

#header{position:absolute;z-index: 10;
    padding:20px 0;
    width:100%;
    
/*; top:0; left:0;*/

}
#header .wrapper{max-width:93%;}

#header .wrapper > div{display:flex; justify-content: space-between}

.yellow_back_1{background: linear-gradient(360deg, #FFE001 0%, #FE9400 100%);}
.yellow_back_2{background: linear-gradient(180deg, #FFE001 37.98%, #FE9400 100%);}
.blue_back{background: linear-gradient(180deg, #002BB4 0%, #001557 100%);}


.home_top_banner{display:block; position:relative;padding:120px 0 0 0;height:100vh; max-height:1080px;}


.home .home_opening{display:block; padding:120px 0 250px 0;}
.home_opening{display:block; padding:100px 0; position: relative;}
#logo{max-width:405px; padding-top:10px;}
#logo img{width:100%;}
.home #logo{opacity:0;}


h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* Removes default top margin */
    margin-bottom: 16px; /* Standard bottom margin */
    line-height: 1.5; /* Line height for readability */
}

/* Specific Heading Styles */

h1 {
color: #231F1E;
text-align: center;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.92px;
}

h2 {
   color: #231F1E;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 64px; /* 133.333% */
letter-spacing: 1.44px;
}

h3 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 18px;
}

h4 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 16px;
}

h5 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 14px;
}

h6 {

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

.blue_back h6{
    color: #FFF;
    
    
}

/* Paragraph Styles */

p {
color: #1B1B43;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px;
    margin-bottom:30px;
}

tr, td {color: #1B1B43;
font-size: 20px;
font-style: normal;
font-weight: 400;
    padding:0!important;
line-height: 30px;}

.internal_banner {
    padding: 220px 0 150px 0;
    position: relative;
}

table#tablepress-1 {
    max-width: 400px;
    font-size: -webkit-xxx-large;
    margin: 0 0 40px 0;
}

.internal_banner .wrapper{max-width:90%;}

.internal_banner .wrapper > div{
    
    
     display: grid;
    grid-template-columns: 30% 65%; /* Adjust these values as needed */
    gap: 5%; /* Optional: Adjust the gap between columns if needed */
}
.internal_banner .wrapper > div p{max-width:480px; display:block;}
.home .home_opening .opening_right img{display:block; max-width:100%; margin:20px 0;}

.home .home_opening .opening_right img:hover{opacity:0.7; transition:0.3s;}
.home_top_banner .stars_1 {
    position: absolute;
    left: 20%;
    top: 20px;
    opacity: 1;
 
}




.menu_grid .stars_1 {
    right: 100px;
    top: -85px;
}


.menu_grid .stars_2 {
    right: -0px;
    bottom: 25px;
}

.menu_grid .stars_3 {
   left: 0px;
    bottom: 200px;
}

.stars_1 {
    width: 140px;
    height: 130px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/stars_1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    
       animation: twinkleStars 2s ease-in-out infinite;
   
}



.stars_2 {
    width: 140px;
    height: 130px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/stars-2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    
       animation: twinkleStars 2s ease-in-out infinite;
   
}


.stars_3 {
    width: 45px;
    height: 45px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/Star-14.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    
       animation: twinkleStars 2s ease-in-out infinite;
   
}
.stars_4 {
       width: 100px;
    height: 100px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/stars_3.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    
       animation: twinkleStars 2s ease-in-out infinite;
   
}


.stars_5 {
       width: 100px;
    height: 100px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/Component-12.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    
       animation: twinkleStars 2s ease-in-out infinite;
   
}


.special_a:hover, .white_right p a:hover, .text_image_section .text p:last-child a:hover, .red_button:hover, .pin_button:hover{background:#FE9400!important; transition:0.3s}

a.red_button.booking_button.ab_link {
    position: absolute;
    right: 150px;
    top: 240px;
    z-index: 5;
}

a.red_button.booking_button.ab_link:hover{background:#000!important; color:#fff!important;}

.text_image_section.blue_back .stars_5, .contact_form .stars_5{
    
      right: 60px;
    top: 80px;
    
}
  

.page-template-TEMPLATE-experience .text_image_section.yellow_back_1 .wrapper > div > a.image{
    
    transform: rotate(7deg) scale(1);
    
}

.internal_banner .stars_1{
 
    top: 20px;
    left: 36%;
    
    
}

.internal_banner .stars_4{
 
    top: 120px;
    right: 600px;
    
    
}


/*
@keyframes twinkleStars {
    0%   { opacity: 0.9; transform: scale(1); }
    50%  { opacity: 1;    transform: scale(1.08); }
    100% { opacity: 0.9; transform: scale(1); }
}
*/


.home_top_banner .skyline{
 
    background:url('https://mmtliverpool.com/wp-content/uploads/2026/04/skyline1-1-Vectorized.png');
        position: absolute;
    width: 83%;
    height: 325px;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    
}


#footer .skyline{
 
    background:url('https://mmtliverpool.com/wp-content/uploads/2026/04/SKYLINE.png');
        position: absolute;
    width: 1050px;
    height: 211px;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    bottom: -20px;
    left: -10px;
    z-index: 0
}

.home_top_banner .bus {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/magicalmysterybus-1.png);
    width: 720px;
    height: 350px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    bottom: -35px;
    z-index: 2;
    left: -180px;
    position: absolute;
}

.ticker-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding:20px 0;
    top:-180px;
}

.home_reviews_block{text-align:center;}

.home .gallery_ticker {
    bottom: -130px;
    position: relative;
    top:0;
    height:620px;
}

.home .gallery_ticker {
    bottom: -130px;
    position: relative;
    top:0;
/*    height:620px;*/
}

.gallery_ticker .center_div {
    position: relative;
    top: -130px;
    text-align: center;
}

.five_stars{display:inline-block; padding:30px 0; margin:0 auto; width:260px;}

.testy{
    
    color: #1B1B43;
margin:0 auto;
text-align: center;
max-width:800px;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 150% */
    
    
}


.ticker {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
}

.ticker span {
    display: inline-block;
    margin-right: 40px;
    color: #1B1B43;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.home_reviews_block{padding:80px 0; display:block; position: relative;}

.ticker-track .star{color:#002DBD; font-size:50px; height:0; position: relative;bottom:-10px;}

.ticker_1{padding:0px 0 0 0}


 .text_image_section.yellow_back_1 .wave_5, .text_image_section.blue_back .wave_2, .other_slider .wave_5{
    
    
    bottom:-55px; left:0;
}

.text_image_section.yellow_back_1 .wave_1{ bottom:-35px; left:0;}

.text_image_section.yellow_back_1 .stars_2 {
    transform: rotate(72deg);
    left: 50px;
    width: 130px;
    top: 100px;
}

.opening_right *{color:#fff;}

.home .opening_left h2{
    
    color: #FFE001;


font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.92px;
    
}

.opening_left h2{
    
    color: #FFE001;


font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 64px; /* 133.333% */
letter-spacing: 1.44px;
    
}

.home_opening .wrapper > div{
    
       display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px; /* Adjust the gap between grid items as needed */
    
}

h1, h2, h3, h4, h5, .ranchers, .menu_links a , .menu_title{font-family: "Ranchers", sans-serif!important;}

p, body, html, div, input, textarea, a, .ls_font, h6{
    
    font-family: "League Spartan", sans-serif!important;
    
}


body {
/*
    display: block;
    margin: 0 auto;
*/
/*    max-width: 1920px;*/
/*    position: relative;*/
    overflow-x: hidden;
}
.menu_links a{
    
    
    color: #FFF;

display:block;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.08px;
margin-bottom:10px;



}
.menu_links a:hover{color:#FFE001;transition:0.3s;}
.wrapper{max-width:1440px; margin:0 auto; display:block; position: relative;z-index: 3;}

.home_top_banner .wrapper{
    
    max-width:1150px;
    text-align:center;
    
    
}


.big_menu{
 
    background: linear-gradient(180deg, #002BB4 0%, #001557 100%);
    position: fixed;
    width:100%;
    height:100%;
    padding:250px 5% 0 5%;
    z-index: 9;
}

.yellow_top_menu .four_beatles {
    position: absolute;
    width: 500px;
    height: 113px;
    right: 770px;
    z-index: 2;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/beatles-silhouette-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
    top: 67px;
}

#footer .four_beatles {
    position: absolute;
    width: 483px;
    height: 109px;
    right: 34%;
    z-index: 1;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/beatles-silhouette-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
    bottom: 0;
}

.home_top_banner h2{
    
color: #231F1E;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 48px; /* 150% */
letter-spacing: 0.96px;
    margin-bottom:40px;
}


img.alignnone.size-full.wp-image-28 {
    margin: 30px 0;
}

.header_menu_trigger:hover{opacity:0.7; transition:0.3s; cursor:pointer}

.open_menu{width:140px; height:80px; display:inline-block; background:url('https://mmtliverpool.com/wp-content/uploads/2026/03/Open.png');
background-size:contain;background-repeat:no-repeat;
}
.close_menu{width:140px; height:80px; display:inline-block; background:url('https://mmtliverpool.com/wp-content/uploads/2026/03/close.png');
background-size:contain;background-repeat:no-repeat;
}


.internal_banner .rainbow_1{
    
    
      bottom: -30px;
    left: 5%;
}


.home_top_banner .rainbow_1 {
    
        bottom: 150px;
    left: 00px;
    width: 400px;
    height: 300px;
    
}

.home_top_banner .rainbow_2{
    
    position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}

.internal_banner .rainbow_2{
    
    
     right: 0;
    top: 100px;
}

   

.rainbow_1 {
    position: absolute;
    width: 200px;
    height: 200px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/rainbow_1-e1774973988651.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  
}


.rainbow_2 {
    position: absolute;
    width: 400px;
    height: 300px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/rainbow_3-e1774974016560.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  
}


.rainbow_4 {
    position: absolute;
    width: 300px;
    height: 230px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/rainbow_4.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  
}

.rainbow_5 {
    position: absolute;
    width: 300px;
    height: 230px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/rainbow_2-e1774974002139.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  
}

.rainbow_6 {
    position: absolute;
    width: 315px;
    height: 288px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/rainbow_5.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  
}


.rainbow_7 {
    position: absolute;
    width: 315px;
    height: 288px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/rainbow_5.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  transform: rotate(225deg);
}
.rainbow_8 {
    position: absolute;
    width: 315px;
    height: 288px;
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/rainbow_7.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
.home_reviews_block .rainbow_8 {
     top: -20px;
    left: 100px;
    
}
   


.home .blue_back.home_opening .rainbow_7{
    top:0;
    right:-80px;
}


.home .blue_back.home_opening .rainbow_6 {
    bottom: 200px;
    left: -80px;
    transform: rotate(45deg);
}

.home_opening .rainbow_5{
    
    width:160px;
    left:0;
    top:40px;
    
}

table, tr, td{border:none!important;}
table caption{display:none;}
.home_opening .stars_3{
    
        left: 48%;
    top: 80px;
    width: 60px;
    height: 60px;
    
    
    
}

.home .home_opening .stars_3{
    
        left: 5%;
    top: 80px;
    width: 50px;
    height: 50px;
    
    
    
}



.home_reviews_block .rainbow_2{
    
        bottom: -100px;
    rotate: 87deg;
    right: 10%;
    width: 280px;
    
}

.home .home_opening .stars_1{
    

    bottom: 245px;
    left: 41%;
    transform: translateX(-50%);
    
    
}

.home .home_opening .stars_2 {
    position: absolute;
    top: 60%;
    right: 80px;
    transform: translateY(-50%) rotate(80deg);
}

.text_image_section.yellow_back_1 .stars_4, .other_slider .stars_4{
    
    
    left:40px; top:100px;
    
    
}

.big_menu .rainbow_1{
    
        width: 400px;
    height: 300px;
        bottom: -30px;
    left: 290px;
    
}

.big_menu .rainbow_4{
    
    
        top: 600px;
    right: -20px;
    
}

.opening_picture {
    width: 100%;
    position: absolute;
    max-width: 800px;
    height: 460px;
    top: -170px;
    overflow: hidden;
    /* border: 5px solid #fff; */
    clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
    background: #fff;
    transform: rotate(-2deg);
}


.red_button {
    background: #FF0016;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
  padding: 15px 45px 15px 18px;
    position: relative;
}
.red_button.blue {
 background:#002DBD;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
  padding: 15px 45px 15px 18px;
    position: relative;
}



.opening_picture img{

    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
        clip-path: polygon(1% 0%, 99% 0, 96% 99%, 4% 100%);
    padding: 8px;
}


.header_right .red_button{
    
    top: -37px;
    right: 30px;
    
}


.header_right .red_button.blue{
    
    top: -37px;
    right: 50px;
    
}

.image{position:relative;}
.image img{
    
        
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
    
}


.red_button.booking_button span {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/Vector.png);
    position: absolute;
    top: 7px;
    right: 11px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.red_button.blue.booking_button span {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/05/image-7-Vectorized.png);
    position: absolute;
    top: 7px;
    right: 11px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}



.thumb_button{padding:15px 55px 15px 18px!important;}
.thumb_button span {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/image-4-Vectorized.png);
    position: absolute;
    top: 7px;
    right: 13px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.play_button:hover{background:#FF0016; transition:0.3s;}


span.guide_name {
    color: #1B1B43;
    font-family: "League Spartan";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
  padding-bottom:20px;
    margin-top: 20px;
    display: block;
}

.guide_name img {
    display: inline-block !important;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.pin_button span {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/Pin.png);
    position: absolute;
    top: 9px;
    right: 5px;
    width: 30px;
    height: 27px;
    background-size: contain;
    background-repeat: no-repeat;
}

.play_button{
   cursor:pointer;
    display: inline-block;
    background: #FE9400;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
    padding: 15px 45px 15px 18px;
    position: relative;

    
    
}


.plan_button span {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/icon-thought-1.png);
    position: absolute;
    top: 11px;
    right: 11px;
    width: 25px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}
.hist_button span {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/icon-history-2.png);
    position: absolute;
    top: 11px;
    right: 8px;
    width: 30px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}
.play_button span {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/Polygon-2.png);
    position: absolute;
    top: 9px;
    right: 4px;
    width: 31px;
    height: 27px;
    background-size: contain;
    background-repeat: no-repeat;
}


.review_number {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.white_split{display:block; padding:60px 0; position: relative;}

.white_split .wrapper > div{
    
       display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px; /* Adjust the gap between grid items as needed */
    
    
}

.special_a, .white_right p a, .text_image_section .text p:last-child a{
display:inline-block;
background: #FF0016;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
    padding: 15px 45px 15px 18px;
    position: relative;

}

.opening_right p:last-child > a{
    
   display:inline-block;
background:#FE9400;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
    padding: 15px 45px 15px 18px;
    position: relative; 
}
.white_right .red_button{margin-top:30px;display:inline-block}  
.text_image_section .wrapper > div{
    
       display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px; /* Adjust the gap between grid items as needed */
}


.home .text_image_section.reverse .wrapper > div {
    display: grid;
    grid-template-columns: 40% 50%;
    gap: 10%;
}

 .page-template-TEMPLATE-plan-php .text_image_section.blue_back.reverse .wrapper > div {
    display: grid;
    grid-template-columns: 40% 50%;
    gap: 10%;
}

.page-template-TEMPLATE-plan-php .text_image_section.blue_back.reverse .wrapper > div .image{
    
     left: -25%;
    width: 800px;
    max-height:500px;
}

   


.home .text_image_section.yellow_back_1 .wrapper > div {
    display: grid;
    grid-template-columns: 50% 40%;
    gap: 10%;
}




 .page-template-TEMPLATE-plan-php .text_image_section.yellow_back_1 .wrapper > div {
    display: grid;
    grid-template-columns: 50% 40%;
    gap: 10%;
}

.page-template-TEMPLATE-plan-php .text_image_section.yellow_back_1 .wrapper > div .image{
      right: 15%;
    width: 800px;
    
}
  


 .page-template-TEMPLATE-plan-php .text_image_section.white_back .wrapper > div {
    display: grid;
    grid-template-columns: 50% 40%;
    gap: 10%;
}

.page-template-TEMPLATE-plan-php .text_image_section.white_back .wrapper > div .image{
      right: 15%;
    width: 800px;
    
}

.page-template-TEMPLATE-about-php .text_image_section.white_back .wrapper > div {
    display: grid;
    grid-template-columns: 50% 40%;
    gap: 10%;
}

.page-template-TEMPLATE-about-php .text_image_section.white_back .wrapper > div .image{
      right: 15%;
    width: 800px;
    
}

.page-template-TEMPLATE-about-php .text_image_section.blue_back .wrapper > div {
    display: grid;
    grid-template-columns: 50% 40%;
    gap: 10%;
}

.page-template-TEMPLATE-about-php .text_image_section.blue_back .wrapper > div .image{
      right: 15%;
    width: 800px;
    
}


.page-template-TEMPLATE-about-php .text_image_section.yellow_back_1 .wrapper > div {
    display: grid;
    grid-template-columns: 40% 50%;
    gap: 10%;
}

.page-template-TEMPLATE-about-php .text_image_section.yellow_back_1 .wrapper > div .image{
    
     left: -25%;
    width: 800px;
    max-height:500px;
}




.text_image_section .red_button{display:inline-block; margin-top:20px;}

.white_split ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 25px;
    background-image: url(https://mmtliverpool.com/wp-content/uploads/2026/03/Star-23.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.blue_back.text_image_section p  strong a, .blue_back.text_image_section p a strong{ color:#FFE001; font-weight:600;}

.blue_back.text_image_section p  strong a:hover, .blue_back.text_image_section p a strong:hover{text-decoration:underline; transition:0.3s; }


#footer{background:url(https://mmtliverpool.com/wp-content/uploads/2026/04/Rectangle-29.png);  background-size:cover; background-position: top center;padding:80px 0 180px 0; position: relative;}

#footer .rainbow_2 {
    right: 470px;
    bottom: -60px;
    transform: rotate(77deg);
    width: 202px;
    overflow: hidden;
}



.home_reviews_block .stars_2{
    
    right: 200px;
    top: 100px;
    
    
}


.home_reviews_block .stars_1{
    
    bottom: 150px;
    left: 100px;
    
    
}

#footer .left_bus {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/magicalmysterybus-2-1.png);
    width: 490px;
    height: 282px;
    background-size: contain;
    position: absolute;
    right: 0;
    z-index: 3;
    bottom: -39px;
    background-repeat: no-repeat;
}

.footer_2 a{
    
    color: #1B1B43;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
    display:block;
    
}

.footer_2 a strong{
   
    font-weight: 700;
    
}

.footer_2 > div{margin-top:140px;}


.footer_3 > div > p{
    
    color: #1B1B43;
margin:0;

font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
    
    
    
}

.footer_3 > div > a{display:block;

color: #1B1B43;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;


}
.footer_3 > div > a:last-child {font-weight: 700}

.footer_2 a:hover, .footer_3 > div > a:hover{ font-weight:700; color:#011558; transition:0.3s;}

.footer_3 > div{
    
        margin-top: 45px;
    
}

#footer .wrapper{max-width:85%}

#footer .wrapper > div{
    
    
     display: grid;
    grid-template-columns: 20% 35% 15% 30%; /* Adjust these values as needed */
    gap: 0px; /* Optional: Adjust the gap between columns if needed */
    
}



.white_split ul li strong{
    
    color: #1B1B43;


font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 36px; 
}

.white_split ul li {
    position: relative;
    padding-left:35px;
   color: #1B1B43;
font-family: "League Spartan";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 36px; 
}






#copyright{
    
    background:#011558;
    color:#fff; 
    padding:15px 0;
    position: relative;
    z-index: 2;
}

#copyright a{color:#fff;}


#copyright .wrapper{max-width:85%;}

.white_back h6 a{color:#FF0016; font-weight:bold;}
.blue_back h6 a{color:#FFE001; font-weight:bold;}

.white_back h6 a:hover{color:#FE9400!important; transition:0.3s;}


.wave_1 {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/wave.png);
    position: absolute;
     z-index: 1;
    width: 100%;
    height: 94px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.wave_2 {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/wave_2.png);
    position: absolute;
  z-index: 1;
    width: 100%;
    height: 94px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.wave_3 {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/wave_3.png);
    position: absolute;
  z-index: 1;
    width: 100%;
    height: 94px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.wave_4 {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/wave_4.png);
    position: absolute;
 z-index: 1;
    width: 100%;
    height: 94px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}



.credits_wave{
    
    
        background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/Wave-Dark-Blue.png);
    position: absolute;
 z-index: 1;
    width: 100%;
    height: 32px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    
    
    
    
}



#footer .credits_wave{
    bottom:0; left:0;
    
    
    
}

/*BLUE WAVE FOR YELLOW SECTION*/
.wave_5 {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/04/wave_5.png);
    position: absolute;
 z-index: 1;
    width: 100%;
    height: 94px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


.plain_box .wave_2{bottom:-55px; left:0;}

.text_image_section.white_back .wave_3{bottom:-35px; left:0;}

.home_reviews_block .wave_4{top:-45px;left:0;}
.home_reviews_block .wave_1{bottom:-35px; left:0;}
.multi_grid .image{height:345px}

.multi_grid .wrapper > div:nth-child(even) .image{order:-1;}
.multi_grid .wrapper > div:nth-child(even){margin-top:100px;}
.internal_banner .wave_3{
     bottom: -35px;
    left: 0;
    
}

.white_back{background:#fff; position: relative;}

.plain_box{padding:100px 0 80px 0;display:block; position: relative;background:#fff;}


.booking_box{padding:60px 0; width:100%; display:block;}

.home_opening  .wave_1, .contact_form .wave_1 {

    top: -55px;
    left: 0;

}

.home_opening .wave_2,  .contact_form .wave_2{
    left: 0;
    bottom: -55px;
}



.white_split .wave_3{bottom:-35px; left:0;}


.yellow_top_menu .wave_1 {
    background: url(https://mmtliverpool.com/wp-content/uploads/2026/03/wave.png);
    position: absolute;
    top: auto;
    bottom: -28px;
    left: 0;
    width: 100%;
    height: 94px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


.text_image_section .image {
    
    transform:scale(1);
    
    
}



.text_image_section .image img{border:7px solid #fff;


clip-path: polygon(1% 0%, 99% 0, 96% 99%, 4% 100%);
    /* background: #fff; */
    padding: 8px;


}

.text_image_section .image {transform: rotate(7deg) scale(0.9);

    clip-path: polygon(0% 1%, 100% 1%, 97% 99%, 3% 99%);
    background: #fff;


}
.multi_grid .wrapper > div:nth-child(even) .image, .text_image_section.reverse .image {transform: rotate(-7deg) scale(0.9);}

.text_image_section.blue_back.multi_grid .stars_1  {
    position: absolute;
    top: 35%;
    left: 25%;
    transform: rotate(136deg);
}


.text_image_section.blue_back .rainbow_2, .contact_form .rainbow_2 {
    position: absolute;
    top: 60%;
    right: -80px;
    transform: translateY(-50%) rotate(66deg);
    width: 300px;
}

.text_image_section.blue_back .rainbow_6, .contact_form .rainbow_6 {
    left: -32px;
    right: auto;
    bottom: 60px;
    width: 160px;
}

.home .text_image_section .image{ right:15%;width:800px;}

.home .text_image_section.reverse  .image {left:-25%; width:800px;}


.yellow_top_menu {
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.reverse .image{order:-1;}

.text_image_section{padding:100px 0; display:block; position: relative;}

.blue_back *{color:#fff;}
.blue_back h2{color: #FFE001;}



  /* the slides */
  .home_gal .slick-slide {
      margin: 0 20px;
      border:7px solid #fff;
  }

  /* the parent */
  .home_gal .slick-list {
      margin: 0 -20px;
   
  }




.home_gal_image{height:400px; width:400px; position: relative; aspect-ratio:1 / 1;}

.home_gal {
    display: block;
    position: relative;
    top: -200px;
    overflow:hidden;
}






  /* the slides */
  .internal_gal .slick-slide {
      margin: 0 20px;
      border:7px solid #fff;
  }

  /* the parent */
  .internal_gal .slick-list {
      margin: 0 -20px;
   
  }




.internal_gal_image{height:400px; width:400px; position: relative; aspect-ratio:1 / 1;}

.internal_gal {
    display: block;
    position: relative;

    overflow:hidden;
}

  /* the slides */
  .internal_guide .slick-slide {
      margin: 0 20px;
   
  }

  /* the parent */
  .internal_guide .slick-list {
      margin: 0 -20px;
   
  }




.internal_guide_image{height:400px; width:400px; position: relative; aspect-ratio:1 / 1;   border:7px solid #fff;}

.internal_guide {
    display: block;
    position: relative;

    overflow:hidden;
}
















/*HOME BANNER FADEES*/

.home_top_banner .wrapper > span > * {
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: translateY(10px);
}

.home_top_banner .wrapper > span > *.fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* Zoom element */
.home_top_banner .wrapper > span > *.zoom-start {
    transform: scale(0.6);
}

.home_top_banner .wrapper > span > *.zoom-start.fade-in {
    transform: scale(1);
}


/*BUS ANIMATION*/


.home_top_banner .bus {
    opacity: 0;
    transform: translateX(-100px);
    transition: transform 1s ease, opacity 1s ease;
}

.home_top_banner .bus.bus-in {
    opacity: 1;
    transform: translateX(0);
}









.other_slider{padding:120px 0 100px 0; position: relative;}


.other_slider .wrapper > span{display:block; max-width:660px;margin-bottom:60px;}

.dual_image {
    display: block;
    position: relative;
    height:300px;
}

.dual_image .image{width:400px; height:210px; position: absolute; top:0; }

    .dual_image .image_1{left:-50px;

clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
    background: #fff;
    transform: rotate(-2deg);

}

.dual_image .image_1 img{
    
   clip-path: polygon(1% 0%, 99% 0, 96% 99%, 4% 100%);
    padding: 8px;
    
}




.dual_image .image_2{right:0px; top:70px;

transform: rotate(7deg);
    clip-path: polygon(0% 1%, 100% 1%, 97% 99%, 3% 99%);
    background: #fff;

}
.menu_contact *{color:#fff;}
.menu_title{
    
    
    color: #FFF;
display:block; margin-bottom:30px;

font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.08px;
}

.menu_contact p{
    
    color: #FFF;


font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */
    
}


.menu_social{
    
     display: grid;
    grid-template-columns: 55% 35%; /* Adjust these values as needed */
    gap: 10%; /* Optional: Adjust the gap between columns if needed */
    
}

.menu_social > div{
    
       display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* Adjust the gap between grid items as needed */
    
}

.menu_social > div a{width:50px}
.menu_social > div a img{width:100%;}
.menu_social > a{
    height:50px;
    background: #FF0016;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
    padding: 15px 45px 15px 18px;
    position: relative;
    
    
}
.cf_layout{
    max-width:1200px;
     display: grid;
    grid-template-columns: 30% 45% 16%; /* Adjust these values as needed */
    gap: 5%; /* Optional: Adjust the gap between columns if needed */
    
}

span.wpcf7-not-valid-tip{position:absolute;c}

.cf_layout textarea{
    
        height: 190px;
    max-height: 200px;
    
}

.faq_section{display:block; padding:100px 0;background:#fff;position: relative;}

.faq_section .wrapper > div{
    
     display: grid;
    grid-template-columns: 60% 25%; /* Adjust these values as needed */
    gap: 10%; /* Optional: Adjust the gap between columns if needed */
    
    
}



.page-template-TEMPLATE-contact .text_image_section .image{ transform: rotate(7deg) scale(1.2); top:-120px}



input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #FF0016;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
    padding: 15px 80px 15px 18px;
    position: relative;
    border: none;
    border: none;
    top: 145px;
    background-image: url(https://mmtliverpool.com/wp-content/uploads/2026/04/send-1.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}


input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
    
    background-color:#FE9400!important;
    cursor:pointer;
    transition:0.3s;
    
    
}


.cf_layout  ::placeholder {
  color: #fff;
color: #FFF;


font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */
}
.cf_layout input, .cf_layout textarea{
    
    font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 40px;
    
    width:100%;background:transparent; -webkit-appearance:none;border:none; border-bottom:1px solid #fff; color:#fff;outline:none; text-align: left;}

.menu_contact p:nth-child(4){margin-top:-25px;}

strong{font-weight:700;}
.menu_grid{
    
     display: grid;
    grid-template-columns: 20% 50% 25%; /* Adjust these values as needed */
    gap: 2.5%; /* Optional: Adjust the gap between columns if needed */
    
}


.dual_image .image_2 img{
    
border: 7px solid #fff;
    clip-path: polygon(1% 0%, 99% 0, 96% 99%, 4% 100%);

    padding: 8px;
    
}

.menu_photos{position:relative; top:40px;}

.menu_photos > div{display:block; height:200px; width:350px;}



.menu_photos .image_1{


transform: rotate(-7deg);
    clip-path: polygon(0% 1%, 100% 1%, 97% 99%, 3% 99%);
    background: #fff;
    
}
.menu_photos .image_2{
    
    position: absolute; top:100px;right:50px;
    
        transform: rotate(7deg);
    clip-path: polygon(0% 1%, 100% 1%, 97% 99%, 3% 99%);
    background: #fff;
    
}

.menu_photos .image_3{
    
    position: absolute; top:260px;right:250px;
    
        clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
    background: #fff;
    transform: rotate(-2deg);
    
}




.menu_photos .image_1 img{
    
  
    clip-path: polygon(1% 0%, 99% 0, 96% 99%, 4% 100%);
    /* background: #fff; */
    padding: 7px;
    
}

.menu_photos .image_2 img{
  
    clip-path: polygon(1% 0%, 99% 0, 96% 99%, 4% 100%);
    /* background: #fff; */
    padding: 8px;
    
}

.menu_photos .image_3 img{
    clip-path: polygon(1% 0%, 99% 0, 96% 99%, 4% 100%);
    padding: 8px;
    
}


span.vid_popup {
    background: #FE9400;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 4% 99%);
    padding: 15px 45px 15px 18px;
    position: relative;
    margin-top: 25px;
    display: inline-block;
}

.contact_form{position:relative; padding:100px 0;display:block;}


.accordion {

color: #1B1B43;

background:transparent;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 150% */
  cursor: pointer;
  padding: 18px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;

  transition: 0.4s;
}

.active, .accordion:hover {
  color:#002DBD;
}

.panel {
  padding: 0px;
  display: none;
  background-color: white;
  overflow: hidden;
}


.accordion.active img {
    display: inline-block !important;
    position: relative;
    top: 6px;
    margin-right: 10px;
}

#footer .stars_1 {
    position: absolute;
    top: 40%;
    left: 44%;
    transform: translate(-50%, -50%);
}
/* Wrapper */
#guide-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
}

/* Active state */
#guide-lightbox.active {
    display: block;
}

/* Dark overlay */
.guide-lightbox-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(4px);
}

/* Content box */
.guide-lightbox-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
 
    max-height: 700px;
    
    max-width: 1100px;
    
    background: linear-gradient(180deg, #002DBD 0%, #001557 100%);
    padding: 30px 30px 120px 20px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
}

/* Close button */
.guide-lightbox-close {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    font-size: 100px;
    font-weight: 100;
}

.guide-lightbox-close:hover{color:#FFE001;}

/* Title */
.guide-lightbox-title {
    font-size: 24px;
    margin-bottom: 15px;
}

/* Image */
.guide-lightbox-image {
    width: 100%;
    height: auto;
   border:7px solid #fff;
    margin-bottom: 15px;
}

/* Info text */
.guide-lightbox-info {
    font-size: 16px;
    line-height: 1.5;
    color: #444;
}

#guide-lightbox {
    opacity: 0;
    transition: opacity 0.3s ease;
}

#guide-lightbox.active {
    display: block;
    opacity: 1;
}

.guide_box:hover{cursor:pointer; opacity:0.8; transition:0.3s;}

.guide_pop_layout{
    
     display: grid;
    grid-template-columns: 40% 55%; /* Adjust these values as needed */
    gap: 5%; /* Optional: Adjust the gap between columns if needed */
}

.guide_pop_layout .image{aspect-ratio: 1/ 1;}

.guide_pop_layout h3{
    
    color: #FFE001;


font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 64px; /* 133.333% */
letter-spacing: 1.44px;
    
}

.guide_pop_layout .guide-lightbox-info p{color:#fff;


font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */
}
.text_image_section.yellow_back_1.reverse ul{margin-bottom:20px;}
.text_image_section.yellow_back_1.reverse ul li {
    font-size: 25px;
    margin-bottom: 5px;
}