.h2-hr,
.viewsreference--view-title::after,
.page-header::after {
  content: "";
  border: 0;
  height: 2px;
  width: 100%;
  float: left;
  margin-top: 10px;
  background: -webkit-linear-gradient(left, #957cc3, #d7d7f4, transparent 100%);
  background: -moz-linear-gradient(left, #957cc3, #d7d7f4, transparent 100%);
  background: -ms-linear-gradient(left, #957cc3, #d7d7f4, transparent 100%);
  background: -o-linear-gradient(left, #957cc3, #d7d7f4, transparent 100%);
  background: linear-gradient(left, #957cc3, #d7d7f4, transparent 100%); }

.region-content h1.page-header {
  border-bottom: none; }

.main-container h1 {
  font-size: 30px;
  color: #00aad4 !important;
  font-weight: 900; }

.main-container h2 {
  font-size: 28px; }

.main-container h3 {
  font-size: 24px; }

.main-container h4 {
  font-size: 20px; }

.main-container h5 {
  font-size: 18px; }

.main-container h6 {
  font-size: 15px; }

.main-container p {
  font-size: 15px;
  line-height: 1.6; }

.main-container a {
  font-size: 15px;
  line-height: 1.6;
  color: #6e4fa7; }

.main-container a:hover {
  text-decoration: none;
  color: #3c268c; }

.main-container a:active {
  color: #3c268c; }

.main-container a:visited {
  color: #957cc3; }

.main-container h1,
.main-container h2,
.main-container h3,
.main-container h4,
.main-container h5,
.main-container h6 {
  font-family: 'Ubuntu', sans-serif;
  letter-spacing: 0.5px;
  word-spacing: 2px; }

html,
body {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  letter-spacing: 0.5px;
  word-spacing: 2px; }

.main-container p,
.main-container a:not(.carousel-control),
.main-container ol,
.main-container ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.main-container small {
  color: #808080; }

.navbar-header {
  height: 130px; }

#navbar-collapse {
  background: #3c268c; }
  #navbar-collapse .container {
    padding: 0; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.open > a,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: #533497; }

.navbar-nav .open .dropdown-menu,
.dropdown-menu {
  background-color: #6e4fa7; }

.navbar-default .navbar-nav .is-active,
.navbar-default .navbar-nav > li > a.is-active, .navbar-default .navbar-nav .is-active-parent {
  background-color: #533497; }

.navbar-default .navbar-toggle {
  background-color: #3c268c; }

.cityu-backtotop {
  background-color: #3c268c; }

footer.footer {
  border-bottom: 15px solid #3c268c; }

/* Content page*/
.breadcrumb {
  max-width: 1170px;
  margin: 0 auto !important;
  padding: 10px 0; }

.region-header {
  background-image: linear-gradient(to right, #3c268c, #6e4fa7, #25bee8, #f7e904);
  font-size: 14px;
  max-width: 100% !important;
  margin: 0;
  background-color: #f5f5f5;
  color: #fff; }

.breadcrumb a,
.breadcrumb .active {
  color: #fff !important;
  font-size: 14px; }

@media only screen and (max-width: 767px) {
  .navbar-header {
    height: 50px !important; } }

/*table style*/
tr, td, th {
  border: 1px solid #00aad4; }

.region-content ul {
  margin: 0;
  margin-left: 15px; }