/*!
Theme Name: 	Skyla Child
Theme URI:		https://wclassic.net
Author: 		WClassic
Author URI: 	https://wpisset.com
Template:       skyla
Description: 	Cosmetic WooCommerce Theme for Organic Soap Shop, Cosmetic Shop and Bodycare online store.
Version: 		1.0.1
License:		GNU General Public License v3 or later
License URI:	https://www.gnu.org/licenses/gpl-3.0.html
Tags: 			one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, full-width-template, custom-logo, custom-background, threaded-comments, translation-ready, blog, e-commerce
Text Domain:	skylachild
*/
/*@import url('../skyla/css/application.css');
@import url('../skyla/css/responsive.css');
@import url('../skyla/css/woocommerce.css');
@import url('../skyla/css/style-editor.css');
@import url('../skyla/css/admin-style.css');*/
.flexgrid,
.fg {
  display: flex;
  flex-wrap: wrap;
}
.flexgrid.justify-center, .flexgrid.jc,
.fg.justify-center,
.fg.jc {
  justify-content: center;
}
.flexgrid.align-center, .flexgrid.ac,
.fg.align-center,
.fg.ac {
  align-items: center;
}
.flexgrid .flexgrid-item,
.flexgrid .fgi,
.fg .flexgrid-item,
.fg .fgi {
  flex: 0 0 100%;
  max-width: 100%;
}
@media all and (min-width: 1024px) {
  .flexgrid .flexgrid-item.size-5,
  .flexgrid .fgi.size-5,
  .fg .flexgrid-item.size-5,
  .fg .fgi.size-5 {
    flex: 0 0 5%;
    max-width: 5%;
  }
  .flexgrid .flexgrid-item.size-10,
  .flexgrid .fgi.size-10,
  .fg .flexgrid-item.size-10,
  .fg .fgi.size-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flexgrid .flexgrid-item.size-15,
  .flexgrid .fgi.size-15,
  .fg .flexgrid-item.size-15,
  .fg .fgi.size-15 {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .flexgrid .flexgrid-item.size-20,
  .flexgrid .fgi.size-20,
  .fg .flexgrid-item.size-20,
  .fg .fgi.size-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flexgrid .flexgrid-item.size-25,
  .flexgrid .fgi.size-25,
  .fg .flexgrid-item.size-25,
  .fg .fgi.size-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flexgrid .flexgrid-item.size-30,
  .flexgrid .fgi.size-30,
  .fg .flexgrid-item.size-30,
  .fg .fgi.size-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flexgrid .flexgrid-item.size-33,
  .flexgrid .fgi.size-33,
  .fg .flexgrid-item.size-33,
  .fg .fgi.size-33 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .flexgrid .flexgrid-item.size-35,
  .flexgrid .fgi.size-35,
  .fg .flexgrid-item.size-35,
  .fg .fgi.size-35 {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .flexgrid .flexgrid-item.size-40,
  .flexgrid .fgi.size-40,
  .fg .flexgrid-item.size-40,
  .fg .fgi.size-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flexgrid .flexgrid-item.size-45,
  .flexgrid .fgi.size-45,
  .fg .flexgrid-item.size-45,
  .fg .fgi.size-45 {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .flexgrid .flexgrid-item.size-50,
  .flexgrid .fgi.size-50,
  .fg .flexgrid-item.size-50,
  .fg .fgi.size-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flexgrid .flexgrid-item.size-55,
  .flexgrid .fgi.size-55,
  .fg .flexgrid-item.size-55,
  .fg .fgi.size-55 {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .flexgrid .flexgrid-item.size-60,
  .flexgrid .fgi.size-60,
  .fg .flexgrid-item.size-60,
  .fg .fgi.size-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flexgrid .flexgrid-item.size-65,
  .flexgrid .fgi.size-65,
  .fg .flexgrid-item.size-65,
  .fg .fgi.size-65 {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .flexgrid .flexgrid-item.size-70,
  .flexgrid .fgi.size-70,
  .fg .flexgrid-item.size-70,
  .fg .fgi.size-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flexgrid .flexgrid-item.size-75,
  .flexgrid .fgi.size-75,
  .fg .flexgrid-item.size-75,
  .fg .fgi.size-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flexgrid .flexgrid-item.size-80,
  .flexgrid .fgi.size-80,
  .fg .flexgrid-item.size-80,
  .fg .fgi.size-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flexgrid .flexgrid-item.size-85,
  .flexgrid .fgi.size-85,
  .fg .flexgrid-item.size-85,
  .fg .fgi.size-85 {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .flexgrid .flexgrid-item.size-90,
  .flexgrid .fgi.size-90,
  .fg .flexgrid-item.size-90,
  .fg .fgi.size-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flexgrid .flexgrid-item.size-95,
  .flexgrid .fgi.size-95,
  .fg .flexgrid-item.size-95,
  .fg .fgi.size-95 {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .flexgrid .flexgrid-item.size-100,
  .flexgrid .fgi.size-100,
  .fg .flexgrid-item.size-100,
  .fg .fgi.size-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.columns-2 .flexgrid-item,
  .flexgrid.columns-2 .fgi,
  .fg.columns-2 .flexgrid-item,
  .fg.columns-2 .fgi {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.columns-3 .flexgrid-item,
  .flexgrid.columns-3 .fgi,
  .fg.columns-3 .flexgrid-item,
  .fg.columns-3 .fgi {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.columns-4 .flexgrid-item,
  .flexgrid.columns-4 .fgi,
  .fg.columns-4 .flexgrid-item,
  .fg.columns-4 .fgi {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.columns-5 .flexgrid-item,
  .flexgrid.columns-5 .fgi,
  .fg.columns-5 .flexgrid-item,
  .fg.columns-5 .fgi {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.flexgrid.margined,
.fg.margined,
.flexgrid.with-gutter,
.fg.with-gutter,
.flexgrid.wg,
.fg.wg {
  margin: 0 -10px;
}
.flexgrid.margined .flexgrid-item,
.flexgrid.margined .fgi,
.fg.margined .flexgrid-item,
.fg.margined .fgi,
.flexgrid.with-gutter .flexgrid-item,
.flexgrid.with-gutter .fgi,
.fg.with-gutter .flexgrid-item,
.fg.with-gutter .fgi,
.flexgrid.wg .flexgrid-item,
.flexgrid.wg .fgi,
.fg.wg .flexgrid-item,
.fg.wg .fgi {
  flex: 0 0 calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin: 0 10px 20px;
}
@media all and (min-width: 1024px) {
  .flexgrid.margined .flexgrid-item.size-5,
  .flexgrid.margined .fgi.size-5,
  .fg.margined .flexgrid-item.size-5,
  .fg.margined .fgi.size-5,
  .flexgrid.with-gutter .flexgrid-item.size-5,
  .flexgrid.with-gutter .fgi.size-5,
  .fg.with-gutter .flexgrid-item.size-5,
  .fg.with-gutter .fgi.size-5,
  .flexgrid.wg .flexgrid-item.size-5,
  .flexgrid.wg .fgi.size-5,
  .fg.wg .flexgrid-item.size-5,
  .fg.wg .fgi.size-5 {
    flex: 0 0 calc(5% - 20px);
    max-width: calc(5% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-10,
  .flexgrid.margined .fgi.size-10,
  .fg.margined .flexgrid-item.size-10,
  .fg.margined .fgi.size-10,
  .flexgrid.with-gutter .flexgrid-item.size-10,
  .flexgrid.with-gutter .fgi.size-10,
  .fg.with-gutter .flexgrid-item.size-10,
  .fg.with-gutter .fgi.size-10,
  .flexgrid.wg .flexgrid-item.size-10,
  .flexgrid.wg .fgi.size-10,
  .fg.wg .flexgrid-item.size-10,
  .fg.wg .fgi.size-10 {
    flex: 0 0 calc(10% - 20px);
    max-width: calc(10% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-15,
  .flexgrid.margined .fgi.size-15,
  .fg.margined .flexgrid-item.size-15,
  .fg.margined .fgi.size-15,
  .flexgrid.with-gutter .flexgrid-item.size-15,
  .flexgrid.with-gutter .fgi.size-15,
  .fg.with-gutter .flexgrid-item.size-15,
  .fg.with-gutter .fgi.size-15,
  .flexgrid.wg .flexgrid-item.size-15,
  .flexgrid.wg .fgi.size-15,
  .fg.wg .flexgrid-item.size-15,
  .fg.wg .fgi.size-15 {
    flex: 0 0 calc(15% - 20px);
    max-width: calc(15% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-20,
  .flexgrid.margined .fgi.size-20,
  .fg.margined .flexgrid-item.size-20,
  .fg.margined .fgi.size-20,
  .flexgrid.with-gutter .flexgrid-item.size-20,
  .flexgrid.with-gutter .fgi.size-20,
  .fg.with-gutter .flexgrid-item.size-20,
  .fg.with-gutter .fgi.size-20,
  .flexgrid.wg .flexgrid-item.size-20,
  .flexgrid.wg .fgi.size-20,
  .fg.wg .flexgrid-item.size-20,
  .fg.wg .fgi.size-20 {
    flex: 0 0 calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-25,
  .flexgrid.margined .fgi.size-25,
  .fg.margined .flexgrid-item.size-25,
  .fg.margined .fgi.size-25,
  .flexgrid.with-gutter .flexgrid-item.size-25,
  .flexgrid.with-gutter .fgi.size-25,
  .fg.with-gutter .flexgrid-item.size-25,
  .fg.with-gutter .fgi.size-25,
  .flexgrid.wg .flexgrid-item.size-25,
  .flexgrid.wg .fgi.size-25,
  .fg.wg .flexgrid-item.size-25,
  .fg.wg .fgi.size-25 {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-30,
  .flexgrid.margined .fgi.size-30,
  .fg.margined .flexgrid-item.size-30,
  .fg.margined .fgi.size-30,
  .flexgrid.with-gutter .flexgrid-item.size-30,
  .flexgrid.with-gutter .fgi.size-30,
  .fg.with-gutter .flexgrid-item.size-30,
  .fg.with-gutter .fgi.size-30,
  .flexgrid.wg .flexgrid-item.size-30,
  .flexgrid.wg .fgi.size-30,
  .fg.wg .flexgrid-item.size-30,
  .fg.wg .fgi.size-30 {
    flex: 0 0 calc(30% - 20px);
    max-width: calc(30% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-33,
  .flexgrid.margined .fgi.size-33,
  .fg.margined .flexgrid-item.size-33,
  .fg.margined .fgi.size-33,
  .flexgrid.with-gutter .flexgrid-item.size-33,
  .flexgrid.with-gutter .fgi.size-33,
  .fg.with-gutter .flexgrid-item.size-33,
  .fg.with-gutter .fgi.size-33,
  .flexgrid.wg .flexgrid-item.size-33,
  .flexgrid.wg .fgi.size-33,
  .fg.wg .flexgrid-item.size-33,
  .fg.wg .fgi.size-33 {
    flex: 0 0 calc(33.3333% - 20px);
    max-width: calc(33.3333% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-35,
  .flexgrid.margined .fgi.size-35,
  .fg.margined .flexgrid-item.size-35,
  .fg.margined .fgi.size-35,
  .flexgrid.with-gutter .flexgrid-item.size-35,
  .flexgrid.with-gutter .fgi.size-35,
  .fg.with-gutter .flexgrid-item.size-35,
  .fg.with-gutter .fgi.size-35,
  .flexgrid.wg .flexgrid-item.size-35,
  .flexgrid.wg .fgi.size-35,
  .fg.wg .flexgrid-item.size-35,
  .fg.wg .fgi.size-35 {
    flex: 0 0 calc(35% - 20px);
    max-width: calc(35% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-40,
  .flexgrid.margined .fgi.size-40,
  .fg.margined .flexgrid-item.size-40,
  .fg.margined .fgi.size-40,
  .flexgrid.with-gutter .flexgrid-item.size-40,
  .flexgrid.with-gutter .fgi.size-40,
  .fg.with-gutter .flexgrid-item.size-40,
  .fg.with-gutter .fgi.size-40,
  .flexgrid.wg .flexgrid-item.size-40,
  .flexgrid.wg .fgi.size-40,
  .fg.wg .flexgrid-item.size-40,
  .fg.wg .fgi.size-40 {
    flex: 0 0 calc(40% - 20px);
    max-width: calc(40% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-45,
  .flexgrid.margined .fgi.size-45,
  .fg.margined .flexgrid-item.size-45,
  .fg.margined .fgi.size-45,
  .flexgrid.with-gutter .flexgrid-item.size-45,
  .flexgrid.with-gutter .fgi.size-45,
  .fg.with-gutter .flexgrid-item.size-45,
  .fg.with-gutter .fgi.size-45,
  .flexgrid.wg .flexgrid-item.size-45,
  .flexgrid.wg .fgi.size-45,
  .fg.wg .flexgrid-item.size-45,
  .fg.wg .fgi.size-45 {
    flex: 0 0 calc(45% - 20px);
    max-width: calc(45% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-50,
  .flexgrid.margined .fgi.size-50,
  .fg.margined .flexgrid-item.size-50,
  .fg.margined .fgi.size-50,
  .flexgrid.with-gutter .flexgrid-item.size-50,
  .flexgrid.with-gutter .fgi.size-50,
  .fg.with-gutter .flexgrid-item.size-50,
  .fg.with-gutter .fgi.size-50,
  .flexgrid.wg .flexgrid-item.size-50,
  .flexgrid.wg .fgi.size-50,
  .fg.wg .flexgrid-item.size-50,
  .fg.wg .fgi.size-50 {
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-55,
  .flexgrid.margined .fgi.size-55,
  .fg.margined .flexgrid-item.size-55,
  .fg.margined .fgi.size-55,
  .flexgrid.with-gutter .flexgrid-item.size-55,
  .flexgrid.with-gutter .fgi.size-55,
  .fg.with-gutter .flexgrid-item.size-55,
  .fg.with-gutter .fgi.size-55,
  .flexgrid.wg .flexgrid-item.size-55,
  .flexgrid.wg .fgi.size-55,
  .fg.wg .flexgrid-item.size-55,
  .fg.wg .fgi.size-55 {
    flex: 0 0 calc(55% - 20px);
    max-width: calc(55% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-60,
  .flexgrid.margined .fgi.size-60,
  .fg.margined .flexgrid-item.size-60,
  .fg.margined .fgi.size-60,
  .flexgrid.with-gutter .flexgrid-item.size-60,
  .flexgrid.with-gutter .fgi.size-60,
  .fg.with-gutter .flexgrid-item.size-60,
  .fg.with-gutter .fgi.size-60,
  .flexgrid.wg .flexgrid-item.size-60,
  .flexgrid.wg .fgi.size-60,
  .fg.wg .flexgrid-item.size-60,
  .fg.wg .fgi.size-60 {
    flex: 0 0 calc(60% - 20px);
    max-width: calc(60% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-65,
  .flexgrid.margined .fgi.size-65,
  .fg.margined .flexgrid-item.size-65,
  .fg.margined .fgi.size-65,
  .flexgrid.with-gutter .flexgrid-item.size-65,
  .flexgrid.with-gutter .fgi.size-65,
  .fg.with-gutter .flexgrid-item.size-65,
  .fg.with-gutter .fgi.size-65,
  .flexgrid.wg .flexgrid-item.size-65,
  .flexgrid.wg .fgi.size-65,
  .fg.wg .flexgrid-item.size-65,
  .fg.wg .fgi.size-65 {
    flex: 0 0 calc(65% - 20px);
    max-width: calc(65% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-70,
  .flexgrid.margined .fgi.size-70,
  .fg.margined .flexgrid-item.size-70,
  .fg.margined .fgi.size-70,
  .flexgrid.with-gutter .flexgrid-item.size-70,
  .flexgrid.with-gutter .fgi.size-70,
  .fg.with-gutter .flexgrid-item.size-70,
  .fg.with-gutter .fgi.size-70,
  .flexgrid.wg .flexgrid-item.size-70,
  .flexgrid.wg .fgi.size-70,
  .fg.wg .flexgrid-item.size-70,
  .fg.wg .fgi.size-70 {
    flex: 0 0 calc(70% - 20px);
    max-width: calc(70% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-75,
  .flexgrid.margined .fgi.size-75,
  .fg.margined .flexgrid-item.size-75,
  .fg.margined .fgi.size-75,
  .flexgrid.with-gutter .flexgrid-item.size-75,
  .flexgrid.with-gutter .fgi.size-75,
  .fg.with-gutter .flexgrid-item.size-75,
  .fg.with-gutter .fgi.size-75,
  .flexgrid.wg .flexgrid-item.size-75,
  .flexgrid.wg .fgi.size-75,
  .fg.wg .flexgrid-item.size-75,
  .fg.wg .fgi.size-75 {
    flex: 0 0 calc(75% - 20px);
    max-width: calc(75% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-80,
  .flexgrid.margined .fgi.size-80,
  .fg.margined .flexgrid-item.size-80,
  .fg.margined .fgi.size-80,
  .flexgrid.with-gutter .flexgrid-item.size-80,
  .flexgrid.with-gutter .fgi.size-80,
  .fg.with-gutter .flexgrid-item.size-80,
  .fg.with-gutter .fgi.size-80,
  .flexgrid.wg .flexgrid-item.size-80,
  .flexgrid.wg .fgi.size-80,
  .fg.wg .flexgrid-item.size-80,
  .fg.wg .fgi.size-80 {
    flex: 0 0 calc(80% - 20px);
    max-width: calc(80% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-85,
  .flexgrid.margined .fgi.size-85,
  .fg.margined .flexgrid-item.size-85,
  .fg.margined .fgi.size-85,
  .flexgrid.with-gutter .flexgrid-item.size-85,
  .flexgrid.with-gutter .fgi.size-85,
  .fg.with-gutter .flexgrid-item.size-85,
  .fg.with-gutter .fgi.size-85,
  .flexgrid.wg .flexgrid-item.size-85,
  .flexgrid.wg .fgi.size-85,
  .fg.wg .flexgrid-item.size-85,
  .fg.wg .fgi.size-85 {
    flex: 0 0 calc(85% - 20px);
    max-width: calc(85% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-90,
  .flexgrid.margined .fgi.size-90,
  .fg.margined .flexgrid-item.size-90,
  .fg.margined .fgi.size-90,
  .flexgrid.with-gutter .flexgrid-item.size-90,
  .flexgrid.with-gutter .fgi.size-90,
  .fg.with-gutter .flexgrid-item.size-90,
  .fg.with-gutter .fgi.size-90,
  .flexgrid.wg .flexgrid-item.size-90,
  .flexgrid.wg .fgi.size-90,
  .fg.wg .flexgrid-item.size-90,
  .fg.wg .fgi.size-90 {
    flex: 0 0 calc(90% - 20px);
    max-width: calc(90% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-95,
  .flexgrid.margined .fgi.size-95,
  .fg.margined .flexgrid-item.size-95,
  .fg.margined .fgi.size-95,
  .flexgrid.with-gutter .flexgrid-item.size-95,
  .flexgrid.with-gutter .fgi.size-95,
  .fg.with-gutter .flexgrid-item.size-95,
  .fg.with-gutter .fgi.size-95,
  .flexgrid.wg .flexgrid-item.size-95,
  .flexgrid.wg .fgi.size-95,
  .fg.wg .flexgrid-item.size-95,
  .fg.wg .fgi.size-95 {
    flex: 0 0 calc(95% - 20px);
    max-width: calc(95% - 20px);
  }
  .flexgrid.margined .flexgrid-item.size-100,
  .flexgrid.margined .fgi.size-100,
  .fg.margined .flexgrid-item.size-100,
  .fg.margined .fgi.size-100,
  .flexgrid.with-gutter .flexgrid-item.size-100,
  .flexgrid.with-gutter .fgi.size-100,
  .fg.with-gutter .flexgrid-item.size-100,
  .fg.with-gutter .fgi.size-100,
  .flexgrid.wg .flexgrid-item.size-100,
  .flexgrid.wg .fgi.size-100,
  .fg.wg .flexgrid-item.size-100,
  .fg.wg .fgi.size-100 {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.columns-2 .flexgrid-item,
  .flexgrid.margined.columns-2 .fgi,
  .fg.margined.columns-2 .flexgrid-item,
  .fg.margined.columns-2 .fgi,
  .flexgrid.with-gutter.columns-2 .flexgrid-item,
  .flexgrid.with-gutter.columns-2 .fgi,
  .fg.with-gutter.columns-2 .flexgrid-item,
  .fg.with-gutter.columns-2 .fgi,
  .flexgrid.wg.columns-2 .flexgrid-item,
  .flexgrid.wg.columns-2 .fgi,
  .fg.wg.columns-2 .flexgrid-item,
  .fg.wg.columns-2 .fgi {
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.columns-3 .flexgrid-item,
  .flexgrid.margined.columns-3 .fgi,
  .fg.margined.columns-3 .flexgrid-item,
  .fg.margined.columns-3 .fgi,
  .flexgrid.with-gutter.columns-3 .flexgrid-item,
  .flexgrid.with-gutter.columns-3 .fgi,
  .fg.with-gutter.columns-3 .flexgrid-item,
  .fg.with-gutter.columns-3 .fgi,
  .flexgrid.wg.columns-3 .flexgrid-item,
  .flexgrid.wg.columns-3 .fgi,
  .fg.wg.columns-3 .flexgrid-item,
  .fg.wg.columns-3 .fgi {
    flex: 0 0 calc(33.3333333333% - 20px);
    max-width: calc(33.3333333333% - 20px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.columns-4 .flexgrid-item,
  .flexgrid.margined.columns-4 .fgi,
  .fg.margined.columns-4 .flexgrid-item,
  .fg.margined.columns-4 .fgi,
  .flexgrid.with-gutter.columns-4 .flexgrid-item,
  .flexgrid.with-gutter.columns-4 .fgi,
  .fg.with-gutter.columns-4 .flexgrid-item,
  .fg.with-gutter.columns-4 .fgi,
  .flexgrid.wg.columns-4 .flexgrid-item,
  .flexgrid.wg.columns-4 .fgi,
  .fg.wg.columns-4 .flexgrid-item,
  .fg.wg.columns-4 .fgi {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.columns-5 .flexgrid-item,
  .flexgrid.margined.columns-5 .fgi,
  .fg.margined.columns-5 .flexgrid-item,
  .fg.margined.columns-5 .fgi,
  .flexgrid.with-gutter.columns-5 .flexgrid-item,
  .flexgrid.with-gutter.columns-5 .fgi,
  .fg.with-gutter.columns-5 .flexgrid-item,
  .fg.with-gutter.columns-5 .fgi,
  .flexgrid.wg.columns-5 .flexgrid-item,
  .flexgrid.wg.columns-5 .fgi,
  .fg.wg.columns-5 .flexgrid-item,
  .fg.wg.columns-5 .fgi {
    flex: 0 0 calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
}
.flexgrid.margined.quarter-gutter, .flexgrid.margined.qg,
.fg.margined.quarter-gutter,
.fg.margined.qg,
.flexgrid.with-gutter.quarter-gutter,
.flexgrid.with-gutter.qg,
.fg.with-gutter.quarter-gutter,
.fg.with-gutter.qg,
.flexgrid.wg.quarter-gutter,
.flexgrid.wg.qg,
.fg.wg.quarter-gutter,
.fg.wg.qg {
  margin: 0 -2.5px;
}
.flexgrid.margined.quarter-gutter .flexgrid-item,
.flexgrid.margined.quarter-gutter .fgi, .flexgrid.margined.qg .flexgrid-item,
.flexgrid.margined.qg .fgi,
.fg.margined.quarter-gutter .flexgrid-item,
.fg.margined.quarter-gutter .fgi,
.fg.margined.qg .flexgrid-item,
.fg.margined.qg .fgi,
.flexgrid.with-gutter.quarter-gutter .flexgrid-item,
.flexgrid.with-gutter.quarter-gutter .fgi,
.flexgrid.with-gutter.qg .flexgrid-item,
.flexgrid.with-gutter.qg .fgi,
.fg.with-gutter.quarter-gutter .flexgrid-item,
.fg.with-gutter.quarter-gutter .fgi,
.fg.with-gutter.qg .flexgrid-item,
.fg.with-gutter.qg .fgi,
.flexgrid.wg.quarter-gutter .flexgrid-item,
.flexgrid.wg.quarter-gutter .fgi,
.flexgrid.wg.qg .flexgrid-item,
.flexgrid.wg.qg .fgi,
.fg.wg.quarter-gutter .flexgrid-item,
.fg.wg.quarter-gutter .fgi,
.fg.wg.qg .flexgrid-item,
.fg.wg.qg .fgi {
  flex: 0 0 calc(100% - 5px);
  max-width: calc(100% - 5px);
  margin: 0 2.5px 5px;
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-5,
  .flexgrid.margined.quarter-gutter .fgi.size-5, .flexgrid.margined.qg .flexgrid-item.size-5,
  .flexgrid.margined.qg .fgi.size-5,
  .fg.margined.quarter-gutter .flexgrid-item.size-5,
  .fg.margined.quarter-gutter .fgi.size-5,
  .fg.margined.qg .flexgrid-item.size-5,
  .fg.margined.qg .fgi.size-5,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-5,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-5,
  .flexgrid.with-gutter.qg .flexgrid-item.size-5,
  .flexgrid.with-gutter.qg .fgi.size-5,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-5,
  .fg.with-gutter.quarter-gutter .fgi.size-5,
  .fg.with-gutter.qg .flexgrid-item.size-5,
  .fg.with-gutter.qg .fgi.size-5,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-5,
  .flexgrid.wg.quarter-gutter .fgi.size-5,
  .flexgrid.wg.qg .flexgrid-item.size-5,
  .flexgrid.wg.qg .fgi.size-5,
  .fg.wg.quarter-gutter .flexgrid-item.size-5,
  .fg.wg.quarter-gutter .fgi.size-5,
  .fg.wg.qg .flexgrid-item.size-5,
  .fg.wg.qg .fgi.size-5 {
    flex: 0 0 calc(5% - 5px);
    max-width: calc(5% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-10,
  .flexgrid.margined.quarter-gutter .fgi.size-10, .flexgrid.margined.qg .flexgrid-item.size-10,
  .flexgrid.margined.qg .fgi.size-10,
  .fg.margined.quarter-gutter .flexgrid-item.size-10,
  .fg.margined.quarter-gutter .fgi.size-10,
  .fg.margined.qg .flexgrid-item.size-10,
  .fg.margined.qg .fgi.size-10,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-10,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-10,
  .flexgrid.with-gutter.qg .flexgrid-item.size-10,
  .flexgrid.with-gutter.qg .fgi.size-10,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-10,
  .fg.with-gutter.quarter-gutter .fgi.size-10,
  .fg.with-gutter.qg .flexgrid-item.size-10,
  .fg.with-gutter.qg .fgi.size-10,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-10,
  .flexgrid.wg.quarter-gutter .fgi.size-10,
  .flexgrid.wg.qg .flexgrid-item.size-10,
  .flexgrid.wg.qg .fgi.size-10,
  .fg.wg.quarter-gutter .flexgrid-item.size-10,
  .fg.wg.quarter-gutter .fgi.size-10,
  .fg.wg.qg .flexgrid-item.size-10,
  .fg.wg.qg .fgi.size-10 {
    flex: 0 0 calc(10% - 5px);
    max-width: calc(10% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-15,
  .flexgrid.margined.quarter-gutter .fgi.size-15, .flexgrid.margined.qg .flexgrid-item.size-15,
  .flexgrid.margined.qg .fgi.size-15,
  .fg.margined.quarter-gutter .flexgrid-item.size-15,
  .fg.margined.quarter-gutter .fgi.size-15,
  .fg.margined.qg .flexgrid-item.size-15,
  .fg.margined.qg .fgi.size-15,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-15,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-15,
  .flexgrid.with-gutter.qg .flexgrid-item.size-15,
  .flexgrid.with-gutter.qg .fgi.size-15,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-15,
  .fg.with-gutter.quarter-gutter .fgi.size-15,
  .fg.with-gutter.qg .flexgrid-item.size-15,
  .fg.with-gutter.qg .fgi.size-15,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-15,
  .flexgrid.wg.quarter-gutter .fgi.size-15,
  .flexgrid.wg.qg .flexgrid-item.size-15,
  .flexgrid.wg.qg .fgi.size-15,
  .fg.wg.quarter-gutter .flexgrid-item.size-15,
  .fg.wg.quarter-gutter .fgi.size-15,
  .fg.wg.qg .flexgrid-item.size-15,
  .fg.wg.qg .fgi.size-15 {
    flex: 0 0 calc(15% - 5px);
    max-width: calc(15% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-20,
  .flexgrid.margined.quarter-gutter .fgi.size-20, .flexgrid.margined.qg .flexgrid-item.size-20,
  .flexgrid.margined.qg .fgi.size-20,
  .fg.margined.quarter-gutter .flexgrid-item.size-20,
  .fg.margined.quarter-gutter .fgi.size-20,
  .fg.margined.qg .flexgrid-item.size-20,
  .fg.margined.qg .fgi.size-20,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-20,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-20,
  .flexgrid.with-gutter.qg .flexgrid-item.size-20,
  .flexgrid.with-gutter.qg .fgi.size-20,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-20,
  .fg.with-gutter.quarter-gutter .fgi.size-20,
  .fg.with-gutter.qg .flexgrid-item.size-20,
  .fg.with-gutter.qg .fgi.size-20,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-20,
  .flexgrid.wg.quarter-gutter .fgi.size-20,
  .flexgrid.wg.qg .flexgrid-item.size-20,
  .flexgrid.wg.qg .fgi.size-20,
  .fg.wg.quarter-gutter .flexgrid-item.size-20,
  .fg.wg.quarter-gutter .fgi.size-20,
  .fg.wg.qg .flexgrid-item.size-20,
  .fg.wg.qg .fgi.size-20 {
    flex: 0 0 calc(20% - 5px);
    max-width: calc(20% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-25,
  .flexgrid.margined.quarter-gutter .fgi.size-25, .flexgrid.margined.qg .flexgrid-item.size-25,
  .flexgrid.margined.qg .fgi.size-25,
  .fg.margined.quarter-gutter .flexgrid-item.size-25,
  .fg.margined.quarter-gutter .fgi.size-25,
  .fg.margined.qg .flexgrid-item.size-25,
  .fg.margined.qg .fgi.size-25,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-25,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-25,
  .flexgrid.with-gutter.qg .flexgrid-item.size-25,
  .flexgrid.with-gutter.qg .fgi.size-25,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-25,
  .fg.with-gutter.quarter-gutter .fgi.size-25,
  .fg.with-gutter.qg .flexgrid-item.size-25,
  .fg.with-gutter.qg .fgi.size-25,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-25,
  .flexgrid.wg.quarter-gutter .fgi.size-25,
  .flexgrid.wg.qg .flexgrid-item.size-25,
  .flexgrid.wg.qg .fgi.size-25,
  .fg.wg.quarter-gutter .flexgrid-item.size-25,
  .fg.wg.quarter-gutter .fgi.size-25,
  .fg.wg.qg .flexgrid-item.size-25,
  .fg.wg.qg .fgi.size-25 {
    flex: 0 0 calc(25% - 5px);
    max-width: calc(25% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-30,
  .flexgrid.margined.quarter-gutter .fgi.size-30, .flexgrid.margined.qg .flexgrid-item.size-30,
  .flexgrid.margined.qg .fgi.size-30,
  .fg.margined.quarter-gutter .flexgrid-item.size-30,
  .fg.margined.quarter-gutter .fgi.size-30,
  .fg.margined.qg .flexgrid-item.size-30,
  .fg.margined.qg .fgi.size-30,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-30,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-30,
  .flexgrid.with-gutter.qg .flexgrid-item.size-30,
  .flexgrid.with-gutter.qg .fgi.size-30,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-30,
  .fg.with-gutter.quarter-gutter .fgi.size-30,
  .fg.with-gutter.qg .flexgrid-item.size-30,
  .fg.with-gutter.qg .fgi.size-30,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-30,
  .flexgrid.wg.quarter-gutter .fgi.size-30,
  .flexgrid.wg.qg .flexgrid-item.size-30,
  .flexgrid.wg.qg .fgi.size-30,
  .fg.wg.quarter-gutter .flexgrid-item.size-30,
  .fg.wg.quarter-gutter .fgi.size-30,
  .fg.wg.qg .flexgrid-item.size-30,
  .fg.wg.qg .fgi.size-30 {
    flex: 0 0 calc(30% - 5px);
    max-width: calc(30% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-33,
  .flexgrid.margined.quarter-gutter .fgi.size-33, .flexgrid.margined.qg .flexgrid-item.size-33,
  .flexgrid.margined.qg .fgi.size-33,
  .fg.margined.quarter-gutter .flexgrid-item.size-33,
  .fg.margined.quarter-gutter .fgi.size-33,
  .fg.margined.qg .flexgrid-item.size-33,
  .fg.margined.qg .fgi.size-33,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-33,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-33,
  .flexgrid.with-gutter.qg .flexgrid-item.size-33,
  .flexgrid.with-gutter.qg .fgi.size-33,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-33,
  .fg.with-gutter.quarter-gutter .fgi.size-33,
  .fg.with-gutter.qg .flexgrid-item.size-33,
  .fg.with-gutter.qg .fgi.size-33,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-33,
  .flexgrid.wg.quarter-gutter .fgi.size-33,
  .flexgrid.wg.qg .flexgrid-item.size-33,
  .flexgrid.wg.qg .fgi.size-33,
  .fg.wg.quarter-gutter .flexgrid-item.size-33,
  .fg.wg.quarter-gutter .fgi.size-33,
  .fg.wg.qg .flexgrid-item.size-33,
  .fg.wg.qg .fgi.size-33 {
    flex: 0 0 calc(33.3333% - 5px);
    max-width: calc(33.3333% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-35,
  .flexgrid.margined.quarter-gutter .fgi.size-35, .flexgrid.margined.qg .flexgrid-item.size-35,
  .flexgrid.margined.qg .fgi.size-35,
  .fg.margined.quarter-gutter .flexgrid-item.size-35,
  .fg.margined.quarter-gutter .fgi.size-35,
  .fg.margined.qg .flexgrid-item.size-35,
  .fg.margined.qg .fgi.size-35,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-35,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-35,
  .flexgrid.with-gutter.qg .flexgrid-item.size-35,
  .flexgrid.with-gutter.qg .fgi.size-35,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-35,
  .fg.with-gutter.quarter-gutter .fgi.size-35,
  .fg.with-gutter.qg .flexgrid-item.size-35,
  .fg.with-gutter.qg .fgi.size-35,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-35,
  .flexgrid.wg.quarter-gutter .fgi.size-35,
  .flexgrid.wg.qg .flexgrid-item.size-35,
  .flexgrid.wg.qg .fgi.size-35,
  .fg.wg.quarter-gutter .flexgrid-item.size-35,
  .fg.wg.quarter-gutter .fgi.size-35,
  .fg.wg.qg .flexgrid-item.size-35,
  .fg.wg.qg .fgi.size-35 {
    flex: 0 0 calc(35% - 5px);
    max-width: calc(35% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-40,
  .flexgrid.margined.quarter-gutter .fgi.size-40, .flexgrid.margined.qg .flexgrid-item.size-40,
  .flexgrid.margined.qg .fgi.size-40,
  .fg.margined.quarter-gutter .flexgrid-item.size-40,
  .fg.margined.quarter-gutter .fgi.size-40,
  .fg.margined.qg .flexgrid-item.size-40,
  .fg.margined.qg .fgi.size-40,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-40,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-40,
  .flexgrid.with-gutter.qg .flexgrid-item.size-40,
  .flexgrid.with-gutter.qg .fgi.size-40,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-40,
  .fg.with-gutter.quarter-gutter .fgi.size-40,
  .fg.with-gutter.qg .flexgrid-item.size-40,
  .fg.with-gutter.qg .fgi.size-40,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-40,
  .flexgrid.wg.quarter-gutter .fgi.size-40,
  .flexgrid.wg.qg .flexgrid-item.size-40,
  .flexgrid.wg.qg .fgi.size-40,
  .fg.wg.quarter-gutter .flexgrid-item.size-40,
  .fg.wg.quarter-gutter .fgi.size-40,
  .fg.wg.qg .flexgrid-item.size-40,
  .fg.wg.qg .fgi.size-40 {
    flex: 0 0 calc(40% - 5px);
    max-width: calc(40% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-45,
  .flexgrid.margined.quarter-gutter .fgi.size-45, .flexgrid.margined.qg .flexgrid-item.size-45,
  .flexgrid.margined.qg .fgi.size-45,
  .fg.margined.quarter-gutter .flexgrid-item.size-45,
  .fg.margined.quarter-gutter .fgi.size-45,
  .fg.margined.qg .flexgrid-item.size-45,
  .fg.margined.qg .fgi.size-45,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-45,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-45,
  .flexgrid.with-gutter.qg .flexgrid-item.size-45,
  .flexgrid.with-gutter.qg .fgi.size-45,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-45,
  .fg.with-gutter.quarter-gutter .fgi.size-45,
  .fg.with-gutter.qg .flexgrid-item.size-45,
  .fg.with-gutter.qg .fgi.size-45,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-45,
  .flexgrid.wg.quarter-gutter .fgi.size-45,
  .flexgrid.wg.qg .flexgrid-item.size-45,
  .flexgrid.wg.qg .fgi.size-45,
  .fg.wg.quarter-gutter .flexgrid-item.size-45,
  .fg.wg.quarter-gutter .fgi.size-45,
  .fg.wg.qg .flexgrid-item.size-45,
  .fg.wg.qg .fgi.size-45 {
    flex: 0 0 calc(45% - 5px);
    max-width: calc(45% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-50,
  .flexgrid.margined.quarter-gutter .fgi.size-50, .flexgrid.margined.qg .flexgrid-item.size-50,
  .flexgrid.margined.qg .fgi.size-50,
  .fg.margined.quarter-gutter .flexgrid-item.size-50,
  .fg.margined.quarter-gutter .fgi.size-50,
  .fg.margined.qg .flexgrid-item.size-50,
  .fg.margined.qg .fgi.size-50,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-50,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-50,
  .flexgrid.with-gutter.qg .flexgrid-item.size-50,
  .flexgrid.with-gutter.qg .fgi.size-50,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-50,
  .fg.with-gutter.quarter-gutter .fgi.size-50,
  .fg.with-gutter.qg .flexgrid-item.size-50,
  .fg.with-gutter.qg .fgi.size-50,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-50,
  .flexgrid.wg.quarter-gutter .fgi.size-50,
  .flexgrid.wg.qg .flexgrid-item.size-50,
  .flexgrid.wg.qg .fgi.size-50,
  .fg.wg.quarter-gutter .flexgrid-item.size-50,
  .fg.wg.quarter-gutter .fgi.size-50,
  .fg.wg.qg .flexgrid-item.size-50,
  .fg.wg.qg .fgi.size-50 {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-55,
  .flexgrid.margined.quarter-gutter .fgi.size-55, .flexgrid.margined.qg .flexgrid-item.size-55,
  .flexgrid.margined.qg .fgi.size-55,
  .fg.margined.quarter-gutter .flexgrid-item.size-55,
  .fg.margined.quarter-gutter .fgi.size-55,
  .fg.margined.qg .flexgrid-item.size-55,
  .fg.margined.qg .fgi.size-55,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-55,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-55,
  .flexgrid.with-gutter.qg .flexgrid-item.size-55,
  .flexgrid.with-gutter.qg .fgi.size-55,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-55,
  .fg.with-gutter.quarter-gutter .fgi.size-55,
  .fg.with-gutter.qg .flexgrid-item.size-55,
  .fg.with-gutter.qg .fgi.size-55,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-55,
  .flexgrid.wg.quarter-gutter .fgi.size-55,
  .flexgrid.wg.qg .flexgrid-item.size-55,
  .flexgrid.wg.qg .fgi.size-55,
  .fg.wg.quarter-gutter .flexgrid-item.size-55,
  .fg.wg.quarter-gutter .fgi.size-55,
  .fg.wg.qg .flexgrid-item.size-55,
  .fg.wg.qg .fgi.size-55 {
    flex: 0 0 calc(55% - 5px);
    max-width: calc(55% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-60,
  .flexgrid.margined.quarter-gutter .fgi.size-60, .flexgrid.margined.qg .flexgrid-item.size-60,
  .flexgrid.margined.qg .fgi.size-60,
  .fg.margined.quarter-gutter .flexgrid-item.size-60,
  .fg.margined.quarter-gutter .fgi.size-60,
  .fg.margined.qg .flexgrid-item.size-60,
  .fg.margined.qg .fgi.size-60,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-60,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-60,
  .flexgrid.with-gutter.qg .flexgrid-item.size-60,
  .flexgrid.with-gutter.qg .fgi.size-60,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-60,
  .fg.with-gutter.quarter-gutter .fgi.size-60,
  .fg.with-gutter.qg .flexgrid-item.size-60,
  .fg.with-gutter.qg .fgi.size-60,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-60,
  .flexgrid.wg.quarter-gutter .fgi.size-60,
  .flexgrid.wg.qg .flexgrid-item.size-60,
  .flexgrid.wg.qg .fgi.size-60,
  .fg.wg.quarter-gutter .flexgrid-item.size-60,
  .fg.wg.quarter-gutter .fgi.size-60,
  .fg.wg.qg .flexgrid-item.size-60,
  .fg.wg.qg .fgi.size-60 {
    flex: 0 0 calc(60% - 5px);
    max-width: calc(60% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-65,
  .flexgrid.margined.quarter-gutter .fgi.size-65, .flexgrid.margined.qg .flexgrid-item.size-65,
  .flexgrid.margined.qg .fgi.size-65,
  .fg.margined.quarter-gutter .flexgrid-item.size-65,
  .fg.margined.quarter-gutter .fgi.size-65,
  .fg.margined.qg .flexgrid-item.size-65,
  .fg.margined.qg .fgi.size-65,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-65,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-65,
  .flexgrid.with-gutter.qg .flexgrid-item.size-65,
  .flexgrid.with-gutter.qg .fgi.size-65,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-65,
  .fg.with-gutter.quarter-gutter .fgi.size-65,
  .fg.with-gutter.qg .flexgrid-item.size-65,
  .fg.with-gutter.qg .fgi.size-65,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-65,
  .flexgrid.wg.quarter-gutter .fgi.size-65,
  .flexgrid.wg.qg .flexgrid-item.size-65,
  .flexgrid.wg.qg .fgi.size-65,
  .fg.wg.quarter-gutter .flexgrid-item.size-65,
  .fg.wg.quarter-gutter .fgi.size-65,
  .fg.wg.qg .flexgrid-item.size-65,
  .fg.wg.qg .fgi.size-65 {
    flex: 0 0 calc(65% - 5px);
    max-width: calc(65% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-70,
  .flexgrid.margined.quarter-gutter .fgi.size-70, .flexgrid.margined.qg .flexgrid-item.size-70,
  .flexgrid.margined.qg .fgi.size-70,
  .fg.margined.quarter-gutter .flexgrid-item.size-70,
  .fg.margined.quarter-gutter .fgi.size-70,
  .fg.margined.qg .flexgrid-item.size-70,
  .fg.margined.qg .fgi.size-70,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-70,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-70,
  .flexgrid.with-gutter.qg .flexgrid-item.size-70,
  .flexgrid.with-gutter.qg .fgi.size-70,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-70,
  .fg.with-gutter.quarter-gutter .fgi.size-70,
  .fg.with-gutter.qg .flexgrid-item.size-70,
  .fg.with-gutter.qg .fgi.size-70,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-70,
  .flexgrid.wg.quarter-gutter .fgi.size-70,
  .flexgrid.wg.qg .flexgrid-item.size-70,
  .flexgrid.wg.qg .fgi.size-70,
  .fg.wg.quarter-gutter .flexgrid-item.size-70,
  .fg.wg.quarter-gutter .fgi.size-70,
  .fg.wg.qg .flexgrid-item.size-70,
  .fg.wg.qg .fgi.size-70 {
    flex: 0 0 calc(70% - 5px);
    max-width: calc(70% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-75,
  .flexgrid.margined.quarter-gutter .fgi.size-75, .flexgrid.margined.qg .flexgrid-item.size-75,
  .flexgrid.margined.qg .fgi.size-75,
  .fg.margined.quarter-gutter .flexgrid-item.size-75,
  .fg.margined.quarter-gutter .fgi.size-75,
  .fg.margined.qg .flexgrid-item.size-75,
  .fg.margined.qg .fgi.size-75,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-75,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-75,
  .flexgrid.with-gutter.qg .flexgrid-item.size-75,
  .flexgrid.with-gutter.qg .fgi.size-75,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-75,
  .fg.with-gutter.quarter-gutter .fgi.size-75,
  .fg.with-gutter.qg .flexgrid-item.size-75,
  .fg.with-gutter.qg .fgi.size-75,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-75,
  .flexgrid.wg.quarter-gutter .fgi.size-75,
  .flexgrid.wg.qg .flexgrid-item.size-75,
  .flexgrid.wg.qg .fgi.size-75,
  .fg.wg.quarter-gutter .flexgrid-item.size-75,
  .fg.wg.quarter-gutter .fgi.size-75,
  .fg.wg.qg .flexgrid-item.size-75,
  .fg.wg.qg .fgi.size-75 {
    flex: 0 0 calc(75% - 5px);
    max-width: calc(75% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-80,
  .flexgrid.margined.quarter-gutter .fgi.size-80, .flexgrid.margined.qg .flexgrid-item.size-80,
  .flexgrid.margined.qg .fgi.size-80,
  .fg.margined.quarter-gutter .flexgrid-item.size-80,
  .fg.margined.quarter-gutter .fgi.size-80,
  .fg.margined.qg .flexgrid-item.size-80,
  .fg.margined.qg .fgi.size-80,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-80,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-80,
  .flexgrid.with-gutter.qg .flexgrid-item.size-80,
  .flexgrid.with-gutter.qg .fgi.size-80,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-80,
  .fg.with-gutter.quarter-gutter .fgi.size-80,
  .fg.with-gutter.qg .flexgrid-item.size-80,
  .fg.with-gutter.qg .fgi.size-80,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-80,
  .flexgrid.wg.quarter-gutter .fgi.size-80,
  .flexgrid.wg.qg .flexgrid-item.size-80,
  .flexgrid.wg.qg .fgi.size-80,
  .fg.wg.quarter-gutter .flexgrid-item.size-80,
  .fg.wg.quarter-gutter .fgi.size-80,
  .fg.wg.qg .flexgrid-item.size-80,
  .fg.wg.qg .fgi.size-80 {
    flex: 0 0 calc(80% - 5px);
    max-width: calc(80% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-85,
  .flexgrid.margined.quarter-gutter .fgi.size-85, .flexgrid.margined.qg .flexgrid-item.size-85,
  .flexgrid.margined.qg .fgi.size-85,
  .fg.margined.quarter-gutter .flexgrid-item.size-85,
  .fg.margined.quarter-gutter .fgi.size-85,
  .fg.margined.qg .flexgrid-item.size-85,
  .fg.margined.qg .fgi.size-85,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-85,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-85,
  .flexgrid.with-gutter.qg .flexgrid-item.size-85,
  .flexgrid.with-gutter.qg .fgi.size-85,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-85,
  .fg.with-gutter.quarter-gutter .fgi.size-85,
  .fg.with-gutter.qg .flexgrid-item.size-85,
  .fg.with-gutter.qg .fgi.size-85,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-85,
  .flexgrid.wg.quarter-gutter .fgi.size-85,
  .flexgrid.wg.qg .flexgrid-item.size-85,
  .flexgrid.wg.qg .fgi.size-85,
  .fg.wg.quarter-gutter .flexgrid-item.size-85,
  .fg.wg.quarter-gutter .fgi.size-85,
  .fg.wg.qg .flexgrid-item.size-85,
  .fg.wg.qg .fgi.size-85 {
    flex: 0 0 calc(85% - 5px);
    max-width: calc(85% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-90,
  .flexgrid.margined.quarter-gutter .fgi.size-90, .flexgrid.margined.qg .flexgrid-item.size-90,
  .flexgrid.margined.qg .fgi.size-90,
  .fg.margined.quarter-gutter .flexgrid-item.size-90,
  .fg.margined.quarter-gutter .fgi.size-90,
  .fg.margined.qg .flexgrid-item.size-90,
  .fg.margined.qg .fgi.size-90,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-90,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-90,
  .flexgrid.with-gutter.qg .flexgrid-item.size-90,
  .flexgrid.with-gutter.qg .fgi.size-90,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-90,
  .fg.with-gutter.quarter-gutter .fgi.size-90,
  .fg.with-gutter.qg .flexgrid-item.size-90,
  .fg.with-gutter.qg .fgi.size-90,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-90,
  .flexgrid.wg.quarter-gutter .fgi.size-90,
  .flexgrid.wg.qg .flexgrid-item.size-90,
  .flexgrid.wg.qg .fgi.size-90,
  .fg.wg.quarter-gutter .flexgrid-item.size-90,
  .fg.wg.quarter-gutter .fgi.size-90,
  .fg.wg.qg .flexgrid-item.size-90,
  .fg.wg.qg .fgi.size-90 {
    flex: 0 0 calc(90% - 5px);
    max-width: calc(90% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-95,
  .flexgrid.margined.quarter-gutter .fgi.size-95, .flexgrid.margined.qg .flexgrid-item.size-95,
  .flexgrid.margined.qg .fgi.size-95,
  .fg.margined.quarter-gutter .flexgrid-item.size-95,
  .fg.margined.quarter-gutter .fgi.size-95,
  .fg.margined.qg .flexgrid-item.size-95,
  .fg.margined.qg .fgi.size-95,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-95,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-95,
  .flexgrid.with-gutter.qg .flexgrid-item.size-95,
  .flexgrid.with-gutter.qg .fgi.size-95,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-95,
  .fg.with-gutter.quarter-gutter .fgi.size-95,
  .fg.with-gutter.qg .flexgrid-item.size-95,
  .fg.with-gutter.qg .fgi.size-95,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-95,
  .flexgrid.wg.quarter-gutter .fgi.size-95,
  .flexgrid.wg.qg .flexgrid-item.size-95,
  .flexgrid.wg.qg .fgi.size-95,
  .fg.wg.quarter-gutter .flexgrid-item.size-95,
  .fg.wg.quarter-gutter .fgi.size-95,
  .fg.wg.qg .flexgrid-item.size-95,
  .fg.wg.qg .fgi.size-95 {
    flex: 0 0 calc(95% - 5px);
    max-width: calc(95% - 5px);
  }
  .flexgrid.margined.quarter-gutter .flexgrid-item.size-100,
  .flexgrid.margined.quarter-gutter .fgi.size-100, .flexgrid.margined.qg .flexgrid-item.size-100,
  .flexgrid.margined.qg .fgi.size-100,
  .fg.margined.quarter-gutter .flexgrid-item.size-100,
  .fg.margined.quarter-gutter .fgi.size-100,
  .fg.margined.qg .flexgrid-item.size-100,
  .fg.margined.qg .fgi.size-100,
  .flexgrid.with-gutter.quarter-gutter .flexgrid-item.size-100,
  .flexgrid.with-gutter.quarter-gutter .fgi.size-100,
  .flexgrid.with-gutter.qg .flexgrid-item.size-100,
  .flexgrid.with-gutter.qg .fgi.size-100,
  .fg.with-gutter.quarter-gutter .flexgrid-item.size-100,
  .fg.with-gutter.quarter-gutter .fgi.size-100,
  .fg.with-gutter.qg .flexgrid-item.size-100,
  .fg.with-gutter.qg .fgi.size-100,
  .flexgrid.wg.quarter-gutter .flexgrid-item.size-100,
  .flexgrid.wg.quarter-gutter .fgi.size-100,
  .flexgrid.wg.qg .flexgrid-item.size-100,
  .flexgrid.wg.qg .fgi.size-100,
  .fg.wg.quarter-gutter .flexgrid-item.size-100,
  .fg.wg.quarter-gutter .fgi.size-100,
  .fg.wg.qg .flexgrid-item.size-100,
  .fg.wg.qg .fgi.size-100 {
    flex: 0 0 calc(100% - 5px);
    max-width: calc(100% - 5px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.quarter-gutter.columns-2 .flexgrid-item,
  .flexgrid.margined.quarter-gutter.columns-2 .fgi, .flexgrid.margined.qg.columns-2 .flexgrid-item,
  .flexgrid.margined.qg.columns-2 .fgi,
  .fg.margined.quarter-gutter.columns-2 .flexgrid-item,
  .fg.margined.quarter-gutter.columns-2 .fgi,
  .fg.margined.qg.columns-2 .flexgrid-item,
  .fg.margined.qg.columns-2 .fgi,
  .flexgrid.with-gutter.quarter-gutter.columns-2 .flexgrid-item,
  .flexgrid.with-gutter.quarter-gutter.columns-2 .fgi,
  .flexgrid.with-gutter.qg.columns-2 .flexgrid-item,
  .flexgrid.with-gutter.qg.columns-2 .fgi,
  .fg.with-gutter.quarter-gutter.columns-2 .flexgrid-item,
  .fg.with-gutter.quarter-gutter.columns-2 .fgi,
  .fg.with-gutter.qg.columns-2 .flexgrid-item,
  .fg.with-gutter.qg.columns-2 .fgi,
  .flexgrid.wg.quarter-gutter.columns-2 .flexgrid-item,
  .flexgrid.wg.quarter-gutter.columns-2 .fgi,
  .flexgrid.wg.qg.columns-2 .flexgrid-item,
  .flexgrid.wg.qg.columns-2 .fgi,
  .fg.wg.quarter-gutter.columns-2 .flexgrid-item,
  .fg.wg.quarter-gutter.columns-2 .fgi,
  .fg.wg.qg.columns-2 .flexgrid-item,
  .fg.wg.qg.columns-2 .fgi {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.quarter-gutter.columns-3 .flexgrid-item,
  .flexgrid.margined.quarter-gutter.columns-3 .fgi, .flexgrid.margined.qg.columns-3 .flexgrid-item,
  .flexgrid.margined.qg.columns-3 .fgi,
  .fg.margined.quarter-gutter.columns-3 .flexgrid-item,
  .fg.margined.quarter-gutter.columns-3 .fgi,
  .fg.margined.qg.columns-3 .flexgrid-item,
  .fg.margined.qg.columns-3 .fgi,
  .flexgrid.with-gutter.quarter-gutter.columns-3 .flexgrid-item,
  .flexgrid.with-gutter.quarter-gutter.columns-3 .fgi,
  .flexgrid.with-gutter.qg.columns-3 .flexgrid-item,
  .flexgrid.with-gutter.qg.columns-3 .fgi,
  .fg.with-gutter.quarter-gutter.columns-3 .flexgrid-item,
  .fg.with-gutter.quarter-gutter.columns-3 .fgi,
  .fg.with-gutter.qg.columns-3 .flexgrid-item,
  .fg.with-gutter.qg.columns-3 .fgi,
  .flexgrid.wg.quarter-gutter.columns-3 .flexgrid-item,
  .flexgrid.wg.quarter-gutter.columns-3 .fgi,
  .flexgrid.wg.qg.columns-3 .flexgrid-item,
  .flexgrid.wg.qg.columns-3 .fgi,
  .fg.wg.quarter-gutter.columns-3 .flexgrid-item,
  .fg.wg.quarter-gutter.columns-3 .fgi,
  .fg.wg.qg.columns-3 .flexgrid-item,
  .fg.wg.qg.columns-3 .fgi {
    flex: 0 0 calc(33.3333333333% - 5px);
    max-width: calc(33.3333333333% - 5px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.quarter-gutter.columns-4 .flexgrid-item,
  .flexgrid.margined.quarter-gutter.columns-4 .fgi, .flexgrid.margined.qg.columns-4 .flexgrid-item,
  .flexgrid.margined.qg.columns-4 .fgi,
  .fg.margined.quarter-gutter.columns-4 .flexgrid-item,
  .fg.margined.quarter-gutter.columns-4 .fgi,
  .fg.margined.qg.columns-4 .flexgrid-item,
  .fg.margined.qg.columns-4 .fgi,
  .flexgrid.with-gutter.quarter-gutter.columns-4 .flexgrid-item,
  .flexgrid.with-gutter.quarter-gutter.columns-4 .fgi,
  .flexgrid.with-gutter.qg.columns-4 .flexgrid-item,
  .flexgrid.with-gutter.qg.columns-4 .fgi,
  .fg.with-gutter.quarter-gutter.columns-4 .flexgrid-item,
  .fg.with-gutter.quarter-gutter.columns-4 .fgi,
  .fg.with-gutter.qg.columns-4 .flexgrid-item,
  .fg.with-gutter.qg.columns-4 .fgi,
  .flexgrid.wg.quarter-gutter.columns-4 .flexgrid-item,
  .flexgrid.wg.quarter-gutter.columns-4 .fgi,
  .flexgrid.wg.qg.columns-4 .flexgrid-item,
  .flexgrid.wg.qg.columns-4 .fgi,
  .fg.wg.quarter-gutter.columns-4 .flexgrid-item,
  .fg.wg.quarter-gutter.columns-4 .fgi,
  .fg.wg.qg.columns-4 .flexgrid-item,
  .fg.wg.qg.columns-4 .fgi {
    flex: 0 0 calc(25% - 5px);
    max-width: calc(25% - 5px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.quarter-gutter.columns-5 .flexgrid-item,
  .flexgrid.margined.quarter-gutter.columns-5 .fgi, .flexgrid.margined.qg.columns-5 .flexgrid-item,
  .flexgrid.margined.qg.columns-5 .fgi,
  .fg.margined.quarter-gutter.columns-5 .flexgrid-item,
  .fg.margined.quarter-gutter.columns-5 .fgi,
  .fg.margined.qg.columns-5 .flexgrid-item,
  .fg.margined.qg.columns-5 .fgi,
  .flexgrid.with-gutter.quarter-gutter.columns-5 .flexgrid-item,
  .flexgrid.with-gutter.quarter-gutter.columns-5 .fgi,
  .flexgrid.with-gutter.qg.columns-5 .flexgrid-item,
  .flexgrid.with-gutter.qg.columns-5 .fgi,
  .fg.with-gutter.quarter-gutter.columns-5 .flexgrid-item,
  .fg.with-gutter.quarter-gutter.columns-5 .fgi,
  .fg.with-gutter.qg.columns-5 .flexgrid-item,
  .fg.with-gutter.qg.columns-5 .fgi,
  .flexgrid.wg.quarter-gutter.columns-5 .flexgrid-item,
  .flexgrid.wg.quarter-gutter.columns-5 .fgi,
  .flexgrid.wg.qg.columns-5 .flexgrid-item,
  .flexgrid.wg.qg.columns-5 .fgi,
  .fg.wg.quarter-gutter.columns-5 .flexgrid-item,
  .fg.wg.quarter-gutter.columns-5 .fgi,
  .fg.wg.qg.columns-5 .flexgrid-item,
  .fg.wg.qg.columns-5 .fgi {
    flex: 0 0 calc(20% - 5px);
    max-width: calc(20% - 5px);
  }
}
.flexgrid.margined.half-gutter, .flexgrid.margined.hg,
.fg.margined.half-gutter,
.fg.margined.hg,
.flexgrid.with-gutter.half-gutter,
.flexgrid.with-gutter.hg,
.fg.with-gutter.half-gutter,
.fg.with-gutter.hg,
.flexgrid.wg.half-gutter,
.flexgrid.wg.hg,
.fg.wg.half-gutter,
.fg.wg.hg {
  margin: 0 -5px;
}
.flexgrid.margined.half-gutter .flexgrid-item,
.flexgrid.margined.half-gutter .fgi, .flexgrid.margined.hg .flexgrid-item,
.flexgrid.margined.hg .fgi,
.fg.margined.half-gutter .flexgrid-item,
.fg.margined.half-gutter .fgi,
.fg.margined.hg .flexgrid-item,
.fg.margined.hg .fgi,
.flexgrid.with-gutter.half-gutter .flexgrid-item,
.flexgrid.with-gutter.half-gutter .fgi,
.flexgrid.with-gutter.hg .flexgrid-item,
.flexgrid.with-gutter.hg .fgi,
.fg.with-gutter.half-gutter .flexgrid-item,
.fg.with-gutter.half-gutter .fgi,
.fg.with-gutter.hg .flexgrid-item,
.fg.with-gutter.hg .fgi,
.flexgrid.wg.half-gutter .flexgrid-item,
.flexgrid.wg.half-gutter .fgi,
.flexgrid.wg.hg .flexgrid-item,
.flexgrid.wg.hg .fgi,
.fg.wg.half-gutter .flexgrid-item,
.fg.wg.half-gutter .fgi,
.fg.wg.hg .flexgrid-item,
.fg.wg.hg .fgi {
  flex: 0 0 calc(100% - 10px);
  max-width: calc(100% - 10px);
  margin: 0 5px 10px;
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.half-gutter .flexgrid-item.size-5,
  .flexgrid.margined.half-gutter .fgi.size-5, .flexgrid.margined.hg .flexgrid-item.size-5,
  .flexgrid.margined.hg .fgi.size-5,
  .fg.margined.half-gutter .flexgrid-item.size-5,
  .fg.margined.half-gutter .fgi.size-5,
  .fg.margined.hg .flexgrid-item.size-5,
  .fg.margined.hg .fgi.size-5,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-5,
  .flexgrid.with-gutter.half-gutter .fgi.size-5,
  .flexgrid.with-gutter.hg .flexgrid-item.size-5,
  .flexgrid.with-gutter.hg .fgi.size-5,
  .fg.with-gutter.half-gutter .flexgrid-item.size-5,
  .fg.with-gutter.half-gutter .fgi.size-5,
  .fg.with-gutter.hg .flexgrid-item.size-5,
  .fg.with-gutter.hg .fgi.size-5,
  .flexgrid.wg.half-gutter .flexgrid-item.size-5,
  .flexgrid.wg.half-gutter .fgi.size-5,
  .flexgrid.wg.hg .flexgrid-item.size-5,
  .flexgrid.wg.hg .fgi.size-5,
  .fg.wg.half-gutter .flexgrid-item.size-5,
  .fg.wg.half-gutter .fgi.size-5,
  .fg.wg.hg .flexgrid-item.size-5,
  .fg.wg.hg .fgi.size-5 {
    flex: 0 0 calc(5% - 10px);
    max-width: calc(5% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-10,
  .flexgrid.margined.half-gutter .fgi.size-10, .flexgrid.margined.hg .flexgrid-item.size-10,
  .flexgrid.margined.hg .fgi.size-10,
  .fg.margined.half-gutter .flexgrid-item.size-10,
  .fg.margined.half-gutter .fgi.size-10,
  .fg.margined.hg .flexgrid-item.size-10,
  .fg.margined.hg .fgi.size-10,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-10,
  .flexgrid.with-gutter.half-gutter .fgi.size-10,
  .flexgrid.with-gutter.hg .flexgrid-item.size-10,
  .flexgrid.with-gutter.hg .fgi.size-10,
  .fg.with-gutter.half-gutter .flexgrid-item.size-10,
  .fg.with-gutter.half-gutter .fgi.size-10,
  .fg.with-gutter.hg .flexgrid-item.size-10,
  .fg.with-gutter.hg .fgi.size-10,
  .flexgrid.wg.half-gutter .flexgrid-item.size-10,
  .flexgrid.wg.half-gutter .fgi.size-10,
  .flexgrid.wg.hg .flexgrid-item.size-10,
  .flexgrid.wg.hg .fgi.size-10,
  .fg.wg.half-gutter .flexgrid-item.size-10,
  .fg.wg.half-gutter .fgi.size-10,
  .fg.wg.hg .flexgrid-item.size-10,
  .fg.wg.hg .fgi.size-10 {
    flex: 0 0 calc(10% - 10px);
    max-width: calc(10% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-15,
  .flexgrid.margined.half-gutter .fgi.size-15, .flexgrid.margined.hg .flexgrid-item.size-15,
  .flexgrid.margined.hg .fgi.size-15,
  .fg.margined.half-gutter .flexgrid-item.size-15,
  .fg.margined.half-gutter .fgi.size-15,
  .fg.margined.hg .flexgrid-item.size-15,
  .fg.margined.hg .fgi.size-15,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-15,
  .flexgrid.with-gutter.half-gutter .fgi.size-15,
  .flexgrid.with-gutter.hg .flexgrid-item.size-15,
  .flexgrid.with-gutter.hg .fgi.size-15,
  .fg.with-gutter.half-gutter .flexgrid-item.size-15,
  .fg.with-gutter.half-gutter .fgi.size-15,
  .fg.with-gutter.hg .flexgrid-item.size-15,
  .fg.with-gutter.hg .fgi.size-15,
  .flexgrid.wg.half-gutter .flexgrid-item.size-15,
  .flexgrid.wg.half-gutter .fgi.size-15,
  .flexgrid.wg.hg .flexgrid-item.size-15,
  .flexgrid.wg.hg .fgi.size-15,
  .fg.wg.half-gutter .flexgrid-item.size-15,
  .fg.wg.half-gutter .fgi.size-15,
  .fg.wg.hg .flexgrid-item.size-15,
  .fg.wg.hg .fgi.size-15 {
    flex: 0 0 calc(15% - 10px);
    max-width: calc(15% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-20,
  .flexgrid.margined.half-gutter .fgi.size-20, .flexgrid.margined.hg .flexgrid-item.size-20,
  .flexgrid.margined.hg .fgi.size-20,
  .fg.margined.half-gutter .flexgrid-item.size-20,
  .fg.margined.half-gutter .fgi.size-20,
  .fg.margined.hg .flexgrid-item.size-20,
  .fg.margined.hg .fgi.size-20,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-20,
  .flexgrid.with-gutter.half-gutter .fgi.size-20,
  .flexgrid.with-gutter.hg .flexgrid-item.size-20,
  .flexgrid.with-gutter.hg .fgi.size-20,
  .fg.with-gutter.half-gutter .flexgrid-item.size-20,
  .fg.with-gutter.half-gutter .fgi.size-20,
  .fg.with-gutter.hg .flexgrid-item.size-20,
  .fg.with-gutter.hg .fgi.size-20,
  .flexgrid.wg.half-gutter .flexgrid-item.size-20,
  .flexgrid.wg.half-gutter .fgi.size-20,
  .flexgrid.wg.hg .flexgrid-item.size-20,
  .flexgrid.wg.hg .fgi.size-20,
  .fg.wg.half-gutter .flexgrid-item.size-20,
  .fg.wg.half-gutter .fgi.size-20,
  .fg.wg.hg .flexgrid-item.size-20,
  .fg.wg.hg .fgi.size-20 {
    flex: 0 0 calc(20% - 10px);
    max-width: calc(20% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-25,
  .flexgrid.margined.half-gutter .fgi.size-25, .flexgrid.margined.hg .flexgrid-item.size-25,
  .flexgrid.margined.hg .fgi.size-25,
  .fg.margined.half-gutter .flexgrid-item.size-25,
  .fg.margined.half-gutter .fgi.size-25,
  .fg.margined.hg .flexgrid-item.size-25,
  .fg.margined.hg .fgi.size-25,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-25,
  .flexgrid.with-gutter.half-gutter .fgi.size-25,
  .flexgrid.with-gutter.hg .flexgrid-item.size-25,
  .flexgrid.with-gutter.hg .fgi.size-25,
  .fg.with-gutter.half-gutter .flexgrid-item.size-25,
  .fg.with-gutter.half-gutter .fgi.size-25,
  .fg.with-gutter.hg .flexgrid-item.size-25,
  .fg.with-gutter.hg .fgi.size-25,
  .flexgrid.wg.half-gutter .flexgrid-item.size-25,
  .flexgrid.wg.half-gutter .fgi.size-25,
  .flexgrid.wg.hg .flexgrid-item.size-25,
  .flexgrid.wg.hg .fgi.size-25,
  .fg.wg.half-gutter .flexgrid-item.size-25,
  .fg.wg.half-gutter .fgi.size-25,
  .fg.wg.hg .flexgrid-item.size-25,
  .fg.wg.hg .fgi.size-25 {
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-30,
  .flexgrid.margined.half-gutter .fgi.size-30, .flexgrid.margined.hg .flexgrid-item.size-30,
  .flexgrid.margined.hg .fgi.size-30,
  .fg.margined.half-gutter .flexgrid-item.size-30,
  .fg.margined.half-gutter .fgi.size-30,
  .fg.margined.hg .flexgrid-item.size-30,
  .fg.margined.hg .fgi.size-30,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-30,
  .flexgrid.with-gutter.half-gutter .fgi.size-30,
  .flexgrid.with-gutter.hg .flexgrid-item.size-30,
  .flexgrid.with-gutter.hg .fgi.size-30,
  .fg.with-gutter.half-gutter .flexgrid-item.size-30,
  .fg.with-gutter.half-gutter .fgi.size-30,
  .fg.with-gutter.hg .flexgrid-item.size-30,
  .fg.with-gutter.hg .fgi.size-30,
  .flexgrid.wg.half-gutter .flexgrid-item.size-30,
  .flexgrid.wg.half-gutter .fgi.size-30,
  .flexgrid.wg.hg .flexgrid-item.size-30,
  .flexgrid.wg.hg .fgi.size-30,
  .fg.wg.half-gutter .flexgrid-item.size-30,
  .fg.wg.half-gutter .fgi.size-30,
  .fg.wg.hg .flexgrid-item.size-30,
  .fg.wg.hg .fgi.size-30 {
    flex: 0 0 calc(30% - 10px);
    max-width: calc(30% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-33,
  .flexgrid.margined.half-gutter .fgi.size-33, .flexgrid.margined.hg .flexgrid-item.size-33,
  .flexgrid.margined.hg .fgi.size-33,
  .fg.margined.half-gutter .flexgrid-item.size-33,
  .fg.margined.half-gutter .fgi.size-33,
  .fg.margined.hg .flexgrid-item.size-33,
  .fg.margined.hg .fgi.size-33,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-33,
  .flexgrid.with-gutter.half-gutter .fgi.size-33,
  .flexgrid.with-gutter.hg .flexgrid-item.size-33,
  .flexgrid.with-gutter.hg .fgi.size-33,
  .fg.with-gutter.half-gutter .flexgrid-item.size-33,
  .fg.with-gutter.half-gutter .fgi.size-33,
  .fg.with-gutter.hg .flexgrid-item.size-33,
  .fg.with-gutter.hg .fgi.size-33,
  .flexgrid.wg.half-gutter .flexgrid-item.size-33,
  .flexgrid.wg.half-gutter .fgi.size-33,
  .flexgrid.wg.hg .flexgrid-item.size-33,
  .flexgrid.wg.hg .fgi.size-33,
  .fg.wg.half-gutter .flexgrid-item.size-33,
  .fg.wg.half-gutter .fgi.size-33,
  .fg.wg.hg .flexgrid-item.size-33,
  .fg.wg.hg .fgi.size-33 {
    flex: 0 0 calc(33.3333% - 10px);
    max-width: calc(33.3333% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-35,
  .flexgrid.margined.half-gutter .fgi.size-35, .flexgrid.margined.hg .flexgrid-item.size-35,
  .flexgrid.margined.hg .fgi.size-35,
  .fg.margined.half-gutter .flexgrid-item.size-35,
  .fg.margined.half-gutter .fgi.size-35,
  .fg.margined.hg .flexgrid-item.size-35,
  .fg.margined.hg .fgi.size-35,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-35,
  .flexgrid.with-gutter.half-gutter .fgi.size-35,
  .flexgrid.with-gutter.hg .flexgrid-item.size-35,
  .flexgrid.with-gutter.hg .fgi.size-35,
  .fg.with-gutter.half-gutter .flexgrid-item.size-35,
  .fg.with-gutter.half-gutter .fgi.size-35,
  .fg.with-gutter.hg .flexgrid-item.size-35,
  .fg.with-gutter.hg .fgi.size-35,
  .flexgrid.wg.half-gutter .flexgrid-item.size-35,
  .flexgrid.wg.half-gutter .fgi.size-35,
  .flexgrid.wg.hg .flexgrid-item.size-35,
  .flexgrid.wg.hg .fgi.size-35,
  .fg.wg.half-gutter .flexgrid-item.size-35,
  .fg.wg.half-gutter .fgi.size-35,
  .fg.wg.hg .flexgrid-item.size-35,
  .fg.wg.hg .fgi.size-35 {
    flex: 0 0 calc(35% - 10px);
    max-width: calc(35% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-40,
  .flexgrid.margined.half-gutter .fgi.size-40, .flexgrid.margined.hg .flexgrid-item.size-40,
  .flexgrid.margined.hg .fgi.size-40,
  .fg.margined.half-gutter .flexgrid-item.size-40,
  .fg.margined.half-gutter .fgi.size-40,
  .fg.margined.hg .flexgrid-item.size-40,
  .fg.margined.hg .fgi.size-40,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-40,
  .flexgrid.with-gutter.half-gutter .fgi.size-40,
  .flexgrid.with-gutter.hg .flexgrid-item.size-40,
  .flexgrid.with-gutter.hg .fgi.size-40,
  .fg.with-gutter.half-gutter .flexgrid-item.size-40,
  .fg.with-gutter.half-gutter .fgi.size-40,
  .fg.with-gutter.hg .flexgrid-item.size-40,
  .fg.with-gutter.hg .fgi.size-40,
  .flexgrid.wg.half-gutter .flexgrid-item.size-40,
  .flexgrid.wg.half-gutter .fgi.size-40,
  .flexgrid.wg.hg .flexgrid-item.size-40,
  .flexgrid.wg.hg .fgi.size-40,
  .fg.wg.half-gutter .flexgrid-item.size-40,
  .fg.wg.half-gutter .fgi.size-40,
  .fg.wg.hg .flexgrid-item.size-40,
  .fg.wg.hg .fgi.size-40 {
    flex: 0 0 calc(40% - 10px);
    max-width: calc(40% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-45,
  .flexgrid.margined.half-gutter .fgi.size-45, .flexgrid.margined.hg .flexgrid-item.size-45,
  .flexgrid.margined.hg .fgi.size-45,
  .fg.margined.half-gutter .flexgrid-item.size-45,
  .fg.margined.half-gutter .fgi.size-45,
  .fg.margined.hg .flexgrid-item.size-45,
  .fg.margined.hg .fgi.size-45,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-45,
  .flexgrid.with-gutter.half-gutter .fgi.size-45,
  .flexgrid.with-gutter.hg .flexgrid-item.size-45,
  .flexgrid.with-gutter.hg .fgi.size-45,
  .fg.with-gutter.half-gutter .flexgrid-item.size-45,
  .fg.with-gutter.half-gutter .fgi.size-45,
  .fg.with-gutter.hg .flexgrid-item.size-45,
  .fg.with-gutter.hg .fgi.size-45,
  .flexgrid.wg.half-gutter .flexgrid-item.size-45,
  .flexgrid.wg.half-gutter .fgi.size-45,
  .flexgrid.wg.hg .flexgrid-item.size-45,
  .flexgrid.wg.hg .fgi.size-45,
  .fg.wg.half-gutter .flexgrid-item.size-45,
  .fg.wg.half-gutter .fgi.size-45,
  .fg.wg.hg .flexgrid-item.size-45,
  .fg.wg.hg .fgi.size-45 {
    flex: 0 0 calc(45% - 10px);
    max-width: calc(45% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-50,
  .flexgrid.margined.half-gutter .fgi.size-50, .flexgrid.margined.hg .flexgrid-item.size-50,
  .flexgrid.margined.hg .fgi.size-50,
  .fg.margined.half-gutter .flexgrid-item.size-50,
  .fg.margined.half-gutter .fgi.size-50,
  .fg.margined.hg .flexgrid-item.size-50,
  .fg.margined.hg .fgi.size-50,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-50,
  .flexgrid.with-gutter.half-gutter .fgi.size-50,
  .flexgrid.with-gutter.hg .flexgrid-item.size-50,
  .flexgrid.with-gutter.hg .fgi.size-50,
  .fg.with-gutter.half-gutter .flexgrid-item.size-50,
  .fg.with-gutter.half-gutter .fgi.size-50,
  .fg.with-gutter.hg .flexgrid-item.size-50,
  .fg.with-gutter.hg .fgi.size-50,
  .flexgrid.wg.half-gutter .flexgrid-item.size-50,
  .flexgrid.wg.half-gutter .fgi.size-50,
  .flexgrid.wg.hg .flexgrid-item.size-50,
  .flexgrid.wg.hg .fgi.size-50,
  .fg.wg.half-gutter .flexgrid-item.size-50,
  .fg.wg.half-gutter .fgi.size-50,
  .fg.wg.hg .flexgrid-item.size-50,
  .fg.wg.hg .fgi.size-50 {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-55,
  .flexgrid.margined.half-gutter .fgi.size-55, .flexgrid.margined.hg .flexgrid-item.size-55,
  .flexgrid.margined.hg .fgi.size-55,
  .fg.margined.half-gutter .flexgrid-item.size-55,
  .fg.margined.half-gutter .fgi.size-55,
  .fg.margined.hg .flexgrid-item.size-55,
  .fg.margined.hg .fgi.size-55,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-55,
  .flexgrid.with-gutter.half-gutter .fgi.size-55,
  .flexgrid.with-gutter.hg .flexgrid-item.size-55,
  .flexgrid.with-gutter.hg .fgi.size-55,
  .fg.with-gutter.half-gutter .flexgrid-item.size-55,
  .fg.with-gutter.half-gutter .fgi.size-55,
  .fg.with-gutter.hg .flexgrid-item.size-55,
  .fg.with-gutter.hg .fgi.size-55,
  .flexgrid.wg.half-gutter .flexgrid-item.size-55,
  .flexgrid.wg.half-gutter .fgi.size-55,
  .flexgrid.wg.hg .flexgrid-item.size-55,
  .flexgrid.wg.hg .fgi.size-55,
  .fg.wg.half-gutter .flexgrid-item.size-55,
  .fg.wg.half-gutter .fgi.size-55,
  .fg.wg.hg .flexgrid-item.size-55,
  .fg.wg.hg .fgi.size-55 {
    flex: 0 0 calc(55% - 10px);
    max-width: calc(55% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-60,
  .flexgrid.margined.half-gutter .fgi.size-60, .flexgrid.margined.hg .flexgrid-item.size-60,
  .flexgrid.margined.hg .fgi.size-60,
  .fg.margined.half-gutter .flexgrid-item.size-60,
  .fg.margined.half-gutter .fgi.size-60,
  .fg.margined.hg .flexgrid-item.size-60,
  .fg.margined.hg .fgi.size-60,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-60,
  .flexgrid.with-gutter.half-gutter .fgi.size-60,
  .flexgrid.with-gutter.hg .flexgrid-item.size-60,
  .flexgrid.with-gutter.hg .fgi.size-60,
  .fg.with-gutter.half-gutter .flexgrid-item.size-60,
  .fg.with-gutter.half-gutter .fgi.size-60,
  .fg.with-gutter.hg .flexgrid-item.size-60,
  .fg.with-gutter.hg .fgi.size-60,
  .flexgrid.wg.half-gutter .flexgrid-item.size-60,
  .flexgrid.wg.half-gutter .fgi.size-60,
  .flexgrid.wg.hg .flexgrid-item.size-60,
  .flexgrid.wg.hg .fgi.size-60,
  .fg.wg.half-gutter .flexgrid-item.size-60,
  .fg.wg.half-gutter .fgi.size-60,
  .fg.wg.hg .flexgrid-item.size-60,
  .fg.wg.hg .fgi.size-60 {
    flex: 0 0 calc(60% - 10px);
    max-width: calc(60% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-65,
  .flexgrid.margined.half-gutter .fgi.size-65, .flexgrid.margined.hg .flexgrid-item.size-65,
  .flexgrid.margined.hg .fgi.size-65,
  .fg.margined.half-gutter .flexgrid-item.size-65,
  .fg.margined.half-gutter .fgi.size-65,
  .fg.margined.hg .flexgrid-item.size-65,
  .fg.margined.hg .fgi.size-65,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-65,
  .flexgrid.with-gutter.half-gutter .fgi.size-65,
  .flexgrid.with-gutter.hg .flexgrid-item.size-65,
  .flexgrid.with-gutter.hg .fgi.size-65,
  .fg.with-gutter.half-gutter .flexgrid-item.size-65,
  .fg.with-gutter.half-gutter .fgi.size-65,
  .fg.with-gutter.hg .flexgrid-item.size-65,
  .fg.with-gutter.hg .fgi.size-65,
  .flexgrid.wg.half-gutter .flexgrid-item.size-65,
  .flexgrid.wg.half-gutter .fgi.size-65,
  .flexgrid.wg.hg .flexgrid-item.size-65,
  .flexgrid.wg.hg .fgi.size-65,
  .fg.wg.half-gutter .flexgrid-item.size-65,
  .fg.wg.half-gutter .fgi.size-65,
  .fg.wg.hg .flexgrid-item.size-65,
  .fg.wg.hg .fgi.size-65 {
    flex: 0 0 calc(65% - 10px);
    max-width: calc(65% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-70,
  .flexgrid.margined.half-gutter .fgi.size-70, .flexgrid.margined.hg .flexgrid-item.size-70,
  .flexgrid.margined.hg .fgi.size-70,
  .fg.margined.half-gutter .flexgrid-item.size-70,
  .fg.margined.half-gutter .fgi.size-70,
  .fg.margined.hg .flexgrid-item.size-70,
  .fg.margined.hg .fgi.size-70,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-70,
  .flexgrid.with-gutter.half-gutter .fgi.size-70,
  .flexgrid.with-gutter.hg .flexgrid-item.size-70,
  .flexgrid.with-gutter.hg .fgi.size-70,
  .fg.with-gutter.half-gutter .flexgrid-item.size-70,
  .fg.with-gutter.half-gutter .fgi.size-70,
  .fg.with-gutter.hg .flexgrid-item.size-70,
  .fg.with-gutter.hg .fgi.size-70,
  .flexgrid.wg.half-gutter .flexgrid-item.size-70,
  .flexgrid.wg.half-gutter .fgi.size-70,
  .flexgrid.wg.hg .flexgrid-item.size-70,
  .flexgrid.wg.hg .fgi.size-70,
  .fg.wg.half-gutter .flexgrid-item.size-70,
  .fg.wg.half-gutter .fgi.size-70,
  .fg.wg.hg .flexgrid-item.size-70,
  .fg.wg.hg .fgi.size-70 {
    flex: 0 0 calc(70% - 10px);
    max-width: calc(70% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-75,
  .flexgrid.margined.half-gutter .fgi.size-75, .flexgrid.margined.hg .flexgrid-item.size-75,
  .flexgrid.margined.hg .fgi.size-75,
  .fg.margined.half-gutter .flexgrid-item.size-75,
  .fg.margined.half-gutter .fgi.size-75,
  .fg.margined.hg .flexgrid-item.size-75,
  .fg.margined.hg .fgi.size-75,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-75,
  .flexgrid.with-gutter.half-gutter .fgi.size-75,
  .flexgrid.with-gutter.hg .flexgrid-item.size-75,
  .flexgrid.with-gutter.hg .fgi.size-75,
  .fg.with-gutter.half-gutter .flexgrid-item.size-75,
  .fg.with-gutter.half-gutter .fgi.size-75,
  .fg.with-gutter.hg .flexgrid-item.size-75,
  .fg.with-gutter.hg .fgi.size-75,
  .flexgrid.wg.half-gutter .flexgrid-item.size-75,
  .flexgrid.wg.half-gutter .fgi.size-75,
  .flexgrid.wg.hg .flexgrid-item.size-75,
  .flexgrid.wg.hg .fgi.size-75,
  .fg.wg.half-gutter .flexgrid-item.size-75,
  .fg.wg.half-gutter .fgi.size-75,
  .fg.wg.hg .flexgrid-item.size-75,
  .fg.wg.hg .fgi.size-75 {
    flex: 0 0 calc(75% - 10px);
    max-width: calc(75% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-80,
  .flexgrid.margined.half-gutter .fgi.size-80, .flexgrid.margined.hg .flexgrid-item.size-80,
  .flexgrid.margined.hg .fgi.size-80,
  .fg.margined.half-gutter .flexgrid-item.size-80,
  .fg.margined.half-gutter .fgi.size-80,
  .fg.margined.hg .flexgrid-item.size-80,
  .fg.margined.hg .fgi.size-80,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-80,
  .flexgrid.with-gutter.half-gutter .fgi.size-80,
  .flexgrid.with-gutter.hg .flexgrid-item.size-80,
  .flexgrid.with-gutter.hg .fgi.size-80,
  .fg.with-gutter.half-gutter .flexgrid-item.size-80,
  .fg.with-gutter.half-gutter .fgi.size-80,
  .fg.with-gutter.hg .flexgrid-item.size-80,
  .fg.with-gutter.hg .fgi.size-80,
  .flexgrid.wg.half-gutter .flexgrid-item.size-80,
  .flexgrid.wg.half-gutter .fgi.size-80,
  .flexgrid.wg.hg .flexgrid-item.size-80,
  .flexgrid.wg.hg .fgi.size-80,
  .fg.wg.half-gutter .flexgrid-item.size-80,
  .fg.wg.half-gutter .fgi.size-80,
  .fg.wg.hg .flexgrid-item.size-80,
  .fg.wg.hg .fgi.size-80 {
    flex: 0 0 calc(80% - 10px);
    max-width: calc(80% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-85,
  .flexgrid.margined.half-gutter .fgi.size-85, .flexgrid.margined.hg .flexgrid-item.size-85,
  .flexgrid.margined.hg .fgi.size-85,
  .fg.margined.half-gutter .flexgrid-item.size-85,
  .fg.margined.half-gutter .fgi.size-85,
  .fg.margined.hg .flexgrid-item.size-85,
  .fg.margined.hg .fgi.size-85,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-85,
  .flexgrid.with-gutter.half-gutter .fgi.size-85,
  .flexgrid.with-gutter.hg .flexgrid-item.size-85,
  .flexgrid.with-gutter.hg .fgi.size-85,
  .fg.with-gutter.half-gutter .flexgrid-item.size-85,
  .fg.with-gutter.half-gutter .fgi.size-85,
  .fg.with-gutter.hg .flexgrid-item.size-85,
  .fg.with-gutter.hg .fgi.size-85,
  .flexgrid.wg.half-gutter .flexgrid-item.size-85,
  .flexgrid.wg.half-gutter .fgi.size-85,
  .flexgrid.wg.hg .flexgrid-item.size-85,
  .flexgrid.wg.hg .fgi.size-85,
  .fg.wg.half-gutter .flexgrid-item.size-85,
  .fg.wg.half-gutter .fgi.size-85,
  .fg.wg.hg .flexgrid-item.size-85,
  .fg.wg.hg .fgi.size-85 {
    flex: 0 0 calc(85% - 10px);
    max-width: calc(85% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-90,
  .flexgrid.margined.half-gutter .fgi.size-90, .flexgrid.margined.hg .flexgrid-item.size-90,
  .flexgrid.margined.hg .fgi.size-90,
  .fg.margined.half-gutter .flexgrid-item.size-90,
  .fg.margined.half-gutter .fgi.size-90,
  .fg.margined.hg .flexgrid-item.size-90,
  .fg.margined.hg .fgi.size-90,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-90,
  .flexgrid.with-gutter.half-gutter .fgi.size-90,
  .flexgrid.with-gutter.hg .flexgrid-item.size-90,
  .flexgrid.with-gutter.hg .fgi.size-90,
  .fg.with-gutter.half-gutter .flexgrid-item.size-90,
  .fg.with-gutter.half-gutter .fgi.size-90,
  .fg.with-gutter.hg .flexgrid-item.size-90,
  .fg.with-gutter.hg .fgi.size-90,
  .flexgrid.wg.half-gutter .flexgrid-item.size-90,
  .flexgrid.wg.half-gutter .fgi.size-90,
  .flexgrid.wg.hg .flexgrid-item.size-90,
  .flexgrid.wg.hg .fgi.size-90,
  .fg.wg.half-gutter .flexgrid-item.size-90,
  .fg.wg.half-gutter .fgi.size-90,
  .fg.wg.hg .flexgrid-item.size-90,
  .fg.wg.hg .fgi.size-90 {
    flex: 0 0 calc(90% - 10px);
    max-width: calc(90% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-95,
  .flexgrid.margined.half-gutter .fgi.size-95, .flexgrid.margined.hg .flexgrid-item.size-95,
  .flexgrid.margined.hg .fgi.size-95,
  .fg.margined.half-gutter .flexgrid-item.size-95,
  .fg.margined.half-gutter .fgi.size-95,
  .fg.margined.hg .flexgrid-item.size-95,
  .fg.margined.hg .fgi.size-95,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-95,
  .flexgrid.with-gutter.half-gutter .fgi.size-95,
  .flexgrid.with-gutter.hg .flexgrid-item.size-95,
  .flexgrid.with-gutter.hg .fgi.size-95,
  .fg.with-gutter.half-gutter .flexgrid-item.size-95,
  .fg.with-gutter.half-gutter .fgi.size-95,
  .fg.with-gutter.hg .flexgrid-item.size-95,
  .fg.with-gutter.hg .fgi.size-95,
  .flexgrid.wg.half-gutter .flexgrid-item.size-95,
  .flexgrid.wg.half-gutter .fgi.size-95,
  .flexgrid.wg.hg .flexgrid-item.size-95,
  .flexgrid.wg.hg .fgi.size-95,
  .fg.wg.half-gutter .flexgrid-item.size-95,
  .fg.wg.half-gutter .fgi.size-95,
  .fg.wg.hg .flexgrid-item.size-95,
  .fg.wg.hg .fgi.size-95 {
    flex: 0 0 calc(95% - 10px);
    max-width: calc(95% - 10px);
  }
  .flexgrid.margined.half-gutter .flexgrid-item.size-100,
  .flexgrid.margined.half-gutter .fgi.size-100, .flexgrid.margined.hg .flexgrid-item.size-100,
  .flexgrid.margined.hg .fgi.size-100,
  .fg.margined.half-gutter .flexgrid-item.size-100,
  .fg.margined.half-gutter .fgi.size-100,
  .fg.margined.hg .flexgrid-item.size-100,
  .fg.margined.hg .fgi.size-100,
  .flexgrid.with-gutter.half-gutter .flexgrid-item.size-100,
  .flexgrid.with-gutter.half-gutter .fgi.size-100,
  .flexgrid.with-gutter.hg .flexgrid-item.size-100,
  .flexgrid.with-gutter.hg .fgi.size-100,
  .fg.with-gutter.half-gutter .flexgrid-item.size-100,
  .fg.with-gutter.half-gutter .fgi.size-100,
  .fg.with-gutter.hg .flexgrid-item.size-100,
  .fg.with-gutter.hg .fgi.size-100,
  .flexgrid.wg.half-gutter .flexgrid-item.size-100,
  .flexgrid.wg.half-gutter .fgi.size-100,
  .flexgrid.wg.hg .flexgrid-item.size-100,
  .flexgrid.wg.hg .fgi.size-100,
  .fg.wg.half-gutter .flexgrid-item.size-100,
  .fg.wg.half-gutter .fgi.size-100,
  .fg.wg.hg .flexgrid-item.size-100,
  .fg.wg.hg .fgi.size-100 {
    flex: 0 0 calc(100% - 10px);
    max-width: calc(100% - 10px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.half-gutter.columns-2 .flexgrid-item,
  .flexgrid.margined.half-gutter.columns-2 .fgi, .flexgrid.margined.hg.columns-2 .flexgrid-item,
  .flexgrid.margined.hg.columns-2 .fgi,
  .fg.margined.half-gutter.columns-2 .flexgrid-item,
  .fg.margined.half-gutter.columns-2 .fgi,
  .fg.margined.hg.columns-2 .flexgrid-item,
  .fg.margined.hg.columns-2 .fgi,
  .flexgrid.with-gutter.half-gutter.columns-2 .flexgrid-item,
  .flexgrid.with-gutter.half-gutter.columns-2 .fgi,
  .flexgrid.with-gutter.hg.columns-2 .flexgrid-item,
  .flexgrid.with-gutter.hg.columns-2 .fgi,
  .fg.with-gutter.half-gutter.columns-2 .flexgrid-item,
  .fg.with-gutter.half-gutter.columns-2 .fgi,
  .fg.with-gutter.hg.columns-2 .flexgrid-item,
  .fg.with-gutter.hg.columns-2 .fgi,
  .flexgrid.wg.half-gutter.columns-2 .flexgrid-item,
  .flexgrid.wg.half-gutter.columns-2 .fgi,
  .flexgrid.wg.hg.columns-2 .flexgrid-item,
  .flexgrid.wg.hg.columns-2 .fgi,
  .fg.wg.half-gutter.columns-2 .flexgrid-item,
  .fg.wg.half-gutter.columns-2 .fgi,
  .fg.wg.hg.columns-2 .flexgrid-item,
  .fg.wg.hg.columns-2 .fgi {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.half-gutter.columns-3 .flexgrid-item,
  .flexgrid.margined.half-gutter.columns-3 .fgi, .flexgrid.margined.hg.columns-3 .flexgrid-item,
  .flexgrid.margined.hg.columns-3 .fgi,
  .fg.margined.half-gutter.columns-3 .flexgrid-item,
  .fg.margined.half-gutter.columns-3 .fgi,
  .fg.margined.hg.columns-3 .flexgrid-item,
  .fg.margined.hg.columns-3 .fgi,
  .flexgrid.with-gutter.half-gutter.columns-3 .flexgrid-item,
  .flexgrid.with-gutter.half-gutter.columns-3 .fgi,
  .flexgrid.with-gutter.hg.columns-3 .flexgrid-item,
  .flexgrid.with-gutter.hg.columns-3 .fgi,
  .fg.with-gutter.half-gutter.columns-3 .flexgrid-item,
  .fg.with-gutter.half-gutter.columns-3 .fgi,
  .fg.with-gutter.hg.columns-3 .flexgrid-item,
  .fg.with-gutter.hg.columns-3 .fgi,
  .flexgrid.wg.half-gutter.columns-3 .flexgrid-item,
  .flexgrid.wg.half-gutter.columns-3 .fgi,
  .flexgrid.wg.hg.columns-3 .flexgrid-item,
  .flexgrid.wg.hg.columns-3 .fgi,
  .fg.wg.half-gutter.columns-3 .flexgrid-item,
  .fg.wg.half-gutter.columns-3 .fgi,
  .fg.wg.hg.columns-3 .flexgrid-item,
  .fg.wg.hg.columns-3 .fgi {
    flex: 0 0 calc(33.3333333333% - 10px);
    max-width: calc(33.3333333333% - 10px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.half-gutter.columns-4 .flexgrid-item,
  .flexgrid.margined.half-gutter.columns-4 .fgi, .flexgrid.margined.hg.columns-4 .flexgrid-item,
  .flexgrid.margined.hg.columns-4 .fgi,
  .fg.margined.half-gutter.columns-4 .flexgrid-item,
  .fg.margined.half-gutter.columns-4 .fgi,
  .fg.margined.hg.columns-4 .flexgrid-item,
  .fg.margined.hg.columns-4 .fgi,
  .flexgrid.with-gutter.half-gutter.columns-4 .flexgrid-item,
  .flexgrid.with-gutter.half-gutter.columns-4 .fgi,
  .flexgrid.with-gutter.hg.columns-4 .flexgrid-item,
  .flexgrid.with-gutter.hg.columns-4 .fgi,
  .fg.with-gutter.half-gutter.columns-4 .flexgrid-item,
  .fg.with-gutter.half-gutter.columns-4 .fgi,
  .fg.with-gutter.hg.columns-4 .flexgrid-item,
  .fg.with-gutter.hg.columns-4 .fgi,
  .flexgrid.wg.half-gutter.columns-4 .flexgrid-item,
  .flexgrid.wg.half-gutter.columns-4 .fgi,
  .flexgrid.wg.hg.columns-4 .flexgrid-item,
  .flexgrid.wg.hg.columns-4 .fgi,
  .fg.wg.half-gutter.columns-4 .flexgrid-item,
  .fg.wg.half-gutter.columns-4 .fgi,
  .fg.wg.hg.columns-4 .flexgrid-item,
  .fg.wg.hg.columns-4 .fgi {
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.half-gutter.columns-5 .flexgrid-item,
  .flexgrid.margined.half-gutter.columns-5 .fgi, .flexgrid.margined.hg.columns-5 .flexgrid-item,
  .flexgrid.margined.hg.columns-5 .fgi,
  .fg.margined.half-gutter.columns-5 .flexgrid-item,
  .fg.margined.half-gutter.columns-5 .fgi,
  .fg.margined.hg.columns-5 .flexgrid-item,
  .fg.margined.hg.columns-5 .fgi,
  .flexgrid.with-gutter.half-gutter.columns-5 .flexgrid-item,
  .flexgrid.with-gutter.half-gutter.columns-5 .fgi,
  .flexgrid.with-gutter.hg.columns-5 .flexgrid-item,
  .flexgrid.with-gutter.hg.columns-5 .fgi,
  .fg.with-gutter.half-gutter.columns-5 .flexgrid-item,
  .fg.with-gutter.half-gutter.columns-5 .fgi,
  .fg.with-gutter.hg.columns-5 .flexgrid-item,
  .fg.with-gutter.hg.columns-5 .fgi,
  .flexgrid.wg.half-gutter.columns-5 .flexgrid-item,
  .flexgrid.wg.half-gutter.columns-5 .fgi,
  .flexgrid.wg.hg.columns-5 .flexgrid-item,
  .flexgrid.wg.hg.columns-5 .fgi,
  .fg.wg.half-gutter.columns-5 .flexgrid-item,
  .fg.wg.half-gutter.columns-5 .fgi,
  .fg.wg.hg.columns-5 .flexgrid-item,
  .fg.wg.hg.columns-5 .fgi {
    flex: 0 0 calc(20% - 10px);
    max-width: calc(20% - 10px);
  }
}
.flexgrid.margined.double-gutter, .flexgrid.margined.dg,
.fg.margined.double-gutter,
.fg.margined.dg,
.flexgrid.with-gutter.double-gutter,
.flexgrid.with-gutter.dg,
.fg.with-gutter.double-gutter,
.fg.with-gutter.dg,
.flexgrid.wg.double-gutter,
.flexgrid.wg.dg,
.fg.wg.double-gutter,
.fg.wg.dg {
  margin: 0 -20px;
}
.flexgrid.margined.double-gutter .flexgrid-item,
.flexgrid.margined.double-gutter .fgi, .flexgrid.margined.dg .flexgrid-item,
.flexgrid.margined.dg .fgi,
.fg.margined.double-gutter .flexgrid-item,
.fg.margined.double-gutter .fgi,
.fg.margined.dg .flexgrid-item,
.fg.margined.dg .fgi,
.flexgrid.with-gutter.double-gutter .flexgrid-item,
.flexgrid.with-gutter.double-gutter .fgi,
.flexgrid.with-gutter.dg .flexgrid-item,
.flexgrid.with-gutter.dg .fgi,
.fg.with-gutter.double-gutter .flexgrid-item,
.fg.with-gutter.double-gutter .fgi,
.fg.with-gutter.dg .flexgrid-item,
.fg.with-gutter.dg .fgi,
.flexgrid.wg.double-gutter .flexgrid-item,
.flexgrid.wg.double-gutter .fgi,
.flexgrid.wg.dg .flexgrid-item,
.flexgrid.wg.dg .fgi,
.fg.wg.double-gutter .flexgrid-item,
.fg.wg.double-gutter .fgi,
.fg.wg.dg .flexgrid-item,
.fg.wg.dg .fgi {
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin: 0 20px 40px;
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.double-gutter .flexgrid-item.size-5,
  .flexgrid.margined.double-gutter .fgi.size-5, .flexgrid.margined.dg .flexgrid-item.size-5,
  .flexgrid.margined.dg .fgi.size-5,
  .fg.margined.double-gutter .flexgrid-item.size-5,
  .fg.margined.double-gutter .fgi.size-5,
  .fg.margined.dg .flexgrid-item.size-5,
  .fg.margined.dg .fgi.size-5,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-5,
  .flexgrid.with-gutter.double-gutter .fgi.size-5,
  .flexgrid.with-gutter.dg .flexgrid-item.size-5,
  .flexgrid.with-gutter.dg .fgi.size-5,
  .fg.with-gutter.double-gutter .flexgrid-item.size-5,
  .fg.with-gutter.double-gutter .fgi.size-5,
  .fg.with-gutter.dg .flexgrid-item.size-5,
  .fg.with-gutter.dg .fgi.size-5,
  .flexgrid.wg.double-gutter .flexgrid-item.size-5,
  .flexgrid.wg.double-gutter .fgi.size-5,
  .flexgrid.wg.dg .flexgrid-item.size-5,
  .flexgrid.wg.dg .fgi.size-5,
  .fg.wg.double-gutter .flexgrid-item.size-5,
  .fg.wg.double-gutter .fgi.size-5,
  .fg.wg.dg .flexgrid-item.size-5,
  .fg.wg.dg .fgi.size-5 {
    flex: 0 0 calc(5% - 40px);
    max-width: calc(5% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-10,
  .flexgrid.margined.double-gutter .fgi.size-10, .flexgrid.margined.dg .flexgrid-item.size-10,
  .flexgrid.margined.dg .fgi.size-10,
  .fg.margined.double-gutter .flexgrid-item.size-10,
  .fg.margined.double-gutter .fgi.size-10,
  .fg.margined.dg .flexgrid-item.size-10,
  .fg.margined.dg .fgi.size-10,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-10,
  .flexgrid.with-gutter.double-gutter .fgi.size-10,
  .flexgrid.with-gutter.dg .flexgrid-item.size-10,
  .flexgrid.with-gutter.dg .fgi.size-10,
  .fg.with-gutter.double-gutter .flexgrid-item.size-10,
  .fg.with-gutter.double-gutter .fgi.size-10,
  .fg.with-gutter.dg .flexgrid-item.size-10,
  .fg.with-gutter.dg .fgi.size-10,
  .flexgrid.wg.double-gutter .flexgrid-item.size-10,
  .flexgrid.wg.double-gutter .fgi.size-10,
  .flexgrid.wg.dg .flexgrid-item.size-10,
  .flexgrid.wg.dg .fgi.size-10,
  .fg.wg.double-gutter .flexgrid-item.size-10,
  .fg.wg.double-gutter .fgi.size-10,
  .fg.wg.dg .flexgrid-item.size-10,
  .fg.wg.dg .fgi.size-10 {
    flex: 0 0 calc(10% - 40px);
    max-width: calc(10% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-15,
  .flexgrid.margined.double-gutter .fgi.size-15, .flexgrid.margined.dg .flexgrid-item.size-15,
  .flexgrid.margined.dg .fgi.size-15,
  .fg.margined.double-gutter .flexgrid-item.size-15,
  .fg.margined.double-gutter .fgi.size-15,
  .fg.margined.dg .flexgrid-item.size-15,
  .fg.margined.dg .fgi.size-15,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-15,
  .flexgrid.with-gutter.double-gutter .fgi.size-15,
  .flexgrid.with-gutter.dg .flexgrid-item.size-15,
  .flexgrid.with-gutter.dg .fgi.size-15,
  .fg.with-gutter.double-gutter .flexgrid-item.size-15,
  .fg.with-gutter.double-gutter .fgi.size-15,
  .fg.with-gutter.dg .flexgrid-item.size-15,
  .fg.with-gutter.dg .fgi.size-15,
  .flexgrid.wg.double-gutter .flexgrid-item.size-15,
  .flexgrid.wg.double-gutter .fgi.size-15,
  .flexgrid.wg.dg .flexgrid-item.size-15,
  .flexgrid.wg.dg .fgi.size-15,
  .fg.wg.double-gutter .flexgrid-item.size-15,
  .fg.wg.double-gutter .fgi.size-15,
  .fg.wg.dg .flexgrid-item.size-15,
  .fg.wg.dg .fgi.size-15 {
    flex: 0 0 calc(15% - 40px);
    max-width: calc(15% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-20,
  .flexgrid.margined.double-gutter .fgi.size-20, .flexgrid.margined.dg .flexgrid-item.size-20,
  .flexgrid.margined.dg .fgi.size-20,
  .fg.margined.double-gutter .flexgrid-item.size-20,
  .fg.margined.double-gutter .fgi.size-20,
  .fg.margined.dg .flexgrid-item.size-20,
  .fg.margined.dg .fgi.size-20,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-20,
  .flexgrid.with-gutter.double-gutter .fgi.size-20,
  .flexgrid.with-gutter.dg .flexgrid-item.size-20,
  .flexgrid.with-gutter.dg .fgi.size-20,
  .fg.with-gutter.double-gutter .flexgrid-item.size-20,
  .fg.with-gutter.double-gutter .fgi.size-20,
  .fg.with-gutter.dg .flexgrid-item.size-20,
  .fg.with-gutter.dg .fgi.size-20,
  .flexgrid.wg.double-gutter .flexgrid-item.size-20,
  .flexgrid.wg.double-gutter .fgi.size-20,
  .flexgrid.wg.dg .flexgrid-item.size-20,
  .flexgrid.wg.dg .fgi.size-20,
  .fg.wg.double-gutter .flexgrid-item.size-20,
  .fg.wg.double-gutter .fgi.size-20,
  .fg.wg.dg .flexgrid-item.size-20,
  .fg.wg.dg .fgi.size-20 {
    flex: 0 0 calc(20% - 40px);
    max-width: calc(20% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-25,
  .flexgrid.margined.double-gutter .fgi.size-25, .flexgrid.margined.dg .flexgrid-item.size-25,
  .flexgrid.margined.dg .fgi.size-25,
  .fg.margined.double-gutter .flexgrid-item.size-25,
  .fg.margined.double-gutter .fgi.size-25,
  .fg.margined.dg .flexgrid-item.size-25,
  .fg.margined.dg .fgi.size-25,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-25,
  .flexgrid.with-gutter.double-gutter .fgi.size-25,
  .flexgrid.with-gutter.dg .flexgrid-item.size-25,
  .flexgrid.with-gutter.dg .fgi.size-25,
  .fg.with-gutter.double-gutter .flexgrid-item.size-25,
  .fg.with-gutter.double-gutter .fgi.size-25,
  .fg.with-gutter.dg .flexgrid-item.size-25,
  .fg.with-gutter.dg .fgi.size-25,
  .flexgrid.wg.double-gutter .flexgrid-item.size-25,
  .flexgrid.wg.double-gutter .fgi.size-25,
  .flexgrid.wg.dg .flexgrid-item.size-25,
  .flexgrid.wg.dg .fgi.size-25,
  .fg.wg.double-gutter .flexgrid-item.size-25,
  .fg.wg.double-gutter .fgi.size-25,
  .fg.wg.dg .flexgrid-item.size-25,
  .fg.wg.dg .fgi.size-25 {
    flex: 0 0 calc(25% - 40px);
    max-width: calc(25% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-30,
  .flexgrid.margined.double-gutter .fgi.size-30, .flexgrid.margined.dg .flexgrid-item.size-30,
  .flexgrid.margined.dg .fgi.size-30,
  .fg.margined.double-gutter .flexgrid-item.size-30,
  .fg.margined.double-gutter .fgi.size-30,
  .fg.margined.dg .flexgrid-item.size-30,
  .fg.margined.dg .fgi.size-30,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-30,
  .flexgrid.with-gutter.double-gutter .fgi.size-30,
  .flexgrid.with-gutter.dg .flexgrid-item.size-30,
  .flexgrid.with-gutter.dg .fgi.size-30,
  .fg.with-gutter.double-gutter .flexgrid-item.size-30,
  .fg.with-gutter.double-gutter .fgi.size-30,
  .fg.with-gutter.dg .flexgrid-item.size-30,
  .fg.with-gutter.dg .fgi.size-30,
  .flexgrid.wg.double-gutter .flexgrid-item.size-30,
  .flexgrid.wg.double-gutter .fgi.size-30,
  .flexgrid.wg.dg .flexgrid-item.size-30,
  .flexgrid.wg.dg .fgi.size-30,
  .fg.wg.double-gutter .flexgrid-item.size-30,
  .fg.wg.double-gutter .fgi.size-30,
  .fg.wg.dg .flexgrid-item.size-30,
  .fg.wg.dg .fgi.size-30 {
    flex: 0 0 calc(30% - 40px);
    max-width: calc(30% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-33,
  .flexgrid.margined.double-gutter .fgi.size-33, .flexgrid.margined.dg .flexgrid-item.size-33,
  .flexgrid.margined.dg .fgi.size-33,
  .fg.margined.double-gutter .flexgrid-item.size-33,
  .fg.margined.double-gutter .fgi.size-33,
  .fg.margined.dg .flexgrid-item.size-33,
  .fg.margined.dg .fgi.size-33,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-33,
  .flexgrid.with-gutter.double-gutter .fgi.size-33,
  .flexgrid.with-gutter.dg .flexgrid-item.size-33,
  .flexgrid.with-gutter.dg .fgi.size-33,
  .fg.with-gutter.double-gutter .flexgrid-item.size-33,
  .fg.with-gutter.double-gutter .fgi.size-33,
  .fg.with-gutter.dg .flexgrid-item.size-33,
  .fg.with-gutter.dg .fgi.size-33,
  .flexgrid.wg.double-gutter .flexgrid-item.size-33,
  .flexgrid.wg.double-gutter .fgi.size-33,
  .flexgrid.wg.dg .flexgrid-item.size-33,
  .flexgrid.wg.dg .fgi.size-33,
  .fg.wg.double-gutter .flexgrid-item.size-33,
  .fg.wg.double-gutter .fgi.size-33,
  .fg.wg.dg .flexgrid-item.size-33,
  .fg.wg.dg .fgi.size-33 {
    flex: 0 0 calc(33.3333% - 40px);
    max-width: calc(33.3333% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-35,
  .flexgrid.margined.double-gutter .fgi.size-35, .flexgrid.margined.dg .flexgrid-item.size-35,
  .flexgrid.margined.dg .fgi.size-35,
  .fg.margined.double-gutter .flexgrid-item.size-35,
  .fg.margined.double-gutter .fgi.size-35,
  .fg.margined.dg .flexgrid-item.size-35,
  .fg.margined.dg .fgi.size-35,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-35,
  .flexgrid.with-gutter.double-gutter .fgi.size-35,
  .flexgrid.with-gutter.dg .flexgrid-item.size-35,
  .flexgrid.with-gutter.dg .fgi.size-35,
  .fg.with-gutter.double-gutter .flexgrid-item.size-35,
  .fg.with-gutter.double-gutter .fgi.size-35,
  .fg.with-gutter.dg .flexgrid-item.size-35,
  .fg.with-gutter.dg .fgi.size-35,
  .flexgrid.wg.double-gutter .flexgrid-item.size-35,
  .flexgrid.wg.double-gutter .fgi.size-35,
  .flexgrid.wg.dg .flexgrid-item.size-35,
  .flexgrid.wg.dg .fgi.size-35,
  .fg.wg.double-gutter .flexgrid-item.size-35,
  .fg.wg.double-gutter .fgi.size-35,
  .fg.wg.dg .flexgrid-item.size-35,
  .fg.wg.dg .fgi.size-35 {
    flex: 0 0 calc(35% - 40px);
    max-width: calc(35% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-40,
  .flexgrid.margined.double-gutter .fgi.size-40, .flexgrid.margined.dg .flexgrid-item.size-40,
  .flexgrid.margined.dg .fgi.size-40,
  .fg.margined.double-gutter .flexgrid-item.size-40,
  .fg.margined.double-gutter .fgi.size-40,
  .fg.margined.dg .flexgrid-item.size-40,
  .fg.margined.dg .fgi.size-40,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-40,
  .flexgrid.with-gutter.double-gutter .fgi.size-40,
  .flexgrid.with-gutter.dg .flexgrid-item.size-40,
  .flexgrid.with-gutter.dg .fgi.size-40,
  .fg.with-gutter.double-gutter .flexgrid-item.size-40,
  .fg.with-gutter.double-gutter .fgi.size-40,
  .fg.with-gutter.dg .flexgrid-item.size-40,
  .fg.with-gutter.dg .fgi.size-40,
  .flexgrid.wg.double-gutter .flexgrid-item.size-40,
  .flexgrid.wg.double-gutter .fgi.size-40,
  .flexgrid.wg.dg .flexgrid-item.size-40,
  .flexgrid.wg.dg .fgi.size-40,
  .fg.wg.double-gutter .flexgrid-item.size-40,
  .fg.wg.double-gutter .fgi.size-40,
  .fg.wg.dg .flexgrid-item.size-40,
  .fg.wg.dg .fgi.size-40 {
    flex: 0 0 calc(40% - 40px);
    max-width: calc(40% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-45,
  .flexgrid.margined.double-gutter .fgi.size-45, .flexgrid.margined.dg .flexgrid-item.size-45,
  .flexgrid.margined.dg .fgi.size-45,
  .fg.margined.double-gutter .flexgrid-item.size-45,
  .fg.margined.double-gutter .fgi.size-45,
  .fg.margined.dg .flexgrid-item.size-45,
  .fg.margined.dg .fgi.size-45,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-45,
  .flexgrid.with-gutter.double-gutter .fgi.size-45,
  .flexgrid.with-gutter.dg .flexgrid-item.size-45,
  .flexgrid.with-gutter.dg .fgi.size-45,
  .fg.with-gutter.double-gutter .flexgrid-item.size-45,
  .fg.with-gutter.double-gutter .fgi.size-45,
  .fg.with-gutter.dg .flexgrid-item.size-45,
  .fg.with-gutter.dg .fgi.size-45,
  .flexgrid.wg.double-gutter .flexgrid-item.size-45,
  .flexgrid.wg.double-gutter .fgi.size-45,
  .flexgrid.wg.dg .flexgrid-item.size-45,
  .flexgrid.wg.dg .fgi.size-45,
  .fg.wg.double-gutter .flexgrid-item.size-45,
  .fg.wg.double-gutter .fgi.size-45,
  .fg.wg.dg .flexgrid-item.size-45,
  .fg.wg.dg .fgi.size-45 {
    flex: 0 0 calc(45% - 40px);
    max-width: calc(45% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-50,
  .flexgrid.margined.double-gutter .fgi.size-50, .flexgrid.margined.dg .flexgrid-item.size-50,
  .flexgrid.margined.dg .fgi.size-50,
  .fg.margined.double-gutter .flexgrid-item.size-50,
  .fg.margined.double-gutter .fgi.size-50,
  .fg.margined.dg .flexgrid-item.size-50,
  .fg.margined.dg .fgi.size-50,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-50,
  .flexgrid.with-gutter.double-gutter .fgi.size-50,
  .flexgrid.with-gutter.dg .flexgrid-item.size-50,
  .flexgrid.with-gutter.dg .fgi.size-50,
  .fg.with-gutter.double-gutter .flexgrid-item.size-50,
  .fg.with-gutter.double-gutter .fgi.size-50,
  .fg.with-gutter.dg .flexgrid-item.size-50,
  .fg.with-gutter.dg .fgi.size-50,
  .flexgrid.wg.double-gutter .flexgrid-item.size-50,
  .flexgrid.wg.double-gutter .fgi.size-50,
  .flexgrid.wg.dg .flexgrid-item.size-50,
  .flexgrid.wg.dg .fgi.size-50,
  .fg.wg.double-gutter .flexgrid-item.size-50,
  .fg.wg.double-gutter .fgi.size-50,
  .fg.wg.dg .flexgrid-item.size-50,
  .fg.wg.dg .fgi.size-50 {
    flex: 0 0 calc(50% - 40px);
    max-width: calc(50% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-55,
  .flexgrid.margined.double-gutter .fgi.size-55, .flexgrid.margined.dg .flexgrid-item.size-55,
  .flexgrid.margined.dg .fgi.size-55,
  .fg.margined.double-gutter .flexgrid-item.size-55,
  .fg.margined.double-gutter .fgi.size-55,
  .fg.margined.dg .flexgrid-item.size-55,
  .fg.margined.dg .fgi.size-55,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-55,
  .flexgrid.with-gutter.double-gutter .fgi.size-55,
  .flexgrid.with-gutter.dg .flexgrid-item.size-55,
  .flexgrid.with-gutter.dg .fgi.size-55,
  .fg.with-gutter.double-gutter .flexgrid-item.size-55,
  .fg.with-gutter.double-gutter .fgi.size-55,
  .fg.with-gutter.dg .flexgrid-item.size-55,
  .fg.with-gutter.dg .fgi.size-55,
  .flexgrid.wg.double-gutter .flexgrid-item.size-55,
  .flexgrid.wg.double-gutter .fgi.size-55,
  .flexgrid.wg.dg .flexgrid-item.size-55,
  .flexgrid.wg.dg .fgi.size-55,
  .fg.wg.double-gutter .flexgrid-item.size-55,
  .fg.wg.double-gutter .fgi.size-55,
  .fg.wg.dg .flexgrid-item.size-55,
  .fg.wg.dg .fgi.size-55 {
    flex: 0 0 calc(55% - 40px);
    max-width: calc(55% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-60,
  .flexgrid.margined.double-gutter .fgi.size-60, .flexgrid.margined.dg .flexgrid-item.size-60,
  .flexgrid.margined.dg .fgi.size-60,
  .fg.margined.double-gutter .flexgrid-item.size-60,
  .fg.margined.double-gutter .fgi.size-60,
  .fg.margined.dg .flexgrid-item.size-60,
  .fg.margined.dg .fgi.size-60,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-60,
  .flexgrid.with-gutter.double-gutter .fgi.size-60,
  .flexgrid.with-gutter.dg .flexgrid-item.size-60,
  .flexgrid.with-gutter.dg .fgi.size-60,
  .fg.with-gutter.double-gutter .flexgrid-item.size-60,
  .fg.with-gutter.double-gutter .fgi.size-60,
  .fg.with-gutter.dg .flexgrid-item.size-60,
  .fg.with-gutter.dg .fgi.size-60,
  .flexgrid.wg.double-gutter .flexgrid-item.size-60,
  .flexgrid.wg.double-gutter .fgi.size-60,
  .flexgrid.wg.dg .flexgrid-item.size-60,
  .flexgrid.wg.dg .fgi.size-60,
  .fg.wg.double-gutter .flexgrid-item.size-60,
  .fg.wg.double-gutter .fgi.size-60,
  .fg.wg.dg .flexgrid-item.size-60,
  .fg.wg.dg .fgi.size-60 {
    flex: 0 0 calc(60% - 40px);
    max-width: calc(60% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-65,
  .flexgrid.margined.double-gutter .fgi.size-65, .flexgrid.margined.dg .flexgrid-item.size-65,
  .flexgrid.margined.dg .fgi.size-65,
  .fg.margined.double-gutter .flexgrid-item.size-65,
  .fg.margined.double-gutter .fgi.size-65,
  .fg.margined.dg .flexgrid-item.size-65,
  .fg.margined.dg .fgi.size-65,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-65,
  .flexgrid.with-gutter.double-gutter .fgi.size-65,
  .flexgrid.with-gutter.dg .flexgrid-item.size-65,
  .flexgrid.with-gutter.dg .fgi.size-65,
  .fg.with-gutter.double-gutter .flexgrid-item.size-65,
  .fg.with-gutter.double-gutter .fgi.size-65,
  .fg.with-gutter.dg .flexgrid-item.size-65,
  .fg.with-gutter.dg .fgi.size-65,
  .flexgrid.wg.double-gutter .flexgrid-item.size-65,
  .flexgrid.wg.double-gutter .fgi.size-65,
  .flexgrid.wg.dg .flexgrid-item.size-65,
  .flexgrid.wg.dg .fgi.size-65,
  .fg.wg.double-gutter .flexgrid-item.size-65,
  .fg.wg.double-gutter .fgi.size-65,
  .fg.wg.dg .flexgrid-item.size-65,
  .fg.wg.dg .fgi.size-65 {
    flex: 0 0 calc(65% - 40px);
    max-width: calc(65% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-70,
  .flexgrid.margined.double-gutter .fgi.size-70, .flexgrid.margined.dg .flexgrid-item.size-70,
  .flexgrid.margined.dg .fgi.size-70,
  .fg.margined.double-gutter .flexgrid-item.size-70,
  .fg.margined.double-gutter .fgi.size-70,
  .fg.margined.dg .flexgrid-item.size-70,
  .fg.margined.dg .fgi.size-70,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-70,
  .flexgrid.with-gutter.double-gutter .fgi.size-70,
  .flexgrid.with-gutter.dg .flexgrid-item.size-70,
  .flexgrid.with-gutter.dg .fgi.size-70,
  .fg.with-gutter.double-gutter .flexgrid-item.size-70,
  .fg.with-gutter.double-gutter .fgi.size-70,
  .fg.with-gutter.dg .flexgrid-item.size-70,
  .fg.with-gutter.dg .fgi.size-70,
  .flexgrid.wg.double-gutter .flexgrid-item.size-70,
  .flexgrid.wg.double-gutter .fgi.size-70,
  .flexgrid.wg.dg .flexgrid-item.size-70,
  .flexgrid.wg.dg .fgi.size-70,
  .fg.wg.double-gutter .flexgrid-item.size-70,
  .fg.wg.double-gutter .fgi.size-70,
  .fg.wg.dg .flexgrid-item.size-70,
  .fg.wg.dg .fgi.size-70 {
    flex: 0 0 calc(70% - 40px);
    max-width: calc(70% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-75,
  .flexgrid.margined.double-gutter .fgi.size-75, .flexgrid.margined.dg .flexgrid-item.size-75,
  .flexgrid.margined.dg .fgi.size-75,
  .fg.margined.double-gutter .flexgrid-item.size-75,
  .fg.margined.double-gutter .fgi.size-75,
  .fg.margined.dg .flexgrid-item.size-75,
  .fg.margined.dg .fgi.size-75,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-75,
  .flexgrid.with-gutter.double-gutter .fgi.size-75,
  .flexgrid.with-gutter.dg .flexgrid-item.size-75,
  .flexgrid.with-gutter.dg .fgi.size-75,
  .fg.with-gutter.double-gutter .flexgrid-item.size-75,
  .fg.with-gutter.double-gutter .fgi.size-75,
  .fg.with-gutter.dg .flexgrid-item.size-75,
  .fg.with-gutter.dg .fgi.size-75,
  .flexgrid.wg.double-gutter .flexgrid-item.size-75,
  .flexgrid.wg.double-gutter .fgi.size-75,
  .flexgrid.wg.dg .flexgrid-item.size-75,
  .flexgrid.wg.dg .fgi.size-75,
  .fg.wg.double-gutter .flexgrid-item.size-75,
  .fg.wg.double-gutter .fgi.size-75,
  .fg.wg.dg .flexgrid-item.size-75,
  .fg.wg.dg .fgi.size-75 {
    flex: 0 0 calc(75% - 40px);
    max-width: calc(75% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-80,
  .flexgrid.margined.double-gutter .fgi.size-80, .flexgrid.margined.dg .flexgrid-item.size-80,
  .flexgrid.margined.dg .fgi.size-80,
  .fg.margined.double-gutter .flexgrid-item.size-80,
  .fg.margined.double-gutter .fgi.size-80,
  .fg.margined.dg .flexgrid-item.size-80,
  .fg.margined.dg .fgi.size-80,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-80,
  .flexgrid.with-gutter.double-gutter .fgi.size-80,
  .flexgrid.with-gutter.dg .flexgrid-item.size-80,
  .flexgrid.with-gutter.dg .fgi.size-80,
  .fg.with-gutter.double-gutter .flexgrid-item.size-80,
  .fg.with-gutter.double-gutter .fgi.size-80,
  .fg.with-gutter.dg .flexgrid-item.size-80,
  .fg.with-gutter.dg .fgi.size-80,
  .flexgrid.wg.double-gutter .flexgrid-item.size-80,
  .flexgrid.wg.double-gutter .fgi.size-80,
  .flexgrid.wg.dg .flexgrid-item.size-80,
  .flexgrid.wg.dg .fgi.size-80,
  .fg.wg.double-gutter .flexgrid-item.size-80,
  .fg.wg.double-gutter .fgi.size-80,
  .fg.wg.dg .flexgrid-item.size-80,
  .fg.wg.dg .fgi.size-80 {
    flex: 0 0 calc(80% - 40px);
    max-width: calc(80% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-85,
  .flexgrid.margined.double-gutter .fgi.size-85, .flexgrid.margined.dg .flexgrid-item.size-85,
  .flexgrid.margined.dg .fgi.size-85,
  .fg.margined.double-gutter .flexgrid-item.size-85,
  .fg.margined.double-gutter .fgi.size-85,
  .fg.margined.dg .flexgrid-item.size-85,
  .fg.margined.dg .fgi.size-85,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-85,
  .flexgrid.with-gutter.double-gutter .fgi.size-85,
  .flexgrid.with-gutter.dg .flexgrid-item.size-85,
  .flexgrid.with-gutter.dg .fgi.size-85,
  .fg.with-gutter.double-gutter .flexgrid-item.size-85,
  .fg.with-gutter.double-gutter .fgi.size-85,
  .fg.with-gutter.dg .flexgrid-item.size-85,
  .fg.with-gutter.dg .fgi.size-85,
  .flexgrid.wg.double-gutter .flexgrid-item.size-85,
  .flexgrid.wg.double-gutter .fgi.size-85,
  .flexgrid.wg.dg .flexgrid-item.size-85,
  .flexgrid.wg.dg .fgi.size-85,
  .fg.wg.double-gutter .flexgrid-item.size-85,
  .fg.wg.double-gutter .fgi.size-85,
  .fg.wg.dg .flexgrid-item.size-85,
  .fg.wg.dg .fgi.size-85 {
    flex: 0 0 calc(85% - 40px);
    max-width: calc(85% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-90,
  .flexgrid.margined.double-gutter .fgi.size-90, .flexgrid.margined.dg .flexgrid-item.size-90,
  .flexgrid.margined.dg .fgi.size-90,
  .fg.margined.double-gutter .flexgrid-item.size-90,
  .fg.margined.double-gutter .fgi.size-90,
  .fg.margined.dg .flexgrid-item.size-90,
  .fg.margined.dg .fgi.size-90,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-90,
  .flexgrid.with-gutter.double-gutter .fgi.size-90,
  .flexgrid.with-gutter.dg .flexgrid-item.size-90,
  .flexgrid.with-gutter.dg .fgi.size-90,
  .fg.with-gutter.double-gutter .flexgrid-item.size-90,
  .fg.with-gutter.double-gutter .fgi.size-90,
  .fg.with-gutter.dg .flexgrid-item.size-90,
  .fg.with-gutter.dg .fgi.size-90,
  .flexgrid.wg.double-gutter .flexgrid-item.size-90,
  .flexgrid.wg.double-gutter .fgi.size-90,
  .flexgrid.wg.dg .flexgrid-item.size-90,
  .flexgrid.wg.dg .fgi.size-90,
  .fg.wg.double-gutter .flexgrid-item.size-90,
  .fg.wg.double-gutter .fgi.size-90,
  .fg.wg.dg .flexgrid-item.size-90,
  .fg.wg.dg .fgi.size-90 {
    flex: 0 0 calc(90% - 40px);
    max-width: calc(90% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-95,
  .flexgrid.margined.double-gutter .fgi.size-95, .flexgrid.margined.dg .flexgrid-item.size-95,
  .flexgrid.margined.dg .fgi.size-95,
  .fg.margined.double-gutter .flexgrid-item.size-95,
  .fg.margined.double-gutter .fgi.size-95,
  .fg.margined.dg .flexgrid-item.size-95,
  .fg.margined.dg .fgi.size-95,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-95,
  .flexgrid.with-gutter.double-gutter .fgi.size-95,
  .flexgrid.with-gutter.dg .flexgrid-item.size-95,
  .flexgrid.with-gutter.dg .fgi.size-95,
  .fg.with-gutter.double-gutter .flexgrid-item.size-95,
  .fg.with-gutter.double-gutter .fgi.size-95,
  .fg.with-gutter.dg .flexgrid-item.size-95,
  .fg.with-gutter.dg .fgi.size-95,
  .flexgrid.wg.double-gutter .flexgrid-item.size-95,
  .flexgrid.wg.double-gutter .fgi.size-95,
  .flexgrid.wg.dg .flexgrid-item.size-95,
  .flexgrid.wg.dg .fgi.size-95,
  .fg.wg.double-gutter .flexgrid-item.size-95,
  .fg.wg.double-gutter .fgi.size-95,
  .fg.wg.dg .flexgrid-item.size-95,
  .fg.wg.dg .fgi.size-95 {
    flex: 0 0 calc(95% - 40px);
    max-width: calc(95% - 40px);
  }
  .flexgrid.margined.double-gutter .flexgrid-item.size-100,
  .flexgrid.margined.double-gutter .fgi.size-100, .flexgrid.margined.dg .flexgrid-item.size-100,
  .flexgrid.margined.dg .fgi.size-100,
  .fg.margined.double-gutter .flexgrid-item.size-100,
  .fg.margined.double-gutter .fgi.size-100,
  .fg.margined.dg .flexgrid-item.size-100,
  .fg.margined.dg .fgi.size-100,
  .flexgrid.with-gutter.double-gutter .flexgrid-item.size-100,
  .flexgrid.with-gutter.double-gutter .fgi.size-100,
  .flexgrid.with-gutter.dg .flexgrid-item.size-100,
  .flexgrid.with-gutter.dg .fgi.size-100,
  .fg.with-gutter.double-gutter .flexgrid-item.size-100,
  .fg.with-gutter.double-gutter .fgi.size-100,
  .fg.with-gutter.dg .flexgrid-item.size-100,
  .fg.with-gutter.dg .fgi.size-100,
  .flexgrid.wg.double-gutter .flexgrid-item.size-100,
  .flexgrid.wg.double-gutter .fgi.size-100,
  .flexgrid.wg.dg .flexgrid-item.size-100,
  .flexgrid.wg.dg .fgi.size-100,
  .fg.wg.double-gutter .flexgrid-item.size-100,
  .fg.wg.double-gutter .fgi.size-100,
  .fg.wg.dg .flexgrid-item.size-100,
  .fg.wg.dg .fgi.size-100 {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.double-gutter.columns-2 .flexgrid-item,
  .flexgrid.margined.double-gutter.columns-2 .fgi, .flexgrid.margined.dg.columns-2 .flexgrid-item,
  .flexgrid.margined.dg.columns-2 .fgi,
  .fg.margined.double-gutter.columns-2 .flexgrid-item,
  .fg.margined.double-gutter.columns-2 .fgi,
  .fg.margined.dg.columns-2 .flexgrid-item,
  .fg.margined.dg.columns-2 .fgi,
  .flexgrid.with-gutter.double-gutter.columns-2 .flexgrid-item,
  .flexgrid.with-gutter.double-gutter.columns-2 .fgi,
  .flexgrid.with-gutter.dg.columns-2 .flexgrid-item,
  .flexgrid.with-gutter.dg.columns-2 .fgi,
  .fg.with-gutter.double-gutter.columns-2 .flexgrid-item,
  .fg.with-gutter.double-gutter.columns-2 .fgi,
  .fg.with-gutter.dg.columns-2 .flexgrid-item,
  .fg.with-gutter.dg.columns-2 .fgi,
  .flexgrid.wg.double-gutter.columns-2 .flexgrid-item,
  .flexgrid.wg.double-gutter.columns-2 .fgi,
  .flexgrid.wg.dg.columns-2 .flexgrid-item,
  .flexgrid.wg.dg.columns-2 .fgi,
  .fg.wg.double-gutter.columns-2 .flexgrid-item,
  .fg.wg.double-gutter.columns-2 .fgi,
  .fg.wg.dg.columns-2 .flexgrid-item,
  .fg.wg.dg.columns-2 .fgi {
    flex: 0 0 calc(50% - 40px);
    max-width: calc(50% - 40px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.double-gutter.columns-3 .flexgrid-item,
  .flexgrid.margined.double-gutter.columns-3 .fgi, .flexgrid.margined.dg.columns-3 .flexgrid-item,
  .flexgrid.margined.dg.columns-3 .fgi,
  .fg.margined.double-gutter.columns-3 .flexgrid-item,
  .fg.margined.double-gutter.columns-3 .fgi,
  .fg.margined.dg.columns-3 .flexgrid-item,
  .fg.margined.dg.columns-3 .fgi,
  .flexgrid.with-gutter.double-gutter.columns-3 .flexgrid-item,
  .flexgrid.with-gutter.double-gutter.columns-3 .fgi,
  .flexgrid.with-gutter.dg.columns-3 .flexgrid-item,
  .flexgrid.with-gutter.dg.columns-3 .fgi,
  .fg.with-gutter.double-gutter.columns-3 .flexgrid-item,
  .fg.with-gutter.double-gutter.columns-3 .fgi,
  .fg.with-gutter.dg.columns-3 .flexgrid-item,
  .fg.with-gutter.dg.columns-3 .fgi,
  .flexgrid.wg.double-gutter.columns-3 .flexgrid-item,
  .flexgrid.wg.double-gutter.columns-3 .fgi,
  .flexgrid.wg.dg.columns-3 .flexgrid-item,
  .flexgrid.wg.dg.columns-3 .fgi,
  .fg.wg.double-gutter.columns-3 .flexgrid-item,
  .fg.wg.double-gutter.columns-3 .fgi,
  .fg.wg.dg.columns-3 .flexgrid-item,
  .fg.wg.dg.columns-3 .fgi {
    flex: 0 0 calc(33.3333333333% - 40px);
    max-width: calc(33.3333333333% - 40px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.double-gutter.columns-4 .flexgrid-item,
  .flexgrid.margined.double-gutter.columns-4 .fgi, .flexgrid.margined.dg.columns-4 .flexgrid-item,
  .flexgrid.margined.dg.columns-4 .fgi,
  .fg.margined.double-gutter.columns-4 .flexgrid-item,
  .fg.margined.double-gutter.columns-4 .fgi,
  .fg.margined.dg.columns-4 .flexgrid-item,
  .fg.margined.dg.columns-4 .fgi,
  .flexgrid.with-gutter.double-gutter.columns-4 .flexgrid-item,
  .flexgrid.with-gutter.double-gutter.columns-4 .fgi,
  .flexgrid.with-gutter.dg.columns-4 .flexgrid-item,
  .flexgrid.with-gutter.dg.columns-4 .fgi,
  .fg.with-gutter.double-gutter.columns-4 .flexgrid-item,
  .fg.with-gutter.double-gutter.columns-4 .fgi,
  .fg.with-gutter.dg.columns-4 .flexgrid-item,
  .fg.with-gutter.dg.columns-4 .fgi,
  .flexgrid.wg.double-gutter.columns-4 .flexgrid-item,
  .flexgrid.wg.double-gutter.columns-4 .fgi,
  .flexgrid.wg.dg.columns-4 .flexgrid-item,
  .flexgrid.wg.dg.columns-4 .fgi,
  .fg.wg.double-gutter.columns-4 .flexgrid-item,
  .fg.wg.double-gutter.columns-4 .fgi,
  .fg.wg.dg.columns-4 .flexgrid-item,
  .fg.wg.dg.columns-4 .fgi {
    flex: 0 0 calc(25% - 40px);
    max-width: calc(25% - 40px);
  }
}
@media all and (min-width: 1024px) {
  .flexgrid.margined.double-gutter.columns-5 .flexgrid-item,
  .flexgrid.margined.double-gutter.columns-5 .fgi, .flexgrid.margined.dg.columns-5 .flexgrid-item,
  .flexgrid.margined.dg.columns-5 .fgi,
  .fg.margined.double-gutter.columns-5 .flexgrid-item,
  .fg.margined.double-gutter.columns-5 .fgi,
  .fg.margined.dg.columns-5 .flexgrid-item,
  .fg.margined.dg.columns-5 .fgi,
  .flexgrid.with-gutter.double-gutter.columns-5 .flexgrid-item,
  .flexgrid.with-gutter.double-gutter.columns-5 .fgi,
  .flexgrid.with-gutter.dg.columns-5 .flexgrid-item,
  .flexgrid.with-gutter.dg.columns-5 .fgi,
  .fg.with-gutter.double-gutter.columns-5 .flexgrid-item,
  .fg.with-gutter.double-gutter.columns-5 .fgi,
  .fg.with-gutter.dg.columns-5 .flexgrid-item,
  .fg.with-gutter.dg.columns-5 .fgi,
  .flexgrid.wg.double-gutter.columns-5 .flexgrid-item,
  .flexgrid.wg.double-gutter.columns-5 .fgi,
  .flexgrid.wg.dg.columns-5 .flexgrid-item,
  .flexgrid.wg.dg.columns-5 .fgi,
  .fg.wg.double-gutter.columns-5 .flexgrid-item,
  .fg.wg.double-gutter.columns-5 .fgi,
  .fg.wg.dg.columns-5 .flexgrid-item,
  .fg.wg.dg.columns-5 .fgi {
    flex: 0 0 calc(20% - 40px);
    max-width: calc(20% - 40px);
  }
}

.flexgrid.padded .flexgrid-item,
.flexgrid.padded .fgi,
.fg.padded .flexgrid-item,
.fg.padded .fgi {
  padding: 20px 10px;
}

/* ======================== */
/* FORM VALIDATOR CSS STYLE */
/* ======================== */
.form-input-error-msg {
  display: none;
  padding: 4px 0;
  margin-bottom: 5px;
  color: red;
  font-weight: bold;
  font-size: 0.8em;
  overflow: hidden;
}

.form-input-error-msg.show-error {
  display: block;
}

.alert.form-input-error-msg {
  padding: 4px;
  margin-bottom: 5px;
  color: #a94442;
  font-weight: bold;
}

.form-input-error-msg span.error-empty,
.form-input-error-msg span.error-wrong {
  display: none;
}

.form-input-error-msg span.error-empty.show-error,
.form-input-error-msg span.error-wrong.show-error {
  display: inline-block;
}

.error {
  border-color: red;
}

/* BUTTONS */
/* ************************** */
.wpisset-button,
.wpisset-button-full,
.wpisset-menu-toggle,
.wpisset-mobile-menu-toggle,
input[type="submit"] {
  background-color: #b00061;
  border-color: #b00061;
}

.woocommerce button.button,
.woocommerce a.button {
  background: #b00061;
  border-color: #b00061;
  /*&[name="apply_coupon"],
  &[name="update_cart"] {
      border-color: #6da84a;
  }*/
}

.diva-button {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
}
.diva-button.button-primary {
  color: #fff;
  background: #b00061;
  border-color: #b00061;
}
.diva-button.button-primary:hover {
  background: #932980;
  border-color: #932980;
}
.diva-button.button-secondary {
  color: #fff;
  background: #932980;
  border-color: #932980;
}
.diva-button.button-secondary:hover {
  background: #b00061;
  border-color: #b00061;
}

.pum-close.popmake-close {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  color: #fff;
  padding: 5px 20px;
}

#wpisset-pre-header {
  font-size: 0.8em;
}
@media all and (min-width: 1024px) {
  #wpisset-pre-header {
    font-size: 1em;
  }
}

.wpisset-icons-containr .wpisset-icon-menu-item-wrapper .wpisset-woo-menu-item .wpisset-woo-sub-menu .wpisset-woo-sub-menu-button-wrap .wpisset-button.wpisset-button-primary {
  line-height: 1em !important;
  padding-top: 14px !important;
}

.wpisset-mega-menu.wpisset-mega-menu-5 > .sub-menu > .menu-item {
  width: 20%;
}
.wpisset-mega-menu.wpisset-mega-menu-5 span.menu-1livello,
.wpisset-mega-menu.wpisset-mega-menu-5 span.menu-1-livello {
  color: #707070;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px dotted #ebebeb;
}
.wpisset-mega-menu.wpisset-mega-menu-5 li.menu-1livello > a,
.wpisset-mega-menu.wpisset-mega-menu-5 li.menu-1-livello > a {
  color: #707070;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px dotted #ebebeb;
}

.featured-link a {
  background: #b00061;
  color: #fff;
  -webkit-animation-name: onsale;
          animation-name: onsale;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.featured-link a:hover {
  color: #fff;
}
@media all and (min-width: 1025px) {
  .featured-link a {
    display: inline-block;
    padding: 5px 20px !important;
    top: 54px;
  }
}
@-webkit-keyframes onsale {
  0% {
    background-color: #b00061;
  }
  50% {
    background-color: #fd008b;
  }
}
@keyframes onsale {
  0% {
    background-color: #b00061;
  }
  50% {
    background-color: #fd008b;
  }
}
.featured-link.current-menu-item a {
  -webkit-animation-name: none;
          animation-name: none;
  color: #fff !important;
}

/* CATEGORY WIDGET */
/* ************************** */
ul.product-categories {
  /*display: flex;
  flex-wrap: wrap;*/
}
ul.product-categories li .count {
  display: none;
}
ul.product-categories li ul.children {
  display: none;
}
ul.product-categories li.current-cat-parent > a, ul.product-categories li.current-cat > a {
  font-weight: 700;
}
ul.product-categories li.current-cat-parent > ul, ul.product-categories li.current-cat > ul {
  display: block;
}
ul.product-categories > li:last-child {
  display: none;
}
ul.product-categories > li.cat-item-130 {
  display: none;
}

ul.brand-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px -5px 40px;
  padding: 0;
}
ul.brand-thumbnails.columns-1 li,
ul.brand-thumbnails.columns-1 li.first,
ul.brand-thumbnails.columns-1 li.last, ul.brand-thumbnails.columns-2 li,
ul.brand-thumbnails.columns-2 li.first,
ul.brand-thumbnails.columns-2 li.last, ul.brand-thumbnails.columns-3 li,
ul.brand-thumbnails.columns-3 li.first,
ul.brand-thumbnails.columns-3 li.last, ul.brand-thumbnails.columns-4 li,
ul.brand-thumbnails.columns-4 li.first,
ul.brand-thumbnails.columns-4 li.last {
  flex: 0 0 calc(33.3333% - 20px);
  width: auto;
  float: none;
  margin: 0 10px 10px;
}
ul.brand-thumbnails.columns-1 li a,
ul.brand-thumbnails.columns-1 li.first a,
ul.brand-thumbnails.columns-1 li.last a, ul.brand-thumbnails.columns-2 li a,
ul.brand-thumbnails.columns-2 li.first a,
ul.brand-thumbnails.columns-2 li.last a, ul.brand-thumbnails.columns-3 li a,
ul.brand-thumbnails.columns-3 li.first a,
ul.brand-thumbnails.columns-3 li.last a, ul.brand-thumbnails.columns-4 li a,
ul.brand-thumbnails.columns-4 li.first a,
ul.brand-thumbnails.columns-4 li.last a {
  display: block;
  transition: all 0.2s ease;
}
ul.brand-thumbnails.columns-1 li a img,
ul.brand-thumbnails.columns-1 li.first a img,
ul.brand-thumbnails.columns-1 li.last a img, ul.brand-thumbnails.columns-2 li a img,
ul.brand-thumbnails.columns-2 li.first a img,
ul.brand-thumbnails.columns-2 li.last a img, ul.brand-thumbnails.columns-3 li a img,
ul.brand-thumbnails.columns-3 li.first a img,
ul.brand-thumbnails.columns-3 li.last a img, ul.brand-thumbnails.columns-4 li a img,
ul.brand-thumbnails.columns-4 li.first a img,
ul.brand-thumbnails.columns-4 li.last a img {
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
ul.brand-thumbnails.columns-1 li a:hover,
ul.brand-thumbnails.columns-1 li.first a:hover,
ul.brand-thumbnails.columns-1 li.last a:hover, ul.brand-thumbnails.columns-2 li a:hover,
ul.brand-thumbnails.columns-2 li.first a:hover,
ul.brand-thumbnails.columns-2 li.last a:hover, ul.brand-thumbnails.columns-3 li a:hover,
ul.brand-thumbnails.columns-3 li.first a:hover,
ul.brand-thumbnails.columns-3 li.last a:hover, ul.brand-thumbnails.columns-4 li a:hover,
ul.brand-thumbnails.columns-4 li.first a:hover,
ul.brand-thumbnails.columns-4 li.last a:hover {
  opacity: 0.8;
}
@media all and (min-width: 640px) {
  ul.brand-thumbnails.columns-1 li,
  ul.brand-thumbnails.columns-1 li.first,
  ul.brand-thumbnails.columns-1 li.last, ul.brand-thumbnails.columns-2 li,
  ul.brand-thumbnails.columns-2 li.first,
  ul.brand-thumbnails.columns-2 li.last, ul.brand-thumbnails.columns-3 li,
  ul.brand-thumbnails.columns-3 li.first,
  ul.brand-thumbnails.columns-3 li.last, ul.brand-thumbnails.columns-4 li,
  ul.brand-thumbnails.columns-4 li.first,
  ul.brand-thumbnails.columns-4 li.last {
    flex: 0 0 calc(25% - 20px);
  }
}
@media all and (min-width: 1024px) {
  ul.brand-thumbnails.columns-1 li,
  ul.brand-thumbnails.columns-1 li.first,
  ul.brand-thumbnails.columns-1 li.last, ul.brand-thumbnails.columns-2 li,
  ul.brand-thumbnails.columns-2 li.first,
  ul.brand-thumbnails.columns-2 li.last, ul.brand-thumbnails.columns-3 li,
  ul.brand-thumbnails.columns-3 li.first,
  ul.brand-thumbnails.columns-3 li.last, ul.brand-thumbnails.columns-4 li,
  ul.brand-thumbnails.columns-4 li.first,
  ul.brand-thumbnails.columns-4 li.last {
    margin: 0 15px 10px;
    flex: 0 0 calc(14% - 30px);
  }
}
.textwidget ul.brand-thumbnails {
  margin: 0 -5px;
}
.textwidget ul.brand-thumbnails.columns-1 li, .textwidget ul.brand-thumbnails.columns-2 li, .textwidget ul.brand-thumbnails.columns-3 li, .textwidget ul.brand-thumbnails.columns-4 li {
  flex: 0 0 calc(25% - 10px);
  margin: 0 5px 10px;
}
.textwidget ul.brand-thumbnails.columns-1 li a, .textwidget ul.brand-thumbnails.columns-2 li a, .textwidget ul.brand-thumbnails.columns-3 li a, .textwidget ul.brand-thumbnails.columns-4 li a {
  border: 1px solid #ebebeb;
  padding: 5px;
  margin: 0 5px 10px;
}
.textwidget ul.brand-thumbnails.columns-1 li a:hover, .textwidget ul.brand-thumbnails.columns-2 li a:hover, .textwidget ul.brand-thumbnails.columns-3 li a:hover, .textwidget ul.brand-thumbnails.columns-4 li a:hover {
  border-color: #b00061;
}

.skylachild__header-widgets .skylachild__header-widget {
  text-align: center;
  background: #ffe6f3;
}
.skylachild__header-widgets .skylachild__header-widget .skylachild__header-widget_content {
  max-width: 1300px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}
.skylachild__header-widgets .skylachild__header-widget .skylachild__header-widget_content {
  max-width: 1300px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}
.skylachild__header-widgets .skylachild__header-widget.widget_text h4.widgettitle {
  margin-bottom: 10px;
  color: inherit;
}
.skylachild__header-widgets .skylachild__header-widget.widget_text .textwidget p:last-child {
  margin-bottom: 0;
}
.skylachild__header-widgets .skylachild__header-widget.widget_text.banner-success {
  background: #00B295;
  color: #fff;
}
.skylachild__header-widgets .skylachild__header-widget.widget_text.banner-warning {
  background: #A30B37;
  color: #fff;
}
.skylachild__header-widgets .skylachild__header-widget.widget_text.banner-fucsia {
  background: #b00061;
  color: #fff;
}
.skylachild__header-widgets .skylachild__header-widget.widget_text.banner-white {
  background: #fff;
}
.skylachild__header-widgets .skylachild__header-widget.banner-full .skylachild__header-widget_content {
  max-width: 100%;
  padding: 0;
}

/* Home Newsletter Form */
/* ************************************* */
.wpisset-inner-footer-newsletter .wpcf7-form {
  width: 80%;
  margin: 0 auto;
  font-size: 0.9em;
}
.wpisset-inner-footer-newsletter .wpcf7-form textarea,
.wpisset-inner-footer-newsletter .wpcf7-form select,
.wpisset-inner-footer-newsletter .wpcf7-form input[type="text"],
.wpisset-inner-footer-newsletter .wpcf7-form input[type="password"],
.wpisset-inner-footer-newsletter .wpcf7-form input[type="email"],
.wpisset-inner-footer-newsletter .wpcf7-form input[type="url"],
.wpisset-inner-footer-newsletter .wpcf7-form input[type="search"],
.wpisset-inner-footer-newsletter .wpcf7-form input[type="tel"],
.wpisset-inner-footer-newsletter .wpcf7-form input[type="number"],
.wpisset-inner-footer-newsletter .wpcf7-form input[type="datetime"] {
  padding: 10px 12px;
  line-height: 1em;
}

/* PRODUCTS in Loop */
/* ************************** */
.woocommerce ul.products li.product .onsale {
  top: auto;
  left: 20px;
  bottom: 10px;
  border-radius: 0;
  min-height: 0;
  min-width: 0;
  padding: 5px 15px;
  -webkit-animation-name: onsale;
          animation-name: onsale;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.woocommerce ul.products li.product .onsale.itsnew {
  top: 20px;
  bottom: auto;
  min-height: 55px;
  min-width: 55px;
  padding: 0;
  border-radius: 50%;
  -webkit-animation-name: none;
          animation-name: none;
}
@keyframes onsale {
  0% {
    background-color: #b00061;
  }
  50% {
    background-color: #fd008b;
  }
}
.woocommerce ul.products li.product .button-rating-wrapper {
  background: #fff !important;
  z-index: 10;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a .yith-wcwl-icon {
  margin-right: 0;
}
.woocommerce ul.products li.product .wpisset-woo-loop-content-wrapper {
  padding: 20px;
  background: #fff;
}
.woocommerce ul.products li.product:hover .wpisset-woo-loop-content-wrapper {
  background: #f5f5f5;
}

.woocommerce ul.products li.product.post-26605:hover .button-rating-wrapper,
.woocommerce ul.products li.product.post-26605 .price {
  display: none !important;
}

.single.single-product.postid-26605 form.cart,
.single.single-product.postid-26605 .price {
  display: none;
}

/*.wpisset-woo-loop-content-wrapper {
    padding: 20px;
    //background: #f5f5f5;
}*/
.wpisset-woo-loop-out-of-stock {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

/* Single Product */
.single-product .stock {
  display: none;
}
.single-product form.cart {
  flex-wrap: wrap;
  flex-direction: row !important;
}
.single-product form.cart .quantity {
  width: 70px;
  position: relative;
  height: 50px;
  margin-bottom: 0 !important;
}
.single-product form.cart .quantity .input-text.qty.text {
  padding: 0;
  width: 70px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.single-product form.cart .button {
  width: calc(100% - 90px) !important;
}
@media all and (max-width: 1023px) {
  .single-product form.cart {
    margin-bottom: 40px !important;
    padding-top: 20px;
  }
  .single-product form.cart div.quantity {
    margin-right: 10px !important;
  }
  .single-product form.cart div.quantity .qty {
    width: 87px;
  }
  .single-product form.cart .single_add_to_cart_button {
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
  }
}
.single-product .summary.entry-summary .variations_form.cart:first-of-type {
  margin-bottom: 40px;
}
.single-product .summary.entry-summary .variations_form.cart:first-of-type .variations {
  margin-bottom: 10px;
}
.single-product .summary.entry-summary .variations_form.cart:first-of-type .woocommerce-variation.single_variation .woocommerce-variation-description,
.single-product .summary.entry-summary .variations_form.cart:first-of-type .woocommerce-variation.single_variation .woocommerce-variation-price {
  display: none;
}

/* BRANDS */
/* ************************** */
.vc_row.wpb_row.vc_inner.vc_row-fluid.logo-two-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.logo-two-column .vc_col-sm-2,
.vc_row.wpb_row.vc_inner.vc_row-fluid.logo-two-column .vc_col-sm-7 {
  flex: 0 0 33.3333%;
}
@media all and (min-width: 640px) {
  .vc_row.wpb_row.vc_inner.vc_row-fluid.logo-two-column .vc_col-sm-2,
  .vc_row.wpb_row.vc_inner.vc_row-fluid.logo-two-column .vc_col-sm-7 {
    flex: 0 0 25%;
  }
}
@media all and (min-width: 1024px) {
  .vc_row.wpb_row.vc_inner.vc_row-fluid.logo-two-column .vc_col-sm-2,
  .vc_row.wpb_row.vc_inner.vc_row-fluid.logo-two-column .vc_col-sm-7 {
    flex: 0 0 14%;
  }
}

.product.product-type-yith_bundle form.cart {
  display: flex;
  flex-direction: column;
}
.product.product-type-yith_bundle form.cart table.yith-wcpb-product-bundled-items {
  border: none !important;
  box-shadow: none !important;
}
.product.product-type-yith_bundle form.cart table.yith-wcpb-product-bundled-items tr, .product.product-type-yith_bundle form.cart table.yith-wcpb-product-bundled-items td {
  border: none !important;
}
.product.product-type-yith_bundle form.cart table.yith-wcpb-product-bundled-items td.yith-wcpb-product-bundled-item-image {
  padding: 12px !important;
}
.product.product-type-yith_bundle form.cart table.yith-wcpb-product-bundled-items td.yith-wcpb-product-bundled-item-data {
  font-size: 0px;
}
.product.product-type-yith_bundle form.cart table.yith-wcpb-product-bundled-items td.yith-wcpb-product-bundled-item-data > h3:first-child {
  font-size: 14px;
}
.product.product-type-yith_bundle form.cart table.yith-wcpb-product-bundled-items td.yith-wcpb-product-bundled-item-data > h3:first-child a {
  font-size: 1em;
}
@media all and (max-width: 1023px) {
  .product.product-type-yith_bundle form.cart {
    flex-direction: row;
    margin-bottom: 40px !important;
    padding-top: 20px;
  }
  .product.product-type-yith_bundle form.cart div.quantity {
    margin-right: 10px !important;
  }
  .product.product-type-yith_bundle form.cart div.quantity .qty {
    width: 87px;
  }
  .product.product-type-yith_bundle form.cart .single_add_to_cart_button {
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
  }
}

.product-bundle.product-bundle--position-default .product-bundle__title {
  text-align: center;
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product {
  margin-right: 0;
  border: 1px solid #f2f2f2;
}
@media all and (min-width: 1024px) {
  .product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product {
    margin-right: 26px;
  }
}
@media all and (max-width: 1023px) {
  .product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product {
    padding: 10px 10px 20px;
  }
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product .product-bundle__product-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product .product-bundle__product-inner .product-bundle__product-title a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product .product-bundle__product-inner .product-bundle__product-price .woocommerce-Price-amount.amount {
  color: #b00061;
  font-weight: 700;
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product .product-bundle__product-inner .product-bundle__product-price del .woocommerce-Price-amount.amount {
  color: gray;
  font-weight: 400;
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product .product-bundle__product-inner .product-bundle__product-price ins {
  text-decoration: none;
}
@media all and (min-width: 1024px) {
  .product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__product:not(:first-child):before {
    margin: 0 0 0 -24px;
  }
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__purchase .product-bundle__price .price del,
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__purchase .product-bundle__price .price ins {
  display: block;
}
.product-bundle.product-bundle--position-default .product-bundle__body .product-bundle__purchase .product-bundle__price .price ins {
  text-decoration: none;
  color: #b00061;
  font-weight: 700;
  font-size: 2em;
}

.skylachild__header-widget.searchbar-widget form#yith-ajaxsearchform div {
  display: flex;
}
.skylachild__header-widget.searchbar-widget form#yith-ajaxsearchform div #yith-searchsubmit {
  display: block;
}

.psfw-details-wrap {
  padding: 10px 0 !important;
}
.psfw-details-wrap .psfw-total-wrap.psfw-clearfix {
  align-items: normal;
  padding-bottom: 15px;
}
.psfw-details-wrap .psfw-total-wrap.psfw-clearfix .psfw-left-content {
  order: 2;
  display: flex;
  align-items: center;
  width: 15% !important;
  padding-right: 0 !important;
}
.psfw-details-wrap .psfw-total-wrap.psfw-clearfix .psfw-right-content {
  order: 1;
  width: 85% !important;
  padding: 10px 15px 10px 20px !important;
}
.psfw-details-wrap .psfw-total-wrap.psfw-clearfix .psfw-right-content .psfw-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#privacyNewsletterConsentPanel {
  position: relative;
}

.privacy_managment_panel__messages .pan-message {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin-bottom: 40px;
}
.privacy_managment_panel__messages .pan-message.message-success {
  color: #54a051;
}
.privacy_managment_panel__messages .pan-message.message-error {
  color: #b94646;
}

.introloader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  border: 5px solid #efefef;
  border-radius: 50%;
}

.spinner-inner {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border-radius: 50%;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-radius: 50%;
  -webkit-animation: infinite-spinning 1s linear infinite;
          animation: infinite-spinning 1s linear infinite;
}

@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes infinite-spinning {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
#mailchimp_woocommerce_newsletter,
.woocommerce-form__label.woocommerce-form__label-for-checkbox {
  display: none !important;
}

#ship-to-different-address .woocommerce-form__label.woocommerce-form__label-for-checkbox {
  display: block !important;
}

.mc4wp-checkbox.mc4wp-checkbox-wp-registration-form,
.mc4wp-checkbox.mc4wp-checkbox-woocommerce {
  display: none !important;
}

.form-row.form-row-wide.create-account label {
  display: block !important;
}

.module__checkbox-custom {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 20px 0;
}
.module__checkbox-custom:last-of-type {
  border-width: 1px 0;
}
.module__checkbox-custom .module__checkbox-custom_introtext {
  margin-bottom: 10px;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button {
  border: none;
  position: relative;
  padding: 5px 20px 5px 40px;
  text-align: left;
  outline: none;
  background: transparent;
  color: inherit;
  border: 1px solid transparent;
  cursor: pointer;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button span {
  display: block;
  background: gray;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button span::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: #ccc;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button strong {
  font-weight: 700;
  text-transform: uppercase;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button.button_yes {
  margin-bottom: 5px;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button.active {
  pointer-events: none;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button.active span {
  background: #3f90d3;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button.active span::before {
  background: white;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button.active.button_yes {
  background: #54a051;
  border-color: #396d37;
  color: white;
}
.module__checkbox-custom .module__checkbox-custom_buttons .module__checkbox-custom_button.active.button_no {
  background: #b94646;
  border-color: #823131;
  color: white;
}

.cialdinizr__countdown_wrapper {
  margin-bottom: 40px;
  padding: 20px;
  border: 4px solid #b00061;
  color: #b00061;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown_intro {
  margin-bottom: 5px;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown_intro h6 {
  margin: 0;
  text-transform: uppercase;
  color: #b00061;
  font-weight: 700;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown_intro p {
  margin: 0;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown {
  display: flex;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item {
  margin-right: 13.3333333333px;
  text-align: center;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item span {
  display: block;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item .number {
  font-size: 1.5em;
  position: relative;
  color: #b00061;
  font-weight: 700;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item .number:after {
  content: ":";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item .label {
  font-size: 0.8em;
  text-transform: uppercase;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item.item-days .number:after, .cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item.item-seconds .number:after {
  display: none;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item.item-hours .number:after {
  right: -10px;
}
.cialdinizr__countdown_wrapper .cialdinizr__countdown .cialdinizr__countdown__item.item-minutes .number:after {
  right: -10px;
}

.product_total_sales {
  margin-bottom: 20px;
  color: #b00061;
}
.product_total_sales h6 {
  margin: 0;
  text-transform: uppercase;
  color: #b00061;
}

.cialdinizr__quantity_box {
  margin-bottom: 40px;
}
.cialdinizr__quantity_box .cialdinizr__quantity_box_text {
  margin-bottom: 5px;
}
.cialdinizr__quantity_box .cialdinizr__quantity_box_text h6 {
  color: inherit;
  margin: 0;
}
.cialdinizr__quantity_box .cialdinizr__quantity_box_text p {
  margin: 0;
}
.cialdinizr__quantity_box .cialdinizr__quantity_box_bar {
  height: 10px;
  background-color: #efefef;
  border-radius: 20px;
}
.cialdinizr__quantity_box .cialdinizr__quantity_box_bar .cialdinizr__quantity_box_bar_inner {
  height: 10px;
  border-radius: 20px;
}
.cialdinizr__quantity_box.high_stock .cialdinizr__quantity_box_text {
  color: #3d9c2e;
}
.cialdinizr__quantity_box.high_stock .cialdinizr__quantity_box_bar_inner {
  background: #3d9c2e;
  background: linear-gradient(126deg, #3d9c2e 47%, #00db5c 100%);
}
.cialdinizr__quantity_box.medium_stock .cialdinizr__quantity_box_text {
  color: #ba5004;
}
.cialdinizr__quantity_box.medium_stock .cialdinizr__quantity_box_bar_inner {
  background: #ba5004;
  background: linear-gradient(126deg, #ba5004 47%, #db5c00 100%);
}
.cialdinizr__quantity_box.low_stock .cialdinizr__quantity_box_text {
  color: #9c2e16;
}
.cialdinizr__quantity_box.low_stock .cialdinizr__quantity_box_bar_inner {
  background: #9c2e16;
  background: linear-gradient(126deg, #9c2e16 47%, #db2800 100%);
}
.cialdinizr__quantity_box.very_low_stock .cialdinizr__quantity_box_text {
  color: #9c2e16;
}
.cialdinizr__quantity_box.very_low_stock .cialdinizr__quantity_box_bar_inner {
  background: #9c2e16;
  background: linear-gradient(126deg, #9c2e16 47%, #db2800 100%);
}
.cialdinizr__quantity_box.no_stock .cialdinizr__quantity_box_text {
  color: #9c2e16;
}
.cialdinizr__quantity_box.unactive {
  display: none;
}

.fc_saw__page h2 {
  color: #000;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 20px 0;
}
@media all and (min-width: 1024px) {
  .fc_saw__page h2 {
    font-size: 45px;
  }
}
.fc_saw__page .wpisset-padding-large {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media all and (min-width: 1024px) {
  .fc_saw__page .wpisset-padding-large {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.fc_saw__page .fc_saw__page_header {
  background-image: url("inc/apps/scratch-and-win/assets/images/header/diva-saw_header-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.fc_saw__page .fc_saw__page_header .wpisset-padding-large {
  padding-top: 40px;
  padding-bottom: 40px;
}
.fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_prize-col {
  text-align: center;
}
.fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_prize-col:nth-child(1) {
  order: 2;
  padding: 20px 0 0 0;
}
.fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_prize-col:nth-child(2) {
  order: 1;
}
.fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_prize-col:nth-child(3) {
  order: 3;
  padding: 20px 0 0 0;
}
@media all and (min-width: 1024px) {
  .fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_prize-col:nth-child(1) {
    order: 1;
    padding: 20px 0 0 0;
  }
  .fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_prize-col:nth-child(2) {
    order: 2;
  }
  .fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_prize-col:nth-child(3) {
    order: 3;
    padding: 20px 0 0 0;
  }
}
.fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_infos {
  text-align: center;
  margin-bottom: 20px;
}
.fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_infos .fc_saw__page_header__contest_infos_label {
  color: #b00061;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3.75px;
  margin-bottom: 10px;
}
.fc_saw__page .fc_saw__page_header .fc_saw__page_header__contest_infos .fc_saw__page_header__contest_infos_date {
  color: #000;
  font-size: 23px;
  letter-spacing: 0.92px;
}
.fc_saw__page .fc_saw__page_icons-row {
  background: #932980;
  color: #fff;
}
.fc_saw__page .fc_saw__page_icons-row .wpisset-container {
  padding-top: 40px;
  padding-bottom: 20px;
}
.fc_saw__page .fc_saw__page_icons-row .fc_saw__page_icons-icon-block {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.fc_saw__page .fc_saw__page_icons-row .fc_saw__page_icons-icon-block .svg-icon {
  flex: 0 0 calc(82px - 10px);
  margin: 0 5px;
}
.fc_saw__page .fc_saw__page_icons-row .fc_saw__page_icons-icon-block .text {
  margin: 0 5px;
  flex: 1;
  line-height: 1.2em;
}
.fc_saw__page .fc_saw__page_icons-row .fc_saw__page_icons-icon-block .text strong, .fc_saw__page .fc_saw__page_icons-row .fc_saw__page_icons-icon-block .text span {
  display: block;
}
.fc_saw__page .fc_saw__page_icons-row .fc_saw__page_icons-icon-block .text span {
  font-weight: 200;
}
.fc_saw__page .fc_saw__page_icons-row .fc_saw__page_icons-icon-block .text strong {
  margin-bottom: 5px;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-card .card-text {
  /* .card-text-title {
      color: $black;
      font-size: 45px;
      font-weight: 500;
      margin: 0 0 $margin/2 0;
  } */
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-card .card-text .card-text-label {
  text-transform: uppercase;
  font-size: 15px;
  color: #000;
  margin-bottom: 20px;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-card .card-text .card-text-text {
  font-size: 18px;
  color: #000;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-card .card-text .card-text-text p {
  margin: 0 0 20px 0;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-card .card-text .card-text-text p:last-of-type {
  margin: 0;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-steps {
  padding: 40px 0;
}
@media all and (min-width: 1024px) {
  .fc_saw__page .fc_saw__page_body .fc_saw__game-steps {
    padding: 120px 0;
  }
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_intro {
  text-align: center;
  margin-bottom: 80px;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_intro p {
  margin: 0;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_numbers .steps_numbers__item {
  margin-bottom: 0;
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_numbers .steps_numbers__item .number .number-label {
  width: 92px;
  height: 92px;
  display: flex;
  background: #932980;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 45px;
  border-radius: 50%;
}
@media all and (max-width: 1023px) {
  .fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_numbers .steps_numbers__item {
    margin-bottom: 20px;
  }
  .fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_numbers .steps_numbers__item .number .number-label {
    margin: 0 auto;
  }
  .fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_numbers .steps_numbers__item .text {
    text-align: center;
  }
}
.fc_saw__page .fc_saw__page_body .fc_saw__game-steps .fc_saw__game-steps_numbers .steps_numbers__button {
  padding-top: 40px;
  text-align: center;
}
.fc_saw__page .fc_saw__page_footer {
  background-image: url("inc/apps/scratch-and-win/assets/images/footer/diva-saw_footer-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 160px 0 40px 0;
}
.fc_saw__page .fc_saw__page_footer .fc_saw__page_footer_prizes .fc_saw__page_footer_prizes_intro {
  margin-bottom: 80px;
  text-align: center;
}
.fc_saw__page .fc_saw__page_footer .fc_saw__page_footer_prizes .fc_saw__page_footer_prizes_intro p {
  margin: 0;
}
.fc_saw__page .fc_saw__page_footer .fc_saw__page_footer_prizes .fc_saw__page_footer_prize {
  text-align: center;
}
.fc_saw__page .fc_saw__page_footer .fc_saw__page_footer_prizes .fc_saw__page_footer_prize .text h4 {
  margin: 0 0 20px 0;
  font-size: 20px;
}
.fc_saw__page .fc_saw__page_footer .fc_saw__page_footer_prizes .fc_saw__page_footer_prize .text p {
  margin: 0;
}
.fc_saw__page .fc_saw__page_footer .fc_saw__page_footer_prizes .fc_saw__page_footer_prize:nth-child(3) {
  padding: 40px 0 20px;
}
.fc_saw__page .fc_saw__page_footer .fc_saw__page_footer_prizes .fc_saw__page_footer_prizes_button {
  padding-top: 80px;
  text-align: center;
}

.fc_saw__wrapper .fc_saw__access-panel .fc_saw__access-panel__introtext {
  margin-bottom: 40px;
}
.fc_saw__wrapper .fc_saw__access-panel .fc_saw__access-panel__toggles .fc_saw__access-panel__toggle {
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #b00061;
  background: #b00061;
  padding: 10px 20px;
  margin: 0 2.5px 0 0;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  opacity: 0.5;
  cursor: pointer;
  outline: none;
}
.fc_saw__wrapper .fc_saw__access-panel .fc_saw__access-panel__toggles .fc_saw__access-panel__toggle:focus {
  outline: none;
}
.fc_saw__wrapper .fc_saw__access-panel .fc_saw__access-panel__toggles .fc_saw__access-panel__toggle.active {
  opacity: 1;
}
.fc_saw__wrapper .fc_saw__access-panel .fc_saw__access-panel__forms {
  border: 1px solid #b00061;
  padding: 40px;
}
.fc_saw__wrapper .fc_saw__access-panel .fc_saw__access-panel__forms .fc_saw__access-panel__form {
  display: none;
}
.fc_saw__wrapper .fc_saw__access-panel .fc_saw__access-panel__forms .fc_saw__access-panel__form.active {
  display: block;
}
.fc_saw__wrapper .fc_saw__game-iframe {
  border: none;
  width: 100%;
  height: 100vh;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.fc_saw__wrapper .fc_saw__game-iframe::-webkit-scrollbar {
  display: none;
}
.fc_saw__wrapper .button.woocommerce-button {
  background: #b00061;
  padding: 10px 40px;
  color: #fff;
  border: 1px solid #b00061;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}

.text-color-1 {
  color: #b00061;
}

.small-txt {
  font-size: 0.8em;
  line-height: 1em;
}

.scrolltop:before {
  content: "\004A";
}

.uppercase {
  text-transform: uppercase;
}

.centered-txt {
  text-align: center;
}

.bold-txt {
  font-weight: 700;
}

/*# sourceMappingURL=style.css.map */