/** c:\xampp\htdocs\cbl_res2\css\responsee.css *** L=006 --- 2020/10/20 10:27:40 (L19)      */
/* < .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */
/* <setpt 70 !:1       !hhcss on
/*




 L=001 2020/04/27 -djg- Format CSS & pagination.

*/


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}


body {
  background: none repeat scroll 0 0 #eeeeee;
  font-size: 16px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #444;
}


h1, h2, h3, h4, h5, h6 {
  color: #152732;
  font-weight: normal;
  line-height: 1.3;
  margin: 0.5rem 0;
}


h1 {font-size: 2.7rem;}
h2 {font-size: 2.2rem;}
h3 {font-size: 1.8rem;}
h4 {font-size: 1.4rem;}
h5 {font-size: 1.1rem;}
h6 {font-size: 0.9rem;}


a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #9BB800;
  transition: color 0.20s linear 0s;
  -o-transition: color 0.20s linear 0s;
  -ms-transition: color 0.20s linear 0s;
  -moz-transition: color 0.20s linear 0s;
  -webkit-transition: color 0.20s linear 0s;
}


p {
  margin-bottom: 10px;
}


a:hover {
  color: #B6C900;
}


p, li, dl, blockquote, table, kbd {
  font-size: 0.85rem;
  line-height: 1.6;
}

/** General Styling (1/18) ***                                                 .gs1         */
/* < .:1     | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

b, strong {
  font-weight: 700;
}


.text-center {
  text-align: center!important;
}


.text-right {
  text-align: right!important;
}


img {
  border: 0;
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}


.owl-item img, .full-img {
  max-width: none;
  width: 100%;
}


.owl-nav div {
  font-family: "mfg";
}


.grid .owl-carousel {
  width: 100% !important;
}


table {
/*  width:100%;   /* DJG - L=001 2020/04/24 - Allow each table to size independently. */
  background: none repeat scroll 0 0 #fff;
/*border: 1px solid #f0f0f0;
  border-collapse: collapse; */
  border-spacing: 0;
  text-align: left;
}


table tr td, table tr th {
  padding: 0.625rem;
}

/*
table tfoot, table thead, table tr:nth-of-type(2n) {
  background: none repeat scroll 0 0 #f0f0f0;
}


th, table tr:nth-of-type(2n) td {
  border-right: 1px solid #fff;
}
*/




/** General Styling (2/18) ***                                                 .gs2         */
/* < .:1     | .gs1    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */
/*
td {
  border-right: 1px solid #f0f0f0;
}
*/

.size-960 .line, .size-1140 .line, .size-1280 .line, .size-1520 .line {
  margin: 0 auto;
  padding: 0 0.625rem;
}


.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  margin: 0 auto;
}


hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  clear: both;
  height: 0;
  margin: 2.5rem auto;
}


li {
  padding: 0;
}


ul, ol {
  padding-left: 1.25rem;
}


blockquote {
  border: 2px solid #f0f0f0;
  padding: 1.25rem;
}


cite {
  color: #999;
  display: block;
  font-size: 0.8rem;
}


cite:before {
  content: "— ";
}


dl dt {
  font-weight: 700;
}


dl dd {
  margin-bottom: 0.625rem;
}




/** General Styling (3/18) ***                                                 .gs3         */
/* < .:1     | .gs1    | .gs2    | .gs4    | .gs5    | .gs6    | .gs7    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

dl dd:last-child {
  margin-bottom: 0;
}


abbr {
  cursor: help;
}


abbr[title] {
  border-bottom: 1px dotted;
}


kbd {
  background: #152732 none repeat scroll 0 0;
  color: #fff;
  padding: 0.125rem 0.3125rem;
}


code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.9em;
  background-color: #f9f2e2;
  color: blue;
}


mark {
  background: #F3F8A9 none repeat scroll 0 0;
  padding: 0.125rem 0.3125rem;
}


.size-960 .line,  .size-960  .grid {max-width: 59.75rem;}
.size-1140 .line, .size-1140 .grid {max-width: 71rem;}
.size-1280 .line, .size-1280 .grid {max-width: 80rem;}
.size-1520 .line, .size-1520 .grid {max-width: 95rem;}


.grid.full {
  max-width: 100%!important;
  padding: 0;
}


.vertical-center {
  display: inline-grid!important;
}


.vertical-center * {
  align-items: center;
  display: flex!important;
}


.text-center .vertical-center * {
  justify-content: center;
}


.size-960.align-content-left .line,  .size-1140.align-content-left .line,
.size-1280.align-content-left .line, .size-1520.align-content-left .line {
  margin-left: 0;
}
/** General Styling (4/18) ***                                                 .gs4         */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs5    | .gs6    | .gs7    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

form {
  line-height: 1.4;
}

nav {
  display: block;
  width: 100%;
  background: #152732;
}


.line::after,    nav::after,      .center::after, .box::after,
.margin::after, .margin2x::after, .grid.full::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}


.grid.margin::after, .grid.margin2x::after {
  content: "";
  display: none;
}


.nav-text:after, .nav-text:before, .nav-text span {
  background-color: #fff;
  border-radius: 3px;
  content: '';
  display: block;
  height: 3px;
  margin: 6px auto;
  width: 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}


.show-menu .nav-text:before {
  transform: translateY(9px) rotate(135deg);
  -moz-transform: translateY(9px) rotate(135deg);
  -webkit-transform: translateY(9px) rotate(135deg);
}


.show-menu .nav-text:after {
  transform: translateY(-9px) rotate(-135deg);
  -moz-transform: translateY(-9px) rotate(-135deg);
  -webkit-transform: translateY(-9px) rotate(-135deg);
}


.show-menu .nav-text span {
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
}


.top-nav ul {
  padding: 0;
}

/** General Styling (5/18) ***                                                 .gs5         */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs6    | .gs7    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.top-nav ul ul {
  position: absolute;
  background: #152732;
}


.top-nav li {
  float: left;
  list-style: none outside none;
  cursor: pointer;
}


.top-nav li a {
  color: #fff;
  display: block;
  font-size: 1rem;
  padding: 1.25rem;
}


.top-nav li ul li a {
  background: none repeat scroll 0 0 #152732;
  min-width: 100%;
  padding: 0.625rem;
}


.top-nav li a:hover, .aside-nav li a:hover {
  background: #2b4c61;
}


.top-nav li ul {
  display: none;
}


.top-nav li ul li, .top-nav li ul li ul li {
  float: none;
  list-style: none outside none;
  min-width: 100%;
  padding: 0;
}


.count-number {
  background: rgba(153, 153, 153, 0.25) none repeat scroll 0 0;
  border-radius: 10rem;
  color: #fff;
  display: inline-block;
  font-size: 0.7rem;
  height: 1.3rem;
  line-height: 1.3rem;
  margin: 0 0 -0.3125rem 0.3125rem;
  text-align: center;
  width: 1.3rem;
}


ul.chevron .count-number {
  display: none;
}





/** General Styling (6/18) ***                                                 .gs6         */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs7    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

ul.chevron .submenu>a:after,       ul.chevron .sub-submenu>a:after,
ul.chevron .aside-submenu>a:after, ul.chevron .aside-sub-submenu>a:after {
  content: "\f004";
  display: inline-block;
  font-family: "mfg";
  font-size: 0.7rem;
  margin: 0 0.625rem;
}

.top-nav .active-item a {
  background: #2b4c61;
}


.aside-nav>ul>li.active-item>a:link, .aside-nav>ul>li.active-item>a:visited {
  background: #2b4c61;
  color: #fff;
}


@media screen and (min-width:769px) {
  .aside-nav .count-number {
    margin-left: -1.25rem;
    float: right;
  }
  .top-nav li:hover>ul {
    display: block;
    z-index: 10;
  }
  .top-nav li:hover>ul ul {
    left: 100%;
    margin: -2.5rem 0;
    width: 100%;
  }
}


.nav-text, .aside-nav-text {
  display: none;
}


.aside-nav a,      .aside-nav a:link, .aside-nav a:visited,
.aside-nav li>ul,  .top-nav a,        .top-nav a:link,
.top-nav a:visited {
  transition: background 0.20s linear 0s;
  -o-transition: background 0.20s linear 0s;
  -ms-transition: background 0.20s linear 0s;
  -moz-transition: background 0.20s linear 0s;
  -webkit-transition: background 0.20s linear 0s;
}


.aside-nav ul {
  background: #e8e8e8;
  padding: 0;
}


.aside-nav li {
  list-style: none outside none;
  cursor: pointer;
}





/** General Styling (7/18) ***                                                 .gs7         */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs8     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.aside-nav li a, .aside-nav li a:link, .aside-nav li a:visited {
  color: #444;
  display: block;
  font-size: 1rem;
  padding: 1.25rem;
}


.aside-nav>ul>li:last-child a {
  border-bottom: 0 none;
}


.aside-nav li>ul {
  height: 0;
  display: block;
  position: relative;
  background: #f4f4f4;
  border-left: solid 1px #f2f2f2;
  border-right: solid 1px #f2f2f2;
  overflow: hidden;
}


.aside-nav li ul ul {
  border: 0;
  background: #fff;
}


.aside-nav ul ul a {
  padding: 0.625rem 1.25rem;
}


.aside-nav li a:link, .aside-nav li a:visited {
  color: #333;
}


.aside-nav li li a:hover, .aside-nav li li.active-item>a,
.aside-nav li li.aside-sub-submenu li a:hover {
  color: #fff;
  background: #2b4c61;
}


.aside-nav>ul>li>a:hover {
  color: #fff;
}


.aside-nav li li a:link, .aside-nav li li a:visited {
  background: none;
}


.aside-nav .show-aside-ul, .aside-nav .active-aside-item {
  height: auto;
}


nav.breadcrumb-nav {
  background: #fff;
  margin: 0.625rem 0;
}


/** General Styling (8/18) ***                                                 .gs8         */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs9  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

nav.breadcrumb-nav ul {
  list-style: none;
  padding: 0;
}


nav.breadcrumb-nav ul li {
  float: left;
}


nav.breadcrumb-nav ul li a:hover {
  text-decoration: underline;
}


.breadcrumb-nav i {
  color: #B6C900;
}


nav.breadcrumb-nav ul li:after {
  content: "/";
  margin: 0 9px;
  color: #c8c7c7;
}


nav.breadcrumb-nav ul li:last-child:after {
  content: "";
}


.slide-content, .slide-nav {
  transition: all 0.10s linear 0s;
  -o-transition: all 0.10s linear 0s;
  -ms-transition: all 0.10s linear 0s;
  -moz-transition: all 0.10s linear 0s;
  -webkit-transition: all 0.10s linear 0s;
}


.slide-content {
  float: left;
  width: calc(100% - 60px);
}


.aside-nav.slide-nav {
  background: #1c3849;
  bottom: 0;
  right: 0;
  top: 0;
  margin-right: -180px;
  overflow-y: auto;
  padding-top: 0.625rem;
  position: fixed;
  width: 240px;
  z-index: 2;
}








/** General Styling (9/18) ***                                                 .gs9      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.aside-nav.slide-nav>ul {
  background: #1c3849;
  opacity: 0;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}


.aside-nav.slide-nav li a, .aside-nav.slide-nav li a:link,
.aside-nav.slide-nav li a:visited {
  color: #fff;
  display: block;
  font-size: 0.9rem;
  padding: 0.625rem 1.25rem;
  border-bottom: 0;
}


.aside-nav.slide-nav li a:hover {
  background: #152732!important;
  color: #fff!important;
}


.aside-nav.slide-nav li>ul {
  background: #2b4c61;
  border-left: 0;
  border-right: 0;
}


.aside-nav.slide-nav li>ul ul {
  background: #456274;
  border-left: 0;
  border-right: 0;
}


.slide-nav-button {
  background: #152732;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  z-index: 3;
}


.active-slide-nav .slide-content {margin-left: -240px;}
.active-slide-nav .slide-nav {margin-right: 60px;}
.slide-to-left .slide-content {float: right;}


.slide-to-left .slide-nav {
  left: 0;
  margin-right: 0;
  margin-left: -180px;
}





/** General Styling (10/18) ***                                                .gs10     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs11   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.slide-to-left .slide-nav-button {
  left: 0;
}


.slide-to-left.active-slide-nav .slide-content {
  margin-right: -240px;
  margin-left: 0;
}


.slide-to-left.active-slide-nav .slide-nav {
  margin-right: 0;
  margin-left: 60px;
}


.active-slide-nav .slide-nav ul {
  opacity: 1;
}


.nav-icon {
  padding: 0.9rem;
  width: 100%;
}


.nav-icon:after, .nav-icon:before, .nav-icon div {
  background-color: #fff;
  border-radius: 3px;
  content: "";
  display: block;
  height: 3px;
  margin: 6px 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}


.active-slide-nav .nav-icon:before {
  transform: translateY(9px) rotate(135deg);
  -moz-transform: translateY(9px) rotate(135deg);
  -webkit-transform: translateY(9px) rotate(135deg);
}


.active-slide-nav .nav-icon:after {
  transform: translateY(-9px) rotate(-135deg);
  -moz-transform: translateY(-9px) rotate(-135deg);
  -webkit-transform: translateY(-9px) rotate(-135deg);
}


.active-slide-nav .nav-icon div {
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
}


.active-slide-nav {
  overflow-x: hidden;
}



/** General Styling (11/18) ***                                                .gs11     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs12   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.padding {
  display: list-item;
  list-style: none outside none;
  padding: 0.625rem;
}


.margin, .margin2x {display: block;}
.margin {margin: 0 -0.625rem;}
.margin2x {margin: 0 -1.25rem;}


.grid.margin {
  display: grid;
  grid-column-gap: 20px;
  margin: 0 auto;
}



.grid.margin2x {
  display: grid;
  grid-column-gap: 40px;
  margin: 0 auto;
}


.line {
  clear: left;
}


.line .line {
  padding: 0;
}


.hide-xxl {
  display: none!important;
}


.box {
  background: none repeat scroll 0 0 #fff;
  display: block;
  padding: 1.25rem;
  width: 100%;
}


.margin-bottom {
  margin-bottom: 1.25rem!important;
}


.margin-bottom2x {
  margin-bottom: 2.5rem!important;
}










/** General Styling (12/18) ***                                                .gs12     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs13   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.s-1,   .s-2,   .s-3,   .s-4,    .s-5,    .s-6,
.s-7,   .s-8,   .s-9,   .s-10,   .s-11,   .s-12,   .s-five,
.m-1,   .m-2,   .m-3,   .m-4,    .m-5,    .m-6,
.m-7,   .m-8,   .m-9,   .m-10,   .m-11,   .m-12,   .m-five,
.l-1,   .l-2,   .l-3,   .l-4,    .l-5,    .l-6,
.l-7,   .l-8,   .l-9,   .l-10,   .l-11,   .l-12,   .l-five,
.xl-1,  .xl-2,  .xl-3,  .xl-4,   .xl-5,   .xl-6,
.xl-7,  .xl-8,  .xl-9,  .xl-10,  .xl-11,  .xl-12,  .xl-five,
.xxl-1, .xxl-2, .xxl-3, .xxl-4,  .xxl-5,  .xxl-6,
.xxl-7, .xxl-8, .xxl-9, .xxl-10, .xxl-11, .xxl-12, .xxl-five {
  float: left;
  position: static;
}


.xxl-offset-1    {margin-left: 8.3333%;}
.xxl-offset-2    {margin-left: 16.6666%;}
.xxl-offset-3    {margin-left: 25%;}
.xxl-offset-4    {margin-left: 33.3333%;}
.xxl-offset-5    {margin-left: 41.6666%;}
.xxl-offset-6    {margin-left: 50%;}
.xxl-offset-7    {margin-left: 58.3333%;}
.xxl-offset-8    {margin-left: 66.6666%;}
.xxl-offset-9    {margin-left: 75%;}
.xxl-offset-10   {margin-left: 83.3333%;}
.xxl-offset-11   {margin-left: 91.6666%;}
.xxl-offset-12   {margin-left: 100%;}
.xxl-offset-five {margin-left: 20%;}


.xxl-order-1    {order: -1;}
.xxl-order-2    {order: 2;}
.xxl-order-3    {order: 3;}
.xxl-order-4    {order: 4;}
.xxl-order-5    {order: 5;}
.xxl-order-6    {order: 6;}
.xxl-order-7    {order: 7;}
.xxl-order-8    {order: 8;}
.xxl-order-9    {order: 9;}
.xxl-order-10   {order: 10;}
.xxl-order-11   {order: 11;}
.xxl-order-12   {order: 12;}
.xxl-order-last {order: 99999999;}


.line .margin>.s-1,   .line .margin>.s-2,    .line .margin>.s-3,    .line .margin>.s-4,
.line .margin>.s-5,   .line .margin>.s-6,    .line .margin>.s-7,    .line .margin>.s-8,
.line .margin>.s-9,   .line .margin>.s-10,   .line .margin>.s-11,   .line .margin>.s-12,
.line .margin>.s-five,
.line .margin>.m-1,   .line .margin>.m-2,    .line .margin>.m-3,    .line .margin>.m-4,
.line .margin>.m-5,   .line .margin>.m-6,    .line .margin>.m-7,    .line .margin>.m-8,
.line .margin>.m-9,   .line .margin>.m-10,   .line .margin>.m-11,   .line .margin>.m-12,
.line .margin>.m-five,
.line .margin>.l-1,   .line .margin>.l-2,    .line .margin>.l-3,    .line .margin>.l-4,
.line .margin>.l-5,   .line .margin>.l-6,    .line .margin>.l-7,    .line .margin>.l-8,
.line .margin>.l-9,   .line .margin>.l-10,   .line .margin>.l-11,   .line .margin>.l-12,
.line .margin>.l-five,
.line .margin>.xl-1,  .line .margin>.xl-2,   .line .margin>.xl-3,   .line .margin>.xl-4,
.line .margin>.xl-5,  .line .margin>.xl-6,   .line .margin>.xl-7,   .line .margin>.xl-8,
.line .margin>.xl-9,  .line .margin>.xl-10,  .line .margin>.xl-11,  .line .margin>.xl-12,
.line .margin>.xl-five,
.line .margin>.xxl-1, .line .margin>.xxl-2,  .line .margin>.xxl-3,  .line .margin>.xxl-4,
.line .margin>.xxl-5, .line .margin>.xxl-6,  .line .margin>.xxl-7,  .line .margin>.xxl-8,
.line .margin>.xxl-9, .line .margin>.xxl-10, .line .margin>.xxl-11, .line .margin>.xxl-12,
.line .margin>.xxl-five, {
  padding: 0 0.625rem;
}

/** General Styling (13/18) ***                                                .gs13     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs14   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.line .margin2x>.s-1,    .line .margin2x>.s-2,    .line .margin2x>.s-3,
.line .margin2x>.s-4,    .line .margin2x>.s-5,    .line .margin2x>.s-6,
.line .margin2x>.s-7,    .line .margin2x>.s-8,    .line .margin2x>.s-9,
.line .margin2x>.s-10,   .line .margin2x>.s-11,   .line .margin2x>.s-12,
.line .margin2x>.s-five,
.line .margin2x>.m-1,    .line .margin2x>.m-2,    .line .margin2x>.m-3,
.line .margin2x>.m-4,    .line .margin2x>.m-5,    .line .margin2x>.m-6,
.line .margin2x>.m-7,    .line .margin2x>.m-8,    .line .margin2x>.m-9,
.line .margin2x>.m-10,   .line .margin2x>.m-11,   .line .margin2x>.m-12,
.line .margin2x>.m-five,
.line .margin2x>.l-1,    .line .margin2x>.l-2,    .line .margin2x>.l-3,
.line .margin2x>.l-4,    .line .margin2x>.l-5,    .line .margin2x>.l-6,
.line .margin2x>.l-7,    .line .margin2x>.l-8,    .line .margin2x>.l-9,
.line .margin2x>.l-10,   .line .margin2x>.l-11,   .line .margin2x>.l-12,
.line .margin2x>.l-five,
.line .margin2x>.xl-1,   .line .margin2x>.xl-2,   .line .margin2x>.xl-3,
.line .margin2x>.xl-4,   .line .margin2x>.xl-5,   .line .margin2x>.xl-6,
.line .margin2x>.xl-7,   .line .margin2x>.xl-8,   .line .margin2x>.xl-9,
.line .margin2x>.xl-10,  .line .margin2x>.xl-11,  .line .margin2x>.xl-12,
.line .margin2x>.xl-five,
.line .margin2x>.xxl-1,  .line .margin2x>.xxl-2,  .line .margin2x>.xxl-3,
.line .margin2x>.xxl-4,  .line .margin2x>.xxl-5,  .line .margin2x>.xxl-6,
.line .margin2x>.xxl-7,  .line .margin2x>.xxl-8,  .line .margin2x>.xxl-9,
.line .margin2x>.xxl-10, .line .margin2x>.xxl-11, .line .margin2x>.xxl-12,
.line .margin2x>.xxl-five {
  padding: 0 1.25rem;
}


.line-full-width .margin>.s-1,    .line-full-width .margin>.s-2,
.line-full-width .margin>.s-3,    .line-full-width .margin>.s-4,
.line-full-width .margin>.s-5,    .line-full-width .margin>.s-6,
.line-full-width .margin>.s-7,    .line-full-width .margin>.s-8,
.line-full-width .margin>.s-9,    .line-full-width .margin>.s-10,
.line-full-width .margin>.s-11,   .line-full-width .margin>.s-12,
.line-full-width .margin>.s-five,
.line-full-width .margin>.m-1,    .line-full-width .margin>.m-2,
.line-full-width .margin>.m-3,    .line-full-width .margin>.m-4,
.line-full-width .margin>.m-5,    .line-full-width .margin>.m-6,
.line-full-width .margin>.m-7,    .line-full-width .margin>.m-8,
.line-full-width .margin>.m-9,    .line-full-width .margin>.m-10,
.line-full-width .margin>.m-11,   .line-full-width .margin>.m-12,
.line-full-width .margin>.m-five,
.line-full-width .margin>.l-1,    .line-full-width .margin>.l-2,
.line-full-width .margin>.l-3,    .line-full-width .margin>.l-4,
.line-full-width .margin>.l-5,    .line-full-width .margin>.l-6,
.line-full-width .margin>.l-7,    .line-full-width .margin>.l-8,
.line-full-width .margin>.l-9,    .line-full-width .margin>.l-10,
.line-full-width .margin>.l-11,   .line-full-width .margin>.l-12,
.line-full-width .margin>.l-five,
.line-full-width .margin>.xl-1,   .line-full-width .margin>.xl-2,
.line-full-width .margin>.xl-3,   .line-full-width .margin>.xl-4,
.line-full-width .margin>.xl-5,   .line-full-width .margin>.xl-6,
.line-full-width .margin>.xl-7,   .line-full-width .margin>.xl-8,
.line-full-width .margin>.xl-9,   .line-full-width .margin>.xl-10,
.line-full-width .margin>.xl-11,  .line-full-width .margin>.xl-12,
.line-full-width .margin>.xl-five,
.line-full-width .margin>.xxl-1,  .line-full-width .margin>.xxl-2,
.line-full-width .margin>.xxl-3,  .line-full-width .margin>.xxl-4,
.line-full-width .margin>.xxl-5,  .line-full-width .margin>.xxl-6,
.line-full-width .margin>.xxl-7,  .line-full-width .margin>.xxl-8,
.line-full-width .margin>.xxl-9,  .line-full-width .margin>.xxl-10,
.line-full-width .margin>.xxl-11, .line-full-width .margin>.xxl-12,
.line-full-width .margin>.xxl-five {
  padding: 0 0.625rem;
}


/** General Styling (14/18) ***                                                .gs14     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs15   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.line-full-width .margin2x>.s-1,    .line-full-width .margin2x>.s-2,
.line-full-width .margin2x>.s-3,    .line-full-width .margin2x>.s-4,
.line-full-width .margin2x>.s-5,    .line-full-width .margin2x>.s-6,
.line-full-width .margin2x>.s-7,    .line-full-width .margin2x>.s-8,
.line-full-width .margin2x>.s-9,    .line-full-width .margin2x>.s-10,
.line-full-width .margin2x>.s-11,   .line-full-width .margin2x>.s-12,
.line-full-width .margin2x>.s-five,
.line-full-width .margin2x>.m-1,    .line-full-width .margin2x>.m-2,
.line-full-width .margin2x>.m-3,    .line-full-width .margin2x>.m-4,
.line-full-width .margin2x>.m-5,    .line-full-width .margin2x>.m-6,
.line-full-width .margin2x>.m-7,    .line-full-width .margin2x>.m-8,
.line-full-width .margin2x>.m-9,    .line-full-width .margin2x>.m-10,
.line-full-width .margin2x>.m-11,   .line-full-width .margin2x>.m-12,
.line-full-width .margin2x>.m-five,
.line-full-width .margin2x>.l-1,    .line-full-width .margin2x>.l-2,
.line-full-width .margin2x>.l-3,    .line-full-width .margin2x>.l-4,
.line-full-width .margin2x>.l-5,    .line-full-width .margin2x>.l-6,
.line-full-width .margin2x>.l-7,    .line-full-width .margin2x>.l-8,
.line-full-width .margin2x>.l-9,    .line-full-width .margin2x>.l-10,
.line-full-width .margin2x>.l-11,   .line-full-width .margin2x>.l-12,
.line-full-width .margin2x>.l-five,
.line-full-width .margin2x>.xl-1,   .line-full-width .margin2x>.xl-2,
.line-full-width .margin2x>.xl-3,   .line-full-width .margin2x>.xl-4,
.line-full-width .margin2x>.xl-5,   .line-full-width .margin2x>.xl-6,
.line-full-width .margin2x>.xl-7,   .line-full-width .margin2x>.xl-8,
.line-full-width .margin2x>.xl-9,   .line-full-width .margin2x>.xl-10,
.line-full-width .margin2x>.xl-11,  .line-full-width .margin2x>.xl-12,
.line-full-width .margin2x>.xl-five,
.line-full-width .margin2x>.xxl-1,  .line-full-width .margin2x>.xxl-2,
.line-full-width .margin2x>.xxl-3,  .line-full-width .margin2x>.xxl-4,
.line-full-width .margin2x>.xxl-5,  .line-full-width .margin2x>.xxl-6,
.line-full-width .margin2x>.xxl-7,  .line-full-width .margin2x>.xxl-8,
.line-full-width .margin2x>.xxl-9,  .line-full-width .margin2x>.xxl-10,
.line-full-width .margin2x>.xxl-11, .line-full-width .margin2x>.xxl-12,
.line-full-width .margin2x>.xxl-five {
  padding: 0 1.25rem;
}


.s-1,  .grid .s-1.center  {width: 8.3333%;}
.s-2,  .grid .s-2.center  {width: 16.6666%;}
.s-3,  .grid .s-3.center  {width: 25%;}
.s-4,  .grid .s-4.center  {width: 33.3333%;}
.s-5,  .grid .s-5.center  {width: 41.6666%;}
.s-6,  .grid .s-6.center  {width: 50%;}
.s-7,  .grid .s-7.center  {width: 58.3333%;}
.s-8,  .grid .s-8.center  {width: 66.6666%;}
.s-9,  .grid .s-9.center  {width: 75%;}
.s-10, .grid .s-10.center {width: 83.3333%;}
.s-11, .grid .s-11.center {width: 91.6666%;}
.s-12, .grid .s-12.center {width: 100%;}
.s-five                   {width: 20%;}


.grid .s-1  {grid-column: span 1;}
.grid .s-2  {grid-column: span 2;}
.grid .s-3  {grid-column: span 3;}
.grid .s-4  {grid-column: span 4;}
.grid .s-5  {grid-column: span 5;}
.grid .s-6  {grid-column: span 6;}
.grid .s-7  {grid-column: span 7;}
.grid .s-8  {grid-column: span 8;}
.grid .s-9  {grid-column: span 9;}
.grid .s-10 {grid-column: span 10;}
.grid .s-11 {grid-column: span 11;}
.grid .s-12 {grid-column: span 12;}


/** General Styling (15/18) ***                                                .gs15     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g16    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.grid .s-row-1  {grid-row: span 1;}
.grid .s-row-2  {grid-row: span 2;}
.grid .s-row-3  {grid-row: span 3;}
.grid .s-row-4  {grid-row: span 4;}
.grid .s-row-5  {grid-row: span 5;}
.grid .s-row-6  {grid-row: span 6;}
.grid .s-row-7  {grid-row: span 7;}
.grid .s-row-8  {grid-row: span 8;}
.grid .s-row-9  {grid-row: span 9;}
.grid .s-row-10 {grid-row: span 10;}
.grid .s-row-11 {grid-row: span 11;}
.grid .s-row-12 {grid-row: span 12;}


.m-1,  .grid .m-1.center  {width: 8.3333%;}
.m-2,  .grid .m-2.center  {width: 16.6666%;}
.m-3,  .grid .m-3.center  {width: 25%;}
.m-4,  .grid .m-4.center  {width: 33.3333%;}
.m-5,  .grid .m-5.center  {width: 41.6666%;}
.m-6,  .grid .m-6.center  {width: 50%;}
.m-7,  .grid .m-7.center  {width: 58.3333%;}
.m-8,  .grid .m-8.center  {width: 66.6666%;}
.m-9,  .grid .m-9.center  {width: 75%;}
.m-10, .grid .m-10.center {width: 83.3333%;}
.m-11, .grid .m-11.center {width: 91.6666%;}
.m-12, .grid .m-12.center {width: 100%}
.m-five                   {width: 20%;}


.grid .m-1  {grid-column: span 1;}
.grid .m-2  {grid-column: span 2;}
.grid .m-3  {grid-column: span 3;}
.grid .m-4  {grid-column: span 4;}
.grid .m-5  {grid-column: span 5;}
.grid .m-6  {grid-column: span 6;}
.grid .m-7  {grid-column: span 7;}
.grid .m-8  {grid-column: span 8;}
.grid .m-9  {grid-column: span 9;}
.grid .m-10 {grid-column: span 10;}
.grid .m-11 {grid-column: span 11;}
.grid .m-12 {grid-column: span 12;}


.grid .m-row-1  {grid-row: span 1;}
.grid .m-row-2  {grid-row: span 2;}
.grid .m-row-3  {grid-row: span 3;}
.grid .m-row-4  {grid-row: span 4;}
.grid .m-row-5  {grid-row: span 5;}
.grid .m-row-6  {grid-row: span 6;}
.grid .m-row-7  {grid-row: span 7;}
.grid .m-row-8  {grid-row: span 8;}
.grid .m-row-9  {grid-row: span 9;}
.grid .m-row-10 {grid-row: span 10;}
.grid .m-row-11 {grid-row: span 11;}
.grid .m-row-12 {grid-row: span 12;}













/** General Styling (16/18) ***                                                .gs16     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g17     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.l-1,  .grid .l-1.center  {width: 8.3333%;}
.l-2,  .grid .l-2.center  {width: 16.6666%;}
.l-3,  .grid .l-3.center  {width: 25%;}
.l-4,  .grid .l-4.center  {width: 33.3333%;}
.l-5,  .grid .l-5.center  {width: 41.6666%;}
.l-6,  .grid .l-6.center  {width: 50%;}
.l-7,  .grid .l-7.center  {width: 58.3333%;}
.l-8,  .grid .l-8.center  {width: 66.6666%;}
.l-9,  .grid .l-9.center  {width: 75%;}
.l-10, .grid .l-10.center {width: 83.3333%;}
.l-11, .grid .l-11.center {width: 91.6666%;}
.l-12, .grid .l-12.center {width: 100%;}
.l-five                   {width: 20%;}


.grid .l-1  {grid-column: span 1;}
.grid .l-2  {grid-column: span 2;}
.grid .l-3  {grid-column: span 3;}
.grid .l-4  {grid-column: span 4;}
.grid .l-5  {grid-column: span 5;}
.grid .l-6  {grid-column: span 6;}
.grid .l-7  {grid-column: span 7;}
.grid .l-8  {grid-column: span 8;}
.grid .l-9  {grid-column: span 9;}
.grid .l-10 {grid-column: span 10;}
.grid .l-11 {grid-column: span 11;}
.grid .l-12 {grid-column: span 12;}


.grid .l-row-1  {grid-row: span 1;}
.grid .l-row-2  {grid-row: span 2;}
.grid .l-row-3  {grid-row: span 3;}
.grid .l-row-4  {grid-row: span 4;}
.grid .l-row-5  {grid-row: span 5;}
.grid .l-row-6  {grid-row: span 6;}
.grid .l-row-7  {grid-row: span 7;}
.grid .l-row-8  {grid-row: span 8;}
.grid .l-row-9  {grid-row: span 9;}
.grid .l-row-10 {grid-row: span 10;}
.grid .l-row-11 {grid-row: span 11;}
.grid .l-row-12 {grid-row: span 12;}


.xl-1,  .grid .xl-1.center  {width: 8.3333%;}
.xl-2,  .grid .xl-2.center  {width: 16.6666%;}
.xl-3,  .grid .xl-3.center  {width: 25%;}
.xl-4,  .grid .xl-4.center  {width: 33.3333%;}
.xl-5,  .grid .xl-5.center  {width: 41.6666%;}
.xl-6,  .grid .xl-6.center  {width: 50%;}
.xl-7,  .grid .xl-7.center  {width: 58.3333%;}
.xl-8,  .grid .xl-8.center  {width: 66.6666%;}
.xl-9,  .grid .xl-9.center  {width: 75%;}
.xl-10, .grid .xl-10.center {width: 83.3333%;}
.xl-11, .grid .xl-11.center {width: 91.6666%;}
.xl-12, .grid .xl-12.center {width: 100%;}
.xl-five                    {width: 20%;}












/** General Styling (17/18) ***                                                .gs17     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs18 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.grid .xl-1  {grid-column: span 1;}
.grid .xl-2  {grid-column: span 2;}
.grid .xl-3  {grid-column: span 3;}
.grid .xl-4  {grid-column: span 4;}
.grid .xl-5  {grid-column: span 5;}
.grid .xl-6  {grid-column: span 6;}
.grid .xl-7  {grid-column: span 7;}
.grid .xl-8  {grid-column: span 8;}
.grid .xl-9  {grid-column: span 9;}
.grid .xl-10 {grid-column: span 10;}
.grid .xl-11 {grid-column: span 11;}
.grid .xl-12 {grid-column: span 12;}


.grid .xl-row-1  {grid-row: span 1;}
.grid .xl-row-2  {grid-row: span 2;}
.grid .xl-row-3  {grid-row: span 3;}
.grid .xl-row-4  {grid-row: span 4;}
.grid .xl-row-5  {grid-row: span 5;}
.grid .xl-row-6  {grid-row: span 6;}
.grid .xl-row-7  {grid-row: span 7;}
.grid .xl-row-8  {grid-row: span 8;}
.grid .xl-row-9  {grid-row: span 9;}
.grid .xl-row-10 {grid-row: span 10;}
.grid .xl-row-11 {grid-row: span 11;}
.grid .xl-row-12 {grid-row: span 12;}


.xxl-1,  .grid .xxl-1.center  {width: 8.3333%;}
.xxl-2,  .grid .xxl-2.center  {width: 16.6666%;}
.xxl-3,  .grid .xxl-3.center  {width: 25%;}
.xxl-4,  .grid .xxl-4.center  {width: 33.3333%;}
.xxl-5,  .grid .xxl-5.center  {width: 41.6666%;}
.xxl-6,  .grid .xxl-6.center  {width: 50%;}
.xxl-7,  .grid .xxl-7.center  {width: 58.3333%;}
.xxl-8,  .grid .xxl-8.center  {width: 66.6666%;}
.xxl-9,  .grid .xxl-9.center  {width: 75%;}
.xxl-10, .grid .xxl-10.center {width: 83.3333%;}
.xxl-11, .grid .xxl-11.center {width: 91.6666%;}
.xxl-12, .grid .xxl-12.center {width: 100%;}
.xxl-five                     {width: 20%;}


.grid .xxl-1  {grid-column: span 1;}
.grid .xxl-2  {grid-column: span 2;}
.grid .xxl-3  {grid-column: span 3;}
.grid .xxl-4  {grid-column: span 4;}
.grid .xxl-5  {grid-column: span 5;}
.grid .xxl-6  {grid-column: span 6;}
.grid .xxl-7  {grid-column: span 7;}
.grid .xxl-8  {grid-column: span 8;}
.grid .xxl-9  {grid-column: span 9;}
.grid .xxl-10 {grid-column: span 10;}
.grid .xxl-11 {grid-column: span 11;}
.grid .xxl-12 {grid-column: span 12;}













/** General Styling (18/18) ***                                                .gs18     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

.grid .xxl-row-1  {grid-row: span 1;}
.grid .xxl-row-2  {grid-row: span 2;}
.grid .xxl-row-3  {grid-row: span 3;}
.grid .xxl-row-4  {grid-row: span 4;}
.grid .xxl-row-5  {grid-row: span 5;}
.grid .xxl-row-6  {grid-row: span 6;}
.grid .xxl-row-7  {grid-row: span 7;}
.grid .xxl-row-8  {grid-row: span 8;}
.grid .xxl-row-9  {grid-row: span 9;}
.grid .xxl-row-10 {grid-row: span 10;}
.grid .xxl-row-11 {grid-row: span 11;}
.grid .xxl-row-12 {grid-row: span 12;}


.right {
  float: right;
}


.left  {
  float: left;
}














































/** Media Query - Max Width 1366 pixels (1/2) ***                              .mq1      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

@media screen and (max-width:1366px) {
  .hide-xxl, .hide-l, .hide-m, .hide-s {
    display: initial!important;
  }

  .hide-xl {
    display: none!important;
  }

  .size-960, .size-1140, .size-1280, .size-1520 {
    max-width: 1366px;
  }

  .xxl-offset-1,  .xxl-offset-2,  .xxl-offset-3,  .xxl-offset-4,
  .xxl-offset-5,  .xxl-offset-6,  .xxl-offset-7,  .xxl-offset-8,
  .xxl-offset-9,  .xxl-offset-10, .xxl-offset-11, .xxl-offset-12, .xxl-offset-five {
    margin-left: 0;

  }

  .xl-offset-1    {margin-left: 8.3333%;}
  .xl-offset-2    {margin-left: 16.6666%;}
  .xl-offset-3    {margin-left: 25%;}
  .xl-offset-4    {margin-left: 33.3333%;}
  .xl-offset-5    {margin-left: 41.6666%;}
  .xl-offset-6    {margin-left: 50%;}
  .xl-offset-7    {margin-left: 58.3333%;}
  .xl-offset-8    {margin-left: 66.6666%;}
  .xl-offset-9    {margin-left: 75%;}
  .xl-offset-10   {margin-left: 83.3333%;}
  .xl-offset-11   {margin-left: 91.6666%;}
  .xl-offset-12   {margin-left: 100%;}
  .xl-offset-five {margin-left: 20%;}

  .xxl-order-1,  .xxl-order-2,  .xxl-order-3,  .xxl-order-4,
  .xxl-order-5,  .xxl-order-6,  .xxl-order-7,  .xxl-order-8,
  .xxl-order-9,  .xxl-order-10, .xxl-order-11, .xxl-order-12, .xxl-order-last {
    order: initial;
  }

  .xl-order-1    {order: -1;}
  .xl-order-2    {order: 2;}
  .xl-order-3    {order: 3;}
  .xl-order-4    {order: 4;}
  .xl-order-5    {order: 5;}
  .xl-order-6    {order: 6;}
  .xl-order-7    {order: 7;}
  .xl-order-8    {order: 8;}
  .xl-order-9    {order: 9;}
  .xl-order-10   {order: 10;}
  .xl-order-11   {order: 11;}
  .xl-order-12   {order: 12;}
  .xl-order-last {order: 99999999;}

  .xl-1,  .grid .xl-1.center  {width: 8.3333%;}
  .xl-2,  .grid .xl-2.center  {width: 16.6666%;}
  .xl-3,  .grid .xl-3.center  {width: 25%;}
  .xl-4,  .grid .xl-4.center  {width: 33.3333%;}
  .xl-5,  .grid .xl-5.center  {width: 41.6666%;}
  .xl-6,  .grid .xl-6.center  {width: 50%;}
  .xl-7,  .grid .xl-7.center  {width: 58.3333%;}
  .xl-8,  .grid .xl-8.center  {width: 66.6666%;}
  .xl-9,  .grid .xl-9.center  {width: 75%;}
  .xl-10, .grid .xl-10.center {width: 83.3333%;}
  .xl-11, .grid .xl-11.center {width: 91.6666%;}
  .xl-12, .grid .xl-12.center {width: 100%;}
  .xl-five                    {width: 20%;}

/** Media Query - Max Width 1366 pixels (2/2) ***                              .mq2      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

  .grid .xl-1  {grid-column: span 1;}
  .grid .xl-2  {grid-column: span 2;}
  .grid .xl-3  {grid-column: span 3;}
  .grid .xl-4  {grid-column: span 4;}
  .grid .xl-5  {grid-column: span 5;}
  .grid .xl-6  {grid-column: span 6;}
  .grid .xl-7  {grid-column: span 7;}
  .grid .xl-8  {grid-column: span 8;}
  .grid .xl-9  {grid-column: span 9;}
  .grid .xl-10 {grid-column: span 10;}
  .grid .xl-11 {grid-column: span 11;}
  .grid .xl-12 {grid-column: span 12;}

  .grid .xl-row-1  {grid-row: span 1;}
  .grid .xl-row-2  {grid-row: span 2;}
  .grid .xl-row-3  {grid-row: span 3;}
  .grid .xl-row-4  {grid-row: span 4;}
  .grid .xl-row-5  {grid-row: span 5;}
  .grid .xl-row-6  {grid-row: span 6;}
  .grid .xl-row-7  {grid-row: span 7;}
  .grid .xl-row-8  {grid-row: span 8;}
  .grid .xl-row-9  {grid-row: span 9;}
  .grid .xl-row-10 {grid-row: span 10;}
  .grid .xl-row-11 {grid-row: span 11;}
  .grid .xl-row-12 {grid-row: span 12;}
}










































/** Media Query - Max Width 1140 pixels (1/2) ***                              .mq3      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq4    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

@media screen and (max-width:1140px) {
  .hide-xxl, .hide-xl, .hide-m,.hide-s {
    display: initial!important;
  }

  .hide-l {display: none!important;}

  .size-960, .size-1140, .size-1280, .size-1520 {
    max-width: 1140px;
  }
  .xl-offset-1,  .xl-offset-2,  .xl-offset-3,
  .xl-offset-4,  .xl-offset-5,  .xl-offset-6,
  .xl-offset-7,  .xl-offset-8,  .xl-offset-9,
  .xl-offset-10, .xl-offset-11, .xl-offset-12,
  .xl-offset-five {
    margin-left: 0;
  }

  .l-offset-1    {margin-left: 8.3333%;}
  .l-offset-2    {margin-left: 16.6666%;}
  .l-offset-3    {margin-left: 25%;}
  .l-offset-4    {margin-left: 33.3333%;}
  .l-offset-5    {margin-left: 41.6666%;}
  .l-offset-6    {margin-left: 50%;}
  .l-offset-7    {margin-left: 58.3333%;}
  .l-offset-8    {margin-left: 66.6666%;}
  .l-offset-9    {margin-left: 75%;}
  .l-offset-10   {margin-left: 83.3333%;}
  .l-offset-11   {margin-left: 91.6666%;}
  .l-offset-12   {margin-left: 100%;}
  .l-offset-five {margin-left: 20%;}

  .xl-order-1,  .xl-order-2,  .xl-order-3,  .xl-order-4,
  .xl-order-5,  .xl-order-6,  .xl-order-7,  .xl-order-8,
  .xl-order-9,  .xl-order-10, .xl-order-11, .xl-order-12,
  .xl-order-last {
    order: initial;
  }

  .l-order-1    {order: -1;}
  .l-order-2    {order: 2;}
  .l-order-3    {order: 3;}
  .l-order-4    {order: 4;}
  .l-order-5    {order: 5;}
  .l-order-6    {order: 6;}
  .l-order-7    {order: 7;}
  .l-order-8    {order: 8;}
  .l-order-9    {order: 9;}
  .l-order-10   {order: 10;}
  .l-order-11   {order: 11;}
  .l-order-12   {order: 12;}
  .l-order-last {order: 99999999;}

  .l-1,  .grid .l-1.center  {width: 8.3333%;}
  .l-2,  .grid .l-2.center  {width: 16.6666%;}
  .l-3,  .grid .l-3.center  {width: 25%;}
  .l-4,  .grid .l-4.center  {width: 33.3333%;}
  .l-5,  .grid .l-5.center  {width: 41.6666%;}
  .l-6,  .grid .l-6.center  {width: 50%;}
  .l-7,  .grid .l-7.center  {width: 58.3333%;}
  .l-8,  .grid .l-8.center  {width: 66.6666%;}
  .l-9,  .grid .l-9.center  {width: 75%;}
  .l-10, .grid .l-10.center {width: 83.3333%;}
  .l-11, .grid .l-11.center {width: 91.6666%;}
  .l-12, .grid .l-12.center {width: 100%;}
  .l-five                   {width: 20%;}


/** Media Query - Max Width 1140 pixels (2/2) ***                              .mq4      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq5    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

  .grid .l-1  {grid-column: span 1;}
  .grid .l-2  {grid-column: span 2;}
  .grid .l-3  {grid-column: span 3;}
  .grid .l-4  {grid-column: span 4;}
  .grid .l-5  {grid-column: span 5;}
  .grid .l-6  {grid-column: span 6;}
  .grid .l-7  {grid-column: span 7;}
  .grid .l-8  {grid-column: span 8;}
  .grid .l-9  {grid-column: span 9;}
  .grid .l-10 {grid-column: span 10;}
  .grid .l-11 {grid-column: span 11;}
  .grid .l-12 {grid-column: span 12;}

  .grid .l-row-1  {grid-row: span 1;}
  .grid .l-row-2  {grid-row: span 2;}
  .grid .l-row-3  {grid-row: span 3;}
  .grid .l-row-4  {grid-row: span 4;}
  .grid .l-row-5  {grid-row: span 5;}
  .grid .l-row-6  {grid-row: span 6;}
  .grid .l-row-7  {grid-row: span 7;}
  .grid .l-row-8  {grid-row: span 8;}
  .grid .l-row-9  {grid-row: span 9;}
  .grid .l-row-10 {grid-row: span 10;}
  .grid .l-row-11 {grid-row: span 11;}
  .grid .l-row-12 {grid-row: span 12;}

  img {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
  }

}



































/** Media Query - Max Width 768 pixels (1/4) ***                               .mq5      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq6    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

@media screen and (max-width:768px) {
  .size-960, .size-1140, .size-1280, .size-1520 {
    max-width: 768px;
  }

  .hide-xxl, .hide-xl, .hide-l, .hide-s {
    display: initial!important;
  }

  .hide-m {
    display: none!important;
  }

  nav {
    display: block;
    cursor: pointer;
    line-height: 3;
  }

  .top-nav li a {
    background: none repeat scroll 0 0 #1c3849;
  }

  .top-nav>ul {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 999;
  }

  .top-nav>ul.show-menu, .aside-nav.minimize-on-small>ul.show-menu {
    height: auto;
  }

  .top-nav ul ul {
    left: 0;
    margin-top: 0;
    position: relative;
    right: 0;
  }

  .top-nav li ul li a {
    min-width: 100%;
  }

  .top-nav li {
    float: none;
    list-style: none outside none;
    padding: 0;
  }

  .top-nav li a {
    color: #fff;
    display: block;
    padding: 1.25rem 0.625rem;
    text-align: center;
    text-decoration: none;
  }

  .top-nav li a:hover {
    background: none repeat scroll 0 0 #152732;
    color: #fff;
  }




/** Media Query - Max Width 768 pixels (2/4) ***                               .mq6      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq7    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

  .top-nav li ul, .top-nav li ul li ul {
    display: block;
    overflow: hidden;
    height: 0;
  }

  .top-nav>ul ul.show-ul {
    display: block;
    height: auto;
  }

  .top-nav li ul li a {
    background: none repeat scroll 0 0 #2b4c61;
    padding: 0.625rem;
  }

  .top-nav li ul li ul li a {background: none repeat scroll 0 0 #456274;}

  .top-nav {
    position: fixed;
    top: 0;
    z-index: 10;
    left: -100%;
    width: 100%!important;
    bottom: 0;
    background: none repeat scroll 0 0 #1c3849;
    overflow-y: auto;
    transition: left 0.20s linear 0s;
    -o-transition: left 0.20s linear 0s;
    -ms-transition: left 0.20s linear 0s;
    -moz-transition: left 0.20s linear 0s;
    -webkit-transition: left 0.20s linear 0s;
  }

  body.show-menu {
    overflow: hidden;
  }

  .show-menu .top-nav {
    left: 0;
    right: 60px
  }

  .top-nav>ul {
    height: auto;
    overflow: auto;
    position: relative;
    top: 60px;
  }

  .nav-text {
    color: #fff;
    display: inline-block;
    margin-right: 0;
    width: auto;
    position: fixed;
    top: 0;
    left: 0;
    background: none repeat scroll 0 0 #1c3849;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    z-index: 50;
    padding-top: 15px;
  }


/** Media Query - Max Width 768 pixels (3/4) ***                               .mq7      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq8     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

  .grid.margin2x {grid-column-gap: 20px;}

  .l-offset-1,    .l-offset-2,    .l-offset-3,    .l-offset-4,
  .l-offset-5,    .l-offset-6,    .l-offset-7,    .l-offset-8,
  .l-offset-9,    .l-offset-10,   .l-offset-11,   .l-offset-12,
  .l-offset-five,
  .xl-offset-1,   .xl-offset-2,   .xl-offset-3,   .xl-offset-4,
  .xl-offset-5,   .xl-offset-6,   .xl-offset-7,   .xl-offset-8,
  .xl-offset-9,   .xl-offset-10,  .xl-offset-11,  .xl-offset-12,
  .xl-offset-five,
  .xxl-offset-1,  .xxl-offset-2,  .xxl-offset-3,  .xxl-offset-4,
  .xxl-offset-5,  .xxl-offset-6,  .xxl-offset-7,  .xxl-offset-8,
  .xxl-offset-9,  .xxl-offset-10, .xxl-offset-11, .xxl-offset-12,
  .xxl-offset-five  {
    margin-left: 0;
  }

  .m-offset-1    {margin-left: 8.3333%;}
  .m-offset-2    {margin-left: 16.6666%;}
  .m-offset-3    {margin-left: 25%;}
  .m-offset-4    {margin-left: 33.3333%;}
  .m-offset-5    {margin-left: 41.6666%;}
  .m-offset-6    {margin-left: 50%;}
  .m-offset-7    {margin-left: 58.3333%;}
  .m-offset-8    {margin-left: 66.6666%;}
  .m-offset-9    {margin-left: 75%;}
  .m-offset-10   {margin-left: 83.3333%;}
  .m-offset-11   {margin-left: 91.6666%;}
  .m-offset-12   {margin-left: 100%;}
  .m-offset-five {margin-left: 20%;}

  .l-order-1, .l-order-2, .l-order-3, .l-order-4,  .l-order-5,  .l-order-6,
  .l-order-7, .l-order-8, .l-order-9, .l-order-10, .l-order-11, .l-order-12,
  .l-order-last {
    order: initial;
  }

  .m-order-1    {order: -1;}
  .m-order-2    {order: 2;}
  .m-order-3    {order: 3;}
  .m-order-4    {order: 4;}
  .m-order-5    {order: 5;}
  .m-order-6    {order: 6;}
  .m-order-7    {order: 7;}
  .m-order-8    {order: 8;}
  .m-order-9    {order: 9;}
  .m-order-10   {order: 10;}
  .m-order-11   {order: 11;}
  .m-order-12   {order: 12;}
  .m-order-last {order: 99999999;}

  .m-1,  .grid .m-1.center  {width: 8.3333%;}
  .m-2,  .grid .m-2.center  {width: 16.6666%;}
  .m-3,  .grid .m-3.center  {width: 25%;}
  .m-4,  .grid .m-4.center  {width: 33.3333%;}
  .m-5,  .grid .m-5.center  {width: 41.6666%;}
  .m-6,  .grid .m-6.center  {width: 50%;}
  .m-7,  .grid .m-7.center  {width: 58.3333%;}
  .m-8,  .grid .m-8.center  {width: 66.6666%;}
  .m-9,  .grid .m-9.center  {width: 75%;}
  .m-10, .grid .m-10.center {width: 83.3333%;}
  .m-11, .grid .m-11.center {width: 91.6666%;}
  .m-12, .grid .m-12.center {width: 100%;}
  .m-five                   {width: 20%;}




/** Media Query - Max Width 768 pixels (4/4) ***                               .mq8      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7     | .mq9  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

  .grid .m-1  {grid-column: span 1;}
  .grid .m-2  {grid-column: span 2;}
  .grid .m-3  {grid-column: span 3;}
  .grid .m-4  {grid-column: span 4;}
  .grid .m-5  {grid-column: span 5;}
  .grid .m-6  {grid-column: span 6;}
  .grid .m-7  {grid-column: span 7;}
  .grid .m-8  {grid-column: span 8;}
  .grid .m-9  {grid-column: span 9;}
  .grid .m-10 {grid-column: span 10;}
  .grid .m-11 {grid-column: span 11;}
  .grid .m-12 {grid-column: span 12;}

  .grid .m-row-1  {grid-row: span 1;}
  .grid .m-row-2  {grid-row: span 2;}
  .grid .m-row-3  {grid-row: span 3;}
  .grid .m-row-4  {grid-row: span 4;}
  .grid .m-row-5  {grid-row: span 5;}
  .grid .m-row-6  {grid-row: span 6;}
  .grid .m-row-7  {grid-row: span 7;}
  .grid .m-row-8  {grid-row: span 8;}
  .grid .m-row-9  {grid-row: span 9;}
  .grid .m-row-10 {grid-row: span 10;}
  .grid .m-row-11 {grid-row: span 11;}
  .grid .m-row-12 {grid-row: span 12;}
}










































/** Media Query - Max Width 480 pixels (1/x) ***                               .mq9      */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7     | .mq8  */
/* < .mq10   | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

@media screen and (max-width:480px) {
  .size-960, .size-1140, .size-1280, .size-1520 {
    max-width: 480px;
  }

  .aside-nav li a {
    text-align: center;
  }

  .minimize-on-small .aside-nav-text {
    background: #152732 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    line-height: 3;
    max-width: 100%;
    padding-right: 0.625rem;
    text-align: center;
    vertical-align: middle;
  }

  .aside-nav-text:after {
    content: "\f008";
    font-family: "mfg";
    font-size: 1.1rem;
    margin-left: 0.5rem;
    text-align: right;
  }

  .aside-nav.minimize-on-small>ul {
    height: 0;
    overflow: hidden;
  }

  .hide-xxl, .hide-xl, .hide-l, .hide-m {
    display: initial!important;
  }

  .hide-s {
    display: none!important;
  }

  .count-number {
    margin-right: -1.25rem;
  }

  .m-offset-1,    .m-offset-2,    .m-offset-3,    .m-offset-4,
  .m-offset-5,    .m-offset-6,    .m-offset-7,    .m-offset-8,
  .m-offset-9,    .m-offset-10,   .m-offset-11,   .m-offset-12,
  .m-offset-five,
  .l-offset-1,    .l-offset-2,    .l-offset-3,    .l-offset-4,
  .l-offset-5,    .l-offset-6,    .l-offset-7,    .l-offset-8,
  .l-offset-9,    .l-offset-10,   .l-offset-11,   .l-offset-12,
  .l-offset-five,
  .xl-offset-1,   .xl-offset-2,   .xl-offset-3,   .xl-offset-4,
  .xl-offset-5,   .xl-offset-6,   .xl-offset-7,   .xl-offset-8,
  .xl-offset-9,   .xl-offset-10,  .xl-offset-11,  .xl-offset-12,
  .xl-offset-five,
  .xxl-offset-1,  .xxl-offset-2,  .xxl-offset-3,  .xxl-offset-4,
  .xxl-offset-5,  .xxl-offset-6,  .xxl-offset-7,  .xxl-offset-8,
  .xxl-offset-9,  .xxl-offset-10, .xxl-offset-11, .xxl-offset-12,
  .xxl-offset-five {
    margin-left: 0;
  }



/** Media Query - Max Width 480 pixels (2/x) ***                               .mq10     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7     | .mq8  */
/* < .mq9    | .mq11   | .fg     | .       | .       | .       | .       | .        | .     */

  .s-offset-1    {margin-left: 8.3333%;}
  .s-offset-2    {margin-left: 16.6666%;}
  .s-offset-3    {margin-left: 25%;}
  .s-offset-4    {margin-left: 33.3333%;}
  .s-offset-5    {margin-left: 41.6666%;}
  .s-offset-6    {margin-left: 50%;}
  .s-offset-7    {margin-left: 58.3333%;}
  .s-offset-8    {margin-left: 66.6666%;}
  .s-offset-9    {margin-left: 75%;}
  .s-offset-10   {margin-left: 83.3333%;}
  .s-offset-11   {margin-left: 91.6666%;}
  .s-offset-12   {margin-left: 100%;}
  .s-offset-five {margin-left: 20%;}

  .m-order-1, .m-order-2, .m-order-3, .m-order-4,  .m-order-5,  .m-order-6,
  .m-order-7, .m-order-8, .m-order-9, .m-order-10, .m-order-11, .m-order-12,
  .m-order-last {
    order: initial;
  }

  .s-order-1    {order: -1;}
  .s-order-2    {order: 2;}
  .s-order-3    {order: 3;}
  .s-order-4    {order: 4;}
  .s-order-5    {order: 5;}
  .s-order-6    {order: 6;}
  .s-order-7    {order: 7;}
  .s-order-8    {order: 8;}
  .s-order-9    {order: 9;}
  .s-order-10   {order: 10;}
  .s-order-11   {order: 11;}
  .s-order-12   {order: 12;}
  .s-order-last {order: 99999999;}

  .s-1,  .s-1.center        {width: 8.3333%;}
  .s-2,  .grid .s-2.center  {width: 16.6666%;}
  .s-3,  .grid .s-3.center  {width: 25%;}
  .s-4,  .grid .s-4.center  {width: 33.3333%;}
  .s-5,  .grid .s-5.center  {width: 41.6666%;}
  .s-6,  .grid .s-6.center  {width: 50%;}
  .s-7,  .grid .s-7.center  {width: 58.3333%;}
  .s-8,  .grid .s-8.center  {width: 66.6666%;}
  .s-9,  .grid .s-9.center  {width: 75%;}
  .s-10, .grid .s-10.center {width: 83.3333%;}
  .s-11, .grid .s-11.center {width: 91.6666%;}
  .s-12, .grid .s-12.center {width: 100%;}
  .s-five                   {width: 20%;}

  .grid .s-1  {grid-column: span 1;}
  .grid .s-2  {grid-column: span 2;}
  .grid .s-3  {grid-column: span 3;}
  .grid .s-4  {grid-column: span 4;}
  .grid .s-5  {grid-column: span 5;}
  .grid .s-6  {grid-column: span 6;}
  .grid .s-7  {grid-column: span 7;}
  .grid .s-8  {grid-column: span 8;}
  .grid .s-9  {grid-column: span 9;}
  .grid .s-10 {grid-column: span 10;}
  .grid .s-11 {grid-column: span 11;}
  .grid .s-12 {grid-column: span 12;}








/** Media Query - Max Width 480 pixels (3/x) ***                               .mq11     */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7     | .mq8  */
/* < .mq9    | .mq10   | .fg     | .       | .       | .       | .       | .        | .     */

  .grid .s-row-1  {grid-row: span 1;}
  .grid .s-row-2  {grid-row: span 2;}
  .grid .s-row-3  {grid-row: span 3;}
  .grid .s-row-4  {grid-row: span 4;}
  .grid .s-row-5  {grid-row: span 5;}
  .grid .s-row-6  {grid-row: span 6;}
  .grid .s-row-7  {grid-row: span 7;}
  .grid .s-row-8  {grid-row: span 8;}
  .grid .s-row-9  {grid-row: span 9;}
  .grid .s-row-10 {grid-row: span 10;}
  .grid .s-row-11 {grid-row: span 11;}
  .grid .s-row-12 {grid-row: span 12;}
}























































/** Final General Styling ***                                                  .fg       */
/* < .:1     | .gs1    | .gs2    | .gs3    | .gs4    | .gs5    | .gs6    | .gs7     | .gs8  */
/* < .gs9    | .gs10   | .gs11   | .gs12   | .gs13   | .gs14   | .g15    | .g16     | .gs17 */
/* < .gs18   | .mq1    | .mq2    | .mq3    | .mq4    | .mq5    | .mq6    | .mq7     | .mq8  */
/* < .mq9    | .mq10   | .mq11   | .       | .       | .       | .       | .        | .     */

.grid .s-1,     .grid .s-2,     .grid .s-3,     .grid .s-4,
.grid .s-5,     .grid .s-6,     .grid .s-7,     .grid .s-8,
.grid .s-9,     .grid .s-10,    .grid .s-11,    .grid .s-12,
.grid .s-five,
.grid .m-1,     .grid .m-2,     .grid .m-3,     .grid .m-4,
.grid .m-5,     .grid .m-6,     .grid .m-7,     .grid .m-8,
.grid .m-9,     .grid .m-10,    .grid .m-11,    .grid .m-12,
.grid .m-five,
.grid .l-1,     .grid .l-2,     .grid .l-3,     .grid .l-4,
.grid .l-5,     .grid .l-6,     .grid .l-7,     .grid .l-8,
.grid .l-9,     .grid .l-10,    .grid .l-11,    .grid .l-12,
.grid .l-five,
.grid .xl-1,    .grid .xl-2,    .grid .xl-3,    .grid .xl-4,
.grid .xl-5,    .grid .xl-6,    .grid .xl-7,    .grid .xl-8,
.grid .xl-9,    .grid .xl-10,   .grid .xl-11,   .grid .xl-12,
.grid .xl-five,
.grid .xxl-1,   .grid .xxl-2,   .grid .xxl-3,   .grid .xxl-4,
.grid .xxl-5,   .grid .xxl-6,   .grid .xxl-7,   .grid .xxl-8,
.grid .xxl-9,   .grid .xxl-10,  .grid .xxl-11,  .grid .xxl-12,
.grid .xxl-five {
  float: none;
  width: auto;
}

.center {
  float: none;
  margin: 0 auto;
  display: block;
}

.grid .center {
  justify-self: center;
  margin: auto;
  grid-column: 1 / -1;
}

.grid .grid {
  padding: 0;
  width: 100%;
}



























                                   /* ** End *** */