
#lowerhr, .pagebuttons{
display:none;
}

.contentwhitebg {
  background-color: #ffffff;
  margin: 10px 0px 10px 0px;
    margin-left: 0px;
  padding: 10px 15px 15px 15px;
}

.greybg h3 {
  font-size: 2em;
  padding: 10px 20px 0px 20px;
}
.downarrow{
font-size:2.4em !important;
color:#ffffff;
padding-top:30px;
-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite;
}
.specbox .colinner {
  padding: 10px 20px 0px 20px;
}
#logotab{
position:absolute; z-index:998;
width:340px;
padding:0px 30px 10px 30px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
background-color:rgba(39,34,83,0.8);
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
@media only screen and ( max-width: 800px )
                {
                
                #logotab{
                width:210px;
                }
                
                }
@media only screen and ( max-width: 450px )
                {
                
                #logotab{
                width:160px;
                }
                
                }
@media only screen and ( max-height: 700px )
                {
                
                #logotab{
                width:160px;
                }
                
                }
                
#partnerbar{

background: linear-gradient(90deg, #EEEEEE 50%, #FFFFFF 50%);

}
@media only screen and ( max-width: 1070px )
        {
        #partnerbar{display:none;}
        }
#partners{max-width:1100px;
margin:auto;
background-color:#ffffff;
display:flex;
}
#partners img{

filter: gray;
-webkit-filter: grayscale(100%);
}
#partners img:hover{
filter: none;
  -webkit-filter: grayscale(0%);
}

#sliderpartner{
flex-grow:4;
margin-left:60px;
}
.partner-slide{
width:195px;
margin-left:20px;
margin-top:5px;
}
.partner-slide .partner-imgcontainer{
display:flex;height:116px;
align-items:center;
justify-content:center;
overflow:hidden;
background-color:#ffffff;
}


.greyarrow{
align-content:center;
background-color:#EEEEEE;
padding:30px 0px 40px 0px;
max-width:200px;
font-family:'Asul', Verdana, Arial;
font-size:1.1em;
position:relative;
z-index:100;
display:inline-block;

}
.greyarrow:after, .greyarrow:before{
    content:"";
    position:absolute;
    width:40px;
    height:50%;
    left:100%;
}
.greyarrow:after{
    bottom:0;
    background: linear-gradient(to right bottom, #EEEEEE 50%, transparent 50%);
}
.greyarrow:before{
      top:0;
    background: linear-gradient(to right top, #EEEEEE 50%, transparent 50%);
}
.arrowlink{
background-color:#D02E3E;
padding:5px 10px 5px 10px;
border-radius:8px;
color:#ffffff;
text-decoration:none;
font-family:'Asul', Verdana, Arial;
font-size:1em;
}
.arrowlink:hover, .arrowlink:focus{
background-color:#272253;
}

.rightevents{
float:right;
margin:20px 20px 0px 20px;
}
#spectulise h4{
font-size:1.2em;
margin-bottom:0px;
padding-bottom:0px;
}
#spectulise ul{
margin:0px;
padding-left:22px;
}
#spectulise ul li{
list-style-type:none;
}
#spectulise > div > ul > li::before {
  font-family: "Font Awesome 5 Pro"; 
  content: '\f0da';
  margin: 5px 5px 0 -15px;
  color: #fff;
  float: left;
  font-size:1em;
}

#twitterwide:after{
content: "\f099"; 
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 240px;
  color: rgba(255,255,255,0.2);
  margin: -100px 0px 0 0px;

  -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#twitterwide ul{
padding-left:0px;
}

#spectulise a .fa-circle{
color:#D02E3E;
}
#spectulise a:hover .fa-circle{
color:#ffffff;
}
#spectulise a:hover  i{
color:#272253;
}

