/* synthconn */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body
{

margin:0;
padding:0;

font-family:'Montserrat',sans-serif;
}


header
{

}

footer
{
/*background-image:linear-gradient(to top,#9890e3 0%,#b1f4cf 100%);*/
background:-webkit-linear-gradient(#1E98B0,#75C634);
min-height:200px;

}

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





.cover
{
padding:8px;
background:#225EA9;
text-align:center;
font-size:24px;
color:white;
}

.center
{
margin:auto;
text-align:center;
border:0px solid #ccc;
padding:5px;

}


.center300
{
margin:auto;
text-align:center;
border:0px solid #ccc;
padding:5px;
max-width:300px;
}

.center350
{
margin:auto;
text-align:center;
border:0px solid #ccc;
padding:5px;
max-width:350px;
}

.center600
{
margin:auto;
text-align:center;
border:0px solid #ccc;
padding:5px;
max-width:600px;
}


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



.innercont
{
width:96%;
max-width:1200px;
margin:auto;
}

.col3
{
display:inline-block;
width:29%;
vertical-align:top;
}

.col2
{
display:inline-block;
width:48%;
vertical-align:top;
}

.service
{
border:1px solid grey;
width:100%;
}







/* input */
input
{
padding:9px;
font-size:18px;
border:2px solid black;
border-radius:4px;
}

textarea
{
padding:9px;
font-size:18px;
border:2px solid black;
border-radius:4px;
}






/* img */
.fit
{
max-width:100%;

}

.ofc
{
width:100px;
height:100px;
object-fit:cover;
}

.ofc100
{
width:100px;
height:100px;
object-fit:cover;
border-radius:50%;
border:1px solid black;
transition:transform .2s
}

.ofc100:hover
{
transform:scale(1.15);
}

.ofc200
{
width:200px;
height:200px;
object-fit:cover;
border-radius:50%;
}







/* buttons */
.blackbutton
{
text-align:center;
padding:9px;
background:black;
color:white;
}




/* bands */
.redband
{
width:100%;
min-height:300px;
background:red;
}

.bluegreenband
{
background-image:linear-gradient(to top,#9890e3 0%,#b1f4cf 100%);
min-height:200px;
}



/*
#wrapper,img
{
width:100%;

}
*/






/* slideshow */
.sscont
{
width:100%;
height:300px;
min-height:300px;
overflow:hidden;
}


#slideshow,img
{
width:100%;
}

#slideshow>div 
{
position:absolute;
width:100%;
height:300px;
min-height:300px;
}








/* text */
.cdcont
{

margin:4px;
display:inline-block;

}

.cd
{
background:black;
color:white;
padding:12px;
text-align:center;
width:30px;

font-size:18px;
}

.micro
{
font-size:12px;
color:#404040;
}

.w
{
color:white;
}

.b
{
color:black;
}

.g
{
color:grey;
}

.synthblue
{
color:#1C247E;
}

.bebas
{
font-family:'Bebas Neue',sans-serif;
color:black;
}

.roboto
{
font-family:'Roboto',sans-serif;
}

.montserrat
{
font-family:'Montserrat',sans-serif;

}

.semibold600
{
font-weight:600;
}

.bebastit
{
font-size:32px;
font-family:'Bebas Neue',sans-serif;
}

.bluegreen
{

background:-webkit-linear-gradient(#1E98B0,#75C634);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.f16
{
font-size:16px;
}

.f24
{
font-size:24px;
}

.f32
{
font-size:32px;
}

.f48
{
font-size:48px;
}












.playbutton {
  background: none;
  width: 50px;
  height: 50px;
  border: solid 5px #1C217F;
  border-radius: 100%;
  position: relative; 
  text-indent:-9999px;
  box-shadow: 1px 1px 3px #999999;
}

.playbuttonspan {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #1C217F;
  border-bottom: 15px solid transparent;
  position:absolute;
  top:20%;
  left:36%;    
}

/*
.playbutton:hover{
  background:#4ccaea;
  cursor:pointer;
  opacity:0.8;
  border:none;
  position:absolute;  
  width: 60px;
  height: 60px; 
  box-shadow:none;
}

.playbutton:hover span{
  top:25%;
  left:38%;
}
*/



.pausebuttonspan
{
width: 20px;
height: 20px;
border-style: double;
border-width: 0px 0px 0px 15px; /* Creates two bars */
border-color: #1C217F;

  position:absolute;
  top:30%;
  left:36%;   
}