/*  ==========================================================================
    Utility classes
    ========================================================================== */

.img-frame {
  border: 8px solid #444;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  vertical-align: top;
  text-decoration: none !important;
  line-height: 1;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  display: block;
}

/*   ==========================================================================
      MOZILLA INPUT HEIGHT FIX
      http://davidwalsh.name/firefox-buttons
     ========================================================================== */

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*   ==========================================================================
      GENERAL STYLES
     ========================================================================== */

body {
  font-family: Roboto, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  line-height: 1.4;
}

html,
body { height: 100%; }

body {
  display: table;
  width: 100%;
}

button,
input[type="submit"] {
  cursor: pointer;
}

button:hover,
input[type="submit"]:hover {
  opacity: 0.85;
}

ul {
  list-style-position: inside;
}

.page-row {
  display: table-row;
  height: 1px;
  width: 100%;
}

.list-styled li {
  list-style: square outside;
  margin-left: 1.2em;
}

.page-row-expanded { height: 100%; }

.Header {
  border-bottom: 1px solid #929292;
}

.Header-logo {
  transition: 200ms transform;
}

.Header-logo:hover {
  transform: scale(1.15);
}

.Header a:hover {
  color: #b81f1e;
}

.MainFooter {
  padding-top: 100px;
  padding-bottom: 100px;
}

.SectionRect {
  display: inline-block;
  max-width: 400px;
  color: #b81f1e;
}

.SectionRect:hover {
  color: #1265b8;
}

.SectionRect-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: background-color 300ms, opacity 300ms;
  color: #fff;
}

.SectionRect:hover .SectionRect-overlay {
  opacity: 1;
  background-color: rgba(68, 68, 68, 0.7);
}

.SectionRect-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
     -moz-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  font-size: 10rem;
}

.input {
  display: inline-block;
  width: 100%;
  border: 1px solid #444444;
  padding: 0.5em 0.8em;
}

.button {
  display: inline-block;
  background-color: #444444;
  color: #fff;
  padding: 0.5em 0.8em;
}

.thumbnail {
  background-position: center center;
  background-size: cover;
  padding-bottom: 100%;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.fancybox-skin {
  padding: 5px !important;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}