.pslide {
position: relative;
width: 100%;
height: auto;
margin-top: -16vw;
}
.pslide.pslide1 {
margin-top: 0;
}
.video-waves .pslide-wave-desktop {
display: none;
}
.pslide-content {
padding-bottom: 16vw;
}
.pslide2 *,
.pslide3 *,
.pslide4 * { color: #fff; }
.pslide3 .pslide-content {
background-color: rgb(11, 34, 73);
background-image: linear-gradient(180deg, rgb(11, 34, 73) 0%, rgb(15, 56, 126) 100%);
}
.pslide2 .pslide-content {
background-color: rgba(0, 114, 181, 1);
background-image: linear-gradient(180deg, rgb(0, 114, 181) 0%, rgb(22,170,255) 100%);
}
.pslide4 .btn__secondary:after {
border-color: #fff;
}
.pslide4 .pslide-content {
padding-bottom: 0;
background-color: rgba(0, 114, 181, 1);
background-image: linear-gradient(180deg, rgb(0, 114, 181) 0%, rgb(22,170,255) 100%);
}
.extra-info .pslide-content {
background-color: rgb(11, 34, 73);
background-image: linear-gradient(180deg, rgb(11, 34, 73) 0%, rgb(15, 56, 126) 100%);
padding-bottom: 16vw;
}
.contactform {
margin-top: -8vw;
}
.swapExtraActive {
display: none;
}
.floats1,
.floats3 {
width: 80%;
height: 0;
margin: 150px 0 150px 20%;
padding-top: 75px;
position: relative;
}
.floater {
position: absolute;
height: auto;
}
.floats1 .floater1 {
animation: float 13s ease-in-out -5s infinite;
width: 90px;
top: -14vh;
left: 46%;
}
.floats1 .floater2 {
animation: float 7s ease-in-out -3s infinite;
width: 80px;
top: 0;
left: 0;
}
.floats1 .floater3 {
animation: float 10s ease-in-out -1s infinite;
width: 15px;
top: 17vh;
left: 26%;
}
.floats1 .floater4 {
animation: float 11s ease-in-out -11s infinite;
width: 38px;
top: 7vh;
left: 36%;
}
.floats1 .floater5 {
animation: float 16s ease-in-out -6s infinite;
width: 26px;
top: -15vh;
left: 12%;
}
.floats3 .floater1 {
animation: float 6s ease-in-out -5s infinite;
width: 90px;
top: -2vh;
left: 20%;
}
.floats3 .floater2 {
animation: float 9s ease-in-out -3s infinite;
width: 10px;
top: 0;
left: 0;
}
.floats3 .floater3 {
animation: float 13s ease-in-out -1s infinite;
width: 38px;
top: 17vh;
left: 13vw;
}
.floats3 .floater4 {
animation: float 11s ease-in-out -11s infinite;
width: 25px;
top: 7vh;
left: 56%;
}
.floats3 .floater5 {
animation: float 12s ease-in-out -6s infinite;
width: 26px;
top: -15vh;
left: 12%;
}
.float-text span {
text-align: right;
display: block;
line-height: 1;
}
.float-text span:nth-child(1) {
font-size: 3rem;
}
.float-text1 span:nth-child(2) {
font-size: 2rem;
}
.float-text1 span:nth-child(3) {
font-size: 1.03rem;
line-height: 2;
}
@keyframes float { 0% { transform: translateY(0vh); } 50% { transform: translateY(-3vh); } 100% { transform: translateY(0vh); } }
@media screen and (max-width: 480px){
.pslide-content,
.float-text span {
text-align: center;
}
.float-text {
margin: 50px 0;
}
}