.jello-horizontal {
-webkit-animation: jello-horizontal 0.9s both;
animation: jello-horizontal 0.9s both;
} @-webkit-keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .bounce-in-top {
-webkit-animation: bounce-in-top 1.4s both;
animation: bounce-in-top 1.4s both;
}  @-webkit-keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.swing-in-top-fwd {
-webkit-animation: swing-in-top-fwd 0.5s
cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
} @-webkit-keyframes swing-in-top-fwd {
0% {
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 1;
}
}
@keyframes swing-in-top-fwd {
0% {
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 1;
}
}nav {
height: 110px !important;
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/nav.svg);
background-size: cover !important;
background-position: center center !important;
object-fit: cover !important;
}  .menu-item a {
color: #57639b;
font-family: Bubblegum Sans;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
text-transform: capitalize;
}
.menu-phone {
color: #57639b;
font-family: Bubblegum Sans;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
} #heropart {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/polygon.png);
background-repeat: no-repeat;
width: 668px;
height: 668px;
text-align: center;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
} .btn-now {
margin-top: 5px !important;
color: white !important;
width: 135px;
height: 50px;
border-radius: 5px;
background: linear-gradient(95deg, #ee3281 0%, #57639b 127.63%);
}
.enroll-now {
color: white !important;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background: linear-gradient(95deg, #ee3281 0%, #57639b 127.63%);
}  .british-EYFS {
-webkit-text-stroke: 1px rgb(237, 0, 99) !important;
opacity: 0.5;
color: transparent !important;
font-weight: 700;
font-family: Bubblegum Sans;
font-size: 80px;
} #our-nursery {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/ourNurseryBackground.png);
background-position: top left !important;
background-repeat: no-repeat !important;
}  #our-vision {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/ourVissionbackground.png);
background-position: top right !important;
background-repeat: no-repeat !important;
}  .box-1 {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/BoxBg-1.png);
}
.box-2 {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/BoxBg-2.png);
}
.box-3 {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/BoxBg-3.png);
}
.box-4 {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/BoxBg-4.png);
}   .parallax-container {
color: white !important;
height: 570px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/paralax.jpg);
scroll-behavior: smooth;
background-attachment: scroll;
} .file-input__input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.file-input__label {
cursor: pointer;
display: inline-flex;
align-items: center;
color: #ffffff;
font-family: Bubblegum Sans;
font-size: 1.1875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.05938rem;
font-weight: 600;
padding: 12px 18px;
border-radius: 5px;
border-style: solid;
background: #e33583;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}  #btn-scroll-top {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
cursor: pointer;
}
#top-footer {
background-image: url(//lbnursery.bgm.me/wp-content/themes/royexlbnursery/image/footer.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}  @media (min-width: 350px) and (max-width: 576px) {
header.banner_section {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: -1000px;
margin: 0 auto;
}
nav {
height: 85px !important;
}
.british-EYFS {
font-size: 40px !important;
}
.parallax-container {
background-size: cover;
background-attachment: scroll;
}
}
@media (min-width: 576px) and (max-width: 768px) {
header.banner_section {
height: 87vh;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: -960px;
}
nav {
height: 90px !important;
}
.british-EYFS {
font-size: 60px !important;
}
.parallax-container {
padding: 20px;
background-size: cover;
background-attachment: scroll;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.parallax-container {
padding: 20px;
background-size: cover;
background-attachment: scroll;
}
nav {
height: 90px !important;
}
}
@media (min-width: 1920px) {
nav {
height: 115px !important;
}
}