@font-face {
  font-family: Shabnam;
  src: url('/assets/fonts/shabnam/Shabnam.eot');
  src: url('/assets/fonts/shabnam/Shabnam.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/shabnam/Shabnam.woff') format('woff'),
       url('/assets/fonts/shabnam/Shabnam.ttf') format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: Shabnam;
  src: url('/assets/fonts/shabnam/Shabnam-Bold.eot');
  src: url('/assets/fonts/shabnam/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/shabnam/Shabnam-Bold.woff') format('woff'),
       url('/assets/fonts/shabnam/Shabnam-Bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: Shabnam;
  src: url('/assets/fonts/shabnam/Shabnam-Light.eot');
  src: url('/assets/fonts/shabnam/Shabnam-Light.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/shabnam/Shabnam-Light.woff') format('woff'),
       url('/assets/fonts/shabnam/Shabnam-Light.ttf') format('truetype');
  font-weight: 300;
}
body {
  background: #f7f7f7;
  margin: 0;
  font-family: 'Shabnam', sans-serif, arial;
  font-size: 1rem;
  color: #555;
  direction: rtl;
  text-align: right;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: #6f0000;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
input,
textarea,
select {
  font-family: 'Shabnam', sans-serif, arial;
}
h1,
h2,
h3,
h4 {
  color: #333;
}
::selection {
  background: #6f0000;
  color: #fff;
}
::-moz-selection {
  background: #6f0000;
  color: #fff;
}
.display-inline {
  display: block;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.width-100 {
  width: 100%;
}
.width-50 {
  width: 50%;
}
.width-25 {
  width: 25%;
}
.bold {
  font-weight: bold !important;
}
.italic {
  font-style: italic !important;
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.text-large {
  font-size: 1.2rem;
}
.text-medium {
  font-size: 1rem;
}
.text-small {
  font-size: 0.8rem;
}
.blue {
  color: blue;
}
.green {
  color: green;
}
.red {
  color: red;
}
.orange {
  color: orange;
}
.gray {
  color: #777;
}
.light-gray {
  color: #ddd;
}
.black {
  color: #000;
}
.white {
  color: #fff;
}
.primary-color {
  color: #6f0000;
}
.secondary-color {
  color: #c75146;
}
.rtl {
  direction: rtl;
}
.ltr {
  direction: ltr;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-justify {
  text-align: justify;
}
.valign-middle {
  vertical-align: middle;
}
.remove-margin {
  margin: 0;
}
.remove-padding {
  padding: 0;
}
.margin-top {
  margin-top: 1rem !important;
}
.margin-top-2x {
  margin-top: 2rem !important;
}
.margin-top-3x {
  margin-top: 3rem !important;
}
.margin-top-4x {
  margin-top: 4rem !important;
}
.margin-top-6x {
  margin-top: 6rem !important;
}
.padding-top {
  padding-top: 1rem !important;
}
.padding-top-2x {
  padding-top: 2rem !important;
}
.padding-top-3x {
  padding-top: 3rem !important;
}
.padding-top-4x {
  padding-top: 4rem !important;
}
.padding-top-6x {
  padding-top: 6rem !important;
}
.margin-bottom {
  margin-bottom: 1rem !important;
}
.margin-bottom-2x {
  margin-bottom: 2rem !important;
}
.margin-bottom-3x {
  margin-bottom: 3rem !important;
}
.margin-bottom-4x {
  margin-bottom: 4rem !important;
}
.margin-bottom-6x {
  margin-bottom: 6rem !important;
}
.padding-bottom {
  padding-bottom: 1rem !important;
}
.padding-bottom-2x {
  padding-bottom: 2rem !important;
}
.padding-bottom-3x {
  padding-bottom: 3rem !important;
}
.padding-bottom-4x {
  padding-bottom: 4rem !important;
}
.padding-bottom-6x {
  padding-bottom: 6rem !important;
}
.margin-top-bottom {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.margin-top-bottom-2x {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.margin-top-bottom-3x {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.margin-top-bottom-4x {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.margin-top-bottom-6x {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.padding-top-bottom {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.padding-top-bottom-2x {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.padding-top-bottom-3x {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.padding-top-bottom-4x {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.padding-top-bottom-6x {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.margin-right {
  margin-right: 1rem !important;
}
.margin-right-2x {
  margin-right: 2rem !important;
}
.margin-right-3x {
  margin-right: 3rem !important;
}
.margin-right-4x {
  margin-right: 4rem !important;
}
.margin-right-6x {
  margin-right: 6rem !important;
}
.padding-right {
  padding-right: 1rem !important;
}
.padding-right-2x {
  padding-right: 2rem !important;
}
.padding-right-3x {
  padding-right: 3rem !important;
}
.padding-right-4x {
  padding-right: 4rem !important;
}
.padding-right-6x {
  padding-right: 6rem !important;
}
.margin-left {
  margin-left: 1rem !important;
}
.margin-left-2x {
  margin-left: 2rem !important;
}
.margin-left-3x {
  margin-left: 3rem !important;
}
.margin-left-4x {
  margin-left: 4rem !important;
}
.margin-left-6x {
  margin-left: 6rem !important;
}
.padding-left {
  padding-left: 1rem !important;
}
.padding-left-2x {
  padding-left: 2rem !important;
}
.padding-left-3x {
  padding-left: 3rem !important;
}
.padding-left-4x {
  padding-left: 4rem !important;
}
.padding-left-6x {
  padding-left: 6rem !important;
}
.margin-right-left {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.margin-right-left-2x {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.margin-right-left-3x {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.margin-right-left-4x {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
.margin-right-left-6x {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}
.padding-right-left {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.padding-right-left-2x {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.padding-right-left-3x {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.padding-right-left-4x {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
.padding-right-left-6x {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}
.center-container {
  position: relative;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  min-height: 100vh;
}
.fallback-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  background: #fff;
}
.fallback-container .progress {
  display: block;
  text-align: center;
}
.fallback-container .progress img {
  display: block;
  width: 6rem;
  height: 6rem;
  margin-bottom: 2rem;
}
.card {
  position: relative;
  display: block;
  background: #fff;
  margin-bottom: 1rem;
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.025);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.card:hover,
.card:focus {
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.05);
}
.card.gray-background {
  background: #fafafa;
}
.card.gray-background:hover,
.card.gray-background:focus {
  background: #f1f1f1;
}
.card.align-center {
  text-align: center;
}
.card.margin-bottom-2x {
  margin-bottom: 2rem;
}
.card.remove-margin {
  margin-bottom: 0;
}
.card.padding {
  padding: 1rem;
}
.card .card-icon {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.card .card-icon svg {
  font-size: 3rem;
  color: #6f0000;
}
.card .card-image-wrapper {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding-top: 56.25%;
}
.card .card-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.card .card-image.transparent-icon {
  background: transparent;
}
.card .card-image.small-image {
  width: 100%;
  height: 9rem;
}
.card .card-image.xsmall-image {
  width: 100%;
  height: 6rem;
}
.card .card-image.round-image {
  width: 12rem;
  height: 12rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.card .card-image.small-image.round-image {
  width: 9rem;
  height: 9rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.card .card-image.xsmall-image.round-image {
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.card .card-image img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.card .card-image .card-tags {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  padding: 0.5rem 0.5rem 0 0.5rem;
  color: #fff;
}
.card .card-image .card-tags .card-tag {
  position: relative;
  display: inline-block;
  padding: 0.1rem 0.5rem;
  margin: 0 0 0.5rem 0.5rem;
  background: #c75146;
  font-size: 0.8rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.card .card-image .card-image-content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
}
.card .card-image .card-image-top-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  padding: 0.5rem 1rem;
  color: #fff;
  background: rgb(0,0,0,0.25);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}
.card .card-image .card-image-bottom-content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  padding: 0.5rem 1rem;
  color: #fff;
  background: rgb(0,0,0,0.25);
  background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.card .card-image .card-image-content h1,
.card .card-image .card-image-content h2,
.card .card-image .card-image-content h3,
.card .card-image .card-image-top-content h1,
.card .card-image .card-image-top-content h2,
.card .card-image .card-image-top-content h3,
.card .card-image .card-image-bottom-content h1,
.card .card-image .card-image-bottom-content h2,
.card .card-image .card-image-bottom-content h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1.1rem;
}
.card .card-image .card-image-content h1 a,
.card .card-image .card-image-content h2 a,
.card .card-image .card-image-content h3 a,
.card .card-image .card-image-top-content h1 a,
.card .card-image .card-image-top-content h2 a,
.card .card-image .card-image-top-content h3 a,
.card .card-image .card-image-bottom-content h1 a,
.card .card-image .card-image-bottom-content h2 a,
.card .card-image .card-image-bottom-content h3 a {
  color: #fff;
}
.card .card-image .card-image-content p,
.card .card-image .card-image-top-content p,
.card .card-image .card-image-bottom-content p {
  margin: 0;
  color: #eee;
}
.card .card-image .card-image-content p.more,
.card .card-image .card-image-top-content p.more,
.card .card-image .card-image-bottom-content p.more {
  margin: 0.5rem 0 0 0;
}
.card .card-image .card-image-content p.price,
.card .card-image .card-image-top-content p.price,
.card .card-image .card-image-bottom-content p.price {
  vertical-align: middle;
  font-size: 1.1rem;
}
.card .card-image .card-image-content p.price .price-value-discounted,
.card .card-image .card-image-top-content p.price .price-value-discounted,
.card .card-image .card-image-bottom-content p.price .price-value-discounted {
  color: #fff;
  text-decoration: line-through;
}
.card .card-image .card-image-content p.price .price-value,
.card .card-image .card-image-top-content p.price .price-value,
.card .card-image .card-image-bottom-content p.price .price-value {
  color: #c75146;
  font-weight: bold;
}
.card .card-image .card-image-content p.price .price-unit,
.card .card-image .card-image-top-content p.price .price-unit,
.card .card-image .card-image-bottom-content p.price .price-unit {
  font-weight: normal;
}
.card .card-image h1,
.card .card-image h2,
.card .card-image h3,
.card .card-image p {
  text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.75);
}
.card .card-content {
  padding: 1rem;
}
.card .card-content h1,
.card .card-content h2,
.card .card-content h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card .card-content h1 a,
.card .card-content h2 a,
.card .card-content h3 a {
  color: #333;
}
.card .card-content p {
  margin: 0.5rem 0 0 0;
  font-size: 0.9rem;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card .card-content p svg {
  font-size: 1.2rem;
}
.card .card-content p.more {
  margin: 1rem 0 0 0;
}
.card .card-content p.date {
  color: #999;
}
.card .card-content p.price {
  vertical-align: middle;
}
.card .card-content p.price .price-value-discounted {
  color: #999;
  text-decoration: line-through;
}
.card .card-content p.price .price-value {
  color: #6f0000;
  font-weight: bold;
}
.card .card-content p.price .price-unit {
  font-weight: normal;
}
.row-card {
  position: relative;
  display: flex;
  justify-content: flex-start;
  background: #fff;
  margin-bottom: 1rem;
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.row-card:hover,
.row-card:focus {
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.05);
}
.row-card.gray-background {
  background: #fafafa;
}
.row-card.gray-background:hover,
.row-card.gray-background:focus {
  background: #f1f1f1;
}
.row-card.remove-margin {
  margin-bottom: 0;
}
.row-card.padding {
  padding: 1rem;
}
.row-card .card-image {
  background: #f1f1f1;
  height: 10rem;
  width: 10rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.row-card .card-image.small-image {
  width: 5rem;
  height: 5rem;
}
.row-card .card-image.round-image {
  width: 10rem;
  height: 10rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.row-card .card-image.small-image.round-image {
  width: 5rem;
  height: 5rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.row-card .card-image img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.row-card .card-content {
  padding: 1rem;
}
.row-card.padding .card-content {
  padding: 0 1rem 0 0;
}
.row-card .card-content h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1.1rem;
}
.row-card .card-content h3 a {
  color: #333;
}
.row-card .card-content p {
  margin: 0.5rem 0 0 0;
  color: #777;
}
.row-card .card-content p.date {
  color: #999;
}
.row-card .card-content p.price {
  vertical-align: middle;
}
.row-card .card-content p.price .price-value-discounted {
  color: #fff;
  text-decoration: line-through;
}
.row-card .card-content p.price .price-value {
  color: #6f0000;
  font-weight: bold;
}
.row-card .card-content p.price .price-unit {
  font-weight: normal;
}
.text-card {
  position: relative;
  display: block;
  padding: 1rem;
  background: #fff;
  margin-bottom: 1rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.text-card:hover,
.text-card:focus {
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.05);
}
.text-card.gray-background {
  background: #fafafa;
}
.text-card.gray-background:hover,
.text-card.gray-background:focus {
  background: #f1f1f1;
}
.text-card.remove-margin {
  margin-bottom: 0;
}
.text-card h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1.1rem;
}
.text-card h3 a {
  color: #333;
}
.text-card p {
  margin: 0.5rem 0 0 0;
  color: #777;
}
.text-card p.date {
  color: #999;
}
.text-card p.price {
  vertical-align: middle;
}
.text-card p.price .price-value-discounted {
  color: #fff;
  text-decoration: line-through;
}
.text-card p.price .price-value {
  color: #6f0000;
  font-weight: bold;
}
.text-card p.price .price-unit {
  font-weight: normal;
}
.message-card {
  position: relative;
  display: flex;
  justify-content: flex-start;
  background: #fff;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.message-card:hover,
.message-card:focus {
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.05);
}
.message-card.gray-background {
  background: #fafafa;
}
.message-card.gray-background:hover,
.message-card.gray-background:focus {
  background: #f1f1f1;
}
.message-card.remove-margin {
  margin-bottom: 0;
}
.message-card .card-image {
  display: block;
  background: #f1f1f1;
  height: 4rem;
  width: 4rem;
  padding: 0 0 0 1rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.message-card .card-image.round-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.message-card .card-image img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.message-card .card-content {
  display: block;
}
.message-card .card-content h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1.1rem;
}
.message-card .card-content h3 a {
  color: #333;
}
.message-card .card-content p {
  margin: 0.5rem 0 0 0;
  color: #777;
}
.message-card .card-content p.date {
  color: #999;
}
.stat-card {
  position: relative;
  display: block;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.stat-card.remove-margin {
  margin-bottom: 0;
}
.stat-card.align-center h3,
.stat-card.align-center p {
  text-align: center;
}
.stat-card h3 {
  margin: 0;
  font-weight: normal;
  font-size: 0.875rem;
  color: #999;
  text-align: right;
}
.stat-card p {
  margin: 0;
  font-size: 1.875rem;
  text-align: left;
}
.section-card {
  position: relative;
  display: block;
}
.section-card .card-image {
  display: block;
  margin: 0 auto;
  width: 15rem;
  height: 15rem;
  overflow: hidden;
}
.section-card .card-image.margin-image {
  margin-bottom: 2rem;
}
.section-card .card-image.small-image {
  width: 10rem;
  height: 10rem;
}
.section-card .card-image.border-radius-image {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.section-card .card-image.round-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.section-card .card-image.small-image.border-radius-image {
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.section-card .card-image.small-image.round-image {
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.section-card .card-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.section-card .card-content {
  display: block;
}
.section-card .card-content .title {
  margin: 0 0 2rem 0;
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}
.section-card .card-content .title a {
  color: #333;
}
.section-card .card-content .subtitle {
  margin: 0 0 1rem 0;
  font-weight: bold;
  color: #333;
}
.section-card .card-content p {
  margin: 0 0 1rem 0;
}
.section-card .card-content p.more {
  margin: 2rem 0 0 0;
}
.content-box {
  position: relative;
  display: block;
  background: #fff;
  margin-bottom: 1rem;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.content-box.gray-background {
  background: #fafafa;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.content-box.shadowed {
  position: relative;
  display: block;
  background: #fff;
  margin-bottom: 1rem;
  border: none;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.1);
}
.content-box.align-center {
  text-align: center;
}
.content-box.margin-bottom-2x {
  margin-bottom: 2rem;
}
.content-box.remove-margin {
  margin-bottom: 0;
}
.content-box.padding {
  padding: 1rem;
}
.content-box .content-box-title {
  display: block;
  padding: 1rem 1rem 0 1rem;
}
.content-box .content-box-title h1, 
.content-box .content-box-title h2, 
.content-box .content-box-title h3 {
  display: block;
  margin: 0;
  padding: 0;
  color: #333;
}
.content-box .content-box-body {
  display: block;
  padding: 1rem;
}
.content-box .content-box-seprator {
  display: block;
  margin: 0;
  border: none;
  border-top: 1px solid #eaeaea;
}
.content-container {
  display: block;
  background: #fff;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.content-container.border-top {
  border-top-color: #f1f1f1;
}
.content-container.border-bottom {
  border-bottom-color: #f1f1f1;
}
.content-container .content-title {
  display: block;
  margin: 3rem 0;
  text-align: center;
}
.content-container.half-spacing .content-title {
  margin: 1.5rem 0;
}
.content-container .content-title.align-right {
  text-align: right;
}
.content-container .content-title h1, 
.content-container .content-title h2, 
.content-container .content-title h3 {
  display: block;
  margin: 0;
  padding: 0;
  color: #333;
  font-weight: bold;
}
.content-container .content-title .title-line {
  display: block;
  margin: 0 auto;
  width: 5rem;
  margin-top: 1.5rem;
  border-bottom: 0.25rem solid #6f0000;
}
.content-container .content-title p {
  display: block;
  margin: 1.5rem 0 0 0;
  padding: 0;
  color: #999;
  font-size: 1.2rem;
}
.content-container.primary-color-background .content-title h1, 
.content-container.primary-color-background .content-title h2, 
.content-container.primary-color-background .content-title h3 {
  color: #fff;
}
.content-container.primary-color-background .content-title p {
  color: #fff;
}
.content-container .content-title img {
  display: block;
  margin: 0 auto;
  padding: 0;
}
.content-container .content-body {
  display: block;
  margin: 3rem 0;
}
.content-container.half-spacing .content-body {
  margin: 1.5rem 0;
}
.content-container.primary-color-background .content-body {
  color: #fff;
}
.content-container.primary-color-background .content-body h1, 
.content-container.primary-color-background .content-body h2, 
.content-container.primary-color-background .content-body h3 {
  color: #fff;
}
.content-container .content-image {
  margin: 3rem 0;
}
.content-container.half-margin .content-image {
  margin: 1.5rem 0;
}
.content-container .content-image .image-container {
  background: #fafafa;
  height: 15rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.content-container .content-image .image-container img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.tab-container {
  position: relative;
}
.tab-container .tab-buttons {
  display: block;
  text-align: center;
}
.tab-container .tab-buttons .tab-button {
  display: inline-block;
  padding: 0.5rem 0;
  margin: 0 0.5rem;
  border-bottom: 0.25rem solid transparent;
  font-size: 1.2rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}
.tab-container .tab-buttons .tab-button.active {
  border-color: #c75146;
}
.tab-container .tab-content {
  position: relative;
}
.table {
  position: relative;
  display: block;
  background: #fff;
}
.table.align-center {
  text-align: center;
}
.table.small-font {
  font-size: 0.8rem;
}
.table .table-header {
  border-bottom: 1px solid #f1f1f1;
}
.table.gray-header .table-header {
  background: #f1f1f1;
}
.table .table-header .table-header-cell {
  color: #333;
  padding: 0.5rem;
}
.table.small-font .table-header .table-header-cell {
  padding: 0.25rem;
}
.table .table-body {
  display: block;
}
.table .table-body .table-row {
  border-bottom: 1px solid #f1f1f1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.table .table-body .table-row:last-child {
  border-bottom: 0;
}
.table .table-body .table-row:hover,
.table .table-body .table-row:focus {
  background: #fafafa;
}
.table .table-body .table-row .table-cell {
  padding: 0.5rem;
}
.table.small-font .table-body .table-row .table-cell {
  padding: 0.25rem;
}
.table.valign-middle .table-body .table-row .table-cell {
  display: flex;
  align-items: center;
}
.table.valign-middle.align-center .table-body .table-row .table-cell {
  justify-content: center;
  align-content: center;
}
.table .table-body .table-row .table-cell.align-center {
  text-align: center;
}
.table .table-body .table-row .table-cell.valign-middle {
  display: flex;
  align-items: center;
}
.table .table-body .table-row .table-cell.valign-middle.align-center {
  justify-content: center;
  align-content: center;
}
.table .table-body .table-row .table-cell .table-image {
  display: block;
  background: #f1f1f1;
  width: 3rem;
  height: 3rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.table .table-body .table-row .table-cell .table-image.round-image {
  width: 3rem;
  height: 3rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.table .table-body .table-row .table-cell .table-image img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.table.align-center .table-body .table-row .table-cell .table-image, 
.table .table-body .table-row .table-cell .table-image.align-center {
  margin: 0 auto;
}
.table .table-body .table-row .table-cell .table-image-title {
  padding: 0 1rem 0 0;
}
.modal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-box {
  position: relative;
  display: block;
  min-width: 20rem;
  background: #fff;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, 0.05);
  z-index: 2000;
}
.modal-title {
  margin: 0 0 1rem 0;
  text-align: center;
}
.list-options-box {
  display: block;
  background: #fff;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.list-pagination {
  display: flex;
  justify-content: left;
  margin-top: 1rem;
}
.form-input-label {
  padding-bottom: 0.25rem;
}
.form-input-message {
  color: #999;
}
.form-input-error {
  color: red;
}
.form-map {
  position: relative;
  background: transparent;
  height: 20rem;
}
.form-media-preview {
  position: relative;
  display: inline-block;
  background: #f1f1f1;
  height: 6rem;
  width: 6rem;
  margin: 0 0 1rem 1rem;
  text-align: center;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.form-media-preview.clickable {
  cursor: pointer;
}
.form-media-preview.align-center {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.form-media-preview.round-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.form-media-preview img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.form-media-preview p {
  font-size: 0.8rem;
  margin: 0;
}
.form-media-preview input {
  display: none;
}
.form-media-preview .form-media-preview-icon {
  font-size: 2.5rem;
  color: #6f0000;
  margin: 1rem auto 0 auto;
}
.form-media-preview .form-media-preview-loading {
  position: absolute;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255,255,255,0.5);
}
.form-media-preview .form-media-preview-loading-text {
  position: absolute;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.avatar-image {
  display: block;
  background: #f1f1f1;
  height: 3rem;
  width: 3rem;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.avatar-image img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.inline-seprator {
  display: inline-block;
  color: #ccc;
  padding: 0 1rem;
}
.backdrop {
  z-index: 3000 !important;
}
.lightbox {
  background: rgba(0, 0, 0, 0.8);
  z-index: 2000 !important;
}
.lightbox-nav-button {
  color: #fff;
  cursor: pointer;
  z-index: 2100 !important;
}
.gray-background {
  background: #f7f7f7 !important;
}
.primary-color-background {
  background: #6f0000 !important;
}
.secondary-color-background {
  background: #c75146 !important;
}
#page-corner-button {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  z-index: 1000;
  padding-top: 0.68rem;
}
#page-corner-button a {
  background: #eaeaea;
  color: #333;
  padding: 0.75rem 1rem;
  -webkit-border-radius: 0 0 0.5rem 0;
  -moz-border-radius: 0 0 0.5rem 0;
  border-radius: 0 0 0.5rem 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#page-corner-button a:hover,
#page-corner-button a:focus {
  background: #dadada;
}
#page-hero {
  padding: 3rem 0;
  text-align: center;
}
#page-hero h1 {
  display: inline-block;
  margin: 0;
  color: #333;
  font-weight: bold;
  font-size: 2.5rem;
}
#profile-hero {
  margin: 6rem 0 0 0;
  padding: 3rem 0;
  text-align: center;
}
#profile-hero #profile-image {
  display: block;
  margin: 0 auto;
  background: #fafafa;
  width: 10rem;
  height: 10rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#profile-hero #profile-image img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
#profile-hero h1 {
  display: block;
  margin: 1.5rem 0 0 0;
  color: #333;
  font-weight: bold;
  font-size: 1.5rem;
}
#profile-hero p {
  display: block;
  margin: 0.5rem 0 0 0;
  color: #999;
}
#page-breadcrumb {
  background: #f1f1f1;
  padding: 1rem 0;
}
#page-breadcrumb a {
  color: #777;
}
#page-breadcrumb a:hover,
#page-breadcrumb a:focus{
  color: #6f0000;
}
#page-breadcrumb p {
  color: #333;
}
#small-footer {
  padding: 3rem 0;
  text-align: center;
  color: #777;
}

@media (min-width: 600px) {
  .content-container .content-image .image-container {
    height: 20rem;
  }
}
@media (min-width: 960px) {
  .card.remove-margin-responsive {
    margin-bottom: 0;
  }
  .section-card .card-image {
    margin: 0;
  }
  .section-card .card-image.margin-image {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .content-container .content-image .image-container {
    height: 25rem;
  }
  .form-map {
    height: 30rem;
  }
  #page-hero h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1280px) {
  .content-container .content-image .image-container {
    height: 30rem;
  }
}
@media (min-width: 1920px) {
  .content-container .content-image .image-container {
    height: 30rem;
  }
}