/* Body */
body {
  background-color: #f5f5f5;
  background-image: url('/tochi/packages/mortar/themes/mortar/css//');
  background-position: center center;
}
body {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  font-family: Roboto;
  line-height: 26px;
  text-transform: none;
}
.ccm-page {
  /* Typography */
  /* Top Bar Navigation */
  /* Off Canvas Navigation */
  /* Side Navigation */
  /* Top Bar Navigation */
  /* Off Canvas Navigation */
  /* Buttons */
  /* Header */
  /* Banner */
  /* Main */
  /* Footer */
  /* Other */
}
.ccm-page .row,
.ccm-page .contain-to-grid .top-bar {
  max-width: 1100px;
}
.ccm-page p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  font-family: Roboto;
  line-height: 26px;
  text-transform: none;
}
.ccm-page a {
  color: #777777;
}
.ccm-page a:hover,
.ccm-page a:focus {
  color: #9d9d9d;
}
.ccm-page h1 {
  color: #ffffff;
  font-size: 26px;
  line-height: 37px;
  font-weight: 700;
  font-family: Roboto Slab;
  text-transform: none;
}
.ccm-page h2 {
  color: #12202d;
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
  font-family: Roboto Slab;
  text-transform: none;
}
.ccm-page h3 {
  color: #12202d;
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
  font-family: Roboto Slab;
  text-transform: none;
}
.ccm-page h4 {
  color: #12202d;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  font-family: Roboto Slab;
  text-transform: none;
}
.ccm-page h5 {
  color: #12202d;
  font-size: 15px;
  line-height: 23px;
  font-weight: 700;
  font-family: Roboto Slab;
  text-transform: none;
}
.ccm-page h6 {
  color: #12202d;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  font-family: Roboto Slab;
  text-transform: none;
}
.ccm-page ul,
.ccm-page ol,
.ccm-page dl {
  font-size: inherit;
}
.ccm-page ul li ul.dropdown,
.ccm-page .top-bar-section ul.left,
.ccm-page .top-bar-section ul.right,
.ccm-page .top-bar-section ul.center {
  margin-left: 0;
}
.ccm-page section.top-bar-section ul {
  margin-bottom: 0;
}
.ccm-page .top-bar,
.ccm-page .contain-to-grid,
.ccm-page .top-bar.expanded .title-area {
  background-color: #ffffff;
}
.ccm-page .top-bar-wrapper.fixed {
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.ccm-page .top-bar-section ul,
.ccm-page .top-bar-section ul li a {
  background-color: transparent;
}
.ccm-page .top-bar .name h1 a {
  color: #303030;
  font-size: 18px;
  font-weight: 600;
  font-family: Roboto Slab;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}
.ccm-page .top-bar .logo img {
  max-height: 100px;
  width: auto;
}
.ccm-page .top-bar li.name a img {
  max-height: 100px;
  width: auto;
  float: left;
}
.ccm-page .top-bar li.name a h1 {
  line-height: 100px;
  float: left;
  color: #303030;
  font-size: 18px;
  font-weight: 600;
  font-family: Roboto Slab;
  text-transform: uppercase;
}
.ccm-page nav.tab-bar {
  background-color: #ffffff;
}
.ccm-page nav.tab-bar h1.title a {
  color: #303030;
  font-size: 18px;
  font-weight: 600;
  font-family: Roboto Slab;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}
.ccm-page .tab-bar img {
  max-height: 100px;
  width: auto;
}
.ccm-page ul.side-nav ul.dropdown {
  list-style: none;
}
.ccm-page ul.side-nav ul.dropdown li {
  margin-left: 20px;
}
.ccm-page .c5h-page-list-masonry-content-inner {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40em) {
  .ccm-page {
    /* Top Bar Navigation */
  }
  .ccm-page .top-bar-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ccm-page .top-bar-section {
    text-align: center;
    display: block;
    max-height: 100px;
  }
  .ccm-page .top-bar-section li a:not(.button),
  .ccm-page .top-bar-section li:not(.has-form) a:not(.button),
  .ccm-page .top-bar-section ul li:hover:not(.has-form) > a {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ccm-page .top-bar-section > ul > li > a {
    border-radius: 0px;
  }
  .ccm-page .top-bar-section ul.dropdown li a.nav-first {
    border-radius: 0px 0px 0 0;
  }
  .ccm-page .top-bar-section ul.dropdown li a.nav-last {
    border-radius: 0 0 0px 0px;
  }
  .ccm-page .top-bar-section ul.dropdown li a.nav-first.nav-last {
    border-radius: 0px 0px;
  }
  .ccm-page .top-bar-section > ul > li {
    margin-left: 0px;
    margin-right: 0px;
  }
  .ccm-page .top-bar-section .has-dropdown > a {
    padding-right: 35px !important;
  }
  .ccm-page .top-bar-section .has-dropdown > a:after {
    margin-right: 15px;
  }
  .ccm-page .top-bar-section ul.center {
    display: inline-block;
    float: none;
  }
  .ccm-page .top-bar-section ul li.divider:first-child,
  .ccm-page .top-bar-section ul li.divider:last-child {
    display: none;
  }
  .ccm-page .branding-left {
    float: left;
  }
  .ccm-page .branding-right {
    float: right;
  }
}
@media only screen and (max-width: 40em) {
  .ccm-page {
    /* Top Bar Navigation */
    /* Off Canvas Navigation */
  }
  .ccm-page .top-bar .logo img {
    max-height: 45px;
    width: auto;
  }
  .ccm-page .top-bar li.name a img {
    max-height: 45px;
    width: auto;
    float: left;
  }
  .ccm-page .top-bar li.name a h1 {
    line-height: 45px;
    float: left;
  }
  .ccm-page .top-bar-section .has-dropdown > a:after {
    border-color: transparent transparent transparent rgba(119, 119, 119, 0.5);
  }
  .ccm-page .top-bar .toggle-topbar a:hover,
  .ccm-page .top-bar .toggle-topbar a:focus {
    text-transform: uppercase;
    font-weight: 700;
  }
  .ccm-page .top-bar ul.title-area {
    width: 100%;
  }
  .ccm-page .tab-bar img {
    max-height: 45px;
    width: auto;
  }
  .ccm-page .right-small {
    border-left-color: #f5f5f5;
    border-left-width: 1px;
  }
  .ccm-page .left-small {
    border-right-color: #f5f5f5;
    border-right-width: 1px;
  }
}
.ccm-page .top-bar-section li a:not(.button),
.ccm-page .top-bar-section li:not(.has-form) a:not(.button),
.ccm-page .top-bar-section ul li:hover:not(.has-form) > a {
  color: #777777;
  font-size: 13px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: uppercase;
  background-color: #ffffff;
}
.ccm-page .top-bar-section ul li {
  background-color: transparent;
}
.ccm-page .top-bar-section li:not(.has-form) a:hover:not(.button),
.ccm-page .c5h-wrapper .top-bar-section ul li:hover > a {
  color: #9d9d9d;
  font-size: 13px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: uppercase;
  background-color: #ffffff;
}
.ccm-page .top-bar-section li.active:not(.has-form) > a:not(.button),
.ccm-page .top-bar-section li.active:not(.has-form) > a:hover:not(.button) {
  color: #303030;
  font-size: 14px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: uppercase;
  background-color: #ffffff;
}
.ccm-page .top-bar .toggle-topbar.menu-icon a span:after,
.ccm-page .top-bar .toggle-topbar.menu-icon a span:hover:after {
  box-shadow: 0 0 0 1px #303030, 0 7px 0 1px #303030, 0 14px 0 1px #303030;
}
.ccm-page .top-bar .toggle-topbar.menu-icon a {
  color: #303030;
}
.ccm-page .top-bar-section .dropdown li.title h5 a,
.ccm-page .top-bar-section .dropdown li.title h5 a:hover {
  color: #777777;
  text-transform: uppercase;
}
.ccm-page .top-bar-section .dropdown li.parent-link a,
.ccm-page .top-bar-section .dropdown li.parent-link a:hover {
  color: #777777;
  font-weight: 700;
}
.ccm-page .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: none;
  background-color: #6699cc;
}
.ccm-page .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: none;
  background-color: #25668f;
}
.ccm-page .top-bar-section .dropdown li.active:not(.has-form) > a:not(.button) {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: none;
  background-color: #25668f;
}
.ccm-page nav.tab-bar .menu-icon span:after {
  box-shadow: 0 0 0 1px #303030, 0 7px 0 1px #303030, 0 14px 0 1px #303030;
}
.ccm-page nav.tab-bar .menu-icon {
  color: #303030;
}
.ccm-page .right-off-canvas-menu,
.ccm-page .left-off-canvas-menu,
.ccm-page .right-submenu,
.ccm-page .left-submenu {
  background-color: #6699cc;
}
.ccm-page ul.off-canvas-list li a {
  border-bottom: 1px solid #262626;
  color: #ffffff;
  background: #6699cc;
  font-size: 17px;
  font-weight: 400;
  font-family: Roboto;
  text-transform: uppercase;
  display: block;
  padding: 0.66667rem;
  transition: background 300ms ease 0s;
}
.ccm-page ul.off-canvas-list li a:hover {
  background: #25668f;
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  font-family: Roboto;
  text-transform: uppercase;
}
.ccm-page ul.off-canvas-list li a.active {
  background: #25668f;
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  font-family: Roboto;
  text-transform: uppercase;
}
.ccm-page .right-submenu .back > a,
.ccm-page .left-submenu .back > a {
  background: #6699cc;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: uppercase;
}
.ccm-page .right-submenu .back > a:hover,
.ccm-page .left-submenu .back > a:hover {
  background: #6699cc;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  font-family: Roboto;
  text-transform: uppercase;
}
.ccm-page button,
.ccm-page .button {
  color: #ffffff;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
  background: #262626;
  border-color: #262626;
}
.ccm-page button:hover,
.ccm-page button:focus,
.ccm-page .button:hover,
.ccm-page .button:focus {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #ffffff;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
}
.ccm-page button.secondary,
.ccm-page .button.secondary {
  color: #333333;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
}
.ccm-page button.secondary:hover,
.ccm-page button.secondary:focus,
.ccm-page .button.secondary:hover,
.ccm-page .button.secondary:focus {
  background-color: #b9b9b9;
  border-color: #b9b9b9;
  color: #333333;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
}
.ccm-page button.success,
.ccm-page .button.success {
  color: #ffffff;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
  background-color: #25668f;
  border-color: #25668f;
}
.ccm-page button.success:hover,
.ccm-page button.success:focus,
.ccm-page .button.success:hover,
.ccm-page .button.success:focus {
  background-color: #6699cc;
  border-color: #6699cc;
  color: #ffffff;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
}
.ccm-page button.alert,
.ccm-page .button.alert {
  color: #ffffff;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
  background-color: #ff9900;
  border-color: #ff9900;
}
.ccm-page button.alert:hover,
.ccm-page button.alert:focus,
.ccm-page .button.alert:hover,
.ccm-page .button.alert:focus {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #ffffff;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
}
@media only screen and (min-width: 40.063em) {
  .ccm-page {
    /* Top Bar Navigation */
    /* Off Canvas Navigation */
  }
  .ccm-page .top-bar-section .has-dropdown > a:after {
    border-color: rgba(119, 119, 119, 0.5) transparent transparent;
  }
  .ccm-page .fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 100px;
  }
  .ccm-page .top-bar {
    height: 100px;
    line-height: 100px;
  }
  .ccm-page .top-bar .name {
    height: 100px;
  }
  .ccm-page .top-bar .name h1 {
    line-height: 100px;
  }
  .ccm-page .top-bar-section > li a:not(.button) {
    line-height: 100px;
  }
  .ccm-page .top-bar-section > ul > .divider,
  .ccm-page .top-bar-section > ul > [role="separator"] {
    height: 100px;
    border-right-color: #f5f5f5;
    border-right-width: 1px;
  }
  .ccm-page .top-bar-section .has-form {
    height: 100px;
  }
  .ccm-page .top-bar button,
  .ccm-page .top-bar .button {
    height: 37px;
    line-height: 37px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .ccm-page .top-bar input,
  .ccm-page .top-bar button,
  .ccm-page .top-bar .button {
    top: 31.5px;
    margin-bottom: 0;
  }
  .ccm-page .top-bar-section > ul > li.active:not(.has-form) > a:not(.button) {
    line-height: 100px;
  }
  .ccm-page .top-bar-section > ul > li:not(.has-form) > a:not(.button) {
    line-height: 100px;
  }
  .ccm-page .top-bar-section .has-dropdown > a:after {
    top: 50px;
  }
  .ccm-page nav.tab-bar,
  .ccm-page section.tab-bar-section,
  .ccm-page nav.tab-bar .right-small,
  .ccm-page nav.tab-bar .left-small,
  .ccm-page nav.tab-bar .menu-icon {
    height: 100px;
    line-height: 100px;
  }
  .ccm-page .tab-bar h1.title {
    line-height: 100px;
  }
  .ccm-page nav.tab-bar .right-small {
    border-left-color: #f5f5f5;
    border-left-width: 1px;
  }
  .ccm-page nav.tab-bar .left-small {
    border-right-color: #f5f5f5;
    border-right-width: 1px;
  }
}
.ccm-page header {
  background-color: #ffffff;
  background-image: url('/tochi/packages/mortar/themes/mortar/css//');
  background-position: center center;
  color: #222222;
  padding-top: 0px;
  padding-bottom: 0px;
}
.ccm-page .c5h-banner-wrap {
  background-color: #25668f;
  background-image: url('/tochi/packages/mortar/themes/mortar/css//');
  background-position: center center;
  color: #ffffff;
  padding-top: 0px;
  padding-bottom: 0px;
}
.ccm-page .c5h-banner-wrap-full {
  background-color: #25668f;
  background-image: url('/tochi/packages/mortar/themes/mortar/css//');
  background-position: center center;
  color: #ffffff;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}
.ccm-page .c5h-page-meta-wrap {
  background-color: #25668f;
  background-image: url('/tochi/packages/mortar/themes/mortar/css//');
  background-position: center center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.ccm-page .c5h-page-meta-wrap h1 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  font-family: Roboto Slab;
  text-transform: uppercase;
  margin-top: 0;
}
.ccm-page .c5h-page-meta-wrap h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  font-family: Roboto;
  text-transform: none;
  margin-bottom: 0;
}
.ccm-page main {
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
}
.ccm-page .main-wrap {
  padding-top: 80px;
  padding-bottom: 0px;
  background-color: #ffffff;
  background-image: url('/packages/mortar/themes/mortar/css/false');
  background-position: center center;
  box-shadow: 0px 0px 3px 0px transparent;
  /* max-width: @body-width-size; */
  margin-left: auto;
  margin-right: auto;
}
.ccm-page .c5h-footer-top-wrap {
  background-color: #ffffff;
  background-image: url('/tochi/packages/mortar/themes/mortar/css//');
  background-position: center center;
  color: #818181;
  padding-top: 70px;
  padding-bottom: 70px;
}
.ccm-page .c5h-footer-bottom-wrap {
  background-color: #ffffff;
  background-image: url('/tochi/packages/mortar/themes/mortar/css//');
  background-position: center center;
  color: #818181;
  padding-top: 24px;
  padding-bottom: 20px;
}
.ccm-page i.fa {
  font-style: normal;
}
.ccm-page .c5h-search-bar input[type=submit] {
  background: none;
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.ccm-page .c5h-search-bar .postfix {
  background: #262626;
  color: #ffffff;
  border: #262626;
}
.ccm-page .c5h-search-bar input[type=submit]:hover {
  border: #cccccc;
}
.ccm-page .c5h-search-bar .postfix:hover {
  background: #cccccc;
  border: #cccccc;
}
.ccm-page .c5h-page-list-masonry-content-inner {
  background-color: #ffffff;
}
.ccm-block-page-list-page-entry-grid-thumbnail img,
.ccm-block-page-list-page-entry-thumbnail img {
  max-width: 300px;
}
/* layout Fix */
@media only screen and (max-width: 40em) {
  .ccm-layout-column {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
}
/* Conversation font fix */
.ccm-conversation-wrapper .redactor_toolbar li a {
  font-family: FontAwesome;
}
/* Pagination Fix */
.ccm-pagination-wrapper {
  float: left;
}
.ccm-page ul.pagination {
  border-radius: 4px;
  display: inline-block;
  margin: 20px 0;
  padding-left: 0;
}
.ccm-page ul.pagination > li {
  display: inline;
}
.ccm-page ul.pagination > li > a,
.ccm-page ul.pagination > li > span {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #428bca;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
}
.ccm-page ul.pagination > li:first-child > a,
.ccm-page ul.pagination > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}
.ccm-page ul.pagination > li:last-child > a,
.ccm-page ul.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ccm-page ul.pagination > li > a:hover,
.ccm-page ul.pagination > li > span:hover,
.ccm-page ul.pagination > li > a:focus,
.ccm-page ul.pagination > li > span:focus {
  background-color: #eee;
  border-color: #ddd;
  color: #2a6496;
}
.ccm-page ul.pagination > .active > a,
.ccm-page ul.pagination > .active > span,
.ccm-page ul.pagination > .active > a:hover,
.ccm-page ul.pagination > .active > span:hover,
.ccm-page ul.pagination > .active > a:focus,
.ccm-page ul.pagination > .active > span:focus {
  background-color: #428bca;
  border-color: #428bca;
  color: #fff;
  cursor: default;
  z-index: 2;
  border-radius: 3px;
}
.ccm-page ul.pagination > .disabled > span,
.ccm-page ul.pagination > .disabled > span:hover,
.ccm-page ul.pagination > .disabled > span:focus,
.ccm-page ul.pagination > .disabled > a,
.ccm-page ul.pagination > .disabled > a:hover,
.ccm-page ul.pagination > .disabled > a:focus {
  background-color: #fff;
  border-color: #ddd;
  color: #999;
  cursor: not-allowed;
}
/* Boxed Test
.ccm-page {
	max-width: @body-width-size;
	margin: 20px auto;
}
 */
/* Blog */
.c5h-blog-entry-image img {
  margin-bottom: 50px;
}