{
  "action": "Product-SizeChart",
  "queryString": "cid=womens-footwear",
  "locale": "nl_BE",
  "success": true,
  "content": "<div class=\"\"sizinginformation\"\">\r\n <h2 class=\"\"title\"\">Schoenmaten Skechers voor dames</h2>\r\n <div class=\"\"sizechart\"\">\r\n  <table class=\"\"sizecharttable table table-striped\"\" summary=\"\"Women's Footwear Sizing Chart\"\">\r\n   <tbody>\r\n    <tr class=\"\"country-header\"\">\r\n     <th scope=\"\"col\"\">US</th>\r\n     <th scope=\"\"col\"\">UK</th>\r\n     <th scope=\"\"col\"\">EU</th>\r\n    <th scope=\"col\">CM</th>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>5</td>\r\n\t\t\t<td>2</td>\r\n\t\t\t<td>35</td>\r\n\t\t\t<td>22</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>5.5</td>\r\n\t\t\t<td>2.5</td>\r\n\t\t\t<td>35.5</td>\r\n\t\t\t<td>22.5</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>6</td>\r\n\t\t\t<td>3</td>\r\n\t\t\t<td>36</td>\r\n\t\t\t<td>23</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>6.5</td>\r\n\t\t\t<td>3.5</td>\r\n\t\t\t<td>36.5</td>\r\n\t\t\t<td>23.5</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>7</td>\r\n\t\t\t<td>4</td>\r\n\t\t\t<td>37</td>\r\n\t\t\t<td>24</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>7.5</td>\r\n\t\t\t<td>4.5</td>\r\n\t\t\t<td>37.5</td>\r\n\t\t\t<td>24.5</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>8</td>\r\n\t\t\t<td>5</td>\r\n\t\t\t<td>38</td>\r\n\t\t\t<td>25</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>8.5</td>\r\n\t\t\t<td>5.5</td>\r\n\t\t\t<td>38.5</td>\r\n\t\t\t<td>25.5</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>9</td>\r\n\t\t\t<td>6</td>\r\n\t\t\t<td>39</td>\r\n\t\t\t<td>26</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>9.5</td>\r\n\t\t\t<td>6.5</td>\r\n\t\t\t<td>39.5</td>\r\n\t\t\t<td>26.5</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>10</td>\r\n\t\t\t<td>7</td>\r\n\t\t\t<td>40</td>\r\n\t\t\t<td>27</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>10.5</td>\r\n\t\t\t<td>7.5</td>\r\n\t\t\t<td>40.5</td>\r\n\t\t\t<td>27.5</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>11</td>\r\n\t\t\t<td>8</td>\r\n\t\t\t<td>41</td>\r\n\t\t\t<td>28</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>12</td>\r\n\t\t\t<td>9</td>\r\n\t\t\t<td>42</td>\r\n\t\t\t<td>29</td>\r\n\t\t</tr>\r\n\t\t<tr>\r\n\t\t\t<td>13</td>\r\n\t\t\t<td>10</td>\r\n\t\t\t<td>43</td>\r\n\t\t\t<td>30</td>\r\n\t\t</tr>\r\n   </tbody>\r\n  </table>\r\n </div>\r\n <div class=\"\"heading\"\">\r\n  <p>Modellen met EWW-markering maken deel uit van onze Extra Wide Fit-collectie.</p>\r\n  <p>Skechers Wide Fit voor dames komt overeen met de breedte van dames W of D.</p>\r\n  <p>Skechers Performance hardloop- en wandelschoenen kunnen variëren</p>\r\n </div>\r\n <hr>\r\n <div class=\"\"heading heading-margin\"\">\r\n  <div class=\"\"fit-title\"\">Vind je perfecte pasvorm</div>\r\n  <p class=\"\"subtitle\"\">Elke voet is uniek, dus hebben we een kenmerkend pasvormsysteem ontwikkeld om je te helpen je favoriete stijl te vinden in de beste maat voor het best mogelijke comfort.</p>\r\n </div>\r\n <div class=\"\"diagram-cont shoe-fitguide\"\">\r\n  <!-- Classic -->\r\n  <div class=\"\"classic-fit\"\">\r\n   <div class=\"\"logo-classic-fit\"\"></div>\r\n   <div class=\"\"skx_6x12\"\">\r\n    <div class=\"\"diagram-classic-fit\"\">\r\n     <img src=\"\"https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-diagram-fit-guide-classic_1667a9e6c346.png\"\" alt=\"\"\"\">\r\n    </div>\r\n   </div>\r\n   <div class=\"\"skx_6x12omega\"\">\r\n    <div class=\"\"find-styles\"\">\r\n     <div class=\"\"h3\"\">\r\n      <strong>D-breedte voor heren</strong>\r\n     </div> <a href=\"\"/men/shoes/?prefn1=width&prefv1=Medium&start=0&sz=24\"\" id=\"\"mens-classic-styles\"\" class=\"\"js-mens-classic\"\">Stijlen zoeken <span class=\"\"little-arrows\"\">&#187;</span> </a>\r\n\r\n     <div class=\"\"h3\"\">\r\n      <strong>B-breedte dames</strong>\r\n     </div> <a href=\"\"/women/shoes/?prefn1=width&prefv1=Medium&start=0&sz=24\"\" id=\"\"womens-classic-styles\"\" class=\"\"js-womens-classic\"\">Stijlen zoeken <span class=\"\"little-arrows\"\">&#187;</span></a>\r\n\r\n    </div>\r\n   </div>\r\n   <div class=\"\"classic-fit-base\"\">\r\n    <p class=\"\"h4\"\">Schoenen met een middelmatige breedte en een nauwsluitende en gelijkmatige pasvorm van hiel tot teen.</p>\r\n   </div>\r\n  </div>\r\n  <!-- Relaxed -->\r\n  <div class=\"\"relaxed-fit\"\">\r\n   <div class=\"\"logo-relaxed-fit\"\"></div>\r\n   <div class=\"\"skx_6x12\"\">\r\n    <div class=\"\"diagram-relaxed-fit\"\">\r\n     <img src=\"\"https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-diagram-fit-guide-relaxed_10763f9419ba.png\"\" alt=\"\"\"\">\r\n    </div>\r\n   </div>\r\n   <div class=\"\"skx_6x12omega\"\">\r\n    <div class=\"\"find-styles\"\">\r\n     <div class=\"\"h3\"\">\r\n      <strong>1E breedte voor heren</strong>\r\n     </div> <a href=\"\"/collections/mens/relaxed-fit/\"\" id=\"\"mens-classic-styles\"\" class=\"\"js-mens-relaxed\"\">Stijlen zoeken <span class=\"\"little-arrows\"\">&#187;</span></a>\r\n\r\n     <div class=\"\"h3\"\">\r\n      <strong>C-breedte dames</strong>\r\n     </div> <a href=\"\"/collections/womens/relaxed-fit/\"\" id=\"\"womens-classic-styles\"\" class=\"\"js-womens-relaxed\"\">Stijlen zoeken <span class=\"\"little-arrows\"\">&#187;</span></a>\r\n\r\n    </div>\r\n   </div>\r\n   <div class=\"\"relaxed-fit-base\"\">\r\n    <p class=\"\"h4\"\">Behoudt een gemiddelde breedte van de hiel met een ruimere teen.</p>\r\n   </div>\r\n  </div>\r\n  <!-- Wide -->\r\n  <div class=\"\"wide-fit\"\">\r\n   <div class=\"\"logo-wide-fit\"\"></div>\r\n   <div class=\"\"skx_6x12\"\">\r\n    <div class=\"\"diagram-wide-fit\"\">\r\n     <img src=\"\"https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-diagram-fit-guide-wide_12919c600f2a.png\"\" alt=\"\"\"\">\r\n    </div>\r\n   </div>\r\n   <div class=\"\"skx_6x12omega\"\">\r\n    <div class=\"\"find-styles\"\">\r\n     <div class=\"\"h3\"\">\r\n      <strong>2E breedte voor heren</strong>\r\n     </div> <a href=\"\"/men/shoes/?prefn1=width&prefv1=Wide&start=0&sz=24\"\" id=\"\"mens-classic-styles\"\" class=\"\"js-mens-wide\"\">Stijlen zoeken <span class=\"\"little-arrows\"\">&#187;</span></a>\r\n\r\n     <div class=\"\"h3\"\">\r\n      <strong>1E breedte voor dames</strong>\r\n     </div> <a href=\"\"/women/shoes/?prefn1=width&prefv1=Wide&start=0&sz=24\"\" class=\"\"js-womens-wide\"\">Stijlen zoeken <span class=\"\"little-arrows\"\">&#187;</span></a>\r\n\r\n    </div>\r\n   </div>\r\n   <div class=\"\"wide-fit-base\"\">\r\n    <p class=\"\"h4\"\">Een wat opener binnenwerk biedt een lossere pasvorm rond de hele voet.</p>\r\n   </div>\r\n  </div>\r\n  <!-- Xtra Wide -->\r\n  <div class=\"\"xtra-wide-fit\"\">\r\n   <div class=\"\"logo-xtra-wide-fit\"\"></div>\r\n   <div class=\"\"skx_6x12\"\">\r\n    <div class=\"\"diagram-xtra-wide-fit\"\">\r\n     <img src=\"\"https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-diagram-fit-guide-xtra-wide_dfd4a791ab7d.png\"\" alt=\"\"\"\">\r\n    </div>\r\n   </div>\r\n   <div class=\"\"skx_6x12omega\"\">\r\n    <div class=\"\"find-styles\"\">\r\n     <div class=\"\"h3\"\">\r\n      <strong>4E breedte voor heren</strong>\r\n     </div> <a href=\"\"/men/shoes/?prefn1=width&prefv1=Extra%20Wide&start=0&sz=24\"\" id=\"\"mens-classic-styles\"\" class=\"\"js-mens-xtra-wide\"\">Stijlen zoeken >></a>\r\n\r\n    </div>\r\n   </div>\r\n   <div class=\"\"xtra-wide-fit-base\"\">\r\n    <p class=\"\"h4\"\">Maximale ruimte betekent dat bredere voeten de hele dag comfortabel blijven.</p>\r\n   </div>\r\n  </div>\r\n </div>\r\n <style>\r\n  /********** Colors **********/\r\n  $bg:        rgb(255,255,255); //main bg of site\r\n  $text:      rgb(67,67,67); //main gray font\r\n  $highlight: rgb(0,99,186); //skechers blue\r\n  $accent:    rgb(230,230,230);\r\n  $border:    rgb(204,204,204);\r\n  $black:     rgb(0, 0, 0);\r\n  \r\n  $gray-med:  rgb(136,136,136);\r\n  $gray-dk:   rgb(102,102,102);\r\n  $navi:      rgba(0,0,0,.9);\r\n  \r\n  $gray-old:  rgb(211,211,211);\r\n  \r\n  $success:   rgb(0,146,69);\r\n  $warning:   rgb(219,141,5);\r\n  $important: rgb(211,23,23);\r\n  \r\n  \r\n  /********** Slider **********/\r\n  $navdot: 19px;\r\n  $sliderspeed: 32s;\r\n  \r\n  \r\n  /********** Other Variables **********/\r\n  //when changing font, change the trademark mixin position\r\n  $font-stack:   \"\"proxima-nova-alt\"\", Helvetica, Helmet, Freesans, sans-serif;\r\n  $font-heading: \"\"jaf-bernino-sans-condensed\"\", \"\"Helvetica Neue\"\", Helvetica, Helmet, Freesans, sans-serif;\r\n  //black = weight: 900 and medium = weight: 500\r\n  $pad:          15px;\r\n  $outside:      3%;\r\n  $outsidephone: 5px;\r\n  $touch:        40px;\r\n  $navheight:    38px;\r\n  $minwidth:     320px;\r\n  $maxwidth:     1600px;\r\n  $line-height:  20px;\r\n  $widget:       90px;\r\n  $modal-header: 90px;\r\n  $modal-footer: 140px;\r\n  /********** Grid **********/\r\n  $total-columns: 12;\r\n  $column-width: 6em;\r\n  $gutter-width: 1em;\r\n  $grid-padding: $gutter-width / 2;\r\n  \r\n  \r\n  /********** Media Query Breakpoints **********/\r\n  /* Notes\r\n     - Consider retina display\r\n  */\r\n  @mixin breakpoint($point) {\r\n    @if $point == phone              { @media all and (max-width: 480px)                           { @content; } }\r\n    @else if $point == tablet        { @media all and (min-width: 481px)                           { @content; } }\r\n    @else if $point == tabletsm      { @media all and (min-width: 481px) and (max-width: 640px)    { @content; } }\r\n    @else if $point == tabletmax     { @media all and (max-width: 768px)                           { @content; } }\r\n    @else if $point == tabletonly    { @media all and (min-width: 481px) and (max-width: 768px)    { @content; } }\r\n    @else if $point == tabletdesktopmax    { @media all and (min-width: 481px) and (max-width: 1023px)    { @content; } }\r\n    @else if $point == tabletdesktopsm    { @media all and (min-width: 769px) and (max-width: 1023px)    { @content; } }\r\n  \r\n    @else if $point == mobilelayout  { @media all and (max-width: 600px)                           { @content; } } /* new midway breakpoint for rendering mobile layouts */\r\n    @else if $point == desktoplayout { @media all and (min-width: 601px)                           { @content; } } /* new midway breakpoint for NOT rendering mobile layouts */\r\n  \r\n    @else if $point == desktopsm     { @media all and (min-width: 769px)                           { @content; } }\r\n    /*@else if $point == desktopsmmax { @media all and (max-width: 979px)                           { @content; } } *//* changed breakpoint, crossed into larger tablet breakpoint */\r\n    @else if $point == desktopsmmax  { @media all and (max-width: 1023px)                           { @content; } }\r\n    /*@else if $point == desktop      { @media all and (min-width: 980px)                           { @content; } } *//* changed breakpoint, crossed into larger tablet breakpoint */\r\n    @else if $point == desktop       { @media all and (min-width: 1024px)                           { @content; } }\r\n    @else if $point == ipad          { @media screen and (min-device-width: 768px) and (max-device-width: 1024px){ @content; } }\r\n    @else if $point == maxwidth      { @media all and (min-width: $maxwidth)                       { @content; } }\r\n    @else if $point == print         { @media print                                                { @content; } }\r\n    @else { @content; }\r\n  }\r\n  \r\n  \r\n  /********** Typography **********/\r\n  @mixin font-heading {\r\n    //font-weight: 700;\r\n    text-transform: uppercase;\r\n  }\r\n  \r\n  @mixin font-size($sizeValue: 1.6) {\r\n    font-size: ($sizeValue * 10) + px;\r\n    font-size: $sizeValue + rem;\r\n  }\r\n  \r\n  @mixin line-height($sizeValue: 1.6) {\r\n    line-height: ($sizeValue * 10) + px;\r\n    line-height: $sizeValue + rem ;\r\n  }\r\n  \r\n  @mixin columns($column-count, $column-gap) {\r\n    -webkit-column-count: $column-count;\r\n    -moz-column-count: $column-count;\r\n    column-count: $column-count;\r\n    -webkit-column-gap: $column-gap;\r\n    -moz-column-gap: $column-gap;\r\n    column-gap: $column-gap;\r\n  }\r\n  \r\n  \r\n  /********** Accordion **********/\r\n  @mixin accordion($breakpoint, $background, $borderColor) {\r\n    list-style-type: none;\r\n    padding-left: 0;\r\n    &>li>a {\r\n      @include font-heading();\r\n      color: $text;\r\n      display: block;\r\n      line-height: $touch;\r\n    }\r\n    @include breakpoint($breakpoint) {\r\n      background: $background;\r\n      & > li>a {padding: 0 3%;}\r\n      & > li:not(:last-child) { border-bottom: $borderColor solid 1px; }\r\n    }\r\n  }\r\n  \r\n  \r\n  /********** Buttons **********/\r\n  @mixin btn($bg_color, $text_color) {\r\n    @include transition($prop: all, $time: 0.3s, $ease: linear);\r\n    -webkit-appearance: none;\r\n    background: $bg_color;\r\n    border: 0;\r\n    color: $text_color;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    letter-spacing: 1px;\r\n    line-height: 50px; height: 50px;\r\n    min-width: 50px;\r\n    padding: 0 8px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    vertical-align: top;\r\n  \r\n    //-webkit-text-stroke: .50px;\r\n    &:hover, &:active { background: darken($bg_color, 10%); }\r\n    &:hover           { text-decoration: none; }\r\n    &:active          { color: $text_color; }\r\n  }\r\n  \r\n  /********** Caret **********/\r\n  @mixin caret($bg-color, $border-color, $caret-size) {\r\n    &:before, &:after {\r\n      content: '';\r\n      position: absolute; bottom: 0px;\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      border-color: transparent;\r\n      border-top: 0;\r\n    }\r\n    &:before { border-bottom-color: $border-color; border-width: 8px; left: 15px; top: 37px;}\r\n    &:after  { border-bottom-color: $bg-color;     border-width: 7px; left: 16px; top: 38px;}\r\n  }\r\n  \r\n  @mixin search-caret($bg-color, $border-color, $caret-size) {\r\n    &:before, &:after {\r\n      content: '';\r\n      position: absolute; bottom: 0px;\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      border-color: transparent;\r\n      border-top: 0;\r\n    }\r\n    &:before { border-bottom-color: $border-color; border-width: 8px; left: 12px; top: 37px;}\r\n    &:after  { border-bottom-color: $bg-color;     border-width: 7px; left: 13px; top: 38px;}\r\n  }\r\n  \r\n  @mixin cart-caret($bg-color, $border-color, $caret-size) { /* cart moved outside of nav element, needs it's own class now */\r\n    &:before, &:after {\r\n      content: '';\r\n      position: absolute; bottom: 0px;\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      border-color: transparent;\r\n      border-top: 0;\r\n    }\r\n    &:before { border-bottom-color: $border-color; border-width: 8px; left: 1px+$caret-size; }\r\n    &:after  { border-bottom-color: $bg-color;     border-width: 7px; left: 2px+$caret-size; }\r\n  }\r\n  \r\n  /********** Alert Messages **********/\r\n  @mixin alert-extend($color) {\r\n    &::-webkit-input-placeholder { color: $color; }\r\n    &:-moz-placeholder { color: $color; }  /* Firefox 18- */\r\n    &::-moz-placeholder { color: $color; }   /* Firefox 19+ */\r\n    &:-ms-input-placeholder { color: $color; }\r\n    //background: lighten($color, 50%);\r\n    background: $accent;\r\n    border: $border 1px solid !important;\r\n    color: $color;\r\n    @include font-size(1.6);\r\n    line-height: 24px;\r\n    //margin-bottom: $pad; //messing up admin login spacing\r\n    padding: 4px 8px 2px;\r\n    width: 100%;\r\n    &:before {\r\n      @include font-size(1.6);\r\n      margin-right: 5px;\r\n    }\r\n    a { text-decoration: underline;}\r\n  }\r\n  \r\n  /********** General **********/\r\n  @mixin appearance($appearance: none) {\r\n    -webkit-appearance: $appearance;\r\n    -moz-appearance: $appearance;\r\n    appearance: $appearance;\r\n  }\r\n  \r\n  @mixin gradient($from, $to) {\r\n    /* Fallback */\r\n    background-color: $accent;\r\n  \r\n    /* Mozilla Firefox */\r\n    background-image: -moz-linear-gradient(top, $from 0%, $to 100%);\r\n  \r\n    /* Opera */\r\n    background-image: -o-linear-gradient(top, $from 0%, $to 100%);\r\n  \r\n    /* Webkit (Safari/Chrome 10) */\r\n    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, $from), color-stop(1, $to));\r\n  \r\n    /* Webkit (Chrome 11+) */\r\n    background-image: -webkit-linear-gradient(top, $from 0%, $to 100%);\r\n  \r\n    /* W3C Markup, IE10 Release Preview */\r\n    background-image: linear-gradient(to bottom, $from 0%, $to 100%);\r\n  }\r\n  \r\n  @mixin gradient-diagonal($from, $to) {\r\n    background: $from; /* Old browsers */\r\n    background: -moz-linear-gradient(-45deg,  $from 0%, $to 100%); /* FF3.6+ */\r\n    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,$from), color-stop(100%,$to)); /* Chrome,Safari4+ */\r\n    background: -webkit-linear-gradient(-45deg,  $from 0%,$to 100%); /* Chrome10+,Safari5.1+ */\r\n    background: -o-linear-gradient(-45deg,  $from 0%,$to 100%); /* Opera 11.10+ */\r\n    background: -ms-linear-gradient(-45deg,  $from 0%,$to 100%); /* IE10+ */\r\n    background: linear-gradient(135deg,  $from 0%,$to 100%); /* W3C */\r\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\r\n  \r\n  }\r\n  \r\n  @mixin rounded($radius: 0.5em) {\r\n    -webkit-border-radius: $radius;\r\n    -moz-border-radius: $radius;\r\n    -ms-border-radius: $radius;\r\n    -o-border-radius: $radius;\r\n    border-radius: $radius;\r\n  }\r\n  \r\n  @mixin box-shadow($shadow...) {\r\n    -webkit-box-shadow: $shadow;\r\n    -moz-box-shadow: $shadow;\r\n    box-shadow: $shadow;\r\n  }\r\n  \r\n  \r\n  /********** Placeholder below! Use like this:\r\n  .element p {@extend %vertical-align;}\r\n  **********/\r\n  \r\n  %vertical-align {\r\n    -webkit-transform: translateY(-50%);\r\n    -ms-transform: translateY(-50%);\r\n    position: relative; top: 50%;\r\n    transform: translateY(-50%);\r\n  }\r\n  \r\n  \r\n  /********** Animations **********/\r\n  @mixin animation($content) {\r\n    -webkit-animation: $content;\r\n    -moz-animation: $content;\r\n    animation: $content;\r\n  }\r\n  \r\n  @mixin keyframes($name) {\r\n    @-webkit-keyframes #{$name} { @content;  }\r\n    @-moz-keyframes #{$name}    { @content; }\r\n    @-ms-keyframes #{$name}     { @content; }\r\n    @keyframes #{$name}         { @content; }\r\n  }\r\n  \r\n  @mixin transform($transform) {\r\n    -webkit-transform: $transform;\r\n    -moz-transform:    $transform;\r\n    -ms-transform:     $transform;\r\n    -o-transform:      $transform;\r\n    transform:         $transform;\r\n  }\r\n  \r\n  /********** Transition **********/\r\n  @mixin transition ($prop: all, $time: 0.5s, $ease: linear) {\r\n    -webkit-transition: $prop $time $ease;\r\n    -moz-transition: $prop $time $ease;\r\n    -o-transition: $prop $time $ease;\r\n    -ms-transition: $prop $time $ease;\r\n    transition: $prop $time $ease;\r\n  }\r\n  \r\n  @mixin transition2 ($transition...) {\r\n    -webkit-transition: $transition;\r\n    -moz-transition: $transition;\r\n    -o-transition: $transition;\r\n    -ms-transition: $transition;\r\n    transition: $transition;\r\n  }\r\n  \r\n  /********** Opacity **********/\r\n  \r\n  @mixin opacity ($opacity) {\r\n    opacity: $opacity;\r\n    $opacity-ie: $opacity * 100;\r\n    filter: alpha(opacity=$opacity-ie); //IE8\r\n  }\r\n  \r\n  /********** Flexbox **********/\r\n  \r\n  @mixin flex() {\r\n    display: -webkit-flex;\r\n    display: flex;\r\n  }\r\n  \r\n  @mixin flex-order($order) {\r\n    order: $order;\r\n    -webkit-order: $order;\r\n  }\r\n  \r\n  @mixin flex-direction($direction) {\r\n    flex-direction: $direction;\r\n    -webkit-flex-direction: $direction;\r\n  }\r\n  \r\n  @mixin flex-grow($value) {\r\n    flex-grow: $value;\r\n    -webkit-flex-grow: $value;\r\n  }\r\n  /********* Heading **********/\r\n  .shoe-fitguide {\r\n    background-color: #fff;\r\n  }\r\n  \r\n  .shoe-fitguide .skx_6x12,\r\n  .shoe-fitguide .skx_6x12omega {\r\n    text-align: center;\r\n  }\r\n  \r\n  .shoe-fitguide .skx_6x12 {\r\n  text-align: center;\r\n    @include breakpoint(mobilelayout) {\r\n      width: 50%;\r\n      padding-left: 0px;\r\n    }\r\n  }\r\n  .shoe-fitguide .skx_6x12 img {\r\n    width: 100%;\r\n    @include breakpoint(mobilelayout) {\r\n      width: 100%;\r\n      padding-left: 0px;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide .skx_6x12omega {\r\n    margin-top: 4%;\r\n    text-align: center;\r\n    @include breakpoint(mobilelayout) {\r\n      width: 40%;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide .skx_6x12omega.alt {\r\n    margin-top: 4%;\r\n    @include breakpoint(mobilelayout) {\r\n      margin-top: 0;\r\n      width: 100%;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide a {\r\n    color: #333333 ;\r\n    text-decoration: underline;\r\n  }\r\n  \r\n  .shoe-fitguide .btn-cta {\r\n    @include breakpoint(mobilelayout) {\r\n      width: 100%;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide .heading {\r\n    width: 97%;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    background-color: #ffffff;\r\n  \r\n  }\r\n  \r\n  \r\n  .shoe-fitguide .title {\r\n    @include font-size(7);\r\n    color: #333366;\r\n    width: 100%;\r\n    font-weight: 600;\r\n    position: relative;\r\n    padding-top: 50px;\r\n    word-spacing: -5px;\r\n    letter-spacing: 2px;\r\n    line-height: 7rem;\r\n    margin: auto;\r\n    z-index: 2;\r\n    @include breakpoint(desktopsmmax) {\r\n      @include font-size(4.5);\r\n      word-spacing: 0px;\r\n      letter-spacing: 2px;\r\n      line-height: 3.6rem;\r\n    }\r\n    @include breakpoint(mobilelayout) {\r\n      @include font-size(3);\r\n      letter-spacing: 0px;\r\n      padding-top: 20px;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide .subtitle {\r\n    @include font-size(2.2);\r\n    line-height: 32px;\r\n    letter-spacing: initial;\r\n    word-spacing: initial;\r\n    max-width: 75%;\r\n    margin: auto;\r\n    display: inline-block;\r\n    @include breakpoint(desktopsmmax) {\r\n      @include font-size(1.6);\r\n      line-height: 20px;\r\n      padding: $pad;\r\n    }\r\n    @include breakpoint(tabletmax) {\r\n      padding-top: $pad;\r\n    }\r\n    @include breakpoint(mobilelayout) {\r\n      padding: 5px $pad 10px;\r\n      max-width: 90%;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide .h3 {\r\n    @include font-size(2.0);\r\n    font-weight: 300;\r\n    margin: 10px auto 0px;\r\n    @include breakpoint(desktopsmmax) {\r\n      @include font-size(1.5);\r\n      line-height: 1.45rem;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide .h4 {\r\n    @include font-size(1.7);\r\n    font-weight: 300;\r\n    @include breakpoint(desktopsmmax) {\r\n      @include font-size(1.4);\r\n      line-height: 1.45rem;\r\n    }\r\n  }\r\n  .shoe-fitguide .find-styles {\r\n    margin-top: $pad*2;\r\n    margin-bottom: $pad;\r\n    @include breakpoint(tabletmax) {\r\n      margin-top: 2px;\r\n    }\r\n  \r\n  }\r\n  \r\n  .shoe-fitguide .find-styles .h4 {\r\n    margin-top: $pad;\r\n  }\r\n  \r\n  .shoe-fitguide .diagram-cont {\r\n    display: table;\r\n    width: 100%;\r\n    padding-left: 30px;\r\n    //margin: 25px auto 0px;\r\n    @include breakpoint(tabletmax) {\r\n      width: 100%;\r\n    }\r\n    @include breakpoint(mobilelayout) {\r\n      margin: 10px auto 0px;\r\n      padding-left: 20px;\r\n    }\r\n  }\r\n  \r\n  \r\n  \r\n  .shoe-fitguide .diagram-classic-fit,\r\n  .shoe-fitguide .diagram-relaxed-fit,\r\n  .shoe-fitguide .diagram-wide-fit,\r\n  .shoe-fitguide .diagram-xtra-wide-fit {\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    display: inherit;\r\n    width: 85%;\r\n    max-width: 300px;\r\n    //height: 300px;\r\n    float: right;\r\n    margin-right: 30px;\r\n    @include breakpoint(desktopsmmax) {\r\n      //height: 280px;\r\n    }\r\n    @include breakpoint(mobilelayout) {\r\n      //height: 275px;\r\n      max-width: 275px;\r\n      float: none;\r\n      margin: 0px auto;\r\n    }\r\n  }\r\n  .shoe-fitguide .classic-fit,\r\n  .shoe-fitguide .relaxed-fit,\r\n  .shoe-fitguide .wide-fit,\r\n  .shoe-fitguide .xtra-wide-fit {\r\n  padding-top: 10px;\r\n    @include breakpoint(mobilelayout) {\r\n      margin-bottom: $pad;\r\n      width:95%;\r\n    }\r\n        }\r\n        .little-arrows {\r\n           \r\n        }\r\n  \r\n  \r\n  @media all and (min-width: 481px) and (max-width: 1200px)    {\r\n    .shoe-fitguide .classic-fit,\r\n    .shoe-fitguide .relaxed-fit,\r\n    .shoe-fitguide .wide-fit,\r\n    .shoe-fitguide .xtra-wide-fit {\r\n      margin:10px;\r\n      width: 95%;\r\n    }\r\n    }\r\n  \r\n  @media all and (min-width: 1200px)    {\r\n    .shoe-fitguide .classic-fit,\r\n    .shoe-fitguide .relaxed-fit,\r\n    .shoe-fitguide .wide-fit,\r\n    .shoe-fitguide .xtra-wide-fit {\r\n      margin:10px;\r\n      width: 47%;\r\n    }\r\n  }\r\n  .classic-fit {\r\n    display: inherit;\r\n    float: left;\r\n    border:  5px solid #669966;\r\n  }\r\n  .relaxed-fit {\r\n    display: inherit;\r\n    float: left;\r\n    border:  5px solid #cc6600;\r\n  }\r\n  .wide-fit {\r\n    display: inherit;\r\n    float: left;\r\n    border:  5px solid #957086;\r\n  }\r\n  .xtra-wide-fit {\r\n    display: inherit;\r\n    float: left;\r\n    border:  5px solid #39919a;\r\n  }\r\n  \r\n  .shoe-fitguide .classic-fit-base,\r\n  .shoe-fitguide .relaxed-fit-base,\r\n  .shoe-fitguide .wide-fit-base,\r\n  .shoe-fitguide .xtra-wide-fit-base {\r\n    width: 100%;\r\n    height: 11%;\r\n    padding: 2% 0px;\r\n    margin-bottom: -1px;\r\n    text-align: center;\r\n    clear: both;\r\n  }\r\n  \r\n  .shoe-fitguide .classic-fit-base {background: #e0ebe0;}\r\n  .shoe-fitguide .relaxed-fit-base {background: #f2e1cf;}\r\n  .shoe-fitguide .wide-fit-base {background: #e1d5da;}\r\n  .shoe-fitguide .xtra-wide-fit-base {\r\n                           background: #d8e9eb;\r\n                           margin-top: 86px !important;\r\n         }\r\n  \r\n  \r\n  .shoe-fitguide .logo-classic-fit,\r\n  .shoe-fitguide .logo-relaxed-fit,\r\n  .shoe-fitguide .logo-wide-fit,\r\n  .shoe-fitguide .logo-xtra-wide-fit {\r\n    padding-top: 10px;\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: 50%;\r\n    text-align: center;\r\n    width: 100%;\r\n    height: 80px;\r\n    //margin: -5px 0px 15px 0px;\r\n    @include breakpoint(desktopsmmax) {\r\n      height: 60px;\r\n    }\r\n    @include breakpoint(mobilelayout) {\r\n      width: 210px;\r\n      margin: 20px auto;\r\n      background-position: 0px;\r\n    }\r\n  }\r\n  \r\n  .shoe-fitguide .logo-classic-fit {\r\n    background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-classic_e458de209801.png);\r\n  }\r\n  \r\n  .shoe-fitguide .logo-relaxed-fit {\r\n    background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-relaxed_d79447a9a45f.png);\r\n  }\r\n  \r\n  .shoe-fitguide .logo-wide-fit {\r\n    background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-wide_2afcd0c06ccf.png);\r\n  }\r\n  \r\n  .shoe-fitguide .logo-xtra-wide-fit {\r\n    background-image: url(https://d1cqn9io517pa4.cloudfront.net/cms/en_us/SKX36180-logo-fit-guide-xtra-wide_b122c8d984ae.png);\r\n  }\r\n              .title {\r\nfont-size: 32px;\r\ncolor: #434343;\r\ntext-align: center;\r\nline-height: 36px;\r\n}\r\n.fit-title {\r\nfont-size: 32px;\r\ncolor: #434343;\r\ntext-align: center;\r\nline-height: 36px;\r\nfont-weight: 800;\r\nmargin-bottom: 10px;\r\n}\r\n            .heading p {\r\n    font-size: 15px;\r\n    color: #434343;\r\n    text-align: center;\r\n    line-height: 22px;\r\n    margin: 0 auto;\r\n    max-width: 500px;\r\n}\r\n.country-header {\r\n    background-color: #757575 !important;\r\n}\r\n.country-header th {\r\n    padding: 10px 0 10px 0 !important;\r\n    color: #FFFFFF;\r\n    text-align: center;\r\n    line-height: 28px;\r\n    border: 2px solid #757575;\r\n}\r\n.modal-header {\r\n  padding: 33px 20px 10px !important;\r\n }\r\n.h3 strong {\r\n font-weight: 800;\r\n}\r\n.shoe-fitguide .skx_6x12omega {\r\n    margin-bottom: 10px;\r\n}\r\n.shoe-fitguide a {\r\n    color: #1973C1;\r\n    letter-spacing: 0;\r\n    text-align: center;   \r\n}\r\n@media screen and (max-device-width: 1025px) {\r\n    .skx_6x12omega {\r\n        margin-bottom: 5px;\r\n    }\r\n    .h4 {\r\n        margin-bottom: 5px;\r\n        margin-top: 5px;\r\n    }\r\n    .shoe-fitguide div {\r\n        margin-bottom: 10px;\r\n }\r\n .shoe-fitguide .diagram-classic-fit, .shoe-fitguide .diagram-relaxed-fit, \r\n .shoe-fitguide .diagram-wide-fit, .shoe-fitguide .diagram-xtra-wide-fit {\r\n  max-width: 340px;\r\n }\r\n \r\n}\r\n@media screen and (max-device-width: 415px) {\r\n    .title {\r\n        margin-bottom: 5px;\r\n        font-size: 23px;\r\n    }\r\n    .fit-title{\r\n        font-size: 28px;\r\n        margin-bottom: 10px;\r\n    }\r\n    .subtitle {\r\n        margin-bottom: 10px !important;\r\n    }\r\n    .heading {\r\n        display: inline-block;\r\n        text-align: center;\r\n    }\r\n    .heading p {\r\n        display: contents;\r\n        \r\n        font-size: 14px;\r\n        float: left;\r\n    }\r\n    .heading-margin {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n}\r\n@media screen and (max-device-width: 320px) {\r\n    .title {\r\n        font-size: 21px;\r\n        margin-bottom: 5px;\r\n        }\r\n    .fit-title {\r\n        font-size: 23px;\r\n    }\r\n    }\r\n}\r\n </style>"
}