@charset "UTF-8";
/* CSS Document */


.cc-accordion2-main {
  width: 100%;
  display: inline-block;
  margin: 0px auto 40px;
}

.cc-accordion2-header {
  width: 75%;
  min-width: 270px;
  display: inline-block;
  margin: 0px auto;
}

.cc-accordion2-header h2 {
  line-height: 1;
  text-align: center !important;
  margin: 0px auto 50px;
  font-size: 50px !important;
  background: none !important;
	font-weight: bold;
}

.cc-accordion2-header h2:after {
  display: none !important;
}

.cc-accordion2-header h3 {
  line-height: 1;
  text-align: left !important;
  margin: 0px auto 10px;
  font-size: 26px !important;
  background: none !important;
}

.cc-accordion2-header p {
  font-size: 18px;
  line-height: 135%;
  text-align: left;
  margin-top: 0px;
}

.cc-accordion2-inner {
  width: 75%;
  min-width: 270px;
  display: inline-block;
  margin: 20px auto 0px;
}


p.accordion2 {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  margin-bottom: -1px;
  font-size: 16px;
  border: 1px solid #e1e1e1;
	font-weight: bold;
}


/* Add a background color to the accordion2 if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion2.active, p.accordion2.active:hover {
  background-color: #FFFFFF !important;
  font-weight: bold;
}

/* Add a background color to the accordion2 if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion2:hover{
  background-color: #f1f1f1 !important;
  font-weight: bold;
}

/* Add a background color to the accordion2 if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.iu-state-hover {
  background-color: #f1f1f1 !important;
  font-weight: bold;
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  background-color: #FFFFFF !important;
  font-weight: bold;
}

/* Unicode character for "plus" sign (+) */
p.accordion2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0fe";
  font-size: 18px;
  color: #e1e1e1 !important;
  margin-right: 16px;
	/* float: right; */
}

/* Unicode character for "minus" sign (-) */
p.accordion2.active:before {
  font-family: "Font Awesome 5 Free";
  content: "\f146";
}

/* Style the element that is used for the panel2 class */
div.panel2 {
  padding: 0px 18px;
  background-color: #F8F8F8;
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease-in-out;
  opacity: 0;
  margin-bottom: 0px;
  text-align: left;
}



div.panel2 p {
  margin: 20px 0;
  text-align: left;
  font-size: 16px;
  line-height: 135%;
}

div.panel2 ul li {
  padding-bottom: 15px;
  text-align: left;
  /*font-family: "Roboto",sans-serif; */
}
div.panel2.show {
  border: 1px solid #e1e1e1;
	border-bottom: 0px;
  opacity: 1;
  max-height: 2500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}