@charset "utf-8";

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot') format('embedded-opentype'),
         url('../fonts/Calibri.woff2') format('woff2'),
         url('../fonts/Calibri.woff') format('woff'),
         url('../fonts/Calibri.ttf') format('truetype'),
         url('../fonts/Calibri.svg#Calibri') format('svg');
}

.rlAccordion{ margin:20px 0px 0px 0px; float:left; width:100%;}


.rlAccordion > h3 {
  background-color: #014c89;
  font: normal 18px/22px 'Calibri', Arial, Verdana, Helvetica, sans-serif; color: #fff;
  margin: 0 auto 12px;
  padding: 12px 10px;
  text-transform:uppercase;
  cursor:pointer;
}

.rlAccordion > h3 > span {
  float: right;
  font: normal 25px/22px 'Calibri', Arial, Verdana, Helvetica, sans-serif; color: #fff;
}
.rlAccordion > h3 + div {
  display: none;
}


.rlAccordion > h4 {
  background-color: #ffffff;
  color: #115fff;
  font-family: arial, Times, serif;
  font-size: 16px;
  line-height:24px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px;
  text-decoration: none;
  margin-bottom:10px;
}
.rlAccordion > h4 > span {
  float: right;
  font-family: arial, serif, sans-serif;
}
.rlAccordion > h4 + div {
  display: none;
  padding: 0px;
}

@media (min-width: 320px) and (max-width:768px)
{
	.rlAccordion > h3 {
	background-color: #014c89;
	font: normal 18px/22px 'Calibri', Arial, Verdana, Helvetica, sans-serif; color: #fff;
    margin: 0 auto 20px;
    padding: 10px;
    text-decoration: none;
}
}