@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');




body
{
margin:0;
padding:0;
font-family:'Helvetica',sans-serif;

background: -webkit-linear-gradient(to right, #240b36, #c31432); 
background: linear-gradient(to right, #240b36, #c31432); 

color:white;
font-weight:600;

outline:none;
}

*
{
caret-color:transparent;
}






a
{
text-decoration:none;
color:white;
}





.blackband
{
background:black;
width:100%;
min-height:100px;
}



@keyframes fding
{
0%{opacity:0.2}
50%{opacity:1}
100%{opacity:0.2}
}

#return
{
position:fixed;
top:7%;
left:5%;
background:orange;
height:40px;
width:40px;
z-index:99;
border-radius:50%;
color:black;
line-height:40px;
text-align:center;


animation-name:fding;
animation-duration:10s;
animation-iteration-count: infinite;
}



/* css ring */
.lds-ring
{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}

.lds-ring div
{
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1)
{
animation-delay: -0.45s;
}

.lds-ring div:nth-child(2)
{
animation-delay: -0.3s;
}

.lds-ring div:nth-child(3)
{
animation-delay: -0.15s;
}

@keyframes lds-ring
{
0%{
transform: rotate(0deg);
}
100%
{
transform: rotate(360deg);
}
}




textarea:focus,input:focus,div:focus,td:focus
{
outline:none;
}






p
{
color:white;
font-family: 'Raleway', sans-serif;
font-size:14px;
font-weight:300;
}






/* divs */
.innercont
{
margin:auto;
max-width:1200px;
width:98%;
text-align:center;
}

.container 
{
position: relative;
text-align: center;
color: white;
}

.centered 
{
position:absolute;
top:40%;
left:50%;
transform:translate(-50%, -50%);
}

.grad 
{
background-image:linear-gradient(to right,#251031,#9A353B);
}

.gradplayer 
{
height:auto;
text-align:center;
background-image:linear-gradient(45deg,#AB5560,#D7BFCC,#9887B4);
border-radius:20px;
}



.col2
{
display:inline-block;
width:46%;
text-align:center;
height:auto;
}


.col4
{
display:inline-block;
width:24%;
}





/* img */
.fit
{

width:100%;
height:100%;
object-fit:cover;
}

.ofc
{
width:100px;
height:100px;
object-fit:cover;
border:1px solid white;
}

.stationicon
{
display:inline-block;
width:24%;

vertical-align:top;
}

@media only screen and (max-width:600px)
{
.stationicon
{
width:48%;
}
}







.centercontrol2
{
/*margin:auto;*/
text-align:center;
width:80px;
overflow:visible;
}


.centercontrol
{
display:inline-block;
text-align:center;
width:80px;

}

.centericon
{
margin:auto;
text-align:center;
width:200px;
}

.center
{
margin:auto;
text-align:center;
}


















/* circle */
.circle 
{
color:white;
font-size:48px;
width:80px;
height:80px;
border-radius:80px;
background:red;
text-align:center;
display:table-cell;
vertical-align:middle;

overflow: visible;
}

.circle:hover 
{
box-shadow: rgba(255, 255, 255, 0.25) 0px 14px 25px, 
rgba(255, 255, 255, 0.12) 0px -12px 30px, rgba(255, 255, 255, 0.12) 0px 4px 6px, 
rgba(255, 255, 255, 0.17) 0px 12px 13px, rgba(255, 255, 255, 0.09) 0px -3px 5px;
}









#ti
{
border-radius:5px;
	
box-shadow: rgba(255, 255, 255, 0.25) 0px 14px 25px, 
rgba(255, 255, 255, 0.12) 0px -12px 30px, rgba(255, 255, 255, 0.12) 0px 4px 6px, 
rgba(255, 255, 255, 0.17) 0px 12px 13px, rgba(255, 255, 255, 0.09) 0px -3px 5px;
}






/* canvas eq*/
canvas 
{ 
width:100%;
height:80px;
} 



.slider
{
-webkit-appearance:none;  
appearance: none;
width: 100%;
height:5px;
background:purple;
outline: none;
opacity: 0.7; 
-webkit-transition: .2s; 
transition: opacity .2s;
}




.title
{
font-size:48px;
font-weight:200;
color:red;
}








.mtext
{
font-weight:500;
font-size:24px;
}

.htext
{
font-size:22px;
color:white;
}

.cta
{
font-size:24px;
font-weight:300;
margin:auto;
width:100%;
text-align:center;
}

.micro
{
font-size:14px;
color:white;
}











.next
{
display:inline-block;
vertical-align:top;

}












.option
{
padding:6px;
display:inline-block;
background:dodgerblue;
font-size:14px;
margin:2px;
}










/* text */
.poppins
{
font-family:'Poppins',sans-serif;
}

.poppinsw2
{
color:white;
font-family:'Poppins',sans-serif;
font-size:2vw;

}

@media only screen and (max-width:600px)
{
.poppinsw2
{
font-size:4vw;
}
}

.poppins2
{
color:black;
font-family:'Poppins',sans-serif;
font-size:2vw;

}

@media only screen and (max-width:600px)
{
.poppins2
{
font-size:3vw;
}
}


.poppinsw3
{
color:white;
font-family:'Poppins',sans-serif;
font-size:3vw;

}
@media only screen and (max-width:600px)
{
.poppinsw3
{
font-size:5vw;
}
}

.poppinsw4
{
color:white;
font-family:'Poppins',sans-serif;
font-size:4vw;

}
@media only screen and (max-width:600px)
{
.poppinsw4
{
font-size:6vw;
}
}

.poppinsw5
{
color:white;
font-family:'Poppins',sans-serif;
font-size:5vw;

}
@media only screen and (max-width:600px)
{
.poppinsw5
{
font-size:7vw;
}
}

.poppinsw1
{
color:white;
font-family:'Poppins',sans-serif;
font-size:1vw;
}

@media only screen and (max-width:600px)
{
.poppinsw1
{
font-size:3vw;
}
}

.poppinsy3
{
color:yellow;
font-family:'Poppins',sans-serif;
font-size:7vw;
font-weight:600;
font-style:italic;
}

@media only screen and (max-width:600px)
{
.poppinsy3
{
font-size:6vw;
}
}


.redoutline
{
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:red;
}

.red
{
color:red;
}