html {
  overflow-y: scroll !important;
  padding: 0 !important;
}

/* Containers */
#sitecontainer {
  z-index: 1;
  overflow: hidden;
}
#sitecontainer,
.rightside,
.sidebar,
.pagination .pagenumbers {
  background: #f5f5f5;
}

.top-nav,
.pagetitle {
  background:#fff;
}

/* Alignment */
.alignright {
  float: right;
}

.alignleft {
  float: left;
}

strong {
  font-weight: bold;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

.zeromargin {
  margin: 0 !important;
}

.display {
  display: block;
}

.table {
  display: table;
  float: none;
  margin-bottom: 0;
}

.table-row {
  display: table-row;
  float: none;
}

.table-cell {
  display: table-cell;
  float: none;
}

.verticalmiddle {
  vertical-align: middle;
}

/* Clearing */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.mobileclear {
  display: none;
}

/* Preloader Style */
div#preloaded-images {
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 1px;
  width: 1px;
}

/* Images */
img.scale-with-grid,
#sitecontainer img {
  /* This makes images responsive */
  max-width: 100% !important;
  height: auto !important;
}

iframe { /* Make iframes responsive */
  max-width: 100% !important;
}

::selection {
  color: #fff;
}
.hidden {
  @include opacity(0);
}
.disappear {
  @include opacity(0);
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.appear,
.disappear.appear {
  @include opacity(1);
}

/**
 * Column Widths
 */
.one-half {
  width: 48%;
}

.one-third {
  width: 30.66%;
}

.two-third {
  width: 65.33%;
}

.one-fourth {
  width: 22%;
}

.three-fourth {
  width: 74%;
}

.one-fifth {
  width: 16.8%;
}

.two-fifth {
  width: 37.6%;
}

.three-fifth {
  width: 58.4%;
}

.four-fifth {
  width: 79.2%;
}

.one-sixth {
  width: 13.33%;
}

.five-sixth {
  width: 82.67%;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
  margin-right: 4%;
  margin-bottom: 25px;
  float: left;
}

.column-last {
  margin-right: 0 !important;
  clear: right;
}

/* Vertical Centering */
.verticalcenter {
  display: table;
}

/* For IE7 */
.verticalcenter td {
  vertical-align: middle;
}

.verticalcenter .cell.verticalcenter {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

/* Divider Styling */
.divider {
  margin:10px 0 40px 0;
  text-align:center;
  border-bottom-style:solid;
  border-bottom-width:3px;
  border-color:#e7e7e7;
  border-color: rgba(0, 0, 0, .05);
  height: 6px;
}
.divider span {
  background:#333;
  padding:5px 10px;
  color:#fff;
  margin-bottom:-10px;
  text-transform:uppercase;
}
.dark .divider span {
  background:#fff;
  color:#333;
}

/* Javascript Alert */
.alert {
  /* For Non-Javascript Enabled Browsers */
  background: #ffffff;
  text-align: center;
  padding: 5px 0px;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  @include opacity(0.9);
}

.alert p {
  font-size: 24px;
  color: #666;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-left: -30px;
  margin-top: -18px;
}
.svg.smil {
  .loading, .loading-dark {
    background-size:50px;
  }
}
  .loading, .loading-dark {
    background-repeat:no-repeat;
    background-position:center;
    min-width: 50px;
    min-height: 50px;
  }

body:before { /* preload */
  display: none;
  // both images are now loaded when the page loads
  content: url(images/loading-spin.svg) url(images/loading-spin-dark.svg) url(images/loading.gif) url(images/loading-dark.gif);
}
/* FallBacks */
.loading {
  background-image:url(images/loading.gif);
}
.loading-dark {
  background-image:url(images/loading-dark.gif);
}
/* Spin Animation */
.svg.smil .loading {
//  background-image:url(images/loading-spin.svg);
  background-image:url(images/loading-spin.svg);
}
.svg.smil .loading-dark {
//  background-image:url(images/loading-spin-dark.svg);
  background-image:url(images/loading-spin-dark.svg);
}