html {
  height: 100%; }

body {
  margin: 0 auto;
  padding: 0; }
  body > * {
    margin: 1em auto;
    padding: 0 10px; }
  body > *:first-child,
  body > .Banner,
  body > div[role="main"] {
    margin-top: 0; }
  body > div[role="alertdialog"] {
    border-bottom: 1px solid #eee;
    margin-top: 0;
    padding: 1em 0;
    top: 0;
    width: 100%;
    z-index: 160; }
  body > div[role="navigation"] {
    margin-top: 1em; }
    body > div[role="navigation"] > .BreadcrumbAndFlickThrough {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      @media (max-width: 768px) {
        body > div[role="navigation"] > .BreadcrumbAndFlickThrough {
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          justify-content: flex-end; } }
      body > div[role="navigation"] > .BreadcrumbAndFlickThrough > ul {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        flex-wrap: nowrap; }
        body > div[role="navigation"] > .BreadcrumbAndFlickThrough > ul.FlickThroughComponent {
          width: auto; }
          body > div[role="navigation"] > .BreadcrumbAndFlickThrough > ul.FlickThroughComponent + ul.Breadcrumb {
            width: calc(100% - 150px);
            /* reduce by "width" of ProductListPositionComponent */ }
            @media (max-width: 768px) {
              body > div[role="navigation"] > .BreadcrumbAndFlickThrough > ul.FlickThroughComponent + ul.Breadcrumb {
                display: none; } }
  body > header[role="banner"] {
    margin: 0; }
    body > header[role="banner"].Sticky {
      background-color: #fff;
      border-bottom: 1px solid #ccc;
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 0 10px;
      z-index: 140;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      body.Scrolled > header[role="banner"].Sticky {
        display: block; }
  body > nav[role="navigation"] {
    background-color: #fbfaf8;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 60;
    -webkit-box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 950px) {
      body > nav[role="navigation"] {
        display: none; } }
    body > nav[role="navigation"] > .CMSContainer.Navigation.FlyoutMenu > .NavigationContainer > ul > li > .NavigationItem:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: unset; }
    body > nav[role="navigation"] > .CMSContainer.Navigation.FlyoutMenu > .NavigationContainer > ul > li > .NavigationItem > div,
    body > nav[role="navigation"] > .CMSContainer.Navigation.FlyoutMenu > .NavigationContainer > ul > li > .NavigationItem > ul {
      top: 46px; }
  body > footer[role="contentinfo"] {
    background-color: #fbfaf8; }

body > div[role="alertdialog"] > div,
body > div[role="main"] > *,
body > div[role="navigation"] > *,
body > footer[role="contentinfo"] > div,
body > header[role="banner"] > div,
body > nav[role="navigation"] > div,
body > .Banner > *,
body > .Feedback > div {
  margin: 0 auto; }

div[role="main"] > * {
  max-width: 1860px; }
  body.SlimPage div[role="main"] > * {
    max-width: 1240px; }

div[role="navigation"] > *,
.Banner > * {
  max-width: 1240px; }

.HideIcons .Icon {
  display: none; }

body,
a, a:visited,
body .ui-widget-content,
body .ui-widget {
  color: #5a5049; }

a:hover {
  color: #347b24; }

body.Overlayed {
  overflow: hidden; }

body > .Support {
  bottom: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  z-index: 220;
  width: 100%;
  max-width: 400px;
  pointer-events: none; }

/* ***** remove Safari default style ****** */
select,
input:not([type='checkbox']):not([type='radio']) {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

/* ***** custom fonts *************************************************************************************************** */
body,
body .ui-widget,
header[role="banner"] .Heading {
  font-family: DroidSans, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  line-height: 25px;
  outline: none; }

div[role="main"] .CMSContainer > header,
.CMSComponentTabs .ui-widget-header .ui-tabs-anchor {
  line-height: 39px; }

/* ***** div[role="main"] *********************************************************************************************** */
div[role="main"] {
  max-width: 1860px;
  background-color: #fff;
  min-height: 600px; }
  body.SlimPage div[role="main"] {
    max-width: 1240px; }

/* ***** Headings   ***************************************************************************************************** */
h1 {
  font-family: Tinos, 'Times New Roman', serif;
  font-size: 35px;
  letter-spacing: normal;
  line-height: 45px;
  margin-top: 0;
  margin-bottom: .67em; }
  @media screen and (max-width: 375px) {
    h1 {
      font-size: 30px;
      line-height: 34px; } }

h2 {
  font-family: Tinos, 'Times New Roman', serif; }

h2 {
  font-size: 24px;
  line-height: 34px; }

h3, h4 {
  margin-top: 0;
  margin-bottom: .67em; }

h3 {
  font-size: 18px;
  line-height: 28px; }

h4, h5, h6 {
  font-size: 15px;
  line-height: 25px;
  font-weight: bold; }

/* ***** Space between Header/Content and Content/Footer **************************************************************** */
footer,
nav[role="navigation"] + *:not([role="navigation"]) + div[role="main"] h1:first-of-type {
  margin-top: 49px; }

/* ***** Spreads ******************************************************************************************************** */
nav[role="navigation"] .SpreadOneOfSixHorizontal,
div[role="main"] .SpreadOneOfSixHorizontal {
  width: 290px; }

nav[role="navigation"] .SpreadOneOfSixHorizontalWithoutBorder,
div[role="main"] .SpreadOneOfSixHorizontalWithoutBorder {
  width: 288px; }

@media screen and (min-width: 1550px) and (max-width: 1860px) {
  nav[role="navigation"] .SpreadOneOfSixHorizontal,
  div[role="main"] .SpreadOneOfSixHorizontal {
    max-width: 352px;
    min-width: 290px;
    width: -webkit-calc((100% - 80px) / 5) ;
    width: -moz-calc((100% - 80px) / 5) ;
    width: calc((100% - 80px) / 5) ; }
  nav[role="navigation"] .SpreadOneOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfSixHorizontalWithoutBorder {
    max-width: 350px;
    min-width: 288px;
    width: -webkit-calc(((100% - 80px) / 5) - 2px) ;
    width: -moz-calc(((100% - 80px) / 5) - 2px) ;
    width: calc(((100% - 80px) / 5) - 2px) ; } }

@media screen and (min-width: 1240px) and (max-width: 1550px) {
  nav[role="navigation"] .SpreadOneOfSixHorizontal,
  div[role="main"] .SpreadOneOfSixHorizontal {
    max-width: 445px;
    min-width: 290px;
    width: -webkit-calc((100% - 60px) / 4) ;
    width: -moz-calc((100% - 60px) / 4) ;
    width: calc((100% - 60px) / 4) ; }
  nav[role="navigation"] .SpreadOneOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfSixHorizontalWithoutBorder {
    max-width: 443px;
    min-width: 288px;
    width: -webkit-calc(((100% - 60px) / 4) - 2px) ;
    width: -moz-calc(((100% - 60px) / 4) - 2px) ;
    width: calc(((100% - 60px) / 4) - 2px) ; } }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadOneOfSixHorizontal,
  div[role="main"] .SpreadOneOfSixHorizontal {
    max-width: 600px;
    min-width: 290px;
    width: -webkit-calc((100% - 40px) / 3) ;
    width: -moz-calc((100% - 40px) / 3) ;
    width: calc((100% - 40px) / 3) ; }
  nav[role="navigation"] .SpreadOneOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfSixHorizontalWithoutBorder {
    max-width: 598px;
    min-width: 288px;
    width: -webkit-calc(((100% - 40px) / 3) - 2px) ;
    width: -moz-calc(((100% - 40px) / 3) - 2px) ;
    width: calc(((100% - 40px) / 3) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadOneOfSixHorizontal,
  div[role="main"] .SpreadOneOfSixHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadOneOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfSixHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadOneOfSixHorizontal,
  div[role="main"] .SpreadOneOfSixHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadOneOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfSixHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadOneOfFiveHorizontal,
div[role="main"] .SpreadOneOfFiveHorizontal {
  max-width: 352px;
  min-width: 290px;
  width: -webkit-calc((100% - 80px) / 5) ;
  width: -moz-calc((100% - 80px) / 5) ;
  width: calc((100% - 80px) / 5) ; }

nav[role="navigation"] .SpreadOneOfFiveHorizontalWithoutBorder,
div[role="main"] .SpreadOneOfFiveHorizontalWithoutBorder {
  max-width: 350px;
  min-width: 288px;
  width: -webkit-calc(((100% - 80px) / 5) - 2px) ;
  width: -moz-calc(((100% - 80px) / 5) - 2px) ;
  width: calc(((100% - 80px) / 5) - 2px) ; }

@media screen and (min-width: 1240px) and (max-width: 1550px) {
  nav[role="navigation"] .SpreadOneOfFiveHorizontal,
  div[role="main"] .SpreadOneOfFiveHorizontal {
    max-width: 445px;
    min-width: 290px;
    width: -webkit-calc((100% - 60px) / 4) ;
    width: -moz-calc((100% - 60px) / 4) ;
    width: calc((100% - 60px) / 4) ; }
  nav[role="navigation"] .SpreadOneOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfFiveHorizontalWithoutBorder {
    max-width: 443px;
    min-width: 288px;
    width: -webkit-calc(((100% - 60px) / 4) - 2px) ;
    width: -moz-calc(((100% - 60px) / 4) - 2px) ;
    width: calc(((100% - 60px) / 4) - 2px) ; } }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadOneOfFiveHorizontal,
  div[role="main"] .SpreadOneOfFiveHorizontal {
    max-width: 600px;
    min-width: 290px;
    width: -webkit-calc((100% - 40px) / 3) ;
    width: -moz-calc((100% - 40px) / 3) ;
    width: calc((100% - 40px) / 3) ; }
  nav[role="navigation"] .SpreadOneOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfFiveHorizontalWithoutBorder {
    max-width: 598px;
    min-width: 288px;
    width: -webkit-calc(((100% - 40px) / 3) - 2px) ;
    width: -moz-calc(((100% - 40px) / 3) - 2px) ;
    width: calc(((100% - 40px) / 3) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadOneOfFiveHorizontal,
  div[role="main"] .SpreadOneOfFiveHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadOneOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfFiveHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadOneOfFiveHorizontal,
  div[role="main"] .SpreadOneOfFiveHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadOneOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfFiveHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadOneOfFourHorizontal,
div[role="main"] .SpreadOneOfFourHorizontal {
  max-width: 445px;
  min-width: 290px;
  width: -webkit-calc((100% - 60px) / 4) ;
  width: -moz-calc((100% - 60px) / 4) ;
  width: calc((100% - 60px) / 4) ; }

nav[role="navigation"] .SpreadOneOfFourHorizontalWithoutBorder,
div[role="main"] .SpreadOneOfFourHorizontalWithoutBorder {
  max-width: 443px;
  min-width: 288px;
  width: -webkit-calc(((100% - 60px) / 4) - 2px) ;
  width: -moz-calc(((100% - 60px) / 4) - 2px) ;
  width: calc(((100% - 60px) / 4) - 2px) ; }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadOneOfFourHorizontal,
  div[role="main"] .SpreadOneOfFourHorizontal {
    max-width: 600px;
    min-width: 290px;
    width: -webkit-calc((100% - 40px) / 3) ;
    width: -moz-calc((100% - 40px) / 3) ;
    width: calc((100% - 40px) / 3) ; }
  nav[role="navigation"] .SpreadOneOfFourHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfFourHorizontalWithoutBorder {
    max-width: 598px;
    min-width: 288px;
    width: -webkit-calc(((100% - 40px) / 3) - 2px) ;
    width: -moz-calc(((100% - 40px) / 3) - 2px) ;
    width: calc(((100% - 40px) / 3) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadOneOfFourHorizontal,
  div[role="main"] .SpreadOneOfFourHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadOneOfFourHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfFourHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadOneOfFourHorizontal,
  div[role="main"] .SpreadOneOfFourHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadOneOfFourHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfFourHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadOneOfThreeHorizontal,
div[role="main"] .SpreadOneOfThreeHorizontal {
  max-width: 600px;
  min-width: 290px;
  width: -webkit-calc((100% - 40px) / 3) ;
  width: -moz-calc((100% - 40px) / 3) ;
  width: calc((100% - 40px) / 3) ; }

nav[role="navigation"] .SpreadOneOfThreeHorizontalWithoutBorder,
div[role="main"] .SpreadOneOfThreeHorizontalWithoutBorder {
  max-width: 598px;
  min-width: 288px;
  width: -webkit-calc(((100% - 40px) / 3) - 2px) ;
  width: -moz-calc(((100% - 40px) / 3) - 2px) ;
  width: calc(((100% - 40px) / 3) - 2px) ; }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadOneOfThreeHorizontal,
  div[role="main"] .SpreadOneOfThreeHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadOneOfThreeHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfThreeHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadOneOfThreeHorizontal,
  div[role="main"] .SpreadOneOfThreeHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadOneOfThreeHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfThreeHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadTwoOfFiveHorizontal,
div[role="main"] .SpreadTwoOfFiveHorizontal {
  max-width: 724px;
  min-width: 290px;
  width: -webkit-calc((((100% - 80px) / 5) * 2) + 20px) ;
  width: -moz-calc((((100% - 80px) / 5) * 2) + 20px) ;
  width: calc((((100% - 80px) / 5) * 2) + 20px) ; }

nav[role="navigation"] .SpreadTwoOfFiveHorizontalWithoutBorder,
div[role="main"] .SpreadTwoOfFiveHorizontalWithoutBorder {
  max-width: 722px;
  min-width: 288px;
  width: -webkit-calc(((((100% - 80px) / 5) * 2) + 20px) - 2px) ;
  width: -moz-calc(((((100% - 80px) / 5) * 2) + 20px) - 2px) ;
  width: calc(((((100% - 80px) / 5) * 2) + 20px) - 2px) ; }

@media screen and (min-width: 1240px) and (max-width: 1550px) {
  nav[role="navigation"] .SpreadTwoOfFiveHorizontal,
  div[role="main"] .SpreadTwoOfFiveHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadTwoOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadTwoOfFiveHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadTwoOfFiveHorizontal,
  div[role="main"] .SpreadTwoOfFiveHorizontal {
    max-width: 600px;
    min-width: 290px;
    width: -webkit-calc((100% - 40px) / 3) ;
    width: -moz-calc((100% - 40px) / 3) ;
    width: calc((100% - 40px) / 3) ; }
  nav[role="navigation"] .SpreadTwoOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadTwoOfFiveHorizontalWithoutBorder {
    max-width: 598px;
    min-width: 288px;
    width: -webkit-calc(((100% - 40px) / 3) - 2px) ;
    width: -moz-calc(((100% - 40px) / 3) - 2px) ;
    width: calc(((100% - 40px) / 3) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadTwoOfFiveHorizontal,
  div[role="main"] .SpreadTwoOfFiveHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadTwoOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadTwoOfFiveHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadTwoOfFiveHorizontal,
  div[role="main"] .SpreadTwoOfFiveHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadTwoOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadTwoOfFiveHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadOneOfTwoHorizontal,
div[role="main"] .SpreadOneOfTwoHorizontal {
  max-width: 910px;
  min-width: 290px;
  width: -webkit-calc((100% - 20px) / 2) ;
  width: -moz-calc((100% - 20px) / 2) ;
  width: calc((100% - 20px) / 2) ; }

nav[role="navigation"] .SpreadOneOfTwoHorizontalWithoutBorder,
div[role="main"] .SpreadOneOfTwoHorizontalWithoutBorder {
  max-width: 908px;
  min-width: 288px;
  width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
  width: -moz-calc(((100% - 20px) / 2) - 2px) ;
  width: calc(((100% - 20px) / 2) - 2px) ; }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadOneOfTwoHorizontal,
  div[role="main"] .SpreadOneOfTwoHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadOneOfTwoHorizontalWithoutBorder,
  div[role="main"] .SpreadOneOfTwoHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadThreeOfFiveHorizontal,
div[role="main"] .SpreadThreeOfFiveHorizontal {
  max-width: 1096px;
  min-width: 290px;
  width: -webkit-calc((((100% - 80px) / 5) * 3) + 40px) ;
  width: -moz-calc((((100% - 80px) / 5) * 3) + 40px) ;
  width: calc((((100% - 80px) / 5) * 3) + 40px) ; }

nav[role="navigation"] .SpreadThreeOfFiveHorizontalWithoutBorder,
div[role="main"] .SpreadThreeOfFiveHorizontalWithoutBorder {
  max-width: 1094px;
  min-width: 288px;
  width: -webkit-calc(((((100% - 80px) / 5) * 3) + 40px) - 2px) ;
  width: -moz-calc(((((100% - 80px) / 5) * 3) + 40px) - 2px) ;
  width: calc(((((100% - 80px) / 5) * 3) + 40px) - 2px) ; }

@media screen and (min-width: 1240px) and (max-width: 1550px) {
  nav[role="navigation"] .SpreadThreeOfFiveHorizontal,
  div[role="main"] .SpreadThreeOfFiveHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadThreeOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadThreeOfFiveHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadThreeOfFiveHorizontal,
  div[role="main"] .SpreadThreeOfFiveHorizontal {
    max-width: 600px;
    min-width: 290px;
    width: -webkit-calc((100% - 40px) / 3) ;
    width: -moz-calc((100% - 40px) / 3) ;
    width: calc((100% - 40px) / 3) ; }
  nav[role="navigation"] .SpreadThreeOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadThreeOfFiveHorizontalWithoutBorder {
    max-width: 598px;
    min-width: 288px;
    width: -webkit-calc(((100% - 40px) / 3) - 2px) ;
    width: -moz-calc(((100% - 40px) / 3) - 2px) ;
    width: calc(((100% - 40px) / 3) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadThreeOfFiveHorizontal,
  div[role="main"] .SpreadThreeOfFiveHorizontal {
    max-width: 910px;
    min-width: 290px;
    width: -webkit-calc((100% - 20px) / 2) ;
    width: -moz-calc((100% - 20px) / 2) ;
    width: calc((100% - 20px) / 2) ; }
  nav[role="navigation"] .SpreadThreeOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadThreeOfFiveHorizontalWithoutBorder {
    max-width: 908px;
    min-width: 288px;
    width: -webkit-calc(((100% - 20px) / 2) - 2px) ;
    width: -moz-calc(((100% - 20px) / 2) - 2px) ;
    width: calc(((100% - 20px) / 2) - 2px) ; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadThreeOfFiveHorizontal,
  div[role="main"] .SpreadThreeOfFiveHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadThreeOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadThreeOfFiveHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadTwoOfThreeHorizontal,
div[role="main"] .SpreadTwoOfThreeHorizontal {
  max-width: 1220px;
  min-width: 290px;
  width: -webkit-calc((((100% - 40px) / 3) * 2) + 20px) ;
  width: -moz-calc((((100% - 40px) / 3) * 2) + 20px) ;
  width: calc((((100% - 40px) / 3) * 2) + 20px) ; }

nav[role="navigation"] .SpreadTwoOfThreeHorizontalWithoutBorder,
div[role="main"] .SpreadTwoOfThreeHorizontalWithoutBorder {
  max-width: 1218px;
  min-width: 288px;
  width: -webkit-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
  width: -moz-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
  width: calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ; }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadTwoOfThreeHorizontal,
  div[role="main"] .SpreadTwoOfThreeHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadTwoOfThreeHorizontalWithoutBorder,
  div[role="main"] .SpreadTwoOfThreeHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadTwoOfThreeHorizontal,
  div[role="main"] .SpreadTwoOfThreeHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadTwoOfThreeHorizontalWithoutBorder,
  div[role="main"] .SpreadTwoOfThreeHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadThreeOfFourHorizontal,
div[role="main"] .SpreadThreeOfFourHorizontal {
  max-width: 1375px;
  min-width: 290px;
  width: -webkit-calc((((100% - 60px) / 4) * 3) + 40px) ;
  width: -moz-calc((((100% - 60px) / 4) * 3) + 40px) ;
  width: calc((((100% - 60px) / 4) * 3) + 40px) ; }

nav[role="navigation"] .SpreadThreeOfFourHorizontalWithoutBorder,
div[role="main"] .SpreadThreeOfFourHorizontalWithoutBorder {
  max-width: 1373px;
  min-width: 288px;
  width: -webkit-calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ;
  width: -moz-calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ;
  width: calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ; }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadThreeOfFourHorizontal,
  div[role="main"] .SpreadThreeOfFourHorizontal {
    max-width: 1220px;
    min-width: 290px;
    width: -webkit-calc((((100% - 40px) / 3) * 2) + 20px) ;
    width: -moz-calc((((100% - 40px) / 3) * 2) + 20px) ;
    width: calc((((100% - 40px) / 3) * 2) + 20px) ; }
  nav[role="navigation"] .SpreadThreeOfFourHorizontalWithoutBorder,
  div[role="main"] .SpreadThreeOfFourHorizontalWithoutBorder {
    max-width: 1218px;
    min-width: 288px;
    width: -webkit-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
    width: -moz-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
    width: calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadThreeOfFourHorizontal,
  div[role="main"] .SpreadThreeOfFourHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadThreeOfFourHorizontalWithoutBorder,
  div[role="main"] .SpreadThreeOfFourHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadThreeOfFourHorizontal,
  div[role="main"] .SpreadThreeOfFourHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadThreeOfFourHorizontalWithoutBorder,
  div[role="main"] .SpreadThreeOfFourHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadFourOfFiveHorizontal,
div[role="main"] .SpreadFourOfFiveHorizontal {
  max-width: 1468px;
  min-width: 290px;
  width: -webkit-calc((((100% - 80px) / 5) * 4) + 60px) ;
  width: -moz-calc((((100% - 80px) / 5) * 4) + 60px) ;
  width: calc((((100% - 80px) / 5) * 4) + 60px) ; }

nav[role="navigation"] .SpreadFourOfFiveHorizontalWithoutBorder,
div[role="main"] .SpreadFourOfFiveHorizontalWithoutBorder {
  max-width: 1466px;
  min-width: 288px;
  width: -webkit-calc(((((100% - 80px) / 5) * 4) + 60px) - 2px) ;
  width: -moz-calc(((((100% - 80px) / 5) * 4) + 60px) - 2px) ;
  width: calc(((((100% - 80px) / 5) * 4) + 60px) - 2px) ; }

@media screen and (min-width: 1240px) and (max-width: 1550px) {
  nav[role="navigation"] .SpreadFourOfFiveHorizontal,
  div[role="main"] .SpreadFourOfFiveHorizontal {
    max-width: 1375px;
    min-width: 290px;
    width: -webkit-calc((((100% - 60px) / 4) * 3) + 40px) ;
    width: -moz-calc((((100% - 60px) / 4) * 3) + 40px) ;
    width: calc((((100% - 60px) / 4) * 3) + 40px) ; }
  nav[role="navigation"] .SpreadFourOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadFourOfFiveHorizontalWithoutBorder {
    max-width: 1373px;
    min-width: 288px;
    width: -webkit-calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ;
    width: -moz-calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ;
    width: calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ; } }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadFourOfFiveHorizontal,
  div[role="main"] .SpreadFourOfFiveHorizontal {
    max-width: 1220px;
    min-width: 290px;
    width: -webkit-calc((((100% - 40px) / 3) * 2) + 20px) ;
    width: -moz-calc((((100% - 40px) / 3) * 2) + 20px) ;
    width: calc((((100% - 40px) / 3) * 2) + 20px) ; }
  nav[role="navigation"] .SpreadFourOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadFourOfFiveHorizontalWithoutBorder {
    max-width: 1218px;
    min-width: 288px;
    width: -webkit-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
    width: -moz-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
    width: calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadFourOfFiveHorizontal,
  div[role="main"] .SpreadFourOfFiveHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadFourOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadFourOfFiveHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadFourOfFiveHorizontal,
  div[role="main"] .SpreadFourOfFiveHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadFourOfFiveHorizontalWithoutBorder,
  div[role="main"] .SpreadFourOfFiveHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadFiveOfSixHorizontal,
div[role="main"] .SpreadFiveOfSixHorizontal {
  max-width: 1530px;
  min-width: 290px;
  width: -webkit-calc((((100% - 100px) / 6) * 5) + 80px) ;
  width: -moz-calc((((100% - 100px) / 6) * 5) + 80px) ;
  width: calc((((100% - 100px) / 6) * 5) + 80px) ; }

nav[role="navigation"] .SpreadFiveOfSixHorizontalWithoutBorder,
div[role="main"] .SpreadFiveOfSixHorizontalWithoutBorder {
  max-width: 1528px;
  min-width: 288px;
  width: -webkit-calc(((((100% - 100px) / 6) * 5) + 80px) - 2px) ;
  width: -moz-calc(((((100% - 100px) / 6) * 5) + 80px) - 2px) ;
  width: calc(((((100% - 100px) / 6) * 5) + 80px) - 2px) ; }

@media screen and (min-width: 1550px) and (max-width: 1860px) {
  nav[role="navigation"] .SpreadFiveOfSixHorizontal,
  div[role="main"] .SpreadFiveOfSixHorizontal {
    max-width: 1468px;
    min-width: 290px;
    width: -webkit-calc((((100% - 80px) / 5) * 4) + 60px) ;
    width: -moz-calc((((100% - 80px) / 5) * 4) + 60px) ;
    width: calc((((100% - 80px) / 5) * 4) + 60px) ; }
  nav[role="navigation"] .SpreadFiveOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadFiveOfSixHorizontalWithoutBorder {
    max-width: 1466px;
    min-width: 288px;
    width: -webkit-calc(((((100% - 80px) / 5) * 4) + 60px) - 2px) ;
    width: -moz-calc(((((100% - 80px) / 5) * 4) + 60px) - 2px) ;
    width: calc(((((100% - 80px) / 5) * 4) + 60px) - 2px) ; } }

@media screen and (min-width: 1240px) and (max-width: 1550px) {
  nav[role="navigation"] .SpreadFiveOfSixHorizontal,
  div[role="main"] .SpreadFiveOfSixHorizontal {
    max-width: 1375px;
    min-width: 290px;
    width: -webkit-calc((((100% - 60px) / 4) * 3) + 40px) ;
    width: -moz-calc((((100% - 60px) / 4) * 3) + 40px) ;
    width: calc((((100% - 60px) / 4) * 3) + 40px) ; }
  nav[role="navigation"] .SpreadFiveOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadFiveOfSixHorizontalWithoutBorder {
    max-width: 1373px;
    min-width: 288px;
    width: -webkit-calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ;
    width: -moz-calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ;
    width: calc(((((100% - 60px) / 4) * 3) + 40px) - 2px) ; } }

@media screen and (min-width: 930px) and (max-width: 1240px) {
  nav[role="navigation"] .SpreadFiveOfSixHorizontal,
  div[role="main"] .SpreadFiveOfSixHorizontal {
    max-width: 1220px;
    min-width: 290px;
    width: -webkit-calc((((100% - 40px) / 3) * 2) + 20px) ;
    width: -moz-calc((((100% - 40px) / 3) * 2) + 20px) ;
    width: calc((((100% - 40px) / 3) * 2) + 20px) ; }
  nav[role="navigation"] .SpreadFiveOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadFiveOfSixHorizontalWithoutBorder {
    max-width: 1218px;
    min-width: 288px;
    width: -webkit-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
    width: -moz-calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ;
    width: calc(((((100% - 40px) / 3) * 2) + 20px) - 2px) ; } }

@media screen and (min-width: 620px) and (max-width: 930px) {
  nav[role="navigation"] .SpreadFiveOfSixHorizontal,
  div[role="main"] .SpreadFiveOfSixHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadFiveOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadFiveOfSixHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadFiveOfSixHorizontal,
  div[role="main"] .SpreadFiveOfSixHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadFiveOfSixHorizontalWithoutBorder,
  div[role="main"] .SpreadFiveOfSixHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

nav[role="navigation"] .SpreadFullHorizontal,
div[role="main"] .SpreadFullHorizontal {
  max-width: 1840px;
  min-width: 290px;
  width: 100%; }

nav[role="navigation"] .SpreadFullHorizontalWithoutBorder,
div[role="main"] .SpreadFullHorizontalWithoutBorder {
  max-width: 1838px;
  min-width: 288px;
  width: 100%; }

@media screen and (max-width: 620px) {
  nav[role="navigation"] .SpreadFullHorizontal,
  div[role="main"] .SpreadFullHorizontal {
    max-width: 1840px;
    min-width: 290px;
    width: 100%; }
  nav[role="navigation"] .SpreadFullHorizontalWithoutBorder,
  div[role="main"] .SpreadFullHorizontalWithoutBorder {
    max-width: 1838px;
    min-width: 288px;
    width: 100%; } }

/*	***** Aspect Ratio Spreads ************************************************************************************************************************************ */
/*
/*				|	1/6		|	1/5		|	1/4		|	1/3		|	2/5		|	1/2		|	3/5		|	2/3		|	3/4		|	4/5		|	5/6		|	1/1		|	*/
/*	===============================================================================================================================================================	*/
/*		1/6		|	1:1		|	6:5		|	3:2		|	2:1		|	12:5	|	3:1		|	18:5	|	4:1		|	9:2		|	24:5	|	5:1		|	6:1		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		1/5		|	5:6		|	1:1		|	5:4		|	5:3		|	2:1		|	5:2		|	3:1		|	10:3	|	15:4	|	4:1		|	25:6	|	5:1		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		1/4		|	2:3		|	4:5		|	1:1		|	4:3		|	8:5		|	2:1		|	12:5	|	8:3		|	3:1		|	16:5	|	10:3	|	4:1		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		1/3		|	1:2		|	3:5		|	3:4		|	1:1		|	6:5		|	3:2		|	9:5		|	2:1		|	9:4		|	12:5	|	5:2		|	3:1		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		2/5		|	5:12	|	1:2		|	5:8		|	5:6		|	1:1		|	5:4		|	3:2		|	5:3		|	15:8	|	2:1		|	12:25	|	5:2		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		1/2		|	1:3		|	2:5		|	1:2		|	2:3		|	4:5		|	1:1		|	6:5		|	4:3		|	3:2		|	8:5		|	5:3		|	2:1		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		3/5		|	5:18	|	1:3		|	5:12	|	5:9		|	2:3		|	5:6		|	1:1		|	10:9	|	5:4		|	4:3		|	25:18	|	5:3		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		2/3		|	1:4		|	3:10	|	3:8		|	1:2		|	3:5		|	3:4		|	9:10	|	1:1		|	9:8		|	6:5		|	5:4		|	3:2		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		3/4		|	2:9		|	4:15	|	1:3		|	4:9		|	8:15	|	2:3		|	4:5		|	8:9		|	1:1		|	16:15	|	10:9	|	4:3		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		4/5		|	5:24	|	1:4		|	5:16	|	5:12	|	1:2		|	5:8		|	3:4		|	5:6		|	15:16	|	1:1		|	25:24	|	5:4		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		5/6		|	1:5		|	6:25	|	3:10	|	2:5		|	12:25	|	3:5		|	18:25	|	4:5		|	9:10	|	24:25	|	1:1		|	5:6		|	*/
/*	---------------------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		1/1		|	1:6		|	1:5		|	1:4		|	1:3		|	2:5		|	1:2		|	3:5		|	2:3		|	3:4		|	4:5		|	5:6		|	1:1		|	*/
.SpreadOneOfSixVertical, .SpreadOneOfFiveVertical, .SpreadOneOfFourVertical, .SpreadOneOfThreeVertical, .SpreadTwoOfFiveVertical, .SpreadOneOfTwoVertical, .SpreadThreeOfFiveVertical, .SpreadTwoOfThreeVertical, .SpreadThreeOfFourVertical, .SpreadFourOfFiveVertical, .SpreadFiveOfSixVertical, .SpreadFullVertical {
  position: relative;
  height: auto; }
  .SpreadOneOfSixVertical:before, .SpreadOneOfFiveVertical:before, .SpreadOneOfFourVertical:before, .SpreadOneOfThreeVertical:before, .SpreadTwoOfFiveVertical:before, .SpreadOneOfTwoVertical:before, .SpreadThreeOfFiveVertical:before, .SpreadTwoOfThreeVertical:before, .SpreadThreeOfFourVertical:before, .SpreadFourOfFiveVertical:before, .SpreadFiveOfSixVertical:before, .SpreadFullVertical:before {
    content: "";
    display: block; }
  .SpreadOneOfSixVertical > *, .SpreadOneOfFiveVertical > *, .SpreadOneOfFourVertical > *, .SpreadOneOfThreeVertical > *, .SpreadTwoOfFiveVertical > *, .SpreadOneOfTwoVertical > *, .SpreadThreeOfFiveVertical > *, .SpreadTwoOfThreeVertical > *, .SpreadThreeOfFourVertical > *, .SpreadFourOfFiveVertical > *, .SpreadFiveOfSixVertical > *, .SpreadFullVertical > * {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

/* 1:1 */
/* 100% */
.SpreadOneOfSixHorizontal.SpreadOneOfSixVertical:before, .SpreadOneOfFiveHorizontal.SpreadOneOfFiveVertical:before, .SpreadOneOfFourHorizontal.SpreadOneOfFourVertical:before, .SpreadOneOfThreeHorizontal.SpreadOneOfThreeVertical:before, .SpreadTwoOfFiveHorizontal.SpreadTwoOfFiveVertical:before, .SpreadOneOfTwoHorizontal.SpreadOneOfTwoVertical:before, .SpreadThreeOfFiveHorizontal.SpreadThreeOfFiveVertical:before, .SpreadTwoOfThreeHorizontal.SpreadTwoOfThreeVertical:before, .SpreadThreeOfFourHorizontal.SpreadThreeOfFourVertical:before, .SpreadFourOfFiveHorizontal.SpreadFourOfFiveVertical:before, .SpreadFiveOfSixHorizontal.SpreadFiveOfSixVertical:before, .SpreadFullHorizontal.SpreadFullVertical:before {
  padding-top: 100%; }

/* 1:2 */
/* 200% + 20px */
.SpreadOneOfSixHorizontal.SpreadOneOfThreeVertical:before, .SpreadOneOfFiveHorizontal.SpreadTwoOfFiveVertical:before, .SpreadOneOfFourHorizontal.SpreadOneOfTwoVertical:before, .SpreadOneOfThreeHorizontal.SpreadTwoOfThreeVertical:before, .SpreadTwoOfFiveHorizontal.SpreadFourOfFiveVertical:before, .SpreadOneOfTwoHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(200% + 20px) ;
  padding-top: -moz-calc(200% + 20px) ;
  padding-top: calc(200% + 20px) ; }

/* 1:3 */
/* 300% + 40px */
.SpreadOneOfSixHorizontal.SpreadOneOfTwoVertical:before, .SpreadOneOfFiveHorizontal.SpreadThreeOfFiveVertical:before, .SpreadOneOfFourHorizontal.SpreadThreeOfFourVertical:before, .SpreadOneOfThreeHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(300% + 40px) ;
  padding-top: -moz-calc(300% + 40px) ;
  padding-top: calc(300% + 40px) ; }

/* 1:4 */
/* 400% + 60px */
.SpreadOneOfSixHorizontal.SpreadTwoOfThreeVertical:before, .SpreadOneOfFiveHorizontal.SpreadFourOfFiveVertical:before, .SpreadOneOfFourHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(400% + 60px) ;
  padding-top: -moz-calc(400% + 60px) ;
  padding-top: calc(400% + 60px) ; }

/* 1:5 */
/* 500% + 80px */
.SpreadOneOfSixHorizontal.SpreadFiveOfSixVertical:before, .SpreadOneOfFiveHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(500% + 80px) ;
  padding-top: -moz-calc(500% + 80px) ;
  padding-top: calc(500% + 80px) ; }

/* 1:6 */
/* 600% + 100px */
.SpreadOneOfSixHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(600% + 100px) ;
  padding-top: -moz-calc(600% + 100px) ;
  padding-top: calc(600% + 100px) ; }

/* 2:1 */
/* 50% - 10px */
.SpreadOneOfThreeHorizontal.SpreadOneOfSixVertical:before, .SpreadTwoOfFiveHorizontal.SpreadOneOfFiveVertical:before, .SpreadOneOfTwoHorizontal.SpreadOneOfFourVertical:before, .SpreadTwoOfThreeHorizontal.SpreadOneOfThreeVertical:before, .SpreadFourOfFiveHorizontal.SpreadTwoOfFiveVertical:before, .SpreadFullHorizontal.SpreadOneOfTwoVertical:before {
  padding-top: -webkit-calc(50% + -10px) ;
  padding-top: -moz-calc(50% + -10px) ;
  padding-top: calc(50% + -10px) ; }

/* 2:3 */
/* 150% + 10px */
.SpreadOneOfSixHorizontal.SpreadOneOfFourVertical:before, .SpreadOneOfThreeHorizontal.SpreadOneOfTwoVertical:before, .SpreadTwoOfFiveHorizontal.SpreadThreeOfFiveVertical:before, .SpreadOneOfTwoHorizontal.SpreadThreeOfFourVertical:before, .SpreadTwoOfThreeHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(150% + 10px) ;
  padding-top: -moz-calc(150% + 10px) ;
  padding-top: calc(150% + 10px) ; }

/* 2:5 */
/* 250% + 30px */
.SpreadOneOfFiveHorizontal.SpreadOneOfTwoVertical:before, .SpreadOneOfThreeHorizontal.SpreadFiveOfSixVertical:before, .SpreadTwoOfFiveHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(250% + 30px) ;
  padding-top: -moz-calc(250% + 30px) ;
  padding-top: calc(250% + 30px) ; }

/* 2:9 */
/* 450% + 70px */
.SpreadOneOfSixHorizontal.SpreadThreeOfFourVertical:before {
  padding-top: -webkit-calc(450% + 70px) ;
  padding-top: -moz-calc(450% + 70px) ;
  padding-top: calc(450% + 70px) ; }

/* 3:1 */
/* (100% - 40px) / 3 */
.SpreadOneOfTwoHorizontal.SpreadOneOfSixVertical:before, .SpreadThreeOfFiveHorizontal.SpreadOneOfFiveVertical:before, .SpreadThreeOfFourHorizontal.SpreadOneOfFourVertical:before, .SpreadFullHorizontal.SpreadOneOfThreeVertical:before {
  padding-top: -webkit-calc((100% + -40px) / 3) ;
  padding-top: -moz-calc((100% + -40px) / 3) ;
  padding-top: calc((100% + -40px) / 3) ; }

/* 3:2 */
/* (200% - 20px) / 3 */
.SpreadOneOfFourHorizontal.SpreadOneOfSixVertical:before, .SpreadOneOfTwoHorizontal.SpreadOneOfThreeVertical:before, .SpreadThreeOfFiveHorizontal.SpreadTwoOfFiveVertical:before, .SpreadThreeOfFourHorizontal.SpreadOneOfTwoVertical:before, .SpreadFullHorizontal.SpreadTwoOfThreeVertical:before {
  padding-top: -webkit-calc((200% + -20px) / 3) ;
  padding-top: -moz-calc((200% + -20px) / 3) ;
  padding-top: calc((200% + -20px) / 3) ; }

/* 3:4 */
/* (400% + 20px) / 3 */
.SpreadOneOfFourHorizontal.SpreadOneOfThreeVertical:before, .SpreadOneOfTwoHorizontal.SpreadTwoOfThreeVertical:before, .SpreadThreeOfFiveHorizontal.SpreadFourOfFiveVertical:before, .SpreadThreeOfFourHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc((400% + 20px) / 3) ;
  padding-top: -moz-calc((400% + 20px) / 3) ;
  padding-top: calc((400% + 20px) / 3) ; }

/* 3:5 */
/* (500% + 40px) / 3 */
.SpreadOneOfFiveHorizontal.SpreadOneOfThreeVertical:before, .SpreadTwoOfFiveHorizontal.SpreadTwoOfThreeVertical:before, .SpreadOneOfTwoHorizontal.SpreadFiveOfSixVertical:before, .SpreadThreeOfFiveHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc((500% + 40px) / 3) ;
  padding-top: -moz-calc((500% + 40px) / 3) ;
  padding-top: calc((500% + 40px) / 3) ; }

/* 3:8 */
/* (800% + 100px) / 3 */
.SpreadOneOfFourHorizontal.SpreadTwoOfThreeVertical:before {
  padding-top: -webkit-calc((800% + 100px) / 3) ;
  padding-top: -moz-calc((800% + 100px) / 3) ;
  padding-top: calc((800% + 100px) / 3) ; }

/* 3:10 */
/* (1000% + 140px) / 3 */
.SpreadOneOfFiveHorizontal.SpreadTwoOfThreeVertical:before, .SpreadOneOfFourHorizontal.SpreadFiveOfSixVertical:before {
  padding-top: -webkit-calc((1000% + 140px) / 3) ;
  padding-top: -moz-calc((1000% + 140px) / 3) ;
  padding-top: calc((1000% + 140px) / 3) ; }

/* 4:1 */
/* 25% - 15px */
.SpreadTwoOfThreeHorizontal.SpreadOneOfSixVertical:before, .SpreadFourOfFiveHorizontal.SpreadOneOfFiveVertical:before, .SpreadFullHorizontal.SpreadOneOfFourVertical:before {
  padding-top: -webkit-calc(25% + -15px) ;
  padding-top: -moz-calc(25% + -15px) ;
  padding-top: calc(25% + -15px) ; }

/* 4:3 */
/* 75% - 5px */
.SpreadOneOfThreeHorizontal.SpreadOneOfFourVertical:before, .SpreadTwoOfThreeHorizontal.SpreadOneOfTwoVertical:before, .SpreadFourOfFive:before, ThreeOfFiveHorizontal.SpreadFull:before, ThreeOfFourVertical:before {
  padding-top: -webkit-calc(75% + -5px) ;
  padding-top: -moz-calc(75% + -5px) ;
  padding-top: calc(75% + -5px) ; }

/* 4:5 */
/* 125% + 5px */
.SpreadOneOfFiveHorizontal.SpreadOneOfFourVertical:before, .SpreadTwoOfFiveHorizontal.SpreadOneOfTwoVertical:before, .SpreadThreeOfFiveHorizontal.SpreadThreeOfFourVertical:before, .SpreadTwoOfThreeHorizontal.SpreadFiveOfSixVertical:before, .SpreadFourOfFiveHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(125% + 5px) ;
  padding-top: -moz-calc(125% + 5px) ;
  padding-top: calc(125% + 5px) ; }

/* 4:9 */
/* 225% + 25px */
.SpreadOneOfThreeHorizontal.SpreadThreeOfFourVertical:before {
  padding-top: -webkit-calc(225% + 25px) ;
  padding-top: -moz-calc(225% + 25px) ;
  padding-top: calc(225% + 25px) ; }

/* 4:15 */
/* 375% + 55px */
.SpreadOneOfFiveHorizontal.SpreadThreeOfFourVertical:before {
  padding-top: -webkit-calc(375% + 55px) ;
  padding-top: -moz-calc(375% + 55px) ;
  padding-top: calc(375% + 55px) ; }

/* 5:1 */
/* 20% - 16px */
.SpreadFullHorizontal.SpreadOneOfFiveVertical:before {
  padding-top: -webkit-calc(20% + -16px) ;
  padding-top: -moz-calc(20% + -16px) ;
  padding-top: calc(20% + -16px) ; }

/* 5:2 */
/* 40% - 12px */
.SpreadOneOfTwoHorizontal.SpreadOneOfFiveVertical:before, .SpreadFiveOfSixHorizontal.SpreadOneOfThreeVertical:before, .SpreadFullHorizontal.SpreadTwoOfFiveVertical:before {
  padding-top: -webkit-calc(40% + -12px) ;
  padding-top: -moz-calc(40% + -12px) ;
  padding-top: calc(40% + -12px) ; }

/* 5:3 */
/* 60% - 8px */
.SpreadOneOfThreeHorizontal.SpreadOneOfFiveVertical:before, .SpreadTwoOfThreeHorizontal.SpreadTwoOfFiveVertical:before, .SpreadFiveOfSixHorizontal.SpreadOneOfTwoVertical:before, .SpreadFullHorizontal.SpreadThreeOfFiveVertical:before {
  padding-top: -webkit-calc(60% + -8px) ;
  padding-top: -moz-calc(60% + -8px) ;
  padding-top: calc(60% + -8px) ; }

/* 5:4 */
/* 80% - 4px */
.SpreadOneOfFourHorizontal.SpreadOneOfFiveVertical:before, .SpreadOneOfTwoHorizontal.SpreadTwoOfFiveVertical:before, .SpreadThreeOfFourHorizontal.SpreadThreeOfFiveVertical:before, .SpreadFiveOfSixHorizontal.SpreadTwoOfThreeVertical:before, .SpreadFullHorizontal.SpreadFourOfFiveVertical:before {
  padding-top: -webkit-calc(80% + -4px) ;
  padding-top: -moz-calc(80% + -4px) ;
  padding-top: calc(80% + -4px) ; }

/* 5:6 */
/* 120% + 4px */
.SpreadOneOfSixHorizontal.SpreadOneOfFiveVertical:before, .SpreadOneOfThreeHorizontal.SpreadTwoOfFiveVertical:before, .SpreadOneOfTwoHorizontal.SpreadThreeOfFiveVertical:before, .SpreadTwoOfThreeHorizontal.SpreadFourOfFiveVertical:before, .SpreadFiveOfSixHorizontal.SpreadFullVertical:before {
  padding-top: -webkit-calc(120% + 4px) ;
  padding-top: -moz-calc(120% + 4px) ;
  padding-top: calc(120% + 4px) ; }

/* 5:8 */
/* 160% + 12px */
.SpreadOneOfFourHorizontal.SpreadTwoOfFiveVertical:before, .SpreadOneOfTwoHorizontal.SpreadFourOfFiveVertical:before {
  padding-top: -webkit-calc(160% + 12px) ;
  padding-top: -moz-calc(160% + 12px) ;
  padding-top: calc(160% + 12px) ; }

/* 5:9 */
/* 180% + 16px */
.SpreadOneOfThreeHorizontal.SpreadThreeOfFiveVertical:before {
  padding-top: -webkit-calc(180% + 16px) ;
  padding-top: -moz-calc(180% + 16px) ;
  padding-top: calc(180% + 16px) ; }

/* 5:12 */
/* 240% + 28px */
.SpreadOneOfSixHorizontal.SpreadTwoOfFiveVertical:before, .SpreadOneOfFourHorizontal.SpreadThreeOfFiveVertical:before, .SpreadOneOfThreeHorizontal.SpreadFourOfFiveVertical:before {
  padding-top: -webkit-calc(240% + 28px) ;
  padding-top: -moz-calc(240% + 28px) ;
  padding-top: calc(240% + 28px) ; }

/* 5:16 */
/* 320% + 44px */
.SpreadOneOfFourHorizontal.SpreadFourOfFiveVertical:before {
  padding-top: -webkit-calc(320% + 44px) ;
  padding-top: -moz-calc(320% + 44px) ;
  padding-top: calc(320% + 44px) ; }

/* 5:18 */
/* 360% + 52px */
.SpreadOneOfSixHorizontal.SpreadThreeOfFiveVertical:before {
  padding-top: -webkit-calc(360% + 52px) ;
  padding-top: -moz-calc(360% + 52px) ;
  padding-top: calc(360% + 52px) ; }

/* 5:24 */
/* 480% + 76px */
.SpreadOneOfSixHorizontal.SpreadFourOfFiveVertical:before {
  padding-top: -webkit-calc(480% + 76px) ;
  padding-top: -moz-calc(480% + 76px) ;
  padding-top: calc(480% + 76px) ; }

/* 6:1 */
/* (100% - 100px) / 6 */
.SpreadFullHorizontal.SpreadOneOfSixVertical:before {
  padding-top: -webkit-calc((100% + -100px) / 6) ;
  padding-top: -moz-calc((100% + -100px) / 6) ;
  padding-top: calc((100% + -100px) / 6) ; }

/* 6:5 */
/* (500% - 20px) / 6 */
.SpreadOneOfFiveHorizontal.SpreadOneOfSixVertical:before, .SpreadTwoOfFiveHorizontal.SpreadOneOfThreeVertical:before, .SpreadThreeOfFiveHorizontal.SpreadOneOfTwoVertical:before, .SpreadFourOfFiveHorizontal.SpreadTwoOfThreeVertical:before, .SpreadFullHorizontal.SpreadFiveOfSixVertical:before {
  padding-top: -webkit-calc((500% + -20px) / 6) ;
  padding-top: -moz-calc((500% + -20px) / 6) ;
  padding-top: calc((500% + -20px) / 6) ; }

/* 6:25 */
/* (2500% + 380px) / 6 */
.SpreadOneOfFiveHorizontal.SpreadFiveOfSixVertical:before {
  padding-top: -webkit-calc((2500% + 380px) / 6) ;
  padding-top: -moz-calc((2500% + 380px) / 6) ;
  padding-top: calc((2500% + 380px) / 6) ; }

/* 8:3 */
/* (150% - 50px) / 4 */
.SpreadTwoOfThreeHorizontal.SpreadOneOfFourVertical:before {
  padding-top: -webkit-calc((150% + -50px) / 4) ;
  padding-top: -moz-calc((150% + -50px) / 4) ;
  padding-top: calc((150% + -50px) / 4) ; }

/* 8:5 */
/* (250% - 30px) / 4 */
.SpreadTwoOfFiveHorizontal.SpreadOneOfFourVertical:before, .SpreadFourOfFiveHorizontal.SpreadOneOfTwoVertical:before {
  padding-top: -webkit-calc((250% + -30px) / 4) ;
  padding-top: -moz-calc((250% + -30px) / 4) ;
  padding-top: calc((250% + -30px) / 4) ; }

/* 8:9 */
/* (450% + 10px) / 4 */
.SpreadTwoOfThreeHorizontal.SpreadThreeOfFourVertical:before {
  padding-top: -webkit-calc((450% + 10px) / 4) ;
  padding-top: -moz-calc((450% + 10px) / 4) ;
  padding-top: calc((450% + 10px) / 4) ; }

/* 8:15 */
/* (750% + 70px) / 4 */
.SpreadTwoOfFiveHorizontal.SpreadThreeOfFourVertical:before {
  padding-top: -webkit-calc((750% + 70px) / 4) ;
  padding-top: -moz-calc((750% + 70px) / 4) ;
  padding-top: calc((750% + 70px) / 4) ; }

/* 9:2 */
/* (200% - 140px) / 9 */
.SpreadThreeOfFourHorizontal.SpreadOneOfSixVertical:before {
  padding-top: -webkit-calc((400% + -280px) / 18) ;
  padding-top: -moz-calc((400% + -280px) / 18) ;
  padding-top: calc((400% + -280px) / 18) ; }

/* 9:4 */
/* (400% - 100px) / 9 */
.SpreadThreeOfFourHorizontal.SpreadOneOfThreeVertical:before {
  padding-top: -webkit-calc((400% + -100px) / 9) ;
  padding-top: -moz-calc((400% + -100px) / 9) ;
  padding-top: calc((400% + -100px) / 9) ; }

/* 9:5 */
/* (500% - 80px) / 9 */
.SpreadThreeOfFiveHorizontal.SpreadOneOfThreeVertical:before {
  padding-top: -webkit-calc((500% + -80px) / 9) ;
  padding-top: -moz-calc((500% + -80px) / 9) ;
  padding-top: calc((500% + -80px) / 9) ; }

/* 9:8 */
/* (800% - 20px) / 9 */
.SpreadThreeOfFourHorizontal.SpreadTwoOfThreeVertical:before {
  padding-top: -webkit-calc((800% + -20px) / 9) ;
  padding-top: -moz-calc((800% + -20px) / 9) ;
  padding-top: calc((800% + -20px) / 9) ; }

/* 9:10 */
/* (1000% + 20px) / 9 */
.SpreadThreeOfFiveHorizontal.SpreadTwoOfThreeVertical:before, .SpreadThreeOfFourHorizontal.SpreadFiveOfSixVertical:before {
  padding-top: -webkit-calc((1000% + 20px) / 9) ;
  padding-top: -moz-calc((1000% + 20px) / 9) ;
  padding-top: calc((1000% + 20px) / 9) ; }

/* 10:3 */
/* 30% - 14px */
.SpreadFiveOfSixHorizontal.SpreadOneOfFourVertical:before {
  padding-top: -webkit-calc(30% + -14px) ;
  padding-top: -moz-calc(30% + -14px) ;
  padding-top: calc(30% + -14px) ; }

/* 10:9 */
/* 90% - 2px */
.SpreadTwoOfThreeHorizontal.SpreadThreeOfFiveVertical:before, .SpreadFiveOfSixHorizontal.SpreadThreeOfFourVertical:before {
  padding-top: -webkit-calc(90% + -2px) ;
  padding-top: -moz-calc(90% + -2px) ;
  padding-top: calc(90% + -2px) ; }

/* 12:5 */
/* (250% - 70px) / 6 */
.SpreadTwoOfFiveHorizontal.SpreadOneOfSixVertical:before, .SpreadThreeOfFiveHorizontal.SpreadOneOfFourVertical:before, .SpreadFourOfFiveHorizontal.SpreadOneOfThreeVertical:before {
  padding-top: -webkit-calc((250% + -70px) / 6) ;
  padding-top: -moz-calc((250% + -70px) / 6) ;
  padding-top: calc((250% + -70px) / 6) ; }

/* 12:25 */
/* (1250% + 130px) / 6 */
.SpreadTwoOfFiveHorizontal.SpreadFiveOfSixVertical:before {
  padding-top: -webkit-calc((1250% + 130px) / 6) ;
  padding-top: -moz-calc((1250% + 130px) / 6) ;
  padding-top: calc((1250% + 130px) / 6) ; }

/* 15:4 */
.SpreadThreeOfFourHorizontal.SpreadOneOfFiveVertical:before {
  padding-top: -webkit-calc((80% + -44px) / 3) ;
  padding-top: -moz-calc((80% + -44px) / 3) ;
  padding-top: calc((80% + -44px) / 3) ; }

/* 15:8 */
.SpreadThreeOfFourHorizontal.SpreadTwoOfFiveVertical:before {
  padding-top: -webkit-calc((160% + -28px) / 3) ;
  padding-top: -moz-calc((160% + -28px) / 3) ;
  padding-top: calc((160% + -28px) / 3) ; }

/* 15:16 */
.SpreadThreeOfFourHorizontal.SpreadFourOfFiveVertical:before {
  padding-top: -webkit-calc((320% + 4px) / 3) ;
  padding-top: -moz-calc((320% + 4px) / 3) ;
  padding-top: calc((320% + 4px) / 3) ; }

/* 16:5 */
.SpreadFourOfFiveHorizontal.SpreadOneOfFourVertical:before {
  padding-top: -webkit-calc((125% + -55px) / 4) ;
  padding-top: -moz-calc((125% + -55px) / 4) ;
  padding-top: calc((125% + -55px) / 4) ; }

/* 16:15 */
.SpreadFourOfFiveHorizontal.SpreadThreeOfFourVertical:before {
  padding-top: -webkit-calc((375% + -5px) / 4) ;
  padding-top: -moz-calc((375% + -5px) / 4) ;
  padding-top: calc((375% + -5px) / 4) ; }

/* 18:5 */
.SpreadThreeOfFiveHorizontal.SpreadOneOfSixVertical:before {
  padding-top: -webkit-calc((500% + -260px) / 18) ;
  padding-top: -moz-calc((500% + -260px) / 18) ;
  padding-top: calc((500% + -260px) / 18) ; }

/* 18:25 */
.SpreadThreeOfFiveHorizontal.SpreadFiveOfSixVertical:before {
  padding-top: -webkit-calc((2500% + 140px) / 18) ;
  padding-top: -moz-calc((2500% + 140px) / 18) ;
  padding-top: calc((2500% + 140px) / 18) ; }

/* 24:5 */
.SpreadFourOfFiveHorizontal.SpreadOneOfSixVertical:before {
  padding-top: -webkit-calc((125% + -95px) / 6) ;
  padding-top: -moz-calc((125% + -95px) / 6) ;
  padding-top: calc((125% + -95px) / 6) ; }

/* 24:25 */
.SpreadFourOfFiveHorizontal.SpreadFiveOfSixVertical:before {
  padding-top: -webkit-calc((625% + 5px) / 6) ;
  padding-top: -moz-calc((625% + 5px) / 6) ;
  padding-top: calc((625% + 5px) / 6) ; }

/* 25:6 */
.SpreadFiveOfSixHorizontal.SpreadOneOfFiveVertical:before {
  padding-top: -webkit-calc(24% + -15.2px) ;
  padding-top: -moz-calc(24% + -15.2px) ;
  padding-top: calc(24% + -15.2px) ; }

/* 25:12 */
.SpreadFiveOfSixHorizontal.SpreadTwoOfFiveVertical:before {
  padding-top: -webkit-calc(48% + -10.4px) ;
  padding-top: -moz-calc(48% + -10.4px) ;
  padding-top: calc(48% + -10.4px) ; }

/* 25:18 */
.SpreadFiveOfSixHorizontal.SpreadThreeOfFiveVertical:before {
  padding-top: -webkit-calc(72% + -5.6px) ;
  padding-top: -moz-calc(72% + -5.6px) ;
  padding-top: calc(72% + -5.6px) ; }

/* 25:24 */
.SpreadFiveOfSixHorizontal.SpreadFourOfFiveVertical:before {
  padding-top: -webkit-calc(96% + -0.8px) ;
  padding-top: -moz-calc(96% + -0.8px) ;
  padding-top: calc(96% + -0.8px) ; }

/* ********************************************************************************************************************** */
/* ***** Begin Buttons ************************************************************************************************** */
/* ********************************************************************************************************************** */
.Button,
form fieldset > ul > li > button,
form fieldset > ul > li > input[type='submit'],
.CheckoutWizard > form > .CheckoutWizardButtonBar > button {
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-color: #ccc4bc;
  color: #5a5049;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 50px;
  line-height: 22px;
  padding: 13px 20px;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  text-decoration: none; }
  .Button:hover,
  form fieldset > ul > li > button:hover,
  form fieldset > ul > li > input[type='submit']:hover,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button:hover {
    background-color: #fff;
    border-color: #888;
    color: #347b24; }
  .Button[disabled],
  form fieldset > ul > li > button[disabled],
  form fieldset > ul > li > input[type='submit'][disabled],
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button[disabled] {
    background-color: #f9f9f7 !important;
    border-color: #eee !important;
    color: #a69c95 !important; }
    .Button[disabled]:hover,
    form fieldset > ul > li > button[disabled]:hover,
    form fieldset > ul > li > input[type='submit'][disabled]:hover,
    .CheckoutWizard > form > .CheckoutWizardButtonBar > button[disabled]:hover {
      background-color: #f9f9f7 !important;
      border-color: #eee !important;
      color: #a69c95 !important; }
  .Button::placeholder,
  form fieldset > ul > li > button::placeholder,
  form fieldset > ul > li > input[type='submit']::placeholder,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button::placeholder {
    color: #5a5049;
    opacity: .5; }
  .Button.Error,
  form fieldset > ul > li > button.Error,
  form fieldset > ul > li > input[type='submit'].Error,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button.Error {
    background-color: #fbf2f3;
    border-color: #ae0f0b; }
  .Button.Next:after,
  form fieldset > ul > li > button.Next:after,
  form fieldset > ul > li > input[type='submit'].Next:after,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button.Next:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-size: 23px;
    font-weight: normal;
    line-height: 21px;
    vertical-align: middle;
    padding: 0 0 0 10px; }
  .Button.Previous:before,
  form fieldset > ul > li > button.Previous:before,
  form fieldset > ul > li > input[type='submit'].Previous:before,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button.Previous:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    font-size: 23px;
    font-weight: normal;
    line-height: 21px;
    vertical-align: middle;
    padding: 0 10px 0 0; }
  .Button.Top:before,
  form fieldset > ul > li > button.Top:before,
  form fieldset > ul > li > input[type='submit'].Top:before,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button.Top:before {
    content: "\f106";
    font-family: "Font Awesome 5 Pro";
    font-size: 23px;
    font-weight: normal;
    line-height: 21px;
    vertical-align: middle;
    padding: 0 10px 0 0; }

a.Button.Active, a.Button.Checkout, a.Button.Finish,
form fieldset > ul > li > button.Active,
form fieldset > ul > li > button.Checkout,
form fieldset > ul > li > button.Finish,
form fieldset > ul > li > input[type='submit'].Active,
form fieldset > ul > li > input[type='submit'].Checkout,
form fieldset > ul > li > input[type='submit'].Finish,
.CheckoutWizard > form > .CheckoutWizardButtonBar > button.Active,
.CheckoutWizard > form > .CheckoutWizardButtonBar > button.Checkout,
.CheckoutWizard > form > .CheckoutWizardButtonBar > button.Finish {
  background-color: #347b24;
  border-color: #347b24;
  color: #fff; }
  a.Button.Active:hover, a.Button.Checkout:hover, a.Button.Finish:hover,
  form fieldset > ul > li > button.Active:hover,
  form fieldset > ul > li > button.Checkout:hover,
  form fieldset > ul > li > button.Finish:hover,
  form fieldset > ul > li > input[type='submit'].Active:hover,
  form fieldset > ul > li > input[type='submit'].Checkout:hover,
  form fieldset > ul > li > input[type='submit'].Finish:hover,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button.Active:hover,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button.Checkout:hover,
  .CheckoutWizard > form > .CheckoutWizardButtonBar > button.Finish:hover {
    background-color: #347b24;
    border-color: #347b24;
    color: #fff; }

span.Button {
  background-color: #f9f9f7 !important;
  border-color: #eee !important;
  color: #a69c95 !important; }
  span.Button:hover {
    background-color: #f9f9f7 !important;
    border-color: #eee !important;
    color: #a69c95 !important; }

/* ********************************************************************************************************************** */
/* ***** End Buttons **************************************************************************************************** */
/* ********************************************************************************************************************** */
div.ImageBox.Border,
div.ImageContainer,
a.ImageContainer {
  border-color: #eee;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box; }
  div.ImageBox.Border:hover,
  div.ImageContainer:hover,
  a.ImageContainer:hover {
    border-color: #ccc; }

a:hover > div.ImageBox.Border,
a:hover > div.ImageContainer,
a:hover.ImageContainer {
  border-color: #ccc; }

div.ImageContainer,
a.ImageContainer {
  text-align: center; }

a.NamedAnchor {
  width: 0 !important;
  height: 0 !important;
  display: inline !important; }

/* ***** Original Price ************************************************************************************************* */
.Price > .Original > .Value {
  display: inline-block;
  position: relative;
  padding: 0 5px; }
  .Price > .Original > .Value > hr {
    -webkit-transform: rotate(-5.5deg);
    -moz-transform: rotate(-5.5deg);
    -ms-transform: rotate(-5.5deg);
    -o-transform: rotate(-5.5deg);
    transform: rotate(-5.5deg);
    border-color: #ae0f0a;
    left: 0;
    margin: .75em 0;
    position: absolute;
    top: 0;
    width: 100%; }

.Price > .Reduced {
  color: #ae0f0a;
  display: inline-block;
  padding-left: .5em; }

/* ***** Attention ****************************************************************************************************** */
.Attention {
  font-weight: bold; }

/* ***** Image ********************************************************************************************************** */
@media (max-width: 444px) {
  .ResponsiveImage {
    text-align: center; }
  .CMSContainer.Masonry > ul > li > .ProductTileCMSComponent .ResponsiveImage,
  .CMSImageComponent > .ResponsiveImage {
    width: initial;
    height: initial; } }

.Image img,
ul.Images > li > .ImageBox > img,
.ResponsiveImage {
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.Image > .ImageBox > picture {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

/* ***** Responsive Configuration *************************************************************************************** */
@media (max-width: 444px) {
  *[data-hidden-on*="smartphone"] {
    display: none !important; } }