.backgrounds-bg-5 {background: purple;}
.logo {padding: 10px; float:left; width: 300px; height: 80px;}
.headline {font-size: 50px; font-weight: bold; color: #ffffff;}
.subtitle {padding-bottom: 20px;}
.subtitle a {color: #ffffff;}
.subtitle a:hover {color: #999999;}
.aboutfront {padding-top: 40px;}
.title h1 {text-align: center; font-size: 40px; color: #ffffff;}
.psubtitle {text-align: center; font-size: 20px; color: #ffffff;}
.infotopbar {height: 40px; background: #530F9C; padding-top: 6px; position: fixed; top: 0; width: 100%; z-index: 999999;}
.infotopbar p {color: #ffffff; font-size: 20px;}
.infotopbar a {color: #ffffff;}
.infotopbar a:hover {color: #999999;}
.header-section {margin-top: 20px;}
.contact {font-size: 12px; text-align: right; color: #530F9C;}
.contact span {font-size: 20px; font-weight: bold;}
.mobdetails {}
.topbartext {margin-top: 12px; color: #530F9C;}
.topbartextr {margin-top: 12px; color: #530F9C;}
.topbartext a {color: #530F9C; text-decoration: underline;}
.topbartextr a {color: #530F9C; text-decoration: underline;}
.postheader {font-size: 30px;}
.postdate {font-size:13px;}
.postcontent {font-size:16px;}
.exitlinks {font-weight: bold; color: #530F9C;}
.exitlinks a {color: #530F9C; text-decoration: underline;}
.exitlinks a:hover {color: #999;}
.navbar-nav a {color: #000000 !important;}
.navbar-nav a:hover {color: #530F9C !important;}
.header-section {padding-bottom: 10px;}
.general-content {color: #000000 !important; font-size: 15px; text-align: justify;}
.general-content a {font-weight: bold;}
footer {color: #999999;}
.text-left {margin-left:10px;margin-top:4px;}
.text-right {margin-top:4px;}
.w3-center{text-align:center!important}
.w3-display-container{position:relative; }
.w3-display-bottommiddle{position:absolute;left:50%;bottom:50%;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-container,.w3-panel{padding:0.01em 56px}
.qavs {width: 7%; height: 130px; position: relative; float: right; margin-left: 30px;}
.mySlides {color:#fff!important}
.address_info {font-size: 15px; float: right; position: relative; top:0; right:0}
.mobile {display: none;}

.icon-bar {
  width: 90px; /* Set a specific width */
  background-color: #555; /* Dark-grey background */
}

.icon-bar a {
  display: block; /* Make the links appear below each other instead of side-by-side */
  text-align: center; /* Center-align text */
  padding: 16px; /* Add some padding */
  transition: all 0.3s ease; /* Add transition for hover effects */
  color: white; /* White text color */
  font-size: 36px; /* Increased font-size */
}

.icon-bar a:hover {
  background-color: #000; /* Add a hover color */
}

.active {
  background-color: #4CAF50; /* Add an active/current color */
}

.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

.rpwe-block li{
margin-bottom: 10px;
padding-bottom: 14px;
list-style-type: none;
}

.rpwe-block a{
display: inline !important;
text-decoration: none;
color: #ffffff;
}

.rpwe-block a:hover{
color: #999999;
}

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 18px !important;
line-height: 1.5em;
}

.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}

.rpwe-summary{
font-size: 14px;
color: #ffffff;
}

.rpwe-time{
color: #bbb;
font-size: 13px;
}

.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}

/*Strip the ul of padding and list styling*/
ul nav {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
li menu-item {
    display:inline-block;
    float: left;
    margin-right: 1px;
} 
        
 /*Style for menu links*/
li menu-item a {
    display:block;
    min-width:140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    background: #2f3036;
    text-decoration: none;
}
/*Hover state for top level links*/
li menu-item:hover a {
    background: #530F9C;
}
/*Style for dropdown links*/
li menu-item:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
li menu-item:hover ul a:hover {
    background: #530F9C;
    color: #fff;
} 
        
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    color: #fff;
    background: #530F9C;
    text-align: center;
    padding: 10px 0;
    display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}        
        
        
    /*Responsive Styles*/
@media screen and (max-width : 760px){
    /*Make dropdown links appear inline*/
    ul nav {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    li menu-item {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    ul nav li menu-item, li menu-item a {
        width: 100%;
    }
    
 /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }    
        
    .desktop {display: none;}
    .logo {margin: 20px 20px 40px 80px;}
    
    .contact {text-align: center !important; padding: 20px;}
    
    .mobile {display: block !important;}
    
    
}

.ref {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 17px;
  background: #530F9C;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-left: 6px;
}

.ref:hover {
  background: #7445ad;
  text-decoration: none;
}

.header-button {
  background-color: #530F9C;
  border: none;
  color: white !important;
  padding: 4px 14px 4px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button4 {border-radius: 6px;} {
	border-radius: 0 4px 4px 0;
}

.header-button:hover {
  background-color: #892eea;
}