/**
 * Contains layout related settings for framework
 * 1.0
 */
.left {
  float: left; }

.right {
  float: right; }

.auto_align {
  margin: 0 auto; }

div.super_wrapper {
  position: relative; }

.faux_skeleton {
  width: 1140px; }

.skeleton {
  width: 1060px;
  position: relative;
  z-index: 1; }

.layout_element {
  float: left;
  min-height: 1px; }

.full_width {
  width: 100%; }

.one_half, .one_half_last {
  width: 50%; }

.one_third {
  width: 33.33333%; }

.one_third_last {
  width: 33.33333%; }

.one_fourth {
  width: 25%; }

.one_fourth_last {
  width: 25%; }

.two_third {
  width: 66.66667%; }

.two_third_last {
  width: 66.66667%; }

.three_fourth {
  width: 75%; }

.three_fourth_last {
  width: 75%; }

.one_fifth {
  width: 20%; }

.one_fifth_last {
  width: 20%; }

.four_fifth {
  width: 80%; }

.four_fifth_last {
  width: 80%; }

/**
 * Content Columns
 */
.col {
  float: left; }

.col.full {
  float: none;
  margin-right: 0;
  clear: both;
  width: 100%; }

.page-content .col.one_half {
  width: 510px; }

.page-content .col.one_third {
  width: 326px; }

.page-content .col.one_fourth {
  width: 235px; }

.page-content .col.two_third {
  width: 694px; }

.page-content .col.three_fourth {
  width: 785px; }

.page-content .col.one_fifth {
  width: 180px; }

.page-content .col.four_fifth {
  width: 840px; }

.sidebar-layout .col, .page-content .col {
  margin-right: 40px;
  margin-bottom: 20px; }

.sidebar-layout .col.full, .page-content .col.full {
  float: none;
  margin-right: 0; }

.sidebar-layout .col.one_half {
  width: 350px; }

.sidebar-layout .col.one_third {
  width: 220px; }

.sidebar-layout .col.one_fourth {
  width: 155px; }

.sidebar-layout .col.two_third {
  width: 480px; }

.sidebar-layout .col.three_fourth {
  width: 545px; }

.sidebar-layout .col.one_fifth {
  width: 116px; }

.sidebar-layout .col.four_fifth {
  width: 584px; }

.last {
  padding-right: 0 !important;
  clear: right;
  margin-right: 0 !important; }

.first {
  padding-left: 0 !important;
  clear: left;
  margin-left: 0 !important; }

/**
 * Nested Layouts
 */
.col p:last-child {
  margin-bottom: 0; }

.col .col.one_half {
  width: 48%; }

.col .col.one_third {
  width: 32%; }

.col .col.one_fourth {
  width: 23.5%; }

.col .col.two_third {
  width: 64%; }

.col .col.three_fourth {
  width: 73%; }

.col .col.one_fifth {
  width: 18%; }

.col .col.four_fifth {
  width: 78%; }

.col .col {
  margin-right: 2%;
  margin-bottom: 15px; }

.col .col.full {
  float: none;
  margin-right: 0; }

div.page-content .col:last-child {
  margin-bottom: 0; }

.below-title.sidebar {
  margin-top: 0; }

.below-title.sidebar {
  margin-top: 0; }

.has-left-sidebar .skeleton, .has-sticky-left-sidebar .skeleton, .has-right-sidebar .skeleton, .has-sticky-right-sidebar .skeleton {
  width: 750px; }

/* == Right Sidebar ========================== */
.has-left-sidebar, .has-sticky-left-sidebar {
  float: right;
  width: 740px;
  padding-left: 30px; }

.left-sidebar.sidebar, .sticky-left-sidebar.sidebar {
  float: left;
  width: 270px;
  padding: 10px 20px 0 0px;
  padding-bottom: 0px;
  margin-bottom: 0; }

/* == Left Sidebar ========================== */
.has-right-sidebar, .has-sticky-right-sidebar {
  float: left;
  width: 740px;
  padding-right: 30px; }

.right-sidebar.sidebar, .sticky-right-sidebar.sidebar {
  float: right;
  width: 270px;
  padding: 10px 0 0 20px;
  padding-bottom: 0px;
  margin-bottom: 0; }

.nested .one_half, .nested .one_half_last {
  width: 50%; }

.nested .one_third {
  width: 33.33333%; }

.nested .one_third_last {
  width: 33.33333%; }

.nested .one_fourth {
  width: 25%; }

.nested .one_fourth_last {
  width: 25%; }

.nested .two_third {
  width: 66.66667%; }

.nested .two_third_last {
  width: 66.66667%; }

.nested .three_fourth {
  width: 75%; }

.nested .three_fourth_last {
  width: 75%; }

.nested .one_fifth {
  width: 20%; }

.nested .one_fifth_last {
  width: 20%; }

.nested .four_fifth {
  width: 80%; }

.nested .four_fifth_last {
  width: 80%; }

div.inner-super-wrapper {
  background: #fff; }

div.ioa-boxed-layout {
  width: 1140px;
  margin: 0 auto;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  position: relative; }
