/* カスタマイズ用CSS */
.quantity-plus:hover, .quantity-minus:hover{
  cursor: pointer;
}

.quantity-minus .quantity-plus {
    background-color: #37657c;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
}
  
.rounded-button-minus {
    background-color: #fff;
    color: black;
    padding: 5px 12px;
    border: 3px solid #c9c9c9;
    border-radius: 50px;
}
.rounded-button-plus {
    background-color: #fff;
    color: black;
    padding: 5px 10px;
    border: 3px solid #c9c9c9;
    border-radius: 50px;
}
  
.add-cart{
    background-color: #c61423;
}
  
.mypageFavorite{
    .ec-modal-box {
      .ec-inlineBtn--cancel {
        background-color: #37657c;
      }
  
      .ec-inlineBtn--action {
        background-color: #c61423;
      }
    }
}

  
.orderFormAttention {
  /*
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 0;
  */
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    display: flex;
    margin-bottom: 16px;
    padding-top: 5px;
    flex-direction: row;
    align-items: center;
}
    
.js-qty-selector-input{
        margin-left: 0px;
}
    
.ec-cartRow__amountDownButton__icon_custom {
    margin: 0 2px;
    display: inline-block;
    border: 2px solid #c9c9c9;
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    cursor: pointer;
    line-height: 40px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    background: #fff;
}

.ec-cartRow__amountUpButton__icon_custom {
    margin: 0 2px;
    display: inline-block;
    border: 2px solid #c9c9c9;
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    cursor: pointer;
    line-height: 40px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    background: #fff;
}

.ec-cartRow__amountDownButton__icon_custom img , .ec-cartRow__amountUpButton__icon_custom img{
    display: block;
    margin-left: -.4em;
    width: .8em;
    height: .8em;
    position: absolute;
    top: 28%;
    left: 50%;
}

.ec-cart__amountUpDown{ 
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5px;
}

.chart-quantity-minus, .chart-quantity-plus {
  margin: 0 2px;
  display: inline-block;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 20px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff;
  padding: 5px 5px;
}

@media only screen and (max-width: 767px) { 
    .ec-headerNaviRole {
        height: 100px;
    }
    .quantity-plus{
        margin-left: 30px;
    	margin-bottom: 10px;
    }
    .quantity-minus{
        margin-left: 20px;
    	margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1030px) { 
    .quantity-plus{
        margin-left: 30px;
    	margin-bottom: 10px;
    }
    .quantity-minus{
        margin-left: 20px;
    	margin-bottom: 10px;
    }
}




/* カラーチャート用CSS */
.btn,.btn-group,.btn-group-vertical,.caret,.checkbox-inline,.radio-inline,img {
  vertical-align: middle
}

body,figure {
  margin: 0
}

.btn-group>.btn-group,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu {
  float: left
}

.MagicZoom,.btn,.magic-thumbs,.mz-figure {
  -webkit-user-select: none
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable {
  max-height: 340px
}

body,html {
  -webkit-text-size-adjust: 100%
}

.item-a-hover-text,.item-value,.ui-dialog .ui-dialog-title,.username {
  text-overflow: ellipsis
}

.pdp__tab--view-comment .pdp__tab--comment-profile .long-word-break,pre {
  word-break: break-all
}

.fa,.glyphicon,.mz-hint,.mz-loading,.ui-icon {
  -moz-osx-font-smoothing: grayscale
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display: block
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],template {
  display: none
}

a {
  background: 0 0
}

a:active,a:hover {
  outline: 0
}

b,optgroup,strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  margin: .67em 0
}

mark {
  color: #000;
  background: #ff0
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

hr {
  box-sizing: content-box;
  height: 0
}

pre,textarea {
  overflow: auto
}

code,kbd,pre,samp {
  font-size: 1em
}

button,input,optgroup,select,textarea {
  font: inherit;
  margin: 0;
  color: inherit
}

.glyphicon,address,cite {
  font-style: normal
}

button {
  overflow: visible
}

button,select {
  text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}

button[disabled],html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

table {
  border-spacing: 0;
  border-collapse: collapse
}

td,th {
  padding: 0
}

@media print {
  blockquote,img,pre,tr {
      page-break-inside: avoid
  }

  * {
      color: #000!important;
      background: 0 0!important;
      box-shadow: none!important;
      text-shadow: none!important
  }

  a,a:visited {
      text-decoration: underline
  }

  a[href]:after {
      content: " (" attr(href) ")"
  }

  abbr[title]:after {
      content: " (" attr(title) ")"
  }

  a[href^="#"]:after,a[href^="javascript:"]:after {
      content: ""
  }

  blockquote,pre {
      border: 1px solid #999
  }

  thead {
      display: table-header-group
  }

  img {
      max-width: 100%!important
  }

  h2,h3,p {
      orphans: 3;
      widows: 3
  }

  h2,h3 {
      page-break-after: avoid
  }

  select {
      background: #fff!important
  }

  .navbar {
      display: none
  }

  .table td,.table th {
      background-color: #fff!important
  }

  .btn>.caret,.dropup>.btn>.caret {
      border-top-color: #000!important
  }

  .label {
      border: 1px solid #000
  }

  .table {
      border-collapse: collapse!important
  }

  .table-bordered td,.table-bordered th {
      border: 1px solid #ddd!important
  }
}

.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning {
  background-image: none
}

.img-thumbnail,body {
  background-color: #fff
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
  font-family: "Glyphicons Halflings";
  font-weight: 400;
  line-height: 1;
  position: relative;
  top: 1px;
  display: inline-block;
  -webkit-font-smoothing: antialiased
}

.glyphicon-asterisk:before {
  content: "\2a"
}

.glyphicon-plus:before {
  content: "\2b"
}

.glyphicon-euro:before {
  content: "\20ac"
}

.glyphicon-minus:before {
  content: "\2212"
}

.glyphicon-cloud:before {
  content: "\2601"
}

.glyphicon-envelope:before {
  content: "\2709"
}

.glyphicon-pencil:before {
  content: "\270f"
}

.glyphicon-glass:before {
  content: "\e001"
}

.glyphicon-music:before {
  content: "\e002"
}

.glyphicon-search:before {
  content: "\e003"
}

.glyphicon-heart:before {
  content: "\e005"
}

.glyphicon-star:before {
  content: "\e006"
}

.glyphicon-star-empty:before {
  content: "\e007"
}

.glyphicon-user:before {
  content: "\e008"
}

.glyphicon-film:before {
  content: "\e009"
}

.glyphicon-th-large:before {
  content: "\e010"
}

.glyphicon-th:before {
  content: "\e011"
}

.glyphicon-th-list:before {
  content: "\e012"
}

.glyphicon-ok:before {
  content: "\e013"
}

.glyphicon-remove:before {
  content: "\e014"
}

.glyphicon-zoom-in:before {
  content: "\e015"
}

.glyphicon-zoom-out:before {
  content: "\e016"
}

.glyphicon-off:before {
  content: "\e017"
}

.glyphicon-signal:before {
  content: "\e018"
}

.glyphicon-cog:before {
  content: "\e019"
}

.glyphicon-trash:before {
  content: "\e020"
}

.glyphicon-home:before {
  content: "\e021"
}

.glyphicon-file:before {
  content: "\e022"
}

.glyphicon-time:before {
  content: "\e023"
}

.glyphicon-road:before {
  content: "\e024"
}

.glyphicon-download-alt:before {
  content: "\e025"
}

.glyphicon-download:before {
  content: "\e026"
}

.glyphicon-upload:before {
  content: "\e027"
}

.glyphicon-inbox:before {
  content: "\e028"
}

.glyphicon-play-circle:before {
  content: "\e029"
}

.glyphicon-repeat:before {
  content: "\e030"
}

.glyphicon-refresh:before {
  content: "\e031"
}

.glyphicon-list-alt:before {
  content: "\e032"
}

.glyphicon-lock:before {
  content: "\e033"
}

.glyphicon-flag:before {
  content: "\e034"
}

.glyphicon-headphones:before {
  content: "\e035"
}

.glyphicon-volume-off:before {
  content: "\e036"
}

.glyphicon-volume-down:before {
  content: "\e037"
}

.glyphicon-volume-up:before {
  content: "\e038"
}

.glyphicon-qrcode:before {
  content: "\e039"
}

.glyphicon-barcode:before {
  content: "\e040"
}

.glyphicon-tag:before {
  content: "\e041"
}

.glyphicon-tags:before {
  content: "\e042"
}

.glyphicon-book:before {
  content: "\e043"
}

.glyphicon-bookmark:before {
  content: "\e044"
}

.glyphicon-print:before {
  content: "\e045"
}

.glyphicon-camera:before {
  content: "\e046"
}

.glyphicon-font:before {
  content: "\e047"
}

.glyphicon-bold:before {
  content: "\e048"
}

.glyphicon-italic:before {
  content: "\e049"
}

.glyphicon-text-height:before {
  content: "\e050"
}

.glyphicon-text-width:before {
  content: "\e051"
}

.glyphicon-align-left:before {
  content: "\e052"
}

.glyphicon-align-center:before {
  content: "\e053"
}

.glyphicon-align-right:before {
  content: "\e054"
}

.glyphicon-align-justify:before {
  content: "\e055"
}

.glyphicon-list:before {
  content: "\e056"
}

.glyphicon-indent-left:before {
  content: "\e057"
}

.glyphicon-indent-right:before {
  content: "\e058"
}

.glyphicon-facetime-video:before {
  content: "\e059"
}

.glyphicon-picture:before {
  content: "\e060"
}

.glyphicon-map-marker:before {
  content: "\e062"
}

.glyphicon-adjust:before {
  content: "\e063"
}

.glyphicon-tint:before {
  content: "\e064"
}

.glyphicon-edit:before {
  content: "\e065"
}

.glyphicon-share:before {
  content: "\e066"
}

.glyphicon-check:before {
  content: "\e067"
}

.glyphicon-move:before {
  content: "\e068"
}

.glyphicon-step-backward:before {
  content: "\e069"
}

.glyphicon-fast-backward:before {
  content: "\e070"
}

.glyphicon-backward:before {
  content: "\e071"
}

.glyphicon-play:before {
  content: "\e072"
}

.glyphicon-pause:before {
  content: "\e073"
}

.glyphicon-stop:before {
  content: "\e074"
}

.glyphicon-forward:before {
  content: "\e075"
}

.glyphicon-fast-forward:before {
  content: "\e076"
}

.glyphicon-step-forward:before {
  content: "\e077"
}

.glyphicon-eject:before {
  content: "\e078"
}

.glyphicon-chevron-left:before {
  content: "\e079"
}

.glyphicon-chevron-right:before {
  content: "\e080"
}

.glyphicon-plus-sign:before {
  content: "\e081"
}

.glyphicon-minus-sign:before {
  content: "\e082"
}

.glyphicon-remove-sign:before {
  content: "\e083"
}

.glyphicon-ok-sign:before {
  content: "\e084"
}

.glyphicon-question-sign:before {
  content: "\e085"
}

.glyphicon-info-sign:before {
  content: "\e086"
}

.glyphicon-screenshot:before {
  content: "\e087"
}

.glyphicon-remove-circle:before {
  content: "\e088"
}

.glyphicon-ok-circle:before {
  content: "\e089"
}

.glyphicon-ban-circle:before {
  content: "\e090"
}

.glyphicon-arrow-left:before {
  content: "\e091"
}

.glyphicon-arrow-right:before {
  content: "\e092"
}

.glyphicon-arrow-up:before {
  content: "\e093"
}

.glyphicon-arrow-down:before {
  content: "\e094"
}

.glyphicon-share-alt:before {
  content: "\e095"
}

.glyphicon-resize-full:before {
  content: "\e096"
}

.glyphicon-resize-small:before {
  content: "\e097"
}

.glyphicon-exclamation-sign:before {
  content: "\e101"
}

.glyphicon-gift:before {
  content: "\e102"
}

.glyphicon-leaf:before {
  content: "\e103"
}

.glyphicon-fire:before {
  content: "\e104"
}

.glyphicon-eye-open:before {
  content: "\e105"
}

.glyphicon-eye-close:before {
  content: "\e106"
}

.glyphicon-warning-sign:before {
  content: "\e107"
}

.glyphicon-plane:before {
  content: "\e108"
}

.glyphicon-calendar:before {
  content: "\e109"
}

.glyphicon-random:before {
  content: "\e110"
}

.glyphicon-comment:before {
  content: "\e111"
}

.glyphicon-magnet:before {
  content: "\e112"
}

.glyphicon-chevron-up:before {
  content: "\e113"
}

.glyphicon-chevron-down:before {
  content: "\e114"
}

.glyphicon-retweet:before {
  content: "\e115"
}

.glyphicon-shopping-cart:before {
  content: "\e116"
}

.glyphicon-folder-close:before {
  content: "\e117"
}

.glyphicon-folder-open:before {
  content: "\e118"
}

.glyphicon-resize-vertical:before {
  content: "\e119"
}

.glyphicon-resize-horizontal:before {
  content: "\e120"
}

.glyphicon-hdd:before {
  content: "\e121"
}

.glyphicon-bullhorn:before {
  content: "\e122"
}

.glyphicon-bell:before {
  content: "\e123"
}

.glyphicon-certificate:before {
  content: "\e124"
}

.glyphicon-thumbs-up:before {
  content: "\e125"
}

.glyphicon-thumbs-down:before {
  content: "\e126"
}

.glyphicon-hand-right:before {
  content: "\e127"
}

.glyphicon-hand-left:before {
  content: "\e128"
}

.glyphicon-hand-up:before {
  content: "\e129"
}

.glyphicon-hand-down:before {
  content: "\e130"
}

.glyphicon-circle-arrow-right:before {
  content: "\e131"
}

.glyphicon-circle-arrow-left:before {
  content: "\e132"
}

.glyphicon-circle-arrow-up:before {
  content: "\e133"
}

.glyphicon-circle-arrow-down:before {
  content: "\e134"
}

.glyphicon-globe:before {
  content: "\e135"
}

.glyphicon-wrench:before {
  content: "\e136"
}

.glyphicon-tasks:before {
  content: "\e137"
}

.glyphicon-filter:before {
  content: "\e138"
}

.glyphicon-briefcase:before {
  content: "\e139"
}

.glyphicon-fullscreen:before {
  content: "\e140"
}

.glyphicon-dashboard:before {
  content: "\e141"
}

.glyphicon-paperclip:before {
  content: "\e142"
}

.glyphicon-heart-empty:before {
  content: "\e143"
}

.glyphicon-link:before {
  content: "\e144"
}

.glyphicon-phone:before {
  content: "\e145"
}

.glyphicon-pushpin:before {
  content: "\e146"
}

.glyphicon-usd:before {
  content: "\e148"
}

.glyphicon-gbp:before {
  content: "\e149"
}

.glyphicon-sort:before {
  content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"
}

.glyphicon-sort-by-order:before {
  content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154"
}

.glyphicon-sort-by-attributes:before {
  content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"
}

.glyphicon-unchecked:before {
  content: "\e157"
}

.glyphicon-expand:before {
  content: "\e158"
}

.glyphicon-collapse-down:before {
  content: "\e159"
}

.glyphicon-collapse-up:before {
  content: "\e160"
}

.glyphicon-log-in:before {
  content: "\e161"
}

.glyphicon-flash:before {
  content: "\e162"
}

.glyphicon-log-out:before {
  content: "\e163"
}

.glyphicon-new-window:before {
  content: "\e164"
}

.glyphicon-record:before {
  content: "\e165"
}

.glyphicon-save:before {
  content: "\e166"
}

.glyphicon-open:before {
  content: "\e167"
}

.glyphicon-saved:before {
  content: "\e168"
}

.glyphicon-import:before {
  content: "\e169"
}

.glyphicon-export:before {
  content: "\e170"
}

.glyphicon-send:before {
  content: "\e171"
}

.glyphicon-floppy-disk:before {
  content: "\e172"
}

.glyphicon-floppy-saved:before {
  content: "\e173"
}

.glyphicon-floppy-remove:before {
  content: "\e174"
}

.glyphicon-floppy-save:before {
  content: "\e175"
}

.glyphicon-floppy-open:before {
  content: "\e176"
}

.glyphicon-credit-card:before {
  content: "\e177"
}

.glyphicon-transfer:before {
  content: "\e178"
}

.glyphicon-cutlery:before {
  content: "\e179"
}

.glyphicon-header:before {
  content: "\e180"
}

.glyphicon-compressed:before {
  content: "\e181"
}

.glyphicon-earphone:before {
  content: "\e182"
}

.glyphicon-phone-alt:before {
  content: "\e183"
}

.glyphicon-tower:before {
  content: "\e184"
}

.glyphicon-stats:before {
  content: "\e185"
}

.glyphicon-sd-video:before {
  content: "\e186"
}

.glyphicon-hd-video:before {
  content: "\e187"
}

.glyphicon-subtitles:before {
  content: "\e188"
}

.glyphicon-sound-stereo:before {
  content: "\e189"
}

.glyphicon-sound-dolby:before {
  content: "\e190"
}

.glyphicon-sound-5-1:before {
  content: "\e191"
}

.glyphicon-sound-6-1:before {
  content: "\e192"
}

.glyphicon-sound-7-1:before {
  content: "\e193"
}

.glyphicon-copyright-mark:before {
  content: "\e194"
}

.glyphicon-registration-mark:before {
  content: "\e195"
}

.glyphicon-cloud-download:before {
  content: "\e197"
}

.glyphicon-cloud-upload:before {
  content: "\e198"
}

.glyphicon-tree-conifer:before {
  content: "\e199"
}

.glyphicon-tree-deciduous:before {
  content: "\e200"
}

*,:after,:before {
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

body {
  font-family: "Hiragino Kaku Gothic ProN",Meiryo,"Open Sans",Helvetica,Arial,-apple-system,blinkMacSystemFont,sans-serif;
/*
  font-size: 14px;
*/
  font-size: 10px;
  line-height: 1.42857143
}

button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img {
  display: block;
  width: 100%\9;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 8px
}

.img-thumbnail {
  line-height: 1.42857143;
  display: inline-block;
  width: 100%\9;
  max-width: 100%;
  height: auto;
  padding: 4px;
  transition: all .2s ease-in-out;
  border: 1px solid #ddd;
  border-radius: 5px
}

.img-circle {
  border-radius: 50%
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
  font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
  margin-top: 10px;
  margin-bottom: 10px
}

dl,ol,ul {
  margin-top: 0
}

.lead,address,dl {
  margin-bottom: 20px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
  font-size: 75%
}

.h1,h1 {
  font-size: 36px
}

.h2,h2 {
  font-size: 30px
}

.h3,h3 {
  font-size: 24px
}

.h4,h4 {
  font-size: 18px
}

.h5,h5 {
  font-size: 14px
}

.h6,h6 {
  font-size: 12px
}

p {
  margin: 0 0 10px
}

.lead {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4
}

address,blockquote .small,blockquote footer,blockquote small,dd,dt,pre {
  line-height: 1.42857143
}

@media (min-width: 768px) {
  .lead {
      font-size:21px
  }
}

.small,small {
  font-size: 85%
}

.mark,mark {
  padding: .2em;
  background-color: #fcf8e3
}

.list-inline,.list-unstyled {
  padding-left: 0;
  list-style: none
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

.text-muted {
  color: #777
}

.text-primary {
  color: #428bca
}

a.text-primary:hover {
  color: #3071a9
}

.text-success {
  color: #3c763d
}

a.text-success:hover {
  color: #2b542c
}

.text-info {
  color: #31708f
}

a.text-info:hover {
  color: #245269
}

.text-warning {
  color: #8a6d3b
}

a.text-warning:hover {
  color: #66512c
}

.text-danger {
  color: #a94442
}

a.text-danger:hover {
  color: #843534
}

.bg-primary {
  color: #fff;
  background-color: #428bca
}

a.bg-primary:hover {
  background-color: #3071a9
}

.bg-success {
  background-color: #dff0d8
}

a.bg-success:hover {
  background-color: #c1e2b3
}

.bg-info {
  background-color: #d9edf7
}

a.bg-info:hover {
  background-color: #afd9ee
}

.bg-warning {
  background-color: #fcf8e3
}

a.bg-warning:hover {
  background-color: #f7ecb5
}

.bg-danger {
  background-color: #f2dede
}

a.bg-danger:hover {
  background-color: #e4b9b9
}

pre code,table {
  background-color: transparent
}

.page-header {
  padding-bottom: 9px
}

ol,ul {
  margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
  margin-bottom: 0
}

.list-inline {
  margin-left: -5px
}

.list-inline>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px
}

dt {
  font-weight: 700
}

.checkbox label,.checkbox-inline,.radio label,.radio-inline {
  font-weight: 400;
  padding-left: 20px;
  cursor: pointer;
  margin-bottom: 0
}

dd {
  margin-left: 0
}

@media (min-width: 768px) {
  .dl-horizontal dt {
      float:left;
      clear: left;
      overflow: hidden;
      width: 160px;
      text-align: right;
      white-space: nowrap;
      text-overflow: ellipsis
  }

  .dl-horizontal dd {
      margin-left: 180px
  }

  .container {
      width: 100%
  }
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.cart__total:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.quick__order__heading:after,.row:after,.tabs .tabs-list:after,.ui-helper-clearfix:after {
  clear: both
}

abbr[data-original-title],abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  font-size: 17.5px;
  margin: 0 0 20px;
  padding: 10px 20px;
  border-left: 5px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
  margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
  font-size: 80%;
  display: block;
  color: #777
}

legend,pre {
  display: block;
  color: #333
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
  content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0
}

code,kbd {
  font-size: 90%;
  padding: 2px 4px
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
  content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
  content: "\00A0 \2014"
}

blockquote:after,blockquote:before {
  content: ""
}

code,kbd,pre,samp {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
  color: #c7254e;
  border-radius: 5px;
  background-color: #f9f2f4
}

kbd {
  color: #fff;
  border-radius: 4px;
  background-color: #333;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
  font-size: 100%;
  padding: 0;
  box-shadow: none
}

pre {
  font-size: 13px;
  margin: 0 0 10px;
  padding: 9.5px;
  word-wrap: break-word;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f5f5f5
}

.container,.container-fluid {
  margin-right: auto;
  margin-left: auto
}

pre code {
  font-size: inherit;
  padding: 0;
  white-space: pre-wrap;
  color: inherit;
  border-radius: 0
}

.container,.container-fluid {
  padding-right: 15px;
  padding-left: 15px
}

.pre-scrollable {
  overflow-y: scroll
}

@media (min-width: 1024px) {
  .container {
      width:1024px
  }
}

@media (min-width: 1200px) {
  .container {
      width:1200px
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0
}

@media (min-width: 768px) {
  .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
      float:left
  }

  .col-sm-12 {
      width: 100%
  }

  .col-sm-11 {
      width: 91.66666667%
  }

  .col-sm-10 {
      width: 83.33333333%
  }

  .col-sm-9 {
      width: 75%
  }

  .col-sm-8 {
      width: 66.66666667%
  }

  .col-sm-7 {
      width: 58.33333333%
  }

  .col-sm-6 {
      width: 50%
  }

  .col-sm-5 {
      width: 41.66666667%
  }

  .col-sm-4 {
      width: 33.33333333%
  }

  .col-sm-3 {
      width: 25%
  }

  .col-sm-2 {
      width: 16.66666667%
  }

  .col-sm-1 {
      width: 8.33333333%
  }

  .col-sm-pull-12 {
      right: 100%
  }

  .col-sm-pull-11 {
      right: 91.66666667%
  }

  .col-sm-pull-10 {
      right: 83.33333333%
  }

  .col-sm-pull-9 {
      right: 75%
  }

  .col-sm-pull-8 {
      right: 66.66666667%
  }

  .col-sm-pull-7 {
      right: 58.33333333%
  }

  .col-sm-pull-6 {
      right: 50%
  }

  .col-sm-pull-5 {
      right: 41.66666667%
  }

  .col-sm-pull-4 {
      right: 33.33333333%
  }

  .col-sm-pull-3 {
      right: 25%
  }

  .col-sm-pull-2 {
      right: 16.66666667%
  }

  .col-sm-pull-1 {
      right: 8.33333333%
  }

  .col-sm-pull-0 {
      right: auto
  }

  .col-sm-push-12 {
      left: 100%
  }

  .col-sm-push-11 {
      left: 91.66666667%
  }

  .col-sm-push-10 {
      left: 83.33333333%
  }

  .col-sm-push-9 {
      left: 75%
  }

  .col-sm-push-8 {
      left: 66.66666667%
  }

  .col-sm-push-7 {
      left: 58.33333333%
  }

  .col-sm-push-6 {
      left: 50%
  }

  .col-sm-push-5 {
      left: 41.66666667%
  }

  .col-sm-push-4 {
      left: 33.33333333%
  }

  .col-sm-push-3 {
      left: 25%
  }

  .col-sm-push-2 {
      left: 16.66666667%
  }

  .col-sm-push-1 {
      left: 8.33333333%
  }

  .col-sm-push-0 {
      left: auto
  }

  .col-sm-offset-12 {
      margin-left: 100%
  }

  .col-sm-offset-11 {
      margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
      margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
      margin-left: 75%
  }

  .col-sm-offset-8 {
      margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
      margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
      margin-left: 50%
  }

  .col-sm-offset-5 {
      margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
      margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
      margin-left: 25%
  }

  .col-sm-offset-2 {
      margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
      margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
      margin-left: 0
  }
}

@media (min-width: 1024px) {
  .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
      float:left
  }

  .col-md-12 {
      width: 100%
  }

  .col-md-11 {
      width: 91.66666667%
  }

  .col-md-10 {
      width: 83.33333333%
  }

  .col-md-9 {
      width: 75%
  }

  .col-md-8 {
      width: 66.66666667%
  }

  .col-md-7 {
      width: 58.33333333%
  }

  .col-md-6 {
      width: 50%
  }

  .col-md-5 {
      width: 41.66666667%
  }

  .col-md-4 {
      width: 33.33333333%
  }

  .col-md-3 {
      width: 25%
  }

  .col-md-2 {
      width: 16.66666667%
  }

  .col-md-1 {
      width: 8.33333333%
  }

  .col-md-pull-12 {
      right: 100%
  }

  .col-md-pull-11 {
      right: 91.66666667%
  }

  .col-md-pull-10 {
      right: 83.33333333%
  }

  .col-md-pull-9 {
      right: 75%
  }

  .col-md-pull-8 {
      right: 66.66666667%
  }

  .col-md-pull-7 {
      right: 58.33333333%
  }

  .col-md-pull-6 {
      right: 50%
  }

  .col-md-pull-5 {
      right: 41.66666667%
  }

  .col-md-pull-4 {
      right: 33.33333333%
  }

  .col-md-pull-3 {
      right: 25%
  }

  .col-md-pull-2 {
      right: 16.66666667%
  }

  .col-md-pull-1 {
      right: 8.33333333%
  }

  .col-md-pull-0 {
      right: auto
  }

  .col-md-push-12 {
      left: 100%
  }

  .col-md-push-11 {
      left: 91.66666667%
  }

  .col-md-push-10 {
      left: 83.33333333%
  }

  .col-md-push-9 {
      left: 75%
  }

  .col-md-push-8 {
      left: 66.66666667%
  }

  .col-md-push-7 {
      left: 58.33333333%
  }

  .col-md-push-6 {
      left: 50%
  }

  .col-md-push-5 {
      left: 41.66666667%
  }

  .col-md-push-4 {
      left: 33.33333333%
  }

  .col-md-push-3 {
      left: 25%
  }

  .col-md-push-2 {
      left: 16.66666667%
  }

  .col-md-push-1 {
      left: 8.33333333%
  }

  .col-md-push-0 {
      left: auto
  }

  .col-md-offset-12 {
      margin-left: 100%
  }

  .col-md-offset-11 {
      margin-left: 91.66666667%
  }

  .col-md-offset-10 {
      margin-left: 83.33333333%
  }

  .col-md-offset-9 {
      margin-left: 75%
  }

  .col-md-offset-8 {
      margin-left: 66.66666667%
  }

  .col-md-offset-7 {
      margin-left: 58.33333333%
  }

  .col-md-offset-6 {
      margin-left: 50%
  }

  .col-md-offset-5 {
      margin-left: 41.66666667%
  }

  .col-md-offset-4 {
      margin-left: 33.33333333%
  }

  .col-md-offset-3 {
      margin-left: 25%
  }

  .col-md-offset-2 {
      margin-left: 16.66666667%
  }

  .col-md-offset-1 {
      margin-left: 8.33333333%
  }

  .col-md-offset-0 {
      margin-left: 0
  }
}

@media (min-width: 1200px) {
  .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
      float:left
  }

  .col-lg-12 {
      width: 100%
  }

  .col-lg-11 {
      width: 91.66666667%
  }

  .col-lg-10 {
      width: 83.33333333%
  }

  .col-lg-9 {
      width: 75%
  }

  .col-lg-8 {
      width: 66.66666667%
  }

  .col-lg-7 {
      width: 58.33333333%
  }

  .col-lg-6 {
      width: 50%
  }

  .col-lg-5 {
      width: 41.66666667%
  }

  .col-lg-4 {
      width: 33.33333333%
  }

  .col-lg-3 {
      width: 25%
  }

  .col-lg-2 {
      width: 16.66666667%
  }

  .col-lg-1 {
      width: 8.33333333%
  }

  .col-lg-pull-12 {
      right: 100%
  }

  .col-lg-pull-11 {
      right: 91.66666667%
  }

  .col-lg-pull-10 {
      right: 83.33333333%
  }

  .col-lg-pull-9 {
      right: 75%
  }

  .col-lg-pull-8 {
      right: 66.66666667%
  }

  .col-lg-pull-7 {
      right: 58.33333333%
  }

  .col-lg-pull-6 {
      right: 50%
  }

  .col-lg-pull-5 {
      right: 41.66666667%
  }

  .col-lg-pull-4 {
      right: 33.33333333%
  }

  .col-lg-pull-3 {
      right: 25%
  }

  .col-lg-pull-2 {
      right: 16.66666667%
  }

  .col-lg-pull-1 {
      right: 8.33333333%
  }

  .col-lg-pull-0 {
      right: auto
  }

  .col-lg-push-12 {
      left: 100%
  }

  .col-lg-push-11 {
      left: 91.66666667%
  }

  .col-lg-push-10 {
      left: 83.33333333%
  }

  .col-lg-push-9 {
      left: 75%
  }

  .col-lg-push-8 {
      left: 66.66666667%
  }

  .col-lg-push-7 {
      left: 58.33333333%
  }

  .col-lg-push-6 {
      left: 50%
  }

  .col-lg-push-5 {
      left: 41.66666667%
  }

  .col-lg-push-4 {
      left: 33.33333333%
  }

  .col-lg-push-3 {
      left: 25%
  }

  .col-lg-push-2 {
      left: 16.66666667%
  }

  .col-lg-push-1 {
      left: 8.33333333%
  }

  .col-lg-push-0 {
      left: auto
  }

  .col-lg-offset-12 {
      margin-left: 100%
  }

  .col-lg-offset-11 {
      margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
      margin-left: 83.33333333%
  }

  .col-lg-offset-9 {
      margin-left: 75%
  }

  .col-lg-offset-8 {
      margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
      margin-left: 58.33333333%
  }

  .col-lg-offset-6 {
      margin-left: 50%
  }

  .col-lg-offset-5 {
      margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
      margin-left: 33.33333333%
  }

  .col-lg-offset-3 {
      margin-left: 25%
  }

  .col-lg-offset-2 {
      margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
      margin-left: 8.33333333%
  }

  .col-lg-offset-0 {
      margin-left: 0
  }
}

th {
  text-align: left
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
  line-height: 1.42857143;
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
  border-top: 0
}

.table>tbody+tbody {
  border-top: 2px solid #ddd
}

.table .table {
  background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
  padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
  border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
  border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
  background-color: #f5f5f5
}

table col[class*=col-] {
  position: static;
  display: table-column;
  float: none
}

table td[class*=col-],table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
  background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
  background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
  background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
  background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
  background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
  background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
  background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
  background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
  background-color: #ebcccc
}

@media screen and (max-width: 767px) {
  .table-responsive {
      overflow-x:auto;
      overflow-y: hidden;
      width: 100%;
      margin-bottom: 15px;
      border: 1px solid #ddd;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -webkit-overflow-scrolling: touch
  }

  .table-responsive>.table {
      margin-bottom: 0
  }

  .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
      white-space: nowrap
  }

  .table-responsive>.table-bordered {
      border: 0
  }

  .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
      border-left: 0
  }

  .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
      border-right: 0
  }

  .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
      border-bottom: 0
  }
}

fieldset,legend {
  padding: 0;
  border: 0
}

fieldset {
  min-width: 0;
  margin: 0
}

legend {
  line-height: inherit;
  width: 100%
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none
}

input[type=checkbox],input[type=radio] {
  line-height: normal;
  margin: 4px 0 0;
  margin-top: 1px\9
}

input[type=file] {
  display: block
}

input[type=range] {
  display: block;
  width: 100%
}

select[multiple],select[size] {
  height: auto
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

.form-control {
  line-height: 1.42857143;
  display: block;
  width: 100%;
  height: 30px;
  padding: 6px 12px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  color: #111;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff
}

.form-control::-moz-placeholder {
  opacity: 1;
  color: #777
}

.form-control:-ms-input-placeholder {
  color: #777
}

.form-control::-webkit-input-placeholder {
  color: #777
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline {
  color: #3c763d
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
  cursor: not-allowed;
  opacity: 1;
  background-color: #eee
}

textarea.form-control {
  height: auto
}

input[type=date],input[type=date].input-sm,input[type=time],input[type=time].input-sm,input[type=datetime-local],input[type=datetime-local].input-sm,input[type=month],input[type=month].input-sm {
  line-height: 30px
}

input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
  line-height: 40px
}

.form-group {
  margin-bottom: 15px
}

.checkbox,.radio {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
  margin-top: -5px
}

.checkbox-inline,.radio-inline {
  display: inline-block
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
  margin-top: 0;
  margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
  cursor: not-allowed
}

.form-control-static {
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px
}

.form-control-static.input-lg,.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0
}

.form-horizontal .form-group-sm .form-control,.input-sm {
  font-size: 12px;
  line-height: 1.5;
  height: 30px;
  padding: 5px 10px;
  border-radius: 4px
}

select.input-sm {
  line-height: 30px;
  height: 30px
}

select[multiple].input-sm,textarea.input-sm {
  height: auto
}

.form-horizontal .form-group-lg .form-control,.input-lg {
  font-size: 18px;
  line-height: 1.33;
  height: 40px;
  padding: 10px 16px;
  border-radius: 8px
}

select.input-lg {
  line-height: 40px;
  height: 40px
}

select[multiple].input-lg,textarea.input-lg {
  height: auto
}

.has-feedback {
  position: relative
}

.has-feedback .form-control {
  padding-right: 37.5px
}

.form-control-feedback {
  line-height: 30px;
  position: absolute;
  z-index: 2;
  top: 25px;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center
}

.collapsing,.dropdown {
  position: relative
}

.input-lg+.form-control-feedback {
  line-height: 40px;
  width: 40px;
  height: 40px
}

.input-sm+.form-control-feedback {
  line-height: 30px;
  width: 30px;
  height: 30px
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline {
  color: #8a6d3b
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline {
  color: #a94442
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #515151
}

@media (min-width: 768px) {
  .form-inline .control-label,.form-inline .form-group {
      margin-bottom:0;
      vertical-align: middle
  }

  .form-inline .form-group {
      display: inline-block
  }

  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }

  .form-inline .input-group {
      display: inline-table;
      vertical-align: middle
  }

  .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
      width: auto
  }

  .form-inline .input-group>.form-control {
      width: 100%
  }

  .form-inline .checkbox,.form-inline .radio {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle
  }

  .form-inline .checkbox label,.form-inline .radio label {
      padding-left: 0
  }

  .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
      position: relative;
      margin-left: 0
  }

  .form-inline .has-feedback .form-control-feedback {
      top: 0
  }

  .form-horizontal .control-label {
      margin-bottom: 0;
      padding-top: 7px;
      text-align: right
  }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
  min-height: 27px
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px
}

.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
      padding-top:14.3px
  }

  .form-horizontal .form-group-sm .control-label {
      padding-top: 6px
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent
}

.MagicZoom,.magic-thumbs,.mz-figure {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.btn.active:focus,.btn:active:focus,.btn:focus {
  outline-offset: -2px
}

.btn:focus,.btn:hover {
  text-decoration: none;
  color: #111
}

.btn.active,.btn:active {
  outline: 0
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  box-shadow: none;
  filter: alpha(opacity=65)
}

.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
  color: #111;
  border-color: #c1c1c1;
  background-color: #e6e6e6
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
  color: #fff;
  border-color: #001429;
  background-color: #001933
}

.btn-success {
  color: #fff;
  border-color: #4cae4c;
  background-color: #5cb85c
}

.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success {
  color: #fff;
  border-color: #398439;
  background-color: #449d44
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
  background-image: none
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
  border-color: #4cae4c;
  background-color: #5cb85c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.btn-info {
  color: #fff;
  border-color: #46b8da;
  background-color: #5bc0de
}

.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info {
  color: #fff;
  border-color: #269abc;
  background-color: #31b0d5
}

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
  border-color: #46b8da;
  background-color: #5bc0de
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  border-color: #eea236;
  background-color: #f0ad4e
}

.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
  color: #fff;
  border-color: #d58512;
  background-color: #ec971f
}

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
  border-color: #eea236;
  background-color: #f0ad4e
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

.btn-danger {
  color: #fff;
  border-color: #d43f3a;
  background-color: #d9534f
}

.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
  color: #fff;
  border-color: #ac2925;
  background-color: #c9302c
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
  border-color: #d43f3a;
  background-color: #d9534f
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.btn-link {
  cursor: pointer;
  color: #428bca;
  border-radius: 0
}

.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
  border-color: transparent
}

.btn-link:focus,.btn-link:hover {
  text-decoration: underline;
  color: #2a6496;
  background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
  text-decoration: none;
  color: #777
}

.btn-group-lg>.btn,.btn-lg {
  font-size: 18px;
  line-height: 1.33;
  padding: 10px 16px;
  border-radius: 8px
}

.btn-group-sm>.btn,.btn-sm {
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 4px
}

.btn-group-xs>.btn,.btn-xs {
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 5px;
  border-radius: 4px
}

.btn-block {
  display: block;
  width: 100%
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
  width: 100%
}

.fade {
  transition: opacity .15s linear;
  opacity: 0
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

tr.collapse.in {
  display: table-row
}

tbody.collapse.in {
  display: table-row-group
}

.collapsing {
  overflow: hidden;
  height: 0;
  transition: height .35s ease
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  font-size: 14px;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  display: none;
  min-width: 160px;
  margin: 2px 0 0;
  padding: 5px 0;
  list-style: none;
  text-align: left;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 5px;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu-right,.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.dropdown-menu .divider {
  overflow: hidden;
  height: 1px;
  margin: 9px 0;
  background-color: #e5e5e5
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
  text-decoration: none;
  color: #fff;
  outline: 0;
  background-color: #428bca
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
  color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
  cursor: not-allowed;
  text-decoration: none;
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-left {
  right: auto;
  left: 0
}

.dropdown-header {
  font-size: 12px;
  line-height: 1.42857143;
  display: block;
  padding: 3px 20px;
  white-space: nowrap;
  color: #777
}

.dropdown-backdrop {
  position: fixed;
  z-index: 990;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
      right:0;
      left: auto
  }

  .navbar-right .dropdown-menu-left {
      right: auto;
      left: 0
  }
}

.btn-group,.btn-group-vertical {
  position: relative;
  display: inline-block
}

.btn-group-vertical>.btn,.btn-group>.btn {
  position: relative;
  float: left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
  z-index: 2
}

.btn-group-vertical>.btn:focus,.btn-group>.btn:focus {
  outline: 0
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar {
  margin-left: -5px
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
  margin-left: 5px
}

.btn .caret,.btn-group>.btn:first-child {
  margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
  outline: 0
}

.btn-group>.btn+.dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none
}

.btn-lg .caret {
  border-width: 5px 5px 0
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
  float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
  display: table-cell;
  float: none;
  width: 1%
}

.btn-group-justified>.btn-group .btn {
  width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
  left: auto
}

[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0)
}

.input-group,.input-group-btn,.input-group-btn>.btn {
  position: relative
}

.input-group {
  display: table;
  border-collapse: separate
}

.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}

.input-group-mb {
  width: 99%;
  padding-right: 5px;
  padding-left: 8px
}

.input-group-mb .js-site-search-input {
  border-top-left-radius: 5px!important;
  border-bottom-left-radius: 5px!important
}

.nopadding {
  margin: 0!important;
  padding: 0!important
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group,.input-group-btn>.btn+.btn {
  margin-left: -1px
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
  font-size: 18px;
  line-height: 1.33;
  height: 40px;
  padding: 10px 16px;
  border-radius: 8px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
  line-height: 40px;
  height: 40px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
  height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
  font-size: 12px;
  line-height: 1.5;
  height: 30px;
  padding: 5px 10px;
  border-radius: 4px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
  line-height: 30px;
  height: 30px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
  height: auto
}

.input-group .form-control,.input-group-addon,.input-group-btn {
  display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group-addon,.input-group-btn {
  width: 1%;
  vertical-align: middle;
  white-space: nowrap
}

.input-group-addon {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
  color: #111;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #eee
}

.input-group-addon.input-sm {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 4px
}

.input-group-addon.input-lg {
  font-size: 18px;
  padding: 10px 16px;
  border-radius: 8px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
  margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group-addon:first-child {
  border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group-addon:last-child {
  border-left: 0
}

.input-group-btn {
  font-size: 0;
  white-space: nowrap
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
  z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
  margin-right: -1px
}

.input-group-btn-mb {
  position: absolute;
  right: 0;
  display: table-cell;
  width: 32px;
  margin-right: -3px
}

.nav>li,.nav>li>a {
  display: block;
  position: relative
}

@media (max-width: 1023px) {
  .modal-header .js-mobile-search-box .ui-historycomplete {
      top:109px!important
  }

  .modal-header .js-mobile-search-box .search-hide-radio-btn .ui-historycomplete {
      top: 77px!important
  }

  .modal-header .js-mobile-search-box .global-search-section .radio {
      margin-top: 0;
      margin-bottom: 10px;
      text-align: left
  }

  .modal-header .js-mobile-search-box .global-search-section .member-type-radio>label {
      font-size: 10px;
      height: auto!important
  }
}

.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media (max-width: 320px) {
  .modal-header .js-mobile-search-box .global-search-section .radio {
      padding-right:0;
      padding-left: 40px;
      text-align: left;
      margin: 0 -30px 10px
  }

  .modal-header .js-mobile-search-box .global-search-section .member-type-radio>label {
      font-size: 10px!important;
      height: auto!important;
      margin-left: -24px
  }

  .button__link-xs .global-search-section .radio .radio-label {
      font-size: 10px
  }
}

@media (max-width: 1023px) {
  .button__link-xs .global-search-section .radio .radio-label {
      font-size:10px
  }

  .header--middle .global-search-section {
      padding: 0
  }

  .header--middle .global-search-section .radio {
      margin-top: 0;
      margin-bottom: 10px;
      text-align: left
  }

  .header--middle .global-search-section .member-type-radio>label {
      height: auto!important
  }
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav>li>a {
  padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
  text-decoration: none;
  background-color: #eee
}

.nav>li.disabled>a {
  color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
  cursor: not-allowed;
  text-decoration: none;
  color: #777;
  background-color: transparent
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
  border-color: #428bca;
  background-color: #eee
}

.nav .nav-divider {
  overflow: hidden;
  height: 1px;
  margin: 9px 0;
  background-color: #e5e5e5
}

.nav>li>a>img {
  max-width: none
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px
}

.nav-tabs>li>a {
  line-height: 1.42857143;
  margin-right: 2px;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0
}

.nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
  cursor: default;
  color: #111;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  background-color: #fff
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0
}

.nav-tabs.nav-justified>li {
  float: none
}

.nav-tabs.nav-justified>li>a {
  margin-bottom: 5px;
  text-align: center;
  margin-right: 0;
  border-radius: 5px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
  border: 1px solid #ddd
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified>li {
      display:table-cell;
      width: 1%
  }

  .nav-tabs.nav-justified>li>a {
      margin-bottom: 0;
      border-bottom: 1px solid #ddd;
      border-radius: 5px 5px 0 0
  }

  .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
      border-bottom-color: #fff
  }
}

.nav-pills>li {
  float: left
}

.nav-justified>li,.nav-stacked>li {
  float: none
}

.nav-pills>li>a {
  border-radius: 5px
}

.nav-pills>li+li {
  margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #428bca
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0
}

.nav-justified {
  width: 100%
}

.nav-justified>li>a {
  margin-bottom: 5px;
  text-align: center
}

.nav-tabs-justified {
  border-bottom: 0
}

.nav-tabs-justified>li>a {
  margin-right: 0;
  border-radius: 5px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
  border: 1px solid #ddd
}

@media (min-width: 768px) {
  .nav-justified>li {
      display:table-cell;
      width: 1%
  }

  .nav-justified>li>a {
      margin-bottom: 0
  }

  .nav-tabs-justified>li>a {
      border-bottom: 1px solid #ddd;
      border-radius: 5px 5px 0 0
  }

  .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
      border-bottom-color: #fff
  }
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
  overflow-y: auto
}

@media (min-width: 768px) {
  .navbar {
      border-radius:5px
  }

  .navbar-header {
      float: left
  }

  .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none
  }

  .navbar-collapse.collapse {
      display: block!important;
      overflow: visible!important;
      height: auto!important;
      padding-bottom: 0
  }

  .navbar-collapse.in {
      overflow-y: visible
  }

  .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
      padding-right: 0;
      padding-left: 0
  }
}

.carousel-inner,.embed-responsive,.modal,.modal-open,.progress,.sr-only {
  overflow: hidden
}

@media (max-width: 480px) and (orientation:landscape) {
  .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
      max-height:200px
  }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
  margin-right: -15px;
  margin-left: -15px
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

.navbar-fixed-bottom,.navbar-fixed-top {
  position: fixed;
  z-index: 1030;
  right: 0;
  left: 0;
  transform: translate3d(0,0,0)
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  font-size: 18px;
  line-height: 20px;
  float: left;
  height: 50px;
  padding: 15px
}

.navbar-brand:focus,.navbar-brand:hover {
  text-decoration: none
}

@media (min-width: 768px) {
  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
      margin-right:0;
      margin-left: 0
  }

  .navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top {
      border-radius: 0
  }

  .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
      margin-left: -15px
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: transparent
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

.navbar-nav {
  margin: 7.5px -15px
}

.navbar-nav>li>a {
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
      position:static;
      float: none;
      width: auto;
      margin-top: 0;
      border: 0;
      background-color: transparent;
      box-shadow: none
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
      padding: 5px 15px 5px 25px
  }

  .navbar-nav .open .dropdown-menu>li>a {
      line-height: 20px
  }

  .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
      background-image: none
  }
}

@media (min-width: 768px) {
  .navbar-toggle {
      display:none
  }

  .navbar-nav {
      float: left;
      margin: 0
  }

  .navbar-nav>li {
      float: left
  }

  .navbar-nav>li>a {
      padding-top: 15px;
      padding-bottom: 15px
  }

  .navbar-nav.navbar-right:last-child {
      margin-right: -15px
  }

  .navbar-left {
      float: left!important;
      float: left
  }

  .navbar-right {
      float: right!important;
      float: right
  }
}

.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  margin: 10px -15px
}

@media (min-width: 768px) {
  .navbar-form .control-label,.navbar-form .form-group {
      margin-bottom:0;
      vertical-align: middle
  }

  .navbar-form .form-group {
      display: inline-block
  }

  .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }

  .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle
  }

  .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
      width: auto
  }

  .navbar-form .input-group>.form-control {
      width: 100%
  }

  .navbar-form .checkbox,.navbar-form .radio {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle
  }

  .navbar-form .checkbox label,.navbar-form .radio label {
      padding-left: 0
  }

  .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
      position: relative;
      margin-left: 0
  }

  .navbar-form .has-feedback .form-control-feedback {
      top: 0
  }

  .navbar-form {
      width: auto;
      margin-right: 0;
      margin-left: 0;
      padding-top: 0;
      padding-bottom: 0;
      border: 0;
      box-shadow: none
  }

  .navbar-form.navbar-right:last-child {
      margin-right: -15px
  }
}

.breadcrumb>li,.pagination {
  display: inline-block
}

.badge,.label {
  font-weight: 700;
  vertical-align: baseline;
  white-space: nowrap
}

.btn .badge,.btn .label {
  top: -1px;
  position: relative
}

@media (max-width: 767px) {
  .navbar-form .form-group {
      margin-bottom:5px
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.navbar-btn,.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px
}

@media (min-width: 768px) {
  .navbar-text {
      float:left;
      margin-right: 15px;
      margin-left: 15px
  }

  .navbar-text.navbar-right:last-child {
      margin-right: 0
  }
}

.navbar-default {
  border-color: #e7e7e7;
  background-color: #f8f8f8
}

.navbar-default .navbar-brand {
  color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
  color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
  color: #333;
  background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
  color: #ccc;
  background-color: transparent
}

.navbar-default .navbar-toggle {
  border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
  background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
  border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
  color: #555;
  background-color: #e7e7e7
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color:#777
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
      color: #333;
      background-color: transparent
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
      color: #555;
      background-color: #e7e7e7
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
      color: #ccc;
      background-color: transparent
  }
}

.navbar-default .navbar-link {
  color: #777
}

.navbar-default .navbar-link:hover {
  color: #333
}

.navbar-default .btn-link {
  color: #777
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
  color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc
}

.navbar-inverse {
  border-color: #080808;
  background-color: #222
}

.navbar-inverse .navbar-brand {
  color: #777
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
  color: #777
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
  color: #444;
  background-color: transparent
}

.navbar-inverse .navbar-toggle {
  border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
  background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
  border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
  color: #fff;
  background-color: #080808
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
      border-color:#080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
      color: #777
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
      color: #fff;
      background-color: transparent
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
      color: #fff;
      background-color: #080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
      color: #444;
      background-color: transparent
  }
}

.navbar-inverse .navbar-link {
  color: #777
}

.navbar-inverse .navbar-link:hover {
  color: #fff
}

.navbar-inverse .btn-link {
  color: #777
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
  color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444
}

.breadcrumb {
  margin-bottom: 20px;
  padding: 8px 15px;
  list-style: none;
  border-radius: 5px;
  background-color: #f5f5f5
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  content: "/\00a0";
  color: #ccc
}

.breadcrumb>.active {
  color: #777
}

.pagination {
  padding-left: 0;
  border-radius: 5px
}

.pagination>li>a,.pagination>li>span {
  margin-left: -1px;
  text-decoration: none;
  background-color: #fff
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
  margin-left: 0
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
  color: #3d9ed1;
  border-color: #ddd;
  background-color: transparent
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
  z-index: 2;
  cursor: default
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
  cursor: not-allowed;
  color: #ccc;
  border-color: #ddd;
  background-color: #fff
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}

.pagination-lg>li>a,.pagination-lg>li>span {
  font-size: 18px;
  line-height: 10px;
  width: 16px;
  height: 10px;
  padding: 0;
  text-align: center
}

.pagination-lg>li.pagination-prev>a,.pagination-lg>li.pagination-prev>span {
  width: 24px;
  margin-right: 5.33px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.pagination-lg>li.pagination-next>a,.pagination-lg>li.pagination-next>span {
  width: 24px;
  margin-left: 5.33px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.pagination-sm>li>a,.pagination-sm>li>span {
  font-size: 12px;
  line-height: 5px;
  width: 10px;
  height: 5px;
  padding: 0;
  text-align: center
}

.pagination-sm>li.pagination-prev>a,.pagination-sm>li.pagination-prev>span {
  width: 14px;
  margin-right: 3.33px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.pagination-sm>li.pagination-next>a,.pagination-sm>li.pagination-next>span {
  width: 14px;
  margin-left: 3.33px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.pager {
  margin: 20px 0;
  padding-left: 0;
  list-style: none;
  text-align: center
}

.pager li {
  display: inline
}

.pager li>a,.pager li>span {
  display: inline-block;
  padding: 5px 14px;
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #fff
}

.pager li>a:focus,.pager li>a:hover {
  text-decoration: none;
  background-color: transparent
}

.pager .next>a,.pager .next>span {
  float: right
}

.pager .previous>a,.pager .previous>span {
  float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
  cursor: not-allowed;
  color: #ccc;
  background-color: #fff
}

.label {
  font-size: 75%;
  line-height: 1;
  display: inline;
  padding: .2em .6em .3em;
  text-align: center;
  color: #111;
  border-radius: .25em
}

a.badge:focus,a.badge:hover,a.label:focus,a.label:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none
}

.label:empty {
  display: none
}

.label-default {
  background-color: #777
}

.label-default[href]:focus,.label-default[href]:hover {
  background-color: #5e5e5e
}

.label-primary {
  background-color: #428bca
}

.label-primary[href]:focus,.label-primary[href]:hover {
  background-color: #3071a9
}

.label-success {
  background-color: #5cb85c
}

.label-success[href]:focus,.label-success[href]:hover {
  background-color: #449d44
}

.label-info {
  background-color: #5bc0de
}

.label-info[href]:focus,.label-info[href]:hover {
  background-color: #31b0d5
}

.label-warning {
  background-color: #f0ad4e
}

.label-warning[href]:focus,.label-warning[href]:hover {
  background-color: #ec971f
}

.label-danger {
  background-color: #d9534f
}

.label-danger[href]:focus,.label-danger[href]:hover {
  background-color: #c9302c
}

.badge {
  display: inline-block
}

.badge:empty {
  display: none
}

.list-group-item,.media-object,.thumbnail {
  display: block
}

.btn-xs .badge {
  top: 0;
  padding: 1px 5px
}

.nav-pills>.active>a>.badge,a.list-group-item.active>.badge {
  color: #428bca;
  background-color: #fff
}

.jumbotron,.jumbotron .h1,.jumbotron h1 {
  color: inherit
}

.nav-pills>li>a>.badge {
  margin-left: 3px
}

.jumbotron {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #eee
}

.jumbotron p {
  font-size: 21px;
  font-weight: 200;
  margin-bottom: 15px
}

.alert,.thumbnail {
  margin-bottom: 20px
}

.jumbotron>hr {
  border-top-color: #d5d5d5
}

.container .jumbotron {
  border-radius: 8px
}

.jumbotron .container {
  max-width: 100%
}

@media screen and (min-width: 768px) {
  .jumbotron {
      padding-top:48px;
      padding-bottom: 48px
  }

  .container .jumbotron {
      padding-right: 60px;
      padding-left: 60px
  }

  .jumbotron .h1,.jumbotron h1 {
      font-size: 63px
  }
}

.thumbnail {
  line-height: 1.42857143;
  padding: 4px;
  transition: all .2s ease-in-out;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff
}

.thumbnail a>img,.thumbnail>img {
  margin-right: auto;
  margin-left: auto
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
  border-color: #428bca
}

.thumbnail .caption {
  padding: 9px;
  color: #111
}

.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 5px
}

.alert h4 {
  margin-top: 0;
  color: inherit
}

.alert .alert-link {
  font-weight: 700
}

.alert>p,.alert>ul {
  margin-bottom: 0
}

.alert>p+p {
  margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
  padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
  position: relative;
  top: -2px;
  color: inherit
}

.alert-success {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8
}

.alert-success hr {
  border-top-color: #c9e2b3
}

.alert-success .alert-link {
  color: #2b542c
}

.alert-info {
  color: #31708f;
  border-color: #bce8f1;
  background-color: #d9edf7
}

.alert-info hr {
  border-top-color: #a6e1ec
}

.alert-info .alert-link {
  color: #245269
}

.alert-warning {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3
}

.alert-warning hr {
  border-top-color: #f7e1b5
}

.alert-warning .alert-link {
  color: #66512c
}

.alert-danger {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede
}

.alert-danger hr {
  border-top-color: #e4b9c0
}

.alert-danger .alert-link {
  color: #843534
}

@keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }

  to {
      background-position: 0 0
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #f5f5f5;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
  font-size: 12px;
  line-height: 20px;
  float: left;
  width: 0;
  height: 100%;
  transition: width .6s ease;
  text-align: center;
  color: #fff;
  background-color: #428bca;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15)
}

.close,.list-group-item>.badge {
  float: right
}

.progress-bar-striped,.progress-striped .progress-bar {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
  animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {
  min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
  min-width: 30px;
  color: #777;
  background-color: transparent;
  background-image: none;
  box-shadow: none
}

.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-success {
  background-color: #5cb85c
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-bar-danger {
  background-color: #d9534f
}

.media,.media-body {
  overflow: hidden;
  zoom:1}

.media,.media .media {
  margin-top: 15px
}

.media:first-child {
  margin-top: 0
}

.media-heading {
  margin: 0 0 5px
}

.media>.pull-left {
  margin-right: 10px
}

.media>.pull-right {
  margin-left: 10px
}

.media-list {
  padding-left: 0;
  list-style: none
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0
}

.list-group-item {
  position: relative;
  margin-bottom: -1px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  background-color: #fff
}

.list-group-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.list-group-item>.badge+.badge {
  margin-right: 5px
}

a.list-group-item {
  color: #555
}

a.list-group-item .list-group-item-heading {
  color: #333
}

a.list-group-item:focus,a.list-group-item:hover {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
  color: #777;
  background-color: #eee
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
  color: #777
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  border-color: #428bca;
  background-color: #428bca
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
  color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
  color: #e1edf7
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8
}

a.list-group-item-success {
  color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
  color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover {
  color: #fff;
  border-color: #3c763d;
  background-color: #3c763d
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7
}

a.list-group-item-info {
  color: #31708f
}

a.list-group-item-info .list-group-item-heading {
  color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover {
  color: #fff;
  border-color: #31708f;
  background-color: #31708f
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3
}

a.list-group-item-warning {
  color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
  color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover {
  color: #fff;
  border-color: #8a6d3b;
  background-color: #8a6d3b
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede
}

a.list-group-item-danger {
  color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
  color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover {
  color: #fff;
  border-color: #a94442;
  background-color: #a94442
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>a {
  color: inherit
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.list-group-item-text {
  line-height: 1.3;
  margin-bottom: 0
}

.panel {
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-title,.panel>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
  margin-bottom: 0
}

.panel-body {
  padding: 15px
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.panel-title {
  font-size: 16px;
  margin-top: 0
}

.panel-footer {
  padding: 10px 15px;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5
}

.panel>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}

.panel-group .panel-heading,.panel>.list-group:last-child .list-group-item:last-child,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
  border-bottom: 0
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.panel>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
  border-top-left-radius: 4px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
  border-top-right-radius: 4px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 4px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 4px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive {
  border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
  border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
  border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
  border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
  border-right: 0
}

.panel>.table-responsive {
  margin-bottom: 0;
  border: 0
}

.panel-group {
  margin-bottom: 20px
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 5px
}

.panel-group .panel+.panel {
  margin-top: 5px
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}

.panel-default {
  border-color: #ddd
}

.panel-default>.panel-heading {
  color: #333;
  border-color: #ddd;
  background-color: #f5f5f5
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd
}

.panel-primary {
  border-color: #428bca
}

.panel-primary>.panel-heading {
  color: #fff;
  border-color: #428bca;
  background-color: #428bca
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #428bca
}

.panel-primary>.panel-heading .badge {
  color: #428bca;
  background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #428bca
}

.panel-success {
  border-color: #d6e9c6
}

.panel-success>.panel-heading {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6
}

.panel-info {
  border-color: #bce8f1
}

.panel-info>.panel-heading {
  color: #31708f;
  border-color: #bce8f1;
  background-color: #d9edf7
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1
}

.panel-warning {
  border-color: #faebcc
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc
}

.panel-danger {
  border-color: #ebccd1
}

.panel-danger>.panel-heading {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%
}

.well {
  min-height: 20px;
  margin-bottom: 20px;
  border-radius: 5px
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0,0,0,.15)
}

.well-lg {
  padding: 24px;
  border-radius: 8px
}

.well-sm {
  padding: 9px;
  border-radius: 4px
}

.close {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  opacity: .2;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20)
}

.carousel-caption,.carousel-control {
  text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.close:focus,.close:hover {
  cursor: pointer;
  text-decoration: none;
  opacity: .5;
  color: #000;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  border: 0;
  background: 0 0;
  -webkit-appearance: none
}

.modal-content,.popover {
  background-clip: padding-box
}

.modal {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  outline: 0;
  -webkit-overflow-scrolling: touch
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate3d(0,-25%,0)
}

.affix,.modal.in .modal-dialog {
  transform: translate3d(0,0,0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 8px;
  outline: 0;
  background-color: #fff;
  box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
  position: fixed;
  z-index: 1040;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50)
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  line-height: 1.42857143;
  margin: 0
}

.modal-body {
  position: relative;
  padding: 15px
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  overflow: scroll;
  width: 50px;
  height: 50px
}

@media (min-width: 768px) {
  .modal-dialog {
      width:600px;
      margin: 30px auto
  }

  .modal-content {
      box-shadow: 0 5px 15px rgba(0,0,0,.5)
  }

  .modal-sm {
      width: 300px
  }
}

@media (min-width: 1024px) {
  .modal-lg {
      width:900px
  }
}

.tooltip {
  font-size: 12px;
  line-height: 1.4;
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  opacity: 0;
  filter: alpha(opacity=0)
}

.tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90)
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background-color: #000
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent
}

.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.top .tooltip-arrow {
  left: 50%;
  margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
  left: 5px
}

.tooltip.top-right .tooltip-arrow {
  right: 5px
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000
}

.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: #000;
  top: 0
}

.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
  left: 5px
}

.tooltip.bottom-right .tooltip-arrow {
  right: 5px
}

.popover {
  position: absolute;
  z-index: 1060;
  top: 0;
  left: 0;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.carousel-caption,.carousel-control,.carousel-indicators,.fa-fw,.fa-li {
  text-align: center
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  padding: 8px 14px;
  border-bottom: 1px solid #ebebeb;
  border-radius: 7px 7px 0 0;
  background-color: #f7f7f7
}

.popover-content {
  padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent
}

.carousel,.carousel-inner {
  position: relative
}

.popover>.arrow {
  border-width: 11px
}

.popover>.arrow:after {
  content: "";
  border-width: 10px
}

.popover.top>.arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0,0,0,.25);
  border-bottom-width: 0
}

.popover.top>.arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0
}

.popover.left>.arrow:after,.popover.right>.arrow:after {
  bottom: -10px;
  content: " "
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0,0,0,.25);
  border-left-width: 0
}

.popover.right>.arrow:after {
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0
}

.popover.bottom>.arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0,0,0,.25)
}

.popover.bottom>.arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff
}

.carousel-inner {
  width: 100%
}

.carousel-inner>.item {
  position: relative;
  display: none;
  transition: .6s ease-in-out left
}

.mz-lens img,.mz-zoom-window img {
  transition: none!important
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
  line-height: 1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  font-size: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  opacity: .5;
  color: #fff;
  filter: alpha(opacity=50)
}

.carousel-control.left {
  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,.carousel-control:hover {
  text-decoration: none;
  opacity: .9;
  color: #fff;
  outline: 0;
  filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: inline-block
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-next,.carousel-control .icon-prev {
  font-family: serif;
  width: 20px;
  height: 20px;
  margin-top: -10px
}

.carousel-control .icon-prev:before {
  content: "\2039"
}

.carousel-control .icon-next:before {
  content: "\203a"
}

.carousel-indicators {
  position: absolute;
  z-index: 15;
  bottom: 10px;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  cursor: pointer;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: #000;
  background-color: rgba(0,0,0,0)
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  z-index: 10;
  right: 15%;
  bottom: 20px;
  left: 15%;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff
}

.carousel-caption .btn,.text-hide {
  text-shadow: none
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
      font-size:30px;
      width: 30px;
      height: 30px;
      margin-top: -15px
  }

  .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
      margin-left: -15px
  }

  .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
      margin-right: -15px
  }

  .carousel-caption {
      right: 20%;
      left: 20%;
      padding-bottom: 30px
  }

  .carousel-indicators {
      bottom: 20px
  }
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.cart__total:after,.cart__total:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.quick__order__heading:after,.quick__order__heading:before,.row:after,.row:before,.tabs .tabs-list:after,.tabs .tabs-list:before {
  display: table;
  content: " "
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto
}

.fa.fa-pull-left,.fa.pull-left {
  margin-right: .3em
}

.pull-right {
  float: right!important
}

.pull-left {
  float: left!important
}

.hide {
  display: none!important
}

.show {
  display: block!important
}

.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
  display: none!important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  border: 0;
  background-color: transparent
}

.hidden {
  visibility: hidden!important
}

.affix {
  position: fixed
}

@-ms-viewport {
  width: device-width
}

@media (max-width: 767px) {
  .visible-xs {
      display:block!important
  }

  table.visible-xs {
      display: table
  }

  tr.visible-xs {
      display: table-row!important
  }

  td.visible-xs,th.visible-xs {
      display: table-cell!important
  }

  .visible-xs-block {
      display: block!important
  }

  .visible-xs-inline {
      display: inline!important
  }

  .visible-xs-inline-block {
      display: inline-block!important
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .visible-sm {
      display:block!important
  }

  table.visible-sm {
      display: table
  }

  tr.visible-sm {
      display: table-row!important
  }

  td.visible-sm,th.visible-sm {
      display: table-cell!important
  }

  .visible-sm-block {
      display: block!important
  }

  .visible-sm-inline {
      display: inline!important
  }

  .visible-sm-inline-block {
      display: inline-block!important
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .visible-md {
      display:block!important
  }

  table.visible-md {
      display: table
  }

  tr.visible-md {
      display: table-row!important
  }

  td.visible-md,th.visible-md {
      display: table-cell!important
  }

  .visible-md-block {
      display: block!important
  }

  .visible-md-inline {
      display: inline!important
  }

  .visible-md-inline-block {
      display: inline-block!important
  }
}

@media (min-width: 1200px) {
  .visible-lg {
      display:block!important
  }

  table.visible-lg {
      display: table
  }

  tr.visible-lg {
      display: table-row!important
  }

  td.visible-lg,th.visible-lg {
      display: table-cell!important
  }

  .visible-lg-block {
      display: block!important
  }

  .visible-lg-inline {
      display: inline!important
  }

  .visible-lg-inline-block {
      display: inline-block!important
  }

  .hidden-lg {
      display: none!important
  }
}

@media (max-width: 767px) {
  .hidden-xs {
      display:none!important
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .hidden-sm {
      display:none!important
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .hidden-md {
      display:none!important
  }
}

.visible-print {
  display: none!important
}

@media print {
  .visible-print {
      display: block!important
  }

  table.visible-print {
      display: table
  }

  tr.visible-print {
      display: table-row!important
  }

  td.visible-print,th.visible-print {
      display: table-cell!important
  }
}

.visible-print-block {
  display: none!important
}

@media print {
  .visible-print-block {
      display: block!important
  }
}

.visible-print-inline {
  display: none!important
}

@media print {
  .visible-print-inline {
      display: inline!important
  }
}

.visible-print-inline-block {
  display: none!important
}

@media print {
  .visible-print-inline-block {
      display: inline-block!important
  }

  .hidden-print {
      display: none!important
  }
}

@font-face {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  src: url(../../../shared/fonts/fontawesome-webfont.eot?v=4.7.0);
  src: url(../../../shared/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../../../shared/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../../../shared/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../../../shared/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../../../shared/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
  font-display: swap
}

.fa {
/*
  font: normal normal normal 14px/1 FontAwesome;
*/
  font-size: inherit;
  display: inline-block;
  text-rendering: auto;
  line-height: 30px;
  -webkit-font-smoothing: antialiased
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.MagicZoom,.fa-stack,.mz-figure {
  display: inline-block;
  vertical-align: middle
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em
}

.fa-ul {
  margin-left: 2.14285714em;
  padding-left: 0;
  list-style-type: none
}

.fa.fa-pull-right,.fa.pull-right {
  margin-left: .3em
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  top: .14285714em;
  left: -2.14285714em;
  width: 2.14285714em
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa-spin {
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"
}

.fa-rotate-180 {
  transform: rotate(180deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
}

.fa-rotate-270 {
  transform: rotate(270deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}

.fa-flip-horizontal {
  transform: scale(-1,1);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"
}

.fa-flip-vertical {
  transform: scale(1,-1);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
  filter: none
}

.fa-stack {
  line-height: 2em;
  position: relative;
  width: 2em;
  height: 2em
}

.fa-stack-1x,.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-close:before,.fa-remove:before,.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-cog:before,.fa-gear:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-repeat:before,.fa-rotate-right:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-exclamation-triangle:before,.fa-warning:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-cogs:before,.fa-gears:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-floppy-o:before,.fa-save:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-sort:before,.fa-unsorted:before {
  content: "\f0dc"
}

.fa-sort-desc:before,.fa-sort-down:before {
  content: "\f0dd"
}

.fa-sort-asc:before,.fa-sort-up:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
  content: "\f0e2"
}

.fa-gavel:before,.fa-legal:before {
  content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-bolt:before,.fa-flash:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-clipboard:before,.fa-paste:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-chain-broken:before,.fa-unlink:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
  content: "\f150"
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
  content: "\f151"
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
  content: "\f152"
}

.fa-eur:before,.fa-euro:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
  content: "\f155"
}

.fa-inr:before,.fa-rupee:before {
  content: "\f156"
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
  content: "\f157"
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
  content: "\f158"
}

.fa-krw:before,.fa-won:before {
  content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-try:before,.fa-turkish-lira:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
  content: "\f19c"
}

.fa-graduation-cap:before,.fa-mortar-board:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
  content: "\f1c5"
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
  content: "\f1c6"
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
  content: "\f1d0"
}

.fa-empire:before,.fa-ge:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
  content: "\f1d7"
}

.fa-paper-plane:before,.fa-send:before {
  content: "\f1d8"
}

.fa-paper-plane-o:before,.fa-send-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-bed:before,.fa-hotel:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-y-combinator:before,.fa-yc:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
  content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-television:before,.fa-tv:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
  content: "\f2a3"
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-sign-language:before,.fa-signing:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before,.fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-address-card:before,.fa-vcard:before {
  content: "\f2bb"
}

.fa-address-card-o:before,.fa-vcard-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before,.fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
  content: "\f2c7"
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before,.fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0
}

.MagicZoom,.mz-button,.mz-expand .mz-expand-stage,.mz-expand .mz-expand-stage .mz-image-stage,.mz-expand .mz-expand-stage .mz-image-stage .mz-caption,.mz-expand-controls,.mz-expand-thumbnails,.mz-figure,.mz-hint,.mz-lens,.mz-loading,.mz-thumb img,.mz-zoom-window {
  box-sizing: border-box
}

.MagicZoom,.mz-figure {
  font-size: 0!important;
  line-height: 100%!important;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  user-select: none;
  outline: 0!important;
  direction: ltr!important;
  backface-visibility: hidden
}

.MagicZoom {
  -webkit-transform: translate3d(0,0,0);
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

figure.mz-figure {
  overflow: hidden;
  margin: 0!important;
  transform-style: preserve-3d
}

.MagicZoom img,.mz-figure img {
  margin: 0!important;
  padding: 0!important;
  border: 0!important;
  outline: 0!important
}

.MagicZoom>img,.mz-figure>img {
  width: 100%;
  height: auto
}

.ie8-magic .MagicZoom>img,.ie8-magic .mz-figure>img {
  width: 100%;
  max-width: none!important
}

.mz-expand .mz-figure.mz-no-zoom,.mz-figure.mz-no-zoom.mz-no-expand {
  cursor: default!important
}

.mz-expand,.mz-figure.mz-active {
  -ms-touch-action: none;
  touch-action: none
}

.mz-lens,.mz-zoom-window {
  position: absolute!important;
  overflow: hidden!important;
  pointer-events: none!important
}

.mz-lens img,.mz-zoom-window img {
  position: absolute!important;
  max-width: none!important;
  max-height: none!important
}

.mz-zoom-window {
  z-index: 2000000000;
  transform: translate3d(0,0,0)
}

.mz-expand-controls,.mz-zoom-window.mz-magnifier.mz-expanded {
  z-index: 2147483647
}

.mz-zoom-window.mz-magnifier {
  cursor: none;
  -webkit-mask-image: -webkit-radial-gradient(circle,#fff,#000);
  -webkit-mask-clip: content
}

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
  cursor: inherit!important;
  pointer-events: auto!important
}

.mz-zoom-window img {
  top: -1000%;
  right: -1000%;
  bottom: -1000%;
  left: -1000%;
  width: auto;
  height: auto;
  margin: auto!important;
  transform-origin: 50% 50%!important
}

.mobile-magic .mz-expand>.mz-zoom-window,.mz-zoom-window.mz-preview img {
  top: 0!important;
  left: 0!important
}

.mz-zoom-window.mz-preview img {
  right: 0!important;
  bottom: 0!important;
  width: 100%!important;
  height: auto!important;
  margin: 0!important;
  transform: none!important
}

.lt-ie9-magic .mz-zoom-window img {
  margin: 0!important
}

.mz-fade {
  transition: opacity .25s
}

.mz-hidden {
  opacity: 0
}

.mz-visible {
  opacity: 1
}

.mobile-magic .mz-expand .mz-expand-bg {
  transform-style: flat!important
}

.mobile-magic .mz-expand-controls.mz-fade {
  transition: none!important
}

@media not screen and (max-device-width: 768px) {
  .mz-expanded-view-open,.mz-expanded-view-open body {
      overflow:hidden!important
  }

  .mz-expanded-view-open body {
      height: auto!important
  }
}

@media screen and (max-device-width: 768px) {
  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]),:root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
      overflow:hidden!important
  }

  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
      height: auto!important
  }
}

.mz-figure.mz-active {
  background: #fff
}

.mz-figure.mz-active,.mz-figure.mz-click-zoom,.mz-figure.mz-no-zoom {
  cursor: pointer;
  cursor: zoom-in
}

.mz-figure.mz-active.mz-no-expand {
  cursor: crosshair
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
  cursor: crosshair;
  cursor: zoom-out
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand,.mz-lens {
  cursor: none
}

.mz-figure.mz-magnifier-zoom.mz-active {
  overflow: visible!important
}

.mz-figure.mz-active>img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
  filter: grayscale(80%) opacity(60%)
}

.no-cssfilters-magic .mz-figure.mz-active>img {
  opacity: .6
}

.lt-ie10-magic .mz-figure.mz-active>img {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=.6)
}

.mz-expand .mz-figure.mz-active.mz-inner-zoom,.mz-lens,:not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom>img {
  opacity: 0
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img {
  filter: alpha(opacity=0)
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
  background: 0 0
}

.mz-lens {
  z-index: 10;
  border: 1px solid #aaa;
  border-color: rgba(170,170,170,.7);
  box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.mz-figure.mz-active .mz-lens {
  transition: opacity .3s cubic-bezier(.25,.5,.5,.9) .1s;
  opacity: 1
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
  cursor: none;
  opacity: 0;
  border-radius: 50%
}

.mz-zoom-window {
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.2)
}

.mz-zoom-window.mz-magnifier {
  border: 0;
  border-radius: 100%;
  background: rgba(255,255,255,.3)
}

.mz-zoom-window.mz-magnifier:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  border: 1px solid rgba(170,170,170,.7);
  border-radius: 100%;
  background: 0 0;
  box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3)
}

.mz-zoom-window.mz-magnifier.mz-square,.mz-zoom-window.mz-magnifier.mz-square:before {
  border-radius: 0!important
}

.lt-ie9-magic .mz-zoom-window {
  border: 1px solid #e5e5e5
}

.mz-zoom-window.mz-inner {
  border: none;
  box-shadow: none
}

.mz-zoom-window.mz-inner:not(.mz-expanded) {
  z-index: 80
}

.mz-zoom-window .mz-caption {
  font-size: 10pt;
  line-height: normal!important;
  position: absolute;
  z-index: 150;
  top: 0;
  width: 100%;
  padding: 3px;
  text-align: center!important;
  opacity: .8;
  color: #fff;
  background: #777
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
  filter: alpha(opacity=80)
}

.mz-zoom-window.caption-bottom .mz-caption {
  top: auto;
  bottom: 0
}

.mz-zoom-window.mz-expanded>.mz-caption {
  display: none
}

.mz-zoom-window.mz-activating,.mz-zoom-window.mz-deactivating {
  transition: opacity .3s cubic-bezier(.25,.5,.5,.9),transform .3s cubic-bezier(.25,.5,.5,.9)
}

.mz-zoom-window.mz-deactivating {
  transition-duration: .25s,.25s,.25s
}

.mz-zoom-window.mz-p-bottom,.mz-zoom-window.mz-p-left,.mz-zoom-window.mz-p-right,.mz-zoom-window.mz-p-top {
  z-index: -100;
  opacity: 0
}

.mz-zoom-window.mz-p-right {
  transform: translate3d(-20%,0,0)
}

.mz-zoom-window.mz-p-left {
  transform: translate3d(20%,0,0)
}

.mz-zoom-window.mz-p-top {
  transform: translate3d(0,20%,0)
}

.mz-zoom-window.mz-p-bottom {
  transform: translate3d(0,-20%,0)
}

.mz-zoom-window>img {
  transform: translate3d(0,0,0) scale(1);
  backface-visibility: hidden
}

.mz-zoom-window.mz-p-inner.mz-activating>img,.mz-zoom-window.mz-p-inner.mz-deactivating>img {
  transition: transform .22s cubic-bezier(.25,.5,.5,.9)!important
}

.mz-zoom-window.mz-p-magnifier {
  transform: scale(.1)
}

.mz-zoom-window.mz-custom.mz-activating,.mz-zoom-window.mz-custom.mz-deactivating,.mz-zoom-window.mz-preview.mz-activating,.mz-zoom-window.mz-preview.mz-deactivating {
  transition: opacity .3s cubic-bezier(.25,.5,.5,.9)
}

.mz-zoom-window.mz-custom.mz-deactivating,.mz-zoom-window.mz-preview.mz-deactivating {
  transition-duration: .2s
}

.mz-zoom-window.mz-p-custom,.mz-zoom-window.mz-p-preview {
  opacity: 0
}

.mz-hint,.mz-loading {
  font: 400 12px/1.2em "Lucida Grande","Lucida Sans Unicode",Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
  position: absolute;
  z-index: 1000;
  display: inline-block;
  margin: 0;
  transition: opacity .25s ease;
  text-align: center;
  text-decoration: none;
  pointer-events: none;
  color: #eee;
  background: rgba(49,51,61,.7);
  direction: ltr;
  -webkit-font-smoothing: antialiased
}

.mz-hint {
  right: 0;
  bottom: 8px;
  left: 0;
  padding: 0 10%;
  transition: opacity .4s ease,z-index .4s ease;
  background-color: transparent
}

.mz-hint-message {
  display: inline-block;
  padding: .7em 1.1em;
  border-radius: 2em;
  background: rgba(49,51,61,.7)
}

.mobile-magic .mz-hint-message:before,.mz-expand .mz-hint-message:before {
  display: none
}

.mz-hint-message:before {
  font-family: serif;
  font-size: 1.5em;
  margin-right: 6px;
  content: "\02295";
  text-align: center;
  vertical-align: -2px;
  speak: none
}

.mz-hint-hidden {
  z-index: -1;
  transition-delay: .6s;
  opacity: 0
}

.mz-expand .mz-hint {
  font-size: 18px;
  line-height: 1.1em;
  top: 50%;
  bottom: auto;
  margin: 0;
  transform: translate(0,-50%)
}

.mz-expand .mz-hint-message {
  padding: 1.1em
}

.mz-expand .mz-hint-hidden {
  transition-delay: 1.5s;
  opacity: 0
}

.mz-loading {
  font-size: 0;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  padding: 0;
  transform: translate(-50%,-50%);
  opacity: 0;
  border-radius: 100%
}

.mz-loading:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin: auto;
  content: "";
  text-indent: -9999em;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%
}

.mz-loading.shown {
  z-index: 1;
  transition: opacity 0s;
  opacity: 1
}

.mz-loading.shown:after {
  animation: spin-loading .9s infinite linear
}

@keyframes spin-loading {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

.lt-ie10-magic .mz-loading {
  font-size: 12px;
  width: auto;
  height: auto;
  padding: .7em 1.1em;
  border-radius: 2em
}

.lt-ie10-magic .mz-loading:after {
  position: relative;
  content: "Loading...";
  text-indent: 0;
  border: none
}

.lt-ie9-magic .mz-loading {
  right: 0;
  left: 0;
  width: 126px;
  margin: auto;
  filter: alpha(opacity=0)
}

.lt-ie9-magic .mz-hint-message,.lt-ie9-magic .mz-loading.shown {
  background: 0 0!important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D')
}

.lt-ie9-magic .mz-hint-hidden {
  filter: alpha(opacity=0)
}

.mz-expand,.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg>img,.mz-expand .mz-expand-bg>svg,.mz-expand .mz-expand-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg>img,.mz-expand .mz-expand-bg>svg {
  width: auto!important;
  height: auto!important
}

.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg>svg {
  min-width: 100%!important;
  min-height: 100%!important
}

.magic-thumbs button.magic-thumbs-button,button.mz-button {
  min-width: 0!important;
  min-height: 0!important;
  text-transform: none!important;
  speak: none;
  text-align: center
}

.mz-expand {
  position: fixed;
  z-index: 2100000000;
  display: block;
  overflow: hidden;
  width: auto;
  height: auto;
  text-align: center;
  vertical-align: middle;
  background-color: #000;
  perspective: 600px;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -ms-overflow-style: none
}

.mz-expand .mz-expand-bg {
  z-index: -100;
  display: inline-block;
  max-width: none!important;
  max-height: none!important;
  margin: auto;
  transform: translate3d(0,0,0) scale(10) rotate(.01deg);
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
  perspective: 600px
}

.lt-ie10-magic .mz-expand .mz-expand-bg,.mz-expand.dark-bg .mz-expand-bg,.mz-expand.plain-bg .mz-expand-bg,.mz-expand.white-bg .mz-expand-bg,[data-magic-ua=edge] .mz-expand .mz-expand-bg {
  display: none!important
}

:root:not([data-magic-ua=safari]) .mz-expand .mz-expand-bg {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
  filter: blur(20px) brightness(60%)
}

.mz-expand .mz-expand-bg>img {
  margin: auto;
  transform: translate3d(0,0,0);
  backface-visibility: hidden
}

[data-magic-ua=safari] .mz-expand .mz-expand-bg>img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
  filter: blur(20px) brightness(60%)
}

.mz-expand .mz-expand-bg>svg {
  margin: auto;
  opacity: .6
}

.lt-ie9-magic .mz-expand {
  background: #1f1f1f
}

[data-magic-ua=edge] .mz-expand {
  background-color: rgba(31,31,31,.96)
}

.mz-expand.dark-bg {
  background-color: #1f1f1f;
  background-color: rgba(31,31,31,.96)
}

.mz-expand.white-bg {
  background-color: #fff
}

.mz-expand .mz-expand-stage {
  z-index: 2100000000;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0;
  -ms-flex-direction: column
}

.mz-expand .mz-expand-stage .mz-image-stage {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1 1;
  margin: 0;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
  -ms-flex-direction: column;
  -ms-flex: 1 1;
  backface-visibility: hidden
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
  right: 0;
  left: 0;
  padding: 0!important
}

.mz-expand .mz-image-stage>figure {
  font-size: 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1 1;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 1
}

.mz-expand .mz-figure {
  overflow: visible;
  max-width: 100%!important;
  cursor: pointer;
  cursor: zoom-in
}

.mz-expand .mz-figure>img {
  width: auto;
  max-width: 100%;
  height: auto;
  background: #fff
}

.mz-expand .mz-zoom-in .mz-image-stage>figure,.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating,.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active {
  flex: 1 0;
  width: 100%;
  height: 100%;
  -ms-flex: 1 0
}

.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active>img {
  pointer-events: none
}

.mz-expand .mz-figure.mz-active {
  cursor: crosshair;
  cursor: zoom-out
}

.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img {
  position: absolute!important;
  z-index: 1;
  top: -5000px!important;
  right: -5000px!important;
  bottom: -5000px!important;
  left: -5000px!important;
  margin: auto!important
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
  filter: alpha(opacity=100)
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
  overflow: hidden;
  filter: alpha(opacity=100)
}

.mz-expand .mz-caption {
  font: 400 10pt/1.25 "Lucida Grande","Lucida Sans Unicode",Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
  flex: 0 0;
  width: 100%;
  padding: 10px 30px;
  text-align: center;
  opacity: 0;
  color: #fff;
  text-shadow: 0 0 46px #000;
  -ms-flex: 0 0
}

.mz-expand .mz-caption.mz-show {
  transition: opacity .15s ease-out;
  opacity: 1
}

.mz-expand .mz-zoom-in .mz-image-stage .mz-caption {
  display: none
}

.mz-expand .mz-caption a {
  cursor: pointer;
  color: inherit
}

.mz-expand.white-bg .mz-caption {
  color: #111;
  text-shadow: none
}

.lt-ie9-magic .mz-expand .mz-caption {
  top: 100%
}

.mz-expand .mz-zoom-window {
  background: 0 0;
  box-shadow: none
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
  border: 0
}

@media screen and (max-device-width: 768px) {
  .mobile-magic .mz-expand .mz-image-stage .mz-caption {
      display:none!important
  }
}

.mz-expand-controls,.mz-nav-controls,button.mz-button {
  margin: 0!important;
  padding: 0!important;
  outline: 0!important
}

.mz-nav-controls {
  z-index: 2100000000
}

button.mz-button {
  font-size: 0;
  position: absolute!important;
  z-index: 2100000000!important;
  width: 60px!important;
  max-width: none!important;
  height: 60px!important;
  max-height: none!important;
  cursor: pointer;
  transition: color .25s,background-color .25s!important;
  color: rgba(180,180,180,.6)!important;
  border: 0 solid transparent!important;
  border-radius: 100%!important;
  background-color: transparent!important;
  box-shadow: none!important
}

button.mz-button:before {
  position: static;
  display: block;
  height: 100%;
  transition: transform .25s!important;
  transform: scale(.9)
}

:root:not(.mobile-magic) button.mz-button:hover,button.mz-button:active {
  color: #b4b4b4!important
}

button.mz-button:active:before {
  transform: scale(.7)!important
}

.mobile-magic .mz-expand button.mz-button:active {
  background-color: rgba(49,51,61,.7)!important
}

button.mz-button.mz-button-next,button.mz-button.mz-button-prev {
  top: 0!important;
  bottom: 0!important;
  overflow: hidden!important;
  margin: auto 10px!important
}

button.mz-button.mz-button-prev {
  left: 0!important;
  transform: rotateZ(180deg)!important
}

button.mz-button.mz-button-next {
  right: 0!important
}

button.mz-button.mz-button-close {
  z-index: 95!important;
  top: 0!important;
  right: 0!important;
  margin: 10px!important
}

button.mz-button.mz-button-close:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=)
}

.magic-thumbs .magic-thumbs-button-next:before,.magic-thumbs .magic-thumbs-button-prev:before,button.mz-button.mz-button-next:before,button.mz-button.mz-button-prev:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=)
}

@supports (((-webkit-mask-image: url()) or (mask-image:url())) and ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and ((-webkit-mask-position:center) or (mask-position:center)) and ((-webkit-mask-size:cover) or (mask-size:cover))) {
  button.mz-button:before {
      content:""!important;
      background-color: currentColor;
      background-image: none;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: cover;
      mask-size: cover
  }

  button.mz-button.mz-button-close:before {
      -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=);
      mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=)
  }

  button.mz-button.mz-button-next:before,button.mz-button.mz-button-prev:before {
      -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=);
      mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=)
  }
}

@media screen and (max-device-width: 768px) {
  button.mz-button-next,button.mz-button-prev {
      display:none!important
  }

  .mobile-magic .mz-expand button.mz-button.mz-button-close {
      width: 50px!important;
      height: 50px!important;
      color: #b4b4b4!important
  }

  .mobile-magic .mz-expand button.mz-button:before {
      transform: scale(.8)
  }
}

.lt-ie9-magic button.mz-button {
  border: 0;
  filter: alpha(opacity=75)
}

.lt-ie9-magic button.mz-button:hover {
  filter: alpha(opacity=100)
}

.mz-figure .mz-nav-controls button.mz-button {
  display: none;
  width: 32px!important;
  height: 56px!important;
  margin: auto 0!important;
  padding: 0!important;
  border: 0!important
}

.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button {
  display: block
}

.mz-thumb,.mz-thumb:focus,a[data-zoom-id] {
  line-height: 0;
  display: inline-block;
  outline: 0
}

.mz-thumb img,a[data-zoom-id] img {
  box-sizing: border-box;
  border: 0;
  box-shadow: none!important;
  filter: none!important;
  -webkit-filter: none!important
}

.mz-expand-thumbnails {
  position: relative;
  z-index: 50;
  overflow: hidden;
  flex: 0 0 80px;
  width: 100%;
  height: 100%;
  margin: 0 auto 30px;
  padding: 10px 0;
  -ms-flex: 0 0 80px
}

.ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails,:root[data-magic-ua=firefox] .mz-expand-thumbnails {
  height: 80px
}

.mz-expand-thumbnails .magic-thumb>img {
  padding-bottom: 4px;
  cursor: pointer;
  border: 0;
  border-bottom: 2px solid transparent
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img {
  border-bottom-color: rgba(180,180,180,.3)
}

.mz-expand-thumbnails .magic-thumb.magic-thumb-selected img {
  border-bottom-color: #b4b4b4
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
  box-shadow: none
}

@media not screen and (max-device-width: 768px) and (orientation:portrait) {
  .mz-expand.expand-thumbnails-left .mz-expand-stage {
      flex-direction:row-reverse;
      -ms-flex-direction: row-reverse
  }

  .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
      overflow: hidden;
      height: 100%;
      padding: 0 10px
  }

  .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails,:root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
      width: 80px;
      height: 100%
  }
}

@media not screen and (max-device-width: 768px) and (orientation:portrait) and (not (screen) and (max-device-width:768px)) {
  .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical {
      height:calc(60%);
      margin-top: 20px;
      margin-bottom: 20px
  }
}

@media not screen and (max-device-width: 768px) and (orientation:portrait) and (screen) and (max-device-width:768px) {
  .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons {
      height:calc(60%);
      margin-top: 20px;
      margin-bottom: 20px
  }
}

.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
  display: none
}

.thumbnails-style-shaded.mz-thumb img {
  padding-bottom: 0;
  border: 0!important;
  box-shadow: 0 0 1px 0 rgba(0,0,0,.3)
}

.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
  filter: brightness(.7)
}

.thumbnails-style-shaded.mz-thumb-selected img {
  filter: brightness(.7) opacity(.7)
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb>img {
  padding-bottom: 0;
  border: 0;
  box-shadow: 0 0 5px 1px rgba(0,0,0,.3)
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover {
  filter: brightness(.75)
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
  filter: brightness(.7) opacity(.7)
}

.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected,.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover,.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected,.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover {
  background: #000
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
  opacity: .75;
  filter: alpha(opacity=75)
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
  opacity: .7;
  filter: alpha(opacity=70)
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb {
  position: relative
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  pointer-events: none;
  background-color: rgba(0,0,0,0)
}

.magic-thumbs,.magic-thumbs-wrapper {
  width: 100%;
  position: relative;
  height: 100%
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after {
  background-color: rgba(0,0,0,.2)
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after {
  background-color: rgba(0,0,0,.3)
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img {
  position: relative;
  z-index: 1
}

.ie9-magic .thumbnails-style-shaded.mz-thumb img {
  box-shadow: 0 0 4px 0 rgba(0,0,0,.3)
}

.magic-thumbs,.magic-thumbs .magic-thumbs-button,.magic-thumbs .magic-thumbs-wrapper,.magic-thumbs li,.magic-thumbs li img,.magic-thumbs li:after,.magic-thumbs li:before,.magic-thumbs ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0
}

.magic-thumbs {
  z-index: 100;
  top: 0;
  left: 0;
  overflow: visible;
  padding: 0 40px;
  user-select: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
  white-space: nowrap
}

.magic-thumbs.no-buttons {
  padding: 0!important
}

.magic-thumbs-wrapper {
  display: block;
  overflow: hidden;
  text-align: center
}

.magic-thumbs ul {
  font-size: 0;
  position: relative;
  display: inline-block;
  height: 100%;
  list-style: none;
  vertical-align: middle;
  white-space: nowrap
}

.magic-thumbs.no-buttons ul {
  left: 0!important;
  padding: 0!important;
  transition: none!important;
  transform: none!important
}

.magic-thumbs ul li {
  line-height: 0;
  display: inline-block;
  width: auto;
  height: 100%;
  margin: 0 4px;
  vertical-align: top
}

.item-a-hover-text,.magic-thumbs ul li:after,.magic-thumbs ul li>img,.mcs-item img,.ui-button,.ui-spinner,.ui-spinner-input {
  vertical-align: middle
}

@media screen and (min-width: 767px) and (max-width:768px) {
  .magic-thumbs ul li {
      width:54px;
      height: 54px
  }
}

.magic-thumbs ul li:after {
  display: inline-block;
  width: 0;
  height: 100%;
  content: ""
}

.magic-thumbs ul li>img {
  width: auto;
  max-width: none!important;
  height: auto;
  max-height: 100%!important
}

@media screen and (min-width: 767px) and (max-width:768px) {
  .magic-thumbs ul li>img {
      width:100%;
      height: 100%
  }
}

.ie8-magic .magic-thumbs ul li>img {
  max-width: none!important;
  max-height: none!important
}

.magic-thumbs.magic-thumbs-vertical {
  height: 100%
}

.magic-thumbs-vertical {
  padding: 40px 0
}

.magic-thumbs-vertical ul {
  width: 100%;
  height: auto;
  white-space: normal
}

.magic-thumbs-vertical ul li {
  width: 100%;
  height: auto;
  margin: 4px 0
}

.magic-thumbs-vertical ul li>img {
  max-width: 100%!important;
  max-height: none!important
}

.ie8-magic .magic-thumbs-vertical ul li>img {
  width: 100%
}

.magic-thumbs button.magic-thumbs-button {
  font-size: 0;
  position: absolute;
  z-index: 90!important;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 33px;
  max-width: none!important;
  height: 33px;
  max-height: none!important;
  margin: auto 3px;
  cursor: pointer;
  transition: color .25s,background-color .25s!important;
  color: rgba(180,180,180,.6)!important;
  border: 0;
  border-radius: 100%;
  background-color: transparent!important;
  background-image: none;
  background-repeat: no-repeat;
  box-shadow: none!important
}

.magic-thumbs button.magic-thumbs-button:before {
  position: static;
  display: block;
  height: 100%;
  transition: transform .25s!important;
  transform: scale(1)
}

.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active,.mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled),:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover {
  color: #b4b4b4!important
}

.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before {
  transform: scale(.7)!important
}

.mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
  background-color: rgba(49,51,61,.7)!important
}

.magic-thumbs .magic-thumbs-button-prev {
  left: 0;
  transform: rotateZ(180deg)!important
}

.magic-thumbs .magic-thumbs-button-next {
  right: 0
}

.magic-thumbs-vertical button.magic-thumbs-button {
  top: auto;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 3px auto
}

.magic-thumbs-vertical button.magic-thumbs-button-prev {
  top: 0;
  transform: rotateZ(-90deg)!important
}

.magic-thumbs-vertical button.magic-thumbs-button-next {
  bottom: 0;
  transform: rotateZ(90deg)!important
}

@supports (((-webkit-mask-image: url()) or (mask-image:url())) and ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and ((-webkit-mask-position:center) or (mask-position:center)) and ((-webkit-mask-size:cover) or (mask-size:cover))) {
  .magic-thumbs button.magic-thumbs-button:before {
      content:""!important;
      background-color: currentColor;
      background-image: none;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: cover;
      mask-size: cover
  }

  .magic-thumbs .magic-thumbs-button-next:before,.magic-thumbs .magic-thumbs-button-prev:before {
      -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=);
      mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=)
  }
}

.magic-thumbs.no-buttons .magic-thumbs-button {
  display: none!important
}

.magic-thumbs-button-disabled {
  opacity: .2;
  filter: alpha(opacity=20)
}

.mz-zoom-window.mz-inner.mz-expanded>img {
  background: #fff
}

.mcs-item,.mcs-item img,.mcs-item>*,.mcs-items-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0
}

.mcs-item,.mcs-item a,.mcs-item img,.mcs-items-container {
  position: relative
}

.mcs-item,.mcs-items-container {
  overflow: hidden;
  direction: ltr
}

.mcs-item,.mcs-item img {
  display: inline-block
}

.mcs-items-container {
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width: 1023px) {
  .mcs-items-container {
      display:none
  }
}

.mcs-item {
  font-size: 0;
  line-height: 100%;
  top: 0;
  left: 0;
  display: block;
  zoom:1;width: 16.666666%;
  max-width: 100%;
  margin: 0 0 1rem;
  padding: 0 3px
}

@media (max-width: 1023px) {
  .mcs-item {
      width:8px;
      height: 8px;
      margin: 3px 6px 6px;
      padding: 0;
      border-radius: 50%;
      background-color: #b2b2b2
  }

  .mcs-item .img-responsive {
      display: none
  }

  .mcs-item a {
      transition: none;
      border: 1px solid #b2b2b2!important
  }

  .mcs-item .mz-thumb-selected {
      border: 5px solid #023365!important;
      background: #fff
  }
}

.mcs-item:after,.mcs-item>a:after {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle
}

.mcs-item>a {
  display: inline-block
}

.mcs-item a,.mcs-item img {
  max-width: 100%;
  max-height: 100%;
  border: none
}

.mcs-item a {
  height: 100%
}

.mcs-item img {
  line-height: 100%;
  width: auto;
  height: auto
}

.ui-helper-zfix,.ui-widget-overlay {
  top: 0;
  height: 100%;
  left: 0;
  width: 100%
}

[data-mode=animation] div[data-action=exit],[data-mode=animation] div[data-action=enter] {
  animation-duration: .35s;
  animation-timing-function: ease-in
}

[data-mode=animation] div[data-action=enter] {
  animation-timing-function: cubic-bezier(.12,.37,.25,1)
}

[data-mode=animation] .mcs-item {
  -webkit-transform: none;
  animation-name: none;
  -webkit-animation-duration: 0;
  animation-duration: 0
}

[data-mode=animation] .mcs-item[data-animation-nth="1"] {
  animation-delay: .15s
}

[data-mode=animation] .mcs-item[data-animation-nth="2"] {
  animation-delay: .2s
}

[data-mode=animation] .mcs-item[data-animation-nth="3"] {
  animation-delay: .25s
}

[data-mode=animation] .mcs-item[data-animation-nth="4"] {
  animation-delay: .3s
}

[data-mode=animation] .mcs-item[data-animation-nth="5"] {
  animation-delay: .35s
}

[data-mode=animation] .mcs-item[data-animation-nth="6"] {
  animation-delay: .4s
}

[data-mode=animation] .mcs-item[data-animation-nth="7"] {
  animation-delay: .45s
}

[data-mode=animation] .mcs-item[data-animation-nth="8"] {
  animation-delay: .5s
}

[data-mode=animation] .mcs-item[data-animation-nth="9"] {
  animation-delay: .55s
}

[data-mode=animation] .mcs-item[data-animation-nth="10"] {
  animation-delay: .6s
}

.mcs-slidein[data-mode=animation] .mcs-item[data-action=exit],[data-mode=animation] .mcs-item[data-action=exit] {
  animation-duration: .3s;
  animation-timing-function: ease-in
}

.mcs-slidein[data-mode=animation] .mcs-item[data-action=enter],[data-mode=animation] .mcs-item[data-action=enter] {
  animation-duration: .35s;
  animation-timing-function: cubic-bezier(.12,.37,.25,1)
}

@keyframes h-forward-exit-slidein {
  0% {
      transform: translateX(0);
      opacity: 1
  }

  100% {
      transform: translateX(-600px);
      opacity: 0
  }
}

@keyframes h-forward-enter-slidein {
  0% {
      transform: translateX(180px);
      opacity: 0
  }

  100% {
      transform: translateX(0);
      opacity: 1
  }
}

@keyframes h-backward-exit-slidein {
  0% {
      transform: translateX(0);
      opacity: 1
  }

  100% {
      transform: translateX(600px);
      opacity: 0
  }
}

@keyframes h-backward-enter-slidein {
  0% {
      transform: translateX(-180px);
      opacity: 0
  }

  100% {
      transform: translateX(0);
      opacity: 1
  }
}

@keyframes v-forward-exit-slidein {
  0% {
      transform: translateY(0);
      opacity: 1
  }

  100% {
      transform: translateY(-600px);
      opacity: 0
  }
}

@keyframes v-forward-enter-slidein {
  0% {
      transform: translateY(180px);
      opacity: 0
  }

  100% {
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes v-backward-exit-slidein {
  0% {
      transform: translateY(0);
      opacity: 1
  }

  100% {
      transform: translateY(600px);
      opacity: 0
  }
}

@keyframes v-backward-enter-slidein {
  0% {
      transform: translateY(-180px);
      opacity: 0
  }

  100% {
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes h-forward-exit-bounce {
  0% {
      transform: translateX(0) translateZ(-1px);
      opacity: 1
  }

  40% {
      opacity: .6
  }

  100% {
      transform: translateX(-2000px) translateZ(-1px);
      opacity: 0
  }
}

@keyframes h-forward-enter-bounce {
  0% {
      transform: translateX(3000px);
      opacity: 0
  }

  60% {
      transform: translateX(-30px);
      opacity: 1
  }

  75% {
      transform: translateX(10px)
  }

  90% {
      transform: translateX(-5px)
  }

  100% {
      transform: translateX(0)
  }
}

@keyframes h-backward-exit-bounce {
  0% {
      transform: translateX(0) translateZ(-1px);
      opacity: 1
  }

  40% {
      opacity: .6
  }

  100% {
      transform: translateX(2000px) translateZ(-1px);
      opacity: 0
  }
}

@keyframes h-backward-enter-bounce {
  0% {
      transform: translateX(-3000px);
      opacity: 0
  }

  60% {
      transform: translateX(30px);
      opacity: 1
  }

  75% {
      transform: translateX(-10px)
  }

  90% {
      transform: translateX(5px)
  }

  100% {
      transform: translateX(0)
  }
}

@keyframes v-forward-exit-bounce {
  0% {
      transform: translateY(0);
      opacity: 1
  }

  40% {
      opacity: .6
  }

  100% {
      transform: translateY(-2000px);
      opacity: 0
  }
}

@keyframes v-forward-enter-bounce {
  0% {
      transform: translateY(3000px);
      opacity: 0
  }

  60% {
      transform: translateY(-30px);
      opacity: 1
  }

  75% {
      transform: translateY(10px)
  }

  90% {
      transform: translateY(-5px)
  }

  100% {
      transform: translateY(0)
  }
}

@keyframes v-backward-exit-bounce {
  0% {
      transform: translateY(0);
      opacity: 1
  }

  40% {
      opacity: .6
  }

  100% {
      transform: translateY(2000px);
      opacity: 0
  }
}

@keyframes v-backward-enter-bounce {
  0% {
      transform: translateY(-3000px);
      opacity: 0
  }

  60% {
      transform: translateY(30px);
      opacity: 1
  }

  75% {
      transform: translateY(-10px)
  }

  90% {
      transform: translateY(5px)
  }

  100% {
      transform: translateY(0)
  }
}

@keyframes MagicCircle {
  0% {
      background-color: #000
  }

  100% {
      background-color: #fff
  }
}

.ui-helper-hidden {
  display: none
}

.ui-helper-reset {
  font-size: 100%;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: 0;
  outline: 0
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
  display: table;
  border-collapse: collapse;
  content: ""
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0)
}

.ui-state-disabled {
  cursor: default!important
}

.ui-icon {
  overflow: hidden;
  text-indent: -99999px;
  background-repeat: no-repeat
}

.ui-widget-overlay {
  position: fixed
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  font-size: .1px;
  position: absolute;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  top: -5px;
  left: 0;
  width: 100%;
  height: 7px;
  cursor: n-resize
}

.ui-resizable-s {
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 7px;
  cursor: s-resize
}

.ui-resizable-e {
  top: 0;
  right: -5px;
  width: 7px;
  height: 100%;
  cursor: e-resize
}

.ui-resizable-w {
  top: 0;
  left: -5px;
  width: 7px;
  height: 100%;
  cursor: w-resize
}

.ui-resizable-se {
  right: 1px;
  bottom: 1px;
  width: 12px;
  height: 12px;
  cursor: se-resize
}

.ui-resizable-sw {
  bottom: -5px;
  left: -5px;
  width: 9px;
  height: 9px;
  cursor: sw-resize
}

.ui-resizable-nw {
  top: -5px;
  left: -5px;
  width: 9px;
  height: 9px;
  cursor: nw-resize
}

.ui-resizable-ne {
  top: -5px;
  right: -5px;
  width: 9px;
  height: 9px;
  cursor: ne-resize
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-accordion .ui-accordion-header {
  font-size: 100%;
  position: relative;
  display: block;
  min-height: 0;
  margin: 2px 0 0;
  padding: .5em .5em .5em .7em;
  cursor: pointer
}

.ui-accordion .ui-accordion-icons,.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  top: 50%;
  left: .5em;
  margin-top: -8px
}

.ui-accordion .ui-accordion-content {
  overflow: auto;
  padding: 1em 2.2em;
  border-top: 0
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-button {
  line-height: normal;
  position: relative;
  display: inline-block;
  overflow: visible;
  margin-right: .1em;
  padding: 0;
  cursor: pointer;
  text-align: center
}

.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2.2em
}

button.ui-button-icon-only {
  width: 2.4em
}

.ui-button-icons-only {
  width: 3.4em
}

button.ui-button-icons-only {
  width: 3.7em
}

.ui-button .ui-button-text {
  line-height: normal;
  display: block
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
  padding-right: 2.1em;
  padding-left: 2.1em
}

input.ui-button {
  padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary {
  left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary {
  right: .5em
}

.ui-buttonset {
  margin-right: 7px
}

.ui-buttonset .ui-button {
  margin-right: -.3em;
  margin-left: 0
}

button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.ui-datepicker {
  display: none;
  width: 17em;
  padding: .2em .2em 0
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -8px;
  margin-left: -8px
}

.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  font-size: .9em;
  width: 100%;
  margin: 0 0 .4em;
  border-collapse: collapse
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  border: 0
}

.ui-datepicker td {
  padding: 1px;
  border: 0
}

.ui-datepicker td a,.ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  margin: .7em 0 0;
  padding: 0 .2em;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  background-image: none
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  overflow: visible;
  width: auto;
  margin: .5em .2em .4em;
  padding: .2em .6em .3em;
  cursor: pointer
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  font-size: 0;
  clear: both;
  width: 100%
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  right: auto;
  left: 2px
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  right: auto;
  left: 1px
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.well-content:after,.well:after {
  clear: both
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  padding: .4em 1em
}

.ui-dialog .ui-dialog-title {
  float: left;
  overflow: hidden;
  width: 90%;
  margin: .1em 0;
  white-space: nowrap
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 50%;
  right: .3em;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  padding: 1px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  overflow: auto;
  padding: .5em 1em;
  border: 0;
  background: 0 0
}

.ui-dialog .ui-dialog-buttonpane {
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
  text-align: left;
  border-width: 1px 0 0;
  background-image: none
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-se {
  right: -5px;
  bottom: -5px;
  width: 12px;
  height: 12px;
  background-position: 16px 16px
}

.ui-slider-vertical .ui-slider-range-min,.ui-spinner-down {
  bottom: 0
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-menu {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  position: relative;
  min-height: 0;
  margin: 0;
  padding: 3px 1em 3px .4em;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  cursor: pointer
}

.ui-menu .ui-menu-divider {
  font-size: 0;
  line-height: 0;
  height: 0;
  margin: 5px 0;
  border-width: 1px 0 0
}

.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  right: 0;
  left: auto
}

.ui-progressbar {
  overflow: hidden;
  height: 2em;
  text-align: left
}

.ui-progressbar .ui-progressbar-value {
  height: 100%;
  margin: -1px
}

.ui-progressbar .ui-progressbar-overlay {
  height: 100%;
  opacity: .25;
  background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
  filter: alpha(opacity=25)
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectmenu-menu {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin: 0;
  padding: 0
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  height: auto;
  margin: .5em 0 0;
  padding: 2px .4em;
  border: 0
}

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none
}

.ui-selectmenu-button span.ui-icon {
  position: absolute;
  top: 50%;
  right: .5em;
  left: auto;
  margin-top: -8px
}

.ui-selectmenu-button span.ui-selectmenu-text {
  line-height: 1.4;
  display: block;
  overflow: hidden;
  padding: .4em 2.1em .4em 1em;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev,.ui-icon {
  font-family: "Glyphicons Halflings";
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  font-size: .7em;
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-bottom: -.6em;
  margin-left: 0
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0
}

.ui-spinner-input {
  margin: .2em 22px .2em .4em;
  padding: 0;
  color: inherit;
  border: none;
  background: 0 0
}

.ui-spinner-button {
  font-size: .5em;
  position: absolute;
  right: 0;
  display: block;
  overflow: hidden;
  width: 16px;
  height: 50%;
  margin: 0;
  padding: 0;
  cursor: default;
  text-align: center
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-right: none;
  border-bottom: none
}

.ui-spinner .ui-icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px
}

.ui-spinner-up {
  top: 0
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  position: relative;
  top: 0;
  float: left;
  margin: 1px .2em 0 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  border-bottom-width: 0
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  padding: 1em 1.4em;
  border-width: 0;
  background: 0 0
}

.ui-tooltip {
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  padding: 8px;
  box-shadow: 0 0 5px #aaa
}

.ui-icon,body {
  position: relative
}

body .ui-tooltip {
  border-width: 2px
}

.ui-datepicker {
  color: #111;
  border: 1px solid #eee;
  background: #fff
}

.ui-datepicker .ui-datepicker-header {
  font-weight: 700;
  color: #111;
  border: none;
  background-color: transparent
}

.ui-datepicker th,.ui-icon {
  font-weight: 400
}

.ui-icon {
  top: 1px;
  display: inline-block
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
  font-weight: 400;
  width: 30px;
  height: 15px;
  margin-top: 5px;
  cursor: pointer;
  color: #428bca
}

.container,option {
  width: 100%
}

.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  float: left;
  text-align: left
}

.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079"
}

.ui-datepicker .ui-datepicker-next {
  right: 5px;
  float: right;
  text-align: right
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\e080"
}

.ui-datepicker .ui-icon {
  display: none
}

.ui-widget-header .ui-datepicker-next-hover.ui-state-hover,.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover {
  top: 2px;
  color: #2a6496;
  border: 0;
  background: 0 0
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
  text-align: center;
  color: #111;
  background-color: #fff
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
  text-decoration: none;
  color: #454545
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
  text-decoration: none;
  color: #2b2b2b
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
  text-decoration: none;
  color: #fff
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
  color: #fff;
  border-color: #666;
  background: #111
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
  color: #777620
}

.ui-state-active,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-active,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-active,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
  color: #fff;
  background: #111
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
  color: #5f3f3f;
  border: 1px solid #f1a899;
  background: #fddfdf
}

.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
  font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
  font-weight: 400;
  opacity: .7;
  filter: alpha(opacity=70)
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
  opacity: .35;
  background-image: none;
  filter: alpha(opacity=35)
}

.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35)
}

@font-face {
  font-family: "Myriad Pro";
  font-weight: 700;
  font-style: normal;
  src: url(../../theme-bg/fonts/subset-MyriadPro-Bold.eot);
  src: url(../../theme-bg/fonts/subset-MyriadPro-Bold.eot?#iefix) format("embedded-opentype"),url(../../theme-bg/fonts/subset-MyriadPro-Bold.woff2) format("woff2"),url(../../theme-bg/fonts/subset-MyriadPro-Bold.woff) format("woff"),url(../../theme-bg/fonts/subset-MyriadPro-Bold.ttf) format("truetype"),url(../../theme-bg/fonts/subset-MyriadPro-Bold.svg#MyriadPro-Bold) format("svg");
  font-display: swap
}

body {
  overflow-x: hidden;
  color: #111
}

@media (max-width: 1023px) {
  html {
      font-size:7px
  }

  body {
      font-size: 11px
  }

  body.calendar-open {
      cursor: pointer
  }
}

body.page-wish-list {
  overflow-x: inherit
}

body.offcanvas {
  overflow-y: hidden
}

.no-margin {
  margin: 0!important
}

@media (min-width: 768px) {
  .container {
      max-width:100%
  }
}

@media (min-width: 1024px) {
  .container {
      max-width:1024px
  }
}

@media (min-width: 1200px) {
  .container-lg {
      float:none;
      overflow: hidden;
      margin: 0 auto!important
  }

  .container {
      max-width: 1200px
  }
}

button {
  font-weight: 700;
  border: 0
}

ol,ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.form-control {
  font-size: 11px
}

@media (min-width: 1023px) {
  .form-control {
      font-size:18px;
      font-size: 13px;
      line-height: 1.33;
      height: 40px;
      padding: 0 16px;
      border-radius: 4px
  }

  select.form-control {
      line-height: 40px;
      height: 40px
  }

  select[multiple].form-control,textarea.form-control {
      height: auto
  }
}

option {
  font-size: .875em;
  line-height: 18px;
  padding: 6px 13px
}

a:focus,a:hover {
  text-decoration: underline;
  color: inherit
}

.item__product a:hover {
  text-decoration: none
}

.item-a-hover-text {
  display: block;
  overflow: hidden;
  max-width: 90%;
  margin-top: 1px;
  text-align: left;
  white-space: nowrap;
  direction: ltr
}

.btn-remove-search-item {
  position: absolute;
  top: 6px;
  right: 15px
}

.item__product a:hover .item__name {
  text-decoration: underline
}

a.show-modal:after,a.target-blank:after {
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: 400;
  display: inline-block;
  margin-left: 5px;
  text-decoration: inherit;
  font-style: normal
}

a.target-blank:after {
  content: "\f2d2"!important
}

a.show-modal:after {
  content: "\f24d"!important
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 700;
  color: #111
}

a,button {
  transition: all .2s ease;
  text-decoration: none;
  color: #111
}

output {
  font-size: 14px;
  line-height: 1.42857143;
  display: block;
  padding-top: 7px;
  color: #111
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.open>.dropdown-menu {
  padding: 15px 0 0
}

.dropdown-menu li {
  margin-top: 3px
}

.dropdown-menu li:first-child {
  margin-top: 0
}

.dropdown-menu>li>a {
  font-weight: 400;
  line-height: 1.42857;
  display: block;
  clear: both;
  padding: 3px 25px;
  white-space: normal;
  color: #111
}

.display-none {
  display: none
}

.page-title {
  margin-bottom: 30px
}

@media (min-width: 768px) {
  .item-label,.item-value {
      display:block
  }
}

@media (max-width: 767px) {
  .item-label,.item-value {
      line-height:20px;
      display: inline-block;
      width: 49%;
      vertical-align: top
  }

  .item-value {
      padding-left: 15px
  }

  .item-action {
      margin-top: 30px
  }
}

.well-content:after,.well-content:before,.well:after,.well:before {
  display: table;
  content: " "
}

.item-label {
  font-weight: 300
}

.item-value {
  font-size: 18px;
  overflow: hidden;
  padding-bottom: 15px
}

.alert {
  margin: 2rem 5px 0;
  padding-right: 30px;
  padding-left: 30px
}

@media (max-width: 1024px) {
  .alert {
      padding-right:20px;
      padding-left: 20px
  }
}

.container__full {
  padding-right: 30px;
  padding-left: 30px
}

@media (max-width: 1024px) {
  .container__full {
      padding-right:20px;
      padding-left: 20px
  }
}

.well {
  margin: 0;
  padding: 15px;
  border: none;
  border-bottom: 1px solid #111;
  background-color: #111;
  box-shadow: none
}

.well.well-single-headline {
  padding-right: 0;
  padding-left: 0
}

.well.well-xs {
  padding: 0 15px 5px
}

.well.well-xs .well-headline {
  margin: 0;
  padding-top: 15px
}

.well.well-xs .well-content {
  padding-top: 30px
}

.well.well-sm {
  padding: 15px 30px
}

.well.well-md {
  padding: 25px 30px
}

@media (max-width: 1024px) {
  .well.well-md {
      padding-right:20px;
      padding-left: 20px
  }
}

.well.well-lg {
  padding: 45px 30px 35px
}

@media (max-width: 1024px) {
  .well.well-lg {
      padding-right:20px;
      padding-left: 20px
  }
}

.well.well-primary {
  color: #fff;
  background-color: #111
}

.well.well-secondary {
  color: #111;
  background-color: #666
}

.well.well-tertiary {
  color: #fff;
  background-color: #111
}

.well.well-tertiary .item-label,.well.well-tertiary .item-value {
  color: #fff
}

.well.well-tertiary .item-value a {
  text-decoration: underline;
  color: #fff
}

.well.well-quaternary {
  color: #111;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fff
}

.well.well-quinary {
  padding-right: 0;
  padding-left: 0;
  color: #111;
  border-color: #eee;
  background-color: #fff
}

.well.well-quinary .well-headline {
  color: #fff;
  background-color: #111
}

.well.well-quinary .well-content {
  padding-right: 30px;
  padding-left: 30px
}

@media (max-width: 1024px) {
  .well.well-quinary .well-content {
      padding-right:20px;
      padding-left: 20px
  }
}

.well-headline {
  font-size: 16px;
  font-weight: 700;
  margin-right: -15px;
  margin-left: -15px;
  padding: 5px 30px 15px;
  border-bottom: 1px solid #111
}

@media (max-width: 1024px) {
  .well-headline {
      padding-right:20px;
      padding-left: 20px
  }
}

.well-headline-sub {
  font-weight: 400;
  padding-left: 10px
}

@media (max-width: 767px) {
  .well-headline {
      padding-right:35px;
      padding-left: 35px
  }
}

.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0
}

.well-content {
  padding-top: 60px;
  padding-bottom: 30px
}

.well>.col-no-padding {
  padding-right: 0;
  padding-left: 0
}

.well .well-headline {
  margin: 0;
  padding-right: 30px;
  padding-left: 30px
}

@media (max-width: 1024px) {
  .well .well-headline {
      padding-right:20px;
      padding-left: 20px
  }
}

@media (max-width: 1023px) {
  body.offcanvas {
      max-height:100vh
  }

  main {
      overflow: hidden;
      transition: transform .3s ease-out
  }

  select[multiple].form-control,textarea.form-control {
      height: auto
  }
}

@media (max-width: 767px) {
  .well,.well.well-lg {
      padding-right:20px;
      padding-left: 20px
  }

  .container,.container .row [class*=col-],.container-fluid,.container-fluid .row [class*=col-] {
      padding-right: 5px;
      padding-left: 5px
  }

  .container .row,.container-fluid .row {
      margin-right: -5px;
      margin-left: -5px
  }
}

.discontinued,.sameShippingDay,.topSaleVolume {
  width: 60px;
  height: 15px;
  background: url(../../common/images/icon_samedaydeliv.gif) left center no-repeat
}

@media (min-width: 768px) {
  .accordion-body {
      display:block!important
  }
}

.headline {
  position: relative
}

.headline-highlight {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  position: relative;
  top: -3px;
  margin-right: 20px;
  padding: 7px 10px;
  color: #ff3c6c;
  border: 1px solid #ff3c6c;
  border-radius: 3px
}

@media (max-width: 1023px) {
  .accordion-body {
      display:none
  }

  .headline-highlight {
      font-size: 11px
  }
}

@media (max-width: 767px) {
  .headline-highlight {
      display:block;
      width: 80px;
      margin: 0 auto 10px
  }
}

.headline-highlight:after,.headline-highlight:before {
  position: absolute;
  width: 0;
  height: 0;
  content: ""
}

.headline-highlight:before {
  z-index: 1
}

@media (min-width: 768px) {
  .headline-highlight:after,.headline-highlight:before {
      top:50%;
      left: 100%
  }

  .headline-highlight:before {
      margin-top: -5px;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 8px solid #ff3c6c
  }
}

@media (max-width: 767px) {
  .headline-highlight:after,.headline-highlight:before {
      top:100%;
      left: 50%
  }

  .headline-highlight:before {
      margin-left: -5px;
      border-top: 8px solid #ff3c6c;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent
  }
}

.headline-highlight:after {
  z-index: 2
}

@media (min-width: 768px) {
  .headline-highlight:after {
      margin-top:-4px;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 7px solid #fff
  }
}

@media (max-width: 767px) {
  .headline-highlight:after {
      margin-left:-4px;
      border-top: 7px solid #fff;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent
  }
}

.headline .headline-text {
  font-size: 26px;
  font-weight: 700;
  margin-top: 80px;
  margin-bottom: 40px;
  text-align: center;
  color: #111
}

@media (max-width: 1023px) {
  .headline .headline-text {
      font-size:2.57rem;
      line-height: 1.4;
      margin-top: 40px;
      margin-bottom: 20px;
      padding: 0 50px
  }
}

.headline .headline-text-sub {
  font-size: 16px;
  font-weight: 400;
  margin-left: 1rem
}

@media (max-width: 1023px) {
  .headline .headline-text-sub {
      font-size:12px
  }
}

@media (max-width: 767px) {
  .headline .headline-text-sub {
      font-size:11px
  }
}

.headline .go-to-list {
  font-weight: 700;
  position: absolute;
  right: 0;
  bottom: 5px
}

.go-to-list {
  font-size: 13px;
  display: inline;
  margin: 0
}

.botline .forward-link:after,.go-to-list:after {
  margin-left: 10px;
  content: "\f054";
  font-family: FontAwesome;
  display: inline-block
}

.go-to-list:after {
  font-size: 1rem
}

@media (max-width: 1023px) {
  .headline .go-to-list {
      bottom:1px
  }

  .go-to-list {
      font-size: 10px
  }
}

.botline .forward-link {
  font-size: 1.3rem;
  float: right
}

.botline .forward-link:after {
  font-size: 1rem
}

.botline .backward-link {
  font-size: 1.3rem;
  float: left
}

.botline .backward-link:before {
  font-family: FontAwesome;
  font-size: 1rem;
  display: inline-block;
  margin-right: 10px;
  content: "\f053"
}

.link-pdf-file:after,.link-read-more:after {
  font-family: FontAwesome
}

.sub__headline {
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  background-color: #f7f6f6
}

.sub__headline--text {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: #999
}

@media (min-width: 768px) {
  .sub__headline--text .headline-text-sub {
      margin-left:1rem
  }
}

@media (max-width: 767px) {
  .sub__headline--text .headline-text-sub {
      display:block!important
  }
}

.homepage__block_noborder,.section-block {
  overflow: hidden;
  padding-bottom: 0
}

@media (max-width: 1023px) {
  .sub__headline--text {
      font-size:12px
  }

  .homepage__block_noborder,.section-block {
      padding-bottom: 35px
  }
}

.homepage__block,.section-block {
  overflow: hidden;
  padding-bottom: 60px;
  border-bottom: 1px solid #eee
}

.homepage__block:last-child,.section-block-noborder:last-child,.section-block:last-child {
  border-bottom: 0
}

@media (max-width: 1023px) {
  .homepage__block,.section-block {
      padding-bottom:35px
  }
}

.section-block-noborder {
  overflow: hidden;
  padding-bottom: 60px
}

@media (max-width: 1023px) {
  .section-block-noborder {
      padding-bottom:35px
  }
}

.homepage__block.banner {
  border: 0
}

.homepage__block.padingtop {
  padding-top: 60px;
  padding-bottom: 30px
}

@media (max-width: 1023px) {
  .homepage__block.padingtop {
      padding-top:35px;
      padding-bottom: 0
  }

  .rating .rating-stars {
      float: none
  }

  .rating .rating-stars:after,.rating .rating-stars:before {
      display: table;
      content: " "
  }

  .rating .rating-stars:after {
      clear: both
  }
}

.homepage__block.container,.homepage__block_noborder.container {
  padding-right: 0;
  padding-left: 0
}

@media (min-width: 1218px) {
  .homepage__block.container,.homepage__block_noborder.container {
      width:1170px
  }
}

@media (min-width: 768px) and (max-width:1217px) {
  .homepage__block.container,.homepage__block_noborder.container {
      width:100%
  }
}

.price--line-through {
  text-decoration: line-through
}

.rating--hover:hover ul {
  opacity: .7
}

.rating--hover:hover span {
  text-decoration: underline
}

.rating .rating-stars {
  font-size: 18px;
  position: relative;
  margin: 0 5px 0 0;
  padding: 3px 0 1px
}

.rating .rating-stars .greenStars {
  position: absolute;
  top: 3px;
  left: 0;
  overflow: hidden;
  width: 0;
  white-space: nowrap
}

.rating .rating-stars .star-part:before {
  content: "\f006";
  color: #fbbb4c
}

.rating .rating-stars .star-part.active:before {
  content: "\f005"
}

.rating .rating-stars li {
  overflow: hidden;
  margin: 0;
  color: #ccc
}

.rating .rating-stars li.fh {
  float: left!important;
  float: left;
  width: .47em;
  margin-right: 0
}

.rating .rating-stars li.lh {
  float: left!important;
  float: left;
  width: .5em;
  margin-left: 0;
  text-indent: -.44em
}

.rating .rating-stars li.active {
  color: #fbbb4c
}

.rating.rating-set .rating-stars {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px
}

.rating a:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  content: "";
  border-left: 1px solid #dcdcdc
}

.rating .rating-turns {
  font-size: 1.3rem;
  line-height: 25px;
  display: inline-block;
  color: #111
}

.list-unordered-round li,.list-unordered-square li {
  position: relative;
  padding-left: 12px
}

.list-unordered-round li:before,.list-unordered-square li:before {
  position: absolute;
  top: .5rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-color: #111
}

.list-unordered-round li:before {
  border-radius: 50%
}

.link-pdf-file,.link-pdf-file:focus,.link-pdf-file:hover {
  color: #3d9ed1
}

.link-pdf-file:after {
  display: inline-block;
  margin-left: .3rem;
  content: "\f1c1";
  color: #111
}

.blue__link,.blue__link:focus,.blue__link:hover {
  color: #3d9ed1
}

.link-to-page {
  font-size: 1.3rem;
  display: block;
  text-align: right
}

.blue__link,.label--pink,.line-break {
  display: inline-block
}

.link-to-page .fa {
  font-size: 1rem;
  margin-left: 10px
}

.page-header {
  font-size: 28px;
  font-weight: 700;
  line-height: 3rem;
  margin: 60px 0 1rem;
  border: 0
}

@media (max-width: 1023px) {
  .page-header {
      font-size:18px;
      margin-top: 20px
  }
}

.page-header__wrapper {
  margin-bottom: 4rem;
  text-align: center;
  color: #111
}

.page-header--left {
  margin-bottom: 2rem;
  text-align: left
}

.page-header--left .page-header {
  margin: 0;
  padding: 1.8rem 0 .5rem;
  border-top: 2px solid #eee
}

.page-header--left .text--medium {
  line-height: 2.1rem
}

.page-header__sub {
  font-size: 16px;
  font-weight: 400
}

@media (max-width: 1023px) {
  .page-header__sub {
      font-size:12px
  }
}

.box__info {
  font-size: 1.8rem;
  line-height: 2rem;
  padding: 15px;
  color: #3d9ed1;
  border: 2px solid #3d9ed1
}

.box__info--activate {
  max-width: 770px;
  margin-right: auto;
  margin-left: auto
}

.box__contact {
  font-size: 1.3rem;
  margin-top: 6rem
}

.box__contact--email,.box__contact--phone {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
  padding: 2rem 0;
  border: 1px solid #eee;
  border-radius: 4px
}

@media (max-width: 1023px) {
  .box__contact--email,.box__contact--phone {
      font-size:12px
  }
}

.box__contact .fa {
  margin-right: 1rem
}

.text--large {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.4rem
}

@media (max-width: 1023px) {
  .text--large {
      font-size:12px
  }
}

.text--normal {
  font-size: 14px;
  line-height: 2.4rem
}

@media (max-width: 1023px) {
  .text--normal {
      font-size:11px
  }
}

.text--medium {
  font-size: 1.3rem;
  line-height: 3.2rem
}

.text--small {
  font-size: 12px;
  line-height: 2rem
}

@media (max-width: 1023px) {
  .text--small {
      font-size:10px
  }
}

.text--pink {
  color: #ff3c6c
}

.text--blue {
  color: #4c97be
}

.text-error {
  color: #ff3c6c
}

.text--color-secondary {
  color: #111!important
}

.text--warning {
  color: #ff3c6c!important
}

.line-break {
  width: 100%;
  height: 1px;
  margin: 0 0 3rem;
  background-color: #eee
}

.link--blue {
  color: #4c97be
}

.read-less {
  height: auto!important
}

.link-read-more {
  font-size: 14px;
  line-height: 2.2rem;
  text-decoration: none;
  color: #3d9ed1
}

.link-read-more:after {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: .5rem;
  content: "\f0dd"
}

.label--pink {
  font-size: 11px;
  font-weight: 700;
  line-height: 2.5rem;
  margin-right: 10px;
  padding: 0 15px;
  color: #fff;
  background-color: #ff3c6c
}

@media (max-width: 1023px) {
  .link-read-more {
      font-size:11px
  }

  .label--pink {
      font-size: 9px
  }
}

.row-eq-height {
  display: -ms-flexbox;
  display: flex
}

.btn-group--bottom {
  margin-bottom: 5rem
}

.custom-style-calendar.ui-datepicker {
  width: auto;
  padding: 0
}

.custom-style-calendar.ui-datepicker .ui-datepicker-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111
}

.custom-style-calendar.ui-datepicker table {
  margin: 0
}

.custom-style-calendar.ui-datepicker td {
  padding: 0;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee
}

.custom-style-calendar.ui-datepicker .ui-state-default,.custom-style-calendar.ui-datepicker th {
  font-size: 16px;
  line-height: 2rem;
  padding: 1rem 1.5rem;
  color: #111
}

@media (max-width: 1023px) {
  .custom-style-calendar.ui-datepicker .ui-state-default,.custom-style-calendar.ui-datepicker th {
      font-size:12px
  }
}

.custom-style-calendar.ui-datepicker th {
  border: 1px solid #eee;
  background-color: #f9f9f9
}

.custom-style-calendar.ui-datepicker .ui-state-active,.custom-style-calendar.ui-datepicker .ui-state-focus,.custom-style-calendar.ui-datepicker .ui-state-hover,.custom-style-calendar.ui-datepicker .ui-widget-content .ui-state-active,.custom-style-calendar.ui-datepicker .ui-widget-content .ui-state-focus,.custom-style-calendar.ui-datepicker .ui-widget-content .ui-state-hover {
  color: #ff3c6c;
  background-color: #fff1f4
}

.custom-style-calendar.ui-datepicker .ui-state-highlight,.custom-style-calendar.ui-datepicker .ui-widget-content .ui-state-highlight,.custom-style-calendar.ui-datepicker .ui-widget-header .ui-state-highlight {
  color: #ff3c6c;
  background-color: transparent
}

.custom-style-calendar.ui-datepicker .max-date .ui-state-default,.custom-style-calendar.ui-datepicker .min-date .ui-state-default,.custom-style-calendar.ui-datepicker .ui-datepicker-current-day .ui-state-default {
  color: #fff!important;
  background-color: #d93981!important
}

.custom-style-calendar.ui-datepicker .middle-date .ui-state-default {
  color: #ff3c6c;
  background-color: #fff1f4
}

.custom-style-calendar.ui-datepicker .ui-datepicker-next.ui-state-hover,.custom-style-calendar.ui-datepicker .ui-datepicker-prev.ui-state-hover,.overlay-loading {
  background-color: transparent
}

.custom-style-calendar.ui-datepicker .ui-datepicker-next,.custom-style-calendar.ui-datepicker .ui-datepicker-prev {
  top: 30%
}

.custom-style-calendar.ui-datepicker .ui-datepicker-next:before,.custom-style-calendar.ui-datepicker .ui-datepicker-prev:before {
  font-family: FontAwesome;
  color: #999
}

.custom-style-calendar.ui-datepicker .ui-datepicker-prev:before {
  content: "\f053"
}

.custom-style-calendar.ui-datepicker .ui-datepicker-next:before,.nav-block__text:after {
  content: "\f054"
}

.custom-style-calendar.ui-datepicker .ui-icon-circle-triangle-e {
  display: none
}

.custom-style-calendar.ui-datepicker .ui-datepicker-title {
  padding: 1rem 0
}

.custom-style-calendar__label {
  font-size: 1.3rem;
  font-weight: 700;
  color: #111
}

.overlay-loading {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

@keyframes spinner {
  to {
      transform: rotate(360deg)
  }
}

.text-link,.text-link:focus,.text-link:hover {
  color: #3d9ed1
}

.text-link__order-history {
  font-size: 12px;
  float: right;
  padding-right: 0;
  color: #30a4cd
}

@media (max-width: 1024px) {
  .text-link__order-history {
      font-size:10px
  }
}

.text-link__order-history i {
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px
}

.text-link__order-history:focus,.text-link__order-history:hover {
  cursor: pointer;
  color: #30a4cd
}

.text-link__order-history-eg {
  font-size: 12px;
  float: right;
  padding-right: 0;
  color: #e079a6
}

@media (max-width: 1024px) {
  .text-link__order-history-eg {
      font-size:10px
  }
}

.text-link__order-history-eg i {
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px
}

.text-link__order-history-eg:focus,.text-link__order-history-eg:hover {
  color: #e079a6;
  pointer: cursor
}

.element-error {
  border: 1px solid #ff3c6c!important
}

.nav-block {
  margin-top: 60px;
  padding: 0 20px 30px;
  border: 1px solid #dcdcdc;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .nav-block {
      margin:30px -5px 0;
      padding: 0;
      border-right: 0;
      border-bottom: 0;
      border-left: 0
  }
}

.nav-block>ul>li,.nav-block__title {
  border-bottom: 1px solid #dcdcdc
}

.nav-block__title {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  padding: 4rem 0 1.5rem
}

@media (max-width: 767px) {
  .nav-block__title {
      padding-right:5px;
      padding-left: 5px
  }
}

.nav-block__title:before {
  font-family: FontAwesome;
  font-size: 2.2rem;
  display: inline-block;
  margin-right: 15px
}

.nav-block__text {
  line-height: 2.4rem;
  position: relative;
  display: block;
  padding: 10px 16px 10px 0;
  color: #111
}

.nav-block__text:after {
  font-family: FontAwesome;
  font-size: 1rem;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1.2rem;
  color: #ccc
}

@media (max-width: 767px) {
  .nav-block__text {
      padding-right:5px;
      padding-left: 5px;
      background-color: #fff
  }

  .nav-block__text:after {
      right: 5px
  }
}

.nav-block__text--bold {
  font-size: 16px;
  font-weight: 700;
  word-wrap: break-word
}

@media (max-width: 1023px) {
  .nav-block__text--bold {
      font-size:12px
  }
}

.nav-block__text--less-focus {
  color: #999
}

.nav-block__text .badge {
  margin-left: 6px
}

.badge {
  font-size: 10px;
  line-height: 20px;
  min-width: 20px;
  height: 20px;
  padding: 0 2px;
  text-align: center;
  color: #ff3c6c;
  border: 1px solid #ff3c6c;
  border-radius: 20px;
  background-color: transparent
}

.bigger-title {
  font-size: 6rem;
  font-weight: 700;
  margin-bottom: 30px
}

@media (max-width: 767px) {
  .bigger-title {
      font-size:4.8rem;
      margin-bottom: 20px
  }
}

.nicescroll-rails {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #eee
}

.nicescroll-rails .nicescroll-cursors {
  border: 0!important;
  background-color: #999!important
}

.error-element {
  line-height: 15px;
  text-transform: none;
  color: #ff3c6c!important
}

input.error-element,textarea.error-element {
  border-color: #ff3c6c!important
}

label.error-element {
  display: block;
  margin-top: 10px
}

.item__ranking--value {
  font-size: 12px;
  font-weight: 700;
  line-height: 3rem;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 2rem;
  height: 3.8rem;
  text-align: center;
  color: #fff
}

@media (max-width: 1023px) {
  .item__ranking--value {
      font-size:10px
  }
}

.item__ranking--background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 3.8rem solid rgba(51,51,51,.8);
  border-right: 3.8rem solid transparent
}

.item__ranking--background.item__ranking--1 {
  border-top-color: rgba(202,158,41,.8)
}

.item__ranking--background.item__ranking--2 {
  border-top-color: rgba(168,164,157,.8)
}

.item__ranking--background.item__ranking--3 {
  border-top-color: rgba(142,108,85,.8)
}

.item__ranking--background.item__ranking--4 {
  border-top-color: rgba(51,51,51,.8)
}

.custom-inline-calendar {
  height: 300px
}

@media (max-width: 1024px) {
  .custom-inline-calendar {
      height:200px
  }
}

.custom-inline-calendar .ui-datepicker {
  width: 100%;
  min-height: 200px;
  padding-bottom: 2rem;
  border: none
}

@media (max-width: 767px) {
  .custom-inline-calendar .ui-datepicker {
      width:100%;
      height: 100%
  }
}

.custom-inline-calendar .ui-datepicker .ui-datepicker-title {
  font-size: 14px;
  font-weight: 700;
  color: #111
}

@media (max-width: 1023px) {
  .custom-inline-calendar .ui-datepicker .ui-datepicker-title {
      font-size:11px
  }
}

.custom-inline-calendar .ui-datepicker table {
  margin: 0;
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none
}

.custom-inline-calendar .ui-datepicker td {
  padding: 0;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee
}

.custom-inline-calendar .ui-datepicker td.ui-datepicker-week-end:first-child .ui-state-default {
  color: #fff;
  background-color: #ff3c6c
}

.custom-inline-calendar .ui-datepicker td.ui-datepicker-week-end:last-child {
  border-right: 1px solid #eee
}

.custom-inline-calendar .ui-datepicker .ui-state-default,.custom-inline-calendar .ui-datepicker th {
  font-size: 12px;
  line-height: 2rem;
  padding: .5rem;
  color: #111
}

@media (max-width: 1023px) {
  .custom-inline-calendar .ui-datepicker .ui-state-default,.custom-inline-calendar .ui-datepicker th {
      font-size:10px
  }
}

.custom-inline-calendar .ui-datepicker .ui-state-default.ui-state-active,.custom-inline-calendar .ui-datepicker th.ui-state-active {
  color: #111
}

.custom-inline-calendar .ui-datepicker th {
  border: 1px solid #eee;
  background-color: #f9f9f9
}

.custom-inline-calendar .ui-datepicker .select-day .ui-state-default {
  color: #fff!important;
  background-color: #ff3c6c!important
}

.custom-inline-calendar .ui-datepicker .normal-select-day .ui-state-default {
  color: #fff!important;
  background-color: #3d9ed1!important
}

.custom-inline-calendar .ui-datepicker .express-select-day .ui-state-default {
  color: #fff!important;
  background-color: #ff813c!important
}

.custom-inline-calendar .ui-datepicker .ui-state-active,.custom-inline-calendar .ui-datepicker .ui-state-focus,.custom-inline-calendar .ui-datepicker .ui-state-highlight,.custom-inline-calendar .ui-datepicker .ui-state-hover,.custom-inline-calendar .ui-datepicker .ui-widget-content .ui-state-active,.custom-inline-calendar .ui-datepicker .ui-widget-content .ui-state-focus,.custom-inline-calendar .ui-datepicker .ui-widget-content .ui-state-highlight,.custom-inline-calendar .ui-datepicker .ui-widget-content .ui-state-hover,.custom-inline-calendar .ui-datepicker .ui-widget-header .ui-state-highlight {
  color: #111;
  background-color: transparent
}

.custom-inline-calendar .ui-datepicker .ui-datepicker-next,.custom-inline-calendar .ui-datepicker .ui-datepicker-prev {
  visibility: hidden
}

.custom-inline-calendar .ui-datepicker .ui-icon-circle-triangle-e {
  display: none
}

.custom-inline-calendar .ui-datepicker .ui-datepicker-title {
  padding: 1rem 0
}

.custom-inline-calendar__label {
  font-size: 1.3rem;
  font-weight: 700;
  color: #111
}

.line--through {
  text-decoration: line-through
}

.block-categories-list {
  margin-bottom: 6rem;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc
}

@media (min-width: 768px) {
  .fa-calendar {
      font-size:1.8rem
  }

  .block-categories-list {
      padding: 1.5rem 0
  }

  .block-categories-list__item {
      width: 20%
  }

  .block-categories-list__item:nth-child(5n+1) {
      clear: left
  }
}

.block-categories-list .list-unstyled {
  margin-bottom: 15px
}

.block-categories-list__title {
  font-size: 14px;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 0
}

@media (max-width: 1023px) {
  .block-categories-list__title {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .block-categories-list__title {
      line-height:18px;
      margin: 0;
      border-top: 1px solid #dcdcdc
  }

  .block-categories-list__title>a {
      display: block;
      padding: 5px 0
  }

  .block-categories-list__title+.list-unstyled a {
      font-size: 10px;
      line-height: 18px;
      display: block;
      padding: 5px;
      border-top: 1px solid #dcdcdc
  }

  .block-categories-list__title+.list-unstyled a:after {
      font-family: FontAwesome;
      float: right;
      content: "\f054";
      color: #999
  }
}

.block-categories-list>.js-accordion {
  font-size: 11px;
  line-height: 18px;
  padding: 5px 0;
  color: #999;
  background-color: #f7f6f6
}

@media (max-width: 767px) {
  .block-categories-list>.js-accordion>.fa {
      float:right;
      padding: 4px 5px 0 0
  }
}

.product-category__block--header {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
  padding: 1rem;
  text-align: center;
  color: #111;
  background-color: #f7f6f6
}

.checkbox-bg-transparent .custom-checkbox-1,.checkbox-bg-transparent .custom-checkbox-2 {
  background-color: transparent
}

.icon-loading:before {
  z-index: 10000;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  content: "";
  animation: spinner .6s linear infinite;
  border: 2px solid #ccc;
  border-top-color: #333;
  border-radius: 50%
}

.content-empty {
  font-size: 14px;
  margin-top: 6rem;
  text-align: center
}

@media (max-width: 1023px) {
  .content-empty {
      font-size:11px
  }
}

.username {
  float: left;
  overflow: hidden;
  max-width: 350px;
  white-space: nowrap
}

.label-address-default {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  height: 20px;
  margin-left: 10px;
  padding: 0 5px;
  color: #fff;
  border-radius: 3px;
  background-color: #ff3c6c
}

@media (max-width: 1023px) {
  .label-address-default {
      font-size:10px
  }
}

.approximate-sign {
  display: inline-block;
  padding: 0 20px
}

@media (max-width: 767px) {
  .username {
      max-width:150px
  }

  .approximate-sign {
      padding-right: 5px;
      padding-left: 5px
  }
}

.animation-disappear {
  visibility: visible;
  animation-name: disappear;
  animation-duration: .1s;
  animation-delay: 5s;
  animation-iteration-count: 1;
  opacity: 1;
  animation-fill-mode: forwards
}

@keyframes disappear {
  100% {
      display: none;
      width: 0;
      height: 0;
      opacity: 0
  }
}

.non-pointer-event {
  pointer-events: none
}

.text-area-confirm-page {
  white-space: pre-line;
  word-wrap: break-word
}

.add-to-cart-text-summary {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #111
}

.add-to-cart-text-summary span {
  font-size: 23px;
  color: #ff3c6c
}

.add-to-cart-text-summary .number {
  font-size: 35px;
  position: relative;
  top: 5px
}

.lazy-icon {
  display: block;
  margin-right: auto;
  margin-left: auto
}

.gross-price {
  font-weight: 400;
  margin-left: 10px;
  color: #111
}

.no-star-part__five,.no-star-part__four,.no-star-part__one,.no-star-part__three,.no-star-part__two,.star-part__five,.star-part__five:before,.star-part__four,.star-part__one,.star-part__one:before,.star-part__three,.star-part__three:before,.star-part__two,.star-part__two:before {
  color: #fbbb4c!important
}

@media (max-width: 1023px) {
  .gross-price {
      font-size:10px
  }
}

@media (min-width: 1024px) {
  .gross-price {
      font-size:12px
  }
}

.gross-price.not-margin {
  margin-left: 0
}

.gross-price-title:after {
  content: ""!important
}

.pdp__variation-product-opt span.gross-price {
  display: block!important;
  margin-left: 0
}

.star-part__one:before {
  content: "\f005"
}

.star-part__two:before {
  content: "\f005\f005"
}

.star-part__three:before {
  content: "\f005\f005\f005"
}

.star-part__four:before {
  content: "\f005\f005\f005\f005";
  color: #fbbb4c!important
}

.star-part__five:before {
  content: "\f005\f005\f005\f005\f005"
}

.no-star-part__one:before {
  content: "\f006"
}

.no-star-part__two:before {
  content: "\f006\f006"
}

.no-star-part__three:before {
  content: "\f006\f006\f006"
}

.no-star-part__four:before {
  content: "\f006\f006\f006\f006"
}

.no-star-part__five:before {
  content: "\f006\f006\f006\f006\f006"
}

.ui-front {
  z-index: 100
}

.pc {
  display: block
}

.sp {
  display: none
}

@media screen and (max-width: 767px) {
  .pc {
      display:none
  }

  .sp {
      display: block
  }
}

.inner {
  margin: 10px
}

.red {
  font-weight: 400;
  color: #c00
}

.txtL {
  text-align: left!important
}

.media-body,.media-right {
  display: table-cell;
  vertical-align: middle
}

.form-block {
  margin-bottom: 6rem
}

.form-block .btn-form {
  margin-top: 5rem
}

.form-block .dropdown-menu,.form-block .dropdown-toggle {
  width: 270px
}

.form-block .form-general__calendar {
  margin-right: 1rem
}

.form-block .custom-radio-2,.form-block .input-datetime {
  margin-top: 0
}

.block-bg-gray {
  margin-bottom: 4rem;
  padding: 2.5rem 1rem;
  text-align: center;
  background-color: #f9f9f9
}

.block-bg-gray .block-bg-gray-title {
  font-size: 16px;
  margin: 0 0 2rem;
  color: #111
}

.block-bg-gray .block-bg-gray-content {
  line-height: 2.4rem;
  margin-bottom: 0
}

.checkbox .user-register__mark {
  border-radius: 0
}

footer {
  font-size: 12px
}

@media (max-width: 1023px) {
  .block-bg-gray .block-bg-gray-title {
      font-size:12px
  }

  footer {
      font-size: 10px
  }
}

footer .footer-category {
  margin: 0;
  padding: 25px 0;
  text-align: center;
  background-color: #fff
}

footer .footer-category li {
  margin-bottom: 5px;
  padding: 0 15px
}

@media (min-width: 768px) and (max-width:1023px) {
  footer .footer-category li {
      padding:0 10px
  }

  footer .footer-middle .col-sm-4:nth-child(3n+1) {
      clear: left
  }
}

footer .footer-category li+li {
  border-left: 1px solid #e0e0e0
}

footer .footer-category a {
  color: #111
}

footer .footer-top .footer-contact {
  font-size: 12px;
  position: relative;
  padding: 20px 0;
  text-align: center;
  background-color: #f7f6f6
}

footer .footer-top .footer-contact .contact-phone {
  font-size: 14px;
  font-weight: 700
}

footer .footer-top .footer-contact .contact-phone .fa-phone {
  margin-right: .3rem
}

footer .footer-top .footer-contact .contact-item {
  line-height: 20px;
  display: inline-block;
  margin-left: 20px;
  text-align: left
}

footer .footer-top .btn-go-top {
  position: absolute;
  padding: 0;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 4px;
  background-color: #999
}

footer .footer-top .btn-go-top:hover {
  opacity: .7
}

footer .footer-middle .ui-datepicker td.both-holiday,footer .footer-middle .ui-datepicker td.express-holiday,footer .footer-middle .ui-datepicker td.normal-holiday,footer .footer-middle .ui-datepicker td.ui-datepicker-unselectable {
  opacity: 1
}

@media (min-width: 768px) {
  footer .footer-top .btn-go-top {
      right:20px;
      bottom: 20px;
      width: 50px;
      height: 50px
  }
}

@media (max-width: 767px) {
  footer .footer-top .footer-contact .contact-phone {
      font-size:9px
  }

  footer .footer-top .footer-contact .contact-item {
      font-size: 8px;
      line-height: 15px;
      margin: 15px 0 10px 5px
  }

  footer .footer-top .footer-contact .contact-item p {
      margin-bottom: 0
  }

  footer .footer-top .footer-contact {
      padding-top: 0
  }

  footer .footer-top .btn-go-top {
      top: 5px;
      right: 5px;
      width: 25px;
      height: 25px
  }
}

footer .footer-top .btn-go-top .fa-caret-up {
  font-size: 20px
}

@media (max-width: 1023px) {
  footer .footer-top .btn-go-top .fa-caret-up {
      font-size:14px
  }
}

footer .footer-top .contact-phone {
  font-size: 14px;
  font-weight: 700
}

footer .footer-top .contact-phone .fa-phone {
  margin-right: .3rem
}

footer .footer-top .footer-contact-order,footer .footer-top .footer-contact-purchase {
  line-height: 20px;
  display: inline-block;
  margin-left: 20px;
  text-align: left
}

@media (max-width: 767px) {
  footer .footer-top .contact-phone {
      font-size:9px
  }

  footer .footer-top .footer-contact-order,footer .footer-top .footer-contact-purchase {
      font-size: 8px;
      line-height: 15px;
      margin: 15px 0 10px 5px
  }

  footer .footer-top .footer-contact-order p,footer .footer-top .footer-contact-purchase p {
      margin-bottom: 0
  }
}

footer .footer-top .footer-contact-email {
  font-weight: 700;
  line-height: 20px;
  display: block;
  width: 370px;
  margin: 0 auto;
  padding: 5px 0;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff
}

footer .footer-top .footer-contact-email:focus,footer .footer-top .footer-contact-email:hover {
  text-decoration: none;
  color: #3d9ed1;
  border-color: #e0e0e0;
  background-color: #fff
}

@media (max-width: 767px) {
  footer .footer-top .footer-contact-email {
      font-size:8px;
      width: 275px;
      padding: 2px 0
  }
}

footer .footer-top .footer-contact-email .fa-envelope-o:before {
  margin-right: 10px
}

footer .footer-middle {
  padding: 40px 0;
  background-color: #eaeaea
}

footer .footer-middle .footer-link-info-showroom {
  font-weight: 700;
  display: block;
  margin-top: 30px
}

@media (max-width: 767px) {
  footer .footer-middle {
      padding:0;
      background-color: #fff
  }

  footer .footer-middle .footer-link-info-showroom {
      margin: 10px 0
  }
}

footer .footer-middle .footer-link-info-showroom .fa-chevron-right {
  margin-right: 10px
}

footer .footer-middle .footer-logo {
  display: block;
  margin: 0 auto
}

footer .footer-middle .footer-title {
  font-size: 13px;
  font-weight: 700;
  margin-top: 40px;
  color: #111
}

@media (max-width: 767px) {
  footer .footer-middle .footer-logo {
      display:none
  }

  footer .footer-middle .footer-title {
      font-size: 10px;
      line-height: 10px;
      margin: 0 -20px;
      padding: 9px 20px;
      cursor: pointer;
      color: #111;
      border-top: 1px solid #f2f2f2
  }

  footer .footer-middle .footer-title .fa {
      float: right;
      color: #ccc
  }
}

footer .footer-middle li a {
  display: inline-block;
  margin-bottom: 10px
}

@media (max-width: 767px) {
  footer .footer-middle li a {
      display:block;
      margin-bottom: 0;
      padding: 9px 0
  }

  footer .footer-middle li a:after {
      font-family: FontAwesome;
      font-size: 1rem;
      float: right;
      content: "\f054";
      color: #ccc
  }
}

footer .footer-middle .ui-datepicker td a,footer .footer-middle .ui-datepicker td span,footer .footer-middle .ui-datepicker th {
  font-size: 10px;
  line-height: 19px;
  height: 19px;
  padding: 0
}

footer .footer-middle .ui-datepicker {
  width: 100%;
  max-width: 170px;
  padding: 0;
  border: 0;
  background-color: transparent
}

footer .footer-middle .ui-datepicker td {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #111;
  border-left: 1px solid #111
}

footer .footer-middle .ui-datepicker td.ui-datepicker-other-month {
  opacity: 1;
  background-color: #fff
}

footer .footer-middle .ui-datepicker td.both-holiday .ui-state-default,footer .footer-middle .ui-datepicker td.ui-datepicker-unselectable .ui-state-default {
  background-color: #ff3c6c;
  color: #fff
}

footer .footer-middle .ui-datepicker td.normal-holiday .ui-state-default {
  color: #fff;
  background-color: #3d9ed1
}

.header .button__item .btn-menu:focus,.header .button__item .btn-menu:hover,.header .button__item .nav-cart:focus,.header .button__item .nav-cart:hover {
  opacity: .7
}

footer .footer-middle .ui-datepicker td.express-holiday .ui-state-default {
  color: #fff;
  background-color: #ff813c
}

footer .footer-middle .ui-datepicker td:last-child {
  border-right: 1px solid #111
}

footer .footer-middle .ui-datepicker th {
  text-align: center;
  color: #111;
  border: 1px solid #111;
  border-right: 0;
  background-color: #eaeaea
}

footer .footer-middle .ui-datepicker th:last-child {
  border-right: 1px solid #111
}

footer .footer-middle .ui-datepicker-header {
  display: none
}

footer .footer-middle .express-holiday-color,footer .footer-middle .holiday-color,footer .footer-middle .normal-holiday-color {
  top: 1px;
  left: 0;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  position: relative
}

footer .footer-middle .ui-state-default {
  cursor: default;
  color: #111;
  background-color: #fff
}

footer .footer-middle .holiday-color {
  background-color: #ff3c6c
}

footer .footer-middle .normal-holiday-color {
  background-color: #3d9ed1
}

footer .footer-middle .express-holiday-color {
  background-color: #ff813c
}

footer .footer-bottom {
  padding: 20px 0 10px;
  color: #fff;
  background-color: #999
}

@media (max-width: 767px) {
  footer .footer-bottom {
      padding:0
  }
}

@media (min-width: 768px) {
  footer .footer-bottom a {
      color:#fff
  }
}

footer .footer-bottom .container {
  position: relative
}

footer .footer-bottom .footer-BG-group-title {
  font-size: 14px;
  float: left;
  width: 16.666667%;
  margin: 0;
  padding-right: 8px;
  text-transform: uppercase;
  color: #fff
}

@media (max-width: 767px) {
  footer .footer-bottom .footer-BG-group-title {
      font-size:10px;
      font-weight: 700;
      line-height: 10px;
      float: none;
      width: auto;
      margin: 0 -20px;
      padding: 9px 20px;
      cursor: pointer;
      color: #111;
      border-top: 1px solid #f2f2f2;
      background-color: #fff
  }
}

footer .footer-bottom .footer-BG-group-title .fa {
  float: right;
  color: #ccc
}

footer .footer-bottom .footer-BG-group-list {
  float: left;
  width: 83.3333333%;
  margin-bottom: 30px
}

@media (max-width: 767px) {
  footer .footer-bottom .footer-BG-group-list {
      float:none;
      width: auto;
      margin-bottom: 0;
      background-color: #fff
  }
}

@media (min-width: 768px) {
  footer .footer-bottom .footer-BG-group-list li {
      display:inline-block;
      margin-bottom: 10px;
      padding: 0 5px
  }

  footer .footer-bottom .footer-BG-group-list li:first-child {
      padding-left: 0
  }

  footer .footer-bottom .footer-BG-group-list li+li {
      border-left: 1px solid #fff
  }
}

footer .footer-bottom .footer-BG-group-list li p {
  margin-bottom: 0
}

footer .footer-bottom .footer-BG-group-list li+li {
  line-height: 1.2rem
}

footer .footer-bottom .footer-social-network {
  float: left;
  width: 100%;
  text-align: center
}

footer .footer-bottom .footer-social-network .fa {
  font-size: 2.3rem
}

footer .footer-bottom .footer-social-network li {
  line-height: 1.2rem;
  padding-right: 10px;
  padding-left: 10px
}

footer .footer-bottom .footer-social-network li:last-child {
  border-left: 1px solid #fff
}

footer .footer-bottom .footer-copy-right {
  font-size: 11px;
  float: left;
  width: 100%;
  padding-top: 10px;
  text-align: center
}

@media (max-width: 1023px) {
  footer .footer-bottom .footer-copy-right {
      font-size:9px
  }
}

footer .footer-bottom .mobile-social-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

footer .footer-bottom .footer-cyber {
  position: absolute;
  bottom: 10px;
  left: 15px;
  width: 170px;
  background-color: #fff
}

@media (max-width: 767px) {
  footer .footer-bottom .footer-copy-right {
      padding-top:20px
  }

  footer .footer-bottom .footer-cyber {
      position: static;
      display: block;
      float: left;
      overflow: hidden;
      width: 60px;
      margin: 15px 0 0
  }
}

.header .navbar--menu .main__menu,.header .navbar--menu .main__menu__item:hover .dropdown-toggle {
  position: relative
}

@media (min-width: 768px) and (max-width:1199px) {
  footer .footer-bottom .footer-cyber {
      left:20px
  }
}

footer .footer-bottom .footer-cyber__logo {
  float: left;
  width: 100%;
  max-width: 100px
}

footer .footer-bottom .footer-cyber .footer-jpx {
  float: right;
  width: 48px;
  margin: 10px
}

@media (max-width: 767px) {
  footer .footer-bottom .footer-cyber .footer-jpx {
      width:40px
  }

  footer .footer-bottom li a,footer .footer-middle li a {
      display: block;
      margin-bottom: 0;
      padding: 9px 0
  }

  footer .footer-bottom li a:after,footer .footer-middle li a:after {
      font-family: FontAwesome;
      font-size: 10px;
      float: right;
      content: "\f054";
      color: #ccc
  }

  footer .bg_bottom .bg_footer-social {
      width: auto;
      margin: 22px 0 0 25px
  }
}

footer .bg_bottom .mobile-social-container a {
  color: #fff
}

@media (max-width: 767px) {
  footer .bg_bottom .bg_footer-social .fa {
      font-size:40px
  }

  footer .bg_bottom .bg_footer-social li {
      padding-right: 15px;
      padding-left: 0
  }

  footer .bg_bottom .mobile-social-container li a:after {
      content: ""
  }

  footer .accordion-body {
      margin: 0 -20px
  }

  footer .accordion-body.footer-showroom-info p {
      margin-bottom: 5px
  }

  footer .accordion-body.footer-showroom-info li:last-child {
      padding-bottom: 10px
  }

  footer .accordion-body li {
      padding: 0 20px;
      border-top: 1px solid #f2f2f2;
      background-color: #f9f9f9
  }
}

.header .navbar,.page-cartPage .header,.page-homepage .header,.page-productGrid .header,.page-search .header,.page-searchGrid .header,.pageType-CategoryPage .header {
  margin-bottom: 0
}

footer .accordion-body.footer-showroom-info li .footer-calandar a {
  display: block;
  margin-bottom: 0
}

@media (max-width: 767px) {
  footer .accordion-body p {
      margin-bottom:0
  }

  footer .footer-today {
      margin-top: 10px
  }

  footer .footer-calandar a:after {
      display: none
  }
}

.header .navbar {
  min-height: 0;
  transition: position .2s;
  border-radius: 0
}

.header .navbar:after,.header .navbar:before {
  display: table;
  content: " "
}

.header .navbar:after {
  clear: both
}

.header .navbar--top {
  padding: 7px 0;
  background-color: #3d9ed1
}

@media (max-width: 1023px) {
  .header .navbar--top {
      padding:5px 0
  }
}

.header .navbar--top .navbar--top-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

.header .navbar--top .content,.header .navbar--top .nav--right {
  margin-left: auto
}

.header .navbar--top .nav--left-wrapper {
  margin-right: auto
}

.header .navbar .nav--left {
  display: inline-block;
  color: #fff
}

.header .navbar .nav__info {
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  display: inline-block;
  margin-right: 8px;
  padding: 4px 8px;
  border: 1px solid #fff;
  border-radius: 5px
}

.header .navbar .nav--right .item {
  display: inline-block
}

@media (max-width: 1023px) {
  .header .navbar .nav__info {
      margin-right:0;
      padding: 1px 2px;
      border-color: #fff
  }

  .header .navbar .nav--right .item {
      margin-top: 2px;
      vertical-align: middle
  }
}

@media (max-width: 767px) {
  .header .navbar .nav__info {
      font-size:8px
  }

  .header .navbar .nav--right .item {
      display: inline
  }
}

.header .navbar .nav--right .item:last-child .item__link {
  padding-right: 0
}

.header .navbar .nav--right .item .item__link {
  font-size: 11px;
  line-height: 14px;
  display: block;
  padding: 5px;
  color: #fff
}

.header .navbar .nav--right .item .item__link .fa {
  margin-right: 3px
}

@media (max-width: 767px) {
  .header .navbar .nav--right .item .item__link {
      font-size:8px;
      padding: 0
  }
}

.header .navbar.main-nav {
  padding: 10px 0
}

.header .navbar.main-nav .nav--middle {
  background-color: #fff
}

@media (max-width: 767px) {
  .header .navbar.main-nav {
      padding:0;
      border: 0
  }

  .header .navbar.main-nav .nav--middle-wrapper {
      float: left;
      width: 100%
  }

  .header .navbar.main-nav .nav--middle {
      float: left;
      width: 100%;
      padding: 10px 0 5px;
      transform: translate3d(0,0,0)
  }
}

.header .navbar--menu {
  margin-top: 10px
}

.header .navbar--menu .main__menu:after,.header .navbar--menu .main__menu:before {
  display: table;
  content: " "
}

.header .navbar--menu .main__menu:after {
  clear: both
}

.header .navbar--menu .main__menu__item {
  float: left;
  width: calc(16.66666667%);
  text-align: center
}

.header .navbar--menu .main__menu__item:hover .dropdown-toggle:before {
  position: absolute;
  right: 50%;
  bottom: -2px;
  width: 0;
  height: 0;
  margin-right: -6px;
  content: "";
  transition: position .2s;
  border-right: 6px solid transparent;
  border-bottom: 8px solid rgba(51,51,51,.95);
  border-left: 6px solid transparent
}

.header .navbar--menu .main__menu__link {
  font-weight: 700;
  display: inline-block;
  padding: 18px 10px 18px 5px;
  color: #111
}

.header .navbar--menu .main__menu__link:focus,.header .navbar--menu .main__menu__link:hover {
  text-decoration: none
}

@media (min-width: 768px) and (max-width:858px) {
  .header .navbar--menu .main__menu__link--letter {
      letter-spacing:-.16em
  }
}

@media (min-width: 1023px) and (max-width:1200px) {
  .header .navbar--menu .main__menu__link--letter {
      letter-spacing:-.01em
  }
}

@media (max-width: 1023px) {
  .header .nav-fix-top {
      position:fixed;
      z-index: 1030;
      top: 35px;
      right: 0;
      left: 0;
      padding: 10px 0;
      border-bottom: 1px solid #e0e0e0
  }
}

@media (max-width: 480px) {
  .header .nav-fix-top {
      position:fixed;
      z-index: 1030;
      right: 0;
      left: 0;
      padding: 10px 0;
      border-bottom: 1px solid #e0e0e0
  }
}

@media (max-width: 1023px) {
  .header .nav-fix-top-user-info {
      position:fixed;
      z-index: 1030;
      top: 0;
      right: 0;
      left: 0;
      height: 35px;
      padding: 10px 15px 0;
      background-color: #fff
  }
}

@media (max-width: 480px) {
  .header .nav-fix-top-user-info {
      position:fixed;
      z-index: 1030;
      top: 0;
      right: 0;
      left: 0;
      height: 25px;
      padding: 5px 5px 0;
      background-color: #fff
  }
}

@media (max-width: 768px) {
  .header .nav-info-wrapper {
      height:35px
  }
}

@media (max-width: 480px) {
  .header .nav-info-wrapper {
      height:25px
  }
}

.header .bgsite-header .navbar--menu .main__menu .dropdown-menu {
  right: 0;
  left: 0
}

@media (min-width: 1023px) {
  .brand__search__box .input-group-btn .btn-search {
      height:40px;
      padding: 0 10px
  }
}

.brand__search__box .customized {
  width: 100%
}

.header {
  line-height: 1;
  color: #fff;
  border-bottom: 1px solid #e0e0e0;
  background: #fff
}

.btn-default-2.active,.btn-default-2:active,.btn-default-custom.active,.btn-default-custom:active,.btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.btn-secondary.active,.btn-secondary:active,.btn-white.active,.btn-white:active,.open .dropdown-toggle.btn-default,.open .dropdown-toggle.btn-default-2,.open .dropdown-toggle.btn-default-custom,.open .dropdown-toggle.btn-primary,.open .dropdown-toggle.btn-secondary,.open .dropdown-toggle.btn-white,.open>.dropdown-toggle.btn-default-custom {
  background-image: none
}

.header--top {
  font-size: 11px;
  background-color: #333
}

@media (max-width: 1023px) {
  .header {
      color:#111
  }

  .page-homepage .header {
      border-bottom: 0
  }

  .header--top {
      font-size: 9px
  }
}

.header--top .bgGroup-img a {
  display: block;
  padding: 10px 0
}

.header .item__count,.header--top .segment__item {
  display: inline-block
}

.header--top .segment__item a {
  display: inline-block;
  margin-right: -4px;
  padding: 10px;
  color: #fff
}

.header--top .segment__item a:focus,.header--top .segment__item a:hover {
  text-decoration: none
}

.header--top .segment__item:nth-child(1) a.active,.header--top .segment__item:nth-child(1) a:focus,.header--top .segment__item:nth-child(1) a:hover {
  background-color: #3d9ed1
}

.header--top .segment__item:nth-child(2) a.active,.header--top .segment__item:nth-child(2) a:focus,.header--top .segment__item:nth-child(2) a:hover {
  background-color: #ac0706
}

.header--top .segment__item:nth-child(3) a.active,.header--top .segment__item:nth-child(3) a:focus,.header--top .segment__item:nth-child(3) a:hover {
  background-color: #d74e46
}

.header--top .segment__item:nth-child(4) a.active,.header--top .segment__item:nth-child(4) a:focus,.header--top .segment__item:nth-child(4) a:hover {
  background-color: #fa7f26
}

.header--top .segment__item:nth-child(5) a.active,.header--top .segment__item:nth-child(5) a:focus,.header--top .segment__item:nth-child(5) a:hover {
  background-color: #775d53
}

.header--top .segment__item:nth-child(6) a.active,.header--top .segment__item:nth-child(6) a:focus,.header--top .segment__item:nth-child(6) a:hover {
  background-color: #52b6ec
}

.header--top .segment__item:nth-child(7) a.active,.header--top .segment__item:nth-child(7) a:focus,.header--top .segment__item:nth-child(7) a:hover {
  background-color: #3274a2
}

.header--top .segment__item:nth-child(8) a.active,.header--top .segment__item:nth-child(8) a:focus,.header--top .segment__item:nth-child(8) a:hover {
  background-color: #1cb2b0
}

.header--top .segment__item:nth-child(9) a.active,.header--top .segment__item:nth-child(9) a:focus,.header--top .segment__item:nth-child(9) a:hover {
  background-color: #5da1be
}

.header--top .segment__item:nth-child(10) a.active,.header--top .segment__item:nth-child(10) a:focus,.header--top .segment__item:nth-child(10) a:hover {
  background-color: #9e7e59
}

.header--top .segment__item:nth-child(11) a.active,.header--top .segment__item:nth-child(11) a:focus,.header--top .segment__item:nth-child(11) a:hover {
  background-color: #f27faa
}

.header--top .segment__item:nth-child(12) a.active,.header--top .segment__item:nth-child(12) a:focus,.header--top .segment__item:nth-child(12) a:hover {
  background-color: #77c0b3
}

.header--top .segment__item:nth-child(13) a.active,.header--top .segment__item:nth-child(13) a:focus,.header--top .segment__item:nth-child(13) a:hover {
  background-color: #c00
}

.header--top .segment__item:nth-child(14) a.active,.header--top .segment__item:nth-child(14) a:focus,.header--top .segment__item:nth-child(14) a:hover {
  background-color: #d83980
}

.header .item__count {
  font-size: 11px;
  position: relative;
  padding: 0 5px
}

@media (max-width: 767px) {
  .header .nav-fix-top {
      top:0
  }

  .header .item__count {
      font-size: 8px
  }
}

.header .item__count--value {
  font-size: 12px;
  font-weight: 700
}

@media (max-width: 1024px) {
  .header .item__count--value {
      font-weight:700
  }
}

.header .item__count_xs {
  line-height: 18px
}

@media (max-width: 767px) {
  .header .item__count--value {
      font-size:8px;
      font-weight: 700;
      color: #3d9ed1
  }

  .header .item__count_xs {
      line-height: 13px
  }

  .header .custom-hidden-sp {
      display: none
  }
}

@media (max-width: 1023px) {
  .header .item__count--value {
      font-weight:700;
      color: #3d9ed1
  }

  .header .eg-text-color {
      color: #c7a957
  }
}

.header .count-member {
  padding-left: 0
}

.header .count-member:after {
  position: absolute;
  top: 50%;
  right: -3px;
  width: 1px;
  height: 10px;
  margin-top: -6px;
  content: "";
  background-color: #fff
}

@media (max-width: 1023px) {
  .header .count-member:after {
      margin-top:-5px;
      background-color: #666
  }
}

@media (max-width: 767px) {
  .header .eg-text-color {
      color:#c7a957
  }

  .header .count-member:after {
      height: 8px
  }

  .header .button__link-xs {
      border-top: 1px solid #e0e0e0;
      background-color: #f7f6f6
  }

  .header .button__link-xs.no-padding {
      padding-top: 0;
      border-top: 0
  }
}

.header .button__link-xs .menu__xs {
  font-size: 10px;
  display: inline-block;
  width: 50%;
  margin-right: -4px;
  padding: 10px 0 0;
  text-align: center
}

@media (max-width: 1023px) {
  .header .button__link-xs .site-search {
      padding-top:10px
  }
}

.header .button__wrapper {
  text-align: right
}

.header .button__wrapper:after,.header .button__wrapper:before {
  display: table;
  content: " "
}

.header .button__wrapper:after {
  clear: both
}

.header .button__item {
  float: right;
  text-align: center;
  border-left: 1px solid #eee
}

.header .button__item .dropdown-menu {
  top: 46px;
  right: 15px;
  left: auto;
  width: 210px
}

.header .button__item--text {
  font-size: 10px;
  line-height: 1.2;
  display: block;
  padding-top: 3px
}

.header .button__item--link {
  display: block;
  width: 58px;
  height: 58px;
  padding: 8px 4px;
  color: #111;
  border-radius: 3px
}

@media (min-width: 1024px) and (max-width:1199px) {
  .header .button__wrapper {
      margin-left:-30px
  }

  .header .button__item--link {
      width: 54px;
      height: 54px;
      padding: 4px 0
  }
}

@media (max-width: 767px) {
  .header .button__item--text {
      font-size:7px
  }

  .header .button__item--link {
      width: 38px;
      height: 35px;
      padding: 4px 0
  }
}

.header .button__item--link .fa {
  font-size: 18px;
  margin: 5px 0;
  color: #999
}

@media (max-width: 767px) {
  .header .button__item--link .fa {
      font-size:11px;
      margin-bottom: 0
  }
}

.header .button__item--link:focus,.header .button__item--link:hover {
  text-decoration: none;
  color: #3d9ed1
}

.header .button__item--link:focus .fa,.header .button__item--link:hover .fa {
  color: #3d9ed1
}

.header .button__item .btn-menu,.header .button__item .nav-cart {
  font-weight: 700;
  color: #fff
}

.header .button__item .btn-menu .fa,.header .button__item .nav-cart .fa {
  color: #fff!important
}

.header .button__item .btn-menu {
  margin-right: 3px;
  background-color: #666
}

.header .button__item .nav-cart {
  position: relative;
  background-color: #036
}

.header .button__item .nav-cart .mini-cart-count {
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  top: -8px;
  top: -6px;
  right: -2px;
  min-width: 20px;
  height: 20px;
  padding-right: 3px;
  padding-left: 3px;
  color: #f83c6c;
  border: 1px solid #f83c6c;
  border-radius: 20px;
  background-color: #fff
}

@media (max-width: 767px) {
  .header .button__item .nav-cart .mini-cart-count {
      font-size:7px;
      line-height: 15px;
      top: 2px;
      right: -2px;
      min-width: 16px;
      height: 16px;
      border-radius: 16px
  }
}

.header .button__item .menu__dropdown__heading {
  position: relative;
  padding: 0!important
}

.header .button__item .menu__dropdown__heading:after {
  content: none!important
}

.header .button__item .menu__dropdown__heading:before {
  position: absolute;
  top: -6px;
  right: 45%;
  width: 0;
  height: 0;
  margin-right: -6px;
  content: "";
  transition: position .2s;
  border-right: 6px solid transparent;
  border-bottom: 8px solid rgba(51,51,51,.95);
  border-left: 6px solid transparent
}

.header .button__item .menu__dropdown__heading a {
  font-weight: 700;
  padding: 8px 15px;
  color: #fff
}

.header .button__item .menu__dropdown__heading a:hover {
  text-decoration: underline;
  background-color: transparent
}

.header .button__item .menu__dropdown__item a {
  position: relative;
  padding-right: 15px!important;
  padding-left: 15px!important
}

.header .button__item .menu__dropdown__item a:hover .menu__dropdown--link {
  text-decoration: underline
}

.header .button__item .menu__dropdown__item a.menu__dropdown--bolder {
  font-size: 12px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important
}

.header .button__item .menu__dropdown__item a.menu__dropdown--bolder:after {
  content: none!important
}

.header .button__item .menu__dropdown__item a.menu__dropdown--bolder .fa {
  top: 10px
}

.header .button__item .menu__dropdown__item a .fa {
  position: absolute;
  top: 6px;
  left: 15px
}

.header .button__item .menu__dropdown__item a .menu__dropdown--link {
  display: inline-block;
  margin-left: 20px
}

.header .header__menu__dropdown {
  top: 80%;
  margin-top: 10px;
  padding-top: 0;
  border: 0;
  border-radius: 5px!important;
  background-color: rgba(255,255,255,.95);
  box-shadow: 0 0 15px rgba(0,0,0,.5)
}

.header .header__menu__dropdown .divider {
  margin: 0
}

.header .header__menu__dropdown .menu__dropdown__list {
  column-count: 3
}

.header .header__menu__dropdown .menu__dropdown__heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: block;
  padding: 11px 30px;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: rgba(51,51,51,.95)
}

@media (max-width: 1023px) {
  .header .header__menu__dropdown .menu__dropdown__heading {
      font-size:11px
  }
}

.header .header__menu__dropdown .menu__dropdown__heading:after {
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -6px;
  content: "\f054";
  color: #fff
}

.header .header__menu__dropdown .menu__dropdown__heading .eg__dropdown--heading {
  position: relative
}

.header .header__menu__dropdown .menu__dropdown__heading .eg__dropdown--heading:after {
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
  content: "\f054";
  color: #fff
}

.header .header__menu__dropdown .menu__dropdown__content {
  padding: 15px 30px 5px
}

.header .header__menu__dropdown .menu__dropdown__item {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  padding: 0;
  -ms-flex-align: center;
  align-items: center
}

.header .header__menu__dropdown .menu__dropdown__item a {
  font-size: 12px;
  line-height: 22px;
  display: inherit;
  padding: 2px 0;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media (max-width: 1023px) {
  .header .header__menu__dropdown .menu__dropdown__item a {
      font-size:10px
  }
}

.header .header__menu__dropdown .menu__dropdown__item a:focus,.header .header__menu__dropdown .menu__dropdown__item a:hover {
  text-decoration: underline;
  color: #111;
  background-color: inherit
}

.header .header__menu__dropdown .menu__dropdown__item a.menu__dropdown--bolder {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  margin-right: 15px;
  padding: 10px 15px 10px 0
}

.header .header__menu__dropdown .menu__dropdown__item a.menu__dropdown--bolder:after {
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
  content: "\f054";
  color: #ccc
}

.header .header__menu__dropdown .menu__dropdown__item__img {
  width: 30px;
  height: 30px;
  margin-right: 10px
}

.header .header__menu__dropdown .menu__dropdown--link {
  margin-left: 10px
}

.header .header__menu__dropdown .menu__dropdown--text {
  font-size: 12px;
  display: block;
  padding-right: 15px;
  padding-left: 30px;
  color: #111
}

@media (max-width: 1023px) {
  .header .header__menu__dropdown .menu__dropdown--text {
      font-size:10px
  }
}

.header .header__menu__dropdown .menu__dropdown--text.time-text {
  font-size: 11px
}

@media (max-width: 1023px) {
  .header .header__menu__dropdown .menu__dropdown--text.time-text {
      font-size:9px
  }
}

.header .header__menu__dropdown .menu__dropdown .divider {
  margin: 5px 0
}

@media (max-width: 767px) {
  .header .nav--middle {
      height:59px
  }

  .header .navbar.main-nav .nav--custom {
      display: -ms-flexbox;
      display: flex;
      padding: 5px 0;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .header .navbar.main-nav .site-logo-header-mobile {
      position: absolute;
      top: 50%;
      left: 50%;
      width: auto;
      margin: auto;
      transform: translateY(-50%) translateX(-50%)
  }

  .header .btn-menu-header {
      float: left;
      margin: auto auto auto 10px
  }

  .header .btn-minicart-header {
      float: right
  }

  .header .btn-header-mobile {
      border-left: none
  }

  .header .btn-header-mobile i.fa.custom {
      font-size: 31px;
      margin: 0;
      color: #036!important
  }

  .header .btn-header-mobile i.fa.custom-eg {
      font-size: 31px;
      margin: 0;
      color: #d83980!important
  }

  .header .btn-header-mobile a.btn-header-custom {
      width: auto;
      height: auto;
      margin-right: 10px;
      background-color: transparent
  }

  .header .btn-header-mobile .button__item--text {
      color: #036
  }

  .header .btn-header-mobile .button__item--text.text-eg {
      color: #d83980
  }

  .header .navbar .nav__info.nav-info-custom {
      line-height: 1.2;
      display: block
  }

  .header .navbar .nav--right .item-custom,.header .navbar .nav--right .item-custom.item-login-eg,.header .navbar .nav--right .item-custom.item-register-eg,.header .navbar .nav__info.nav-info-custom.info-mem-custom-eg {
      display: inline-block
  }

  .header .navbar .nav__info.nav-info-custom.info-stock-custom-eg {
      display: inline-block;
      margin-left: 5px
  }

  .header .navbar .nav__info.nav-info-custom.info-mem-custom-eg:after {
      position: absolute;
      top: 55%;
      width: 1px;
      height: 8px;
      margin-top: -5px;
      margin-left: 5px;
      content: "";
      background-color: #fff
  }

  .header .navbar .user__link.js-loyalty-point:before,.header .navbar .user__link.popover-toggel:before {
      content: none
  }

  .header .navbar .nav--right .item-custom.item-register-eg:after,.header .navbar .user__link.user-info-link:after {
      position: absolute;
      top: 55%;
      right: -6px;
      margin-top: -5px;
      content: "";
      background-color: #fff
  }

  .header .navbar .user__link.user-info-link {
      font-weight: 700;
      margin-right: 10px;
      margin-left: 5px
  }

  .header .navbar .user__link.user-info-link:after {
      width: 1px;
      height: 8px
  }

  .header .navbar .user__link {
      font-weight: 700;
      margin-left: 0;
      color: #fff
  }

  .header .navbar .user__link.popover-toggel {
      margin-right: 0
  }

  .header .navbar .nav--right .item-custom img {
      width: 12px;
      height: 12px
  }

  .header .navbar .nav--right .item-custom span {
      font-weight: 700
  }

  .header .navbar .nav--right .item-custom-help {
      margin-right: 14px
  }

  .header .navbar .nav--right .item a.item__link {
      line-height: 0
  }

  .header .navbar .nav--right .item-custom.item-register-eg:after {
      width: 1px;
      height: 8px
  }

  .header .navbar .nav-info-custom .item__count--value {
      color: #fff
  }

  .header .navbar .nav-info-custom .count-member::after {
      content: none
  }

  .header .navbar .nav__info {
      border: none
  }

  .header .navbar .nav__info .item__count {
      padding: 0
  }

  .header .nav-top-right-mobile,.header .user-info-top-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
  }

  .header .user-info-top-header img.logo-icon-ranking {
      width: 12px;
      height: 12px
  }

  .header .nav--middle-wrapper-bg {
      height: 59px
  }
}

@media (max-width: 767px) and (max-width:320px) {
  .header .navbar .user__link.user-info-link {
      margin-left:2px
  }

  .header .navbar .nav--right .item-custom-help {
      margin-right: 5px
  }
}

@media (min-width: 768px) {
  .content-header-custom-mobile,.field-btn-list-nav-hp,.nav-top-right-mobile {
      display:none!important
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .navbar .nav--middle-wrapper {
      height:0
  }

  .navbar .nav--middle .site-logo {
      width: 16%
  }

  .navbar .nav--middle .button__wrapper__custom {
      left: 42.3333%;
      width: 41.6666%;
      padding-left: 0
  }

  .navbar .searchbox_tablet_custom {
      right: 41%;
      width: 39%;
      margin-left: 25px
  }

  .navbar .searchbox_tablet_custom.nav-fix-top-tablet {
      position: fixed;
      z-index: 1030;
      top: 35px;
      border-bottom: none
  }
}

.site-logo>h1,.site-logo>p {
  margin: 0
}

@media (max-width: 1199px) and (min-width:768px) {
  .site-logo a>.img-responsive {
      max-width:140px
  }
}

@media (max-width: 767px) {
  .site-logo a>.img-responsive {
      max-width:97px
  }

  .site-logo-header-mobile a>.img-responsive {
      max-width: 128px
  }

  .site-logo-header-mobile {
      overflow: hidden;
      height: 30px
  }

  .site-logo-header-mobile.logo-eg a>.img-responsive {
      max-width: 96px
  }

  .site-logo-header-mobile.logo-eg {
      overflow: visible;
      height: 30px
  }
}

.menu__sub--heading {
  font-size: 12px;
  line-height: 20px;
  position: relative;
  margin: 0;
  padding: 5px 15px;
  cursor: pointer;
  color: #111;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #f7f6f6
}

.menu__sub--heading:after {
  font-family: FontAwesome;
  position: absolute;
  z-index: 1;
  top: 44%;
  right: 10px;
  margin-top: -7px;
  content: "\f068";
  color: #ccc
}

.menu__sub--heading.collapsed:after {
  content: "\f067"
}

.menu__sub--body>li {
  margin: 0
}

.menu__sub--body>li>a {
  line-height: 1.4;
  display: block;
  text-decoration: none
}

@media (max-width: 1023px) {
  .menu__sub--heading {
      font-size:11px;
      line-height: 1.4;
      padding: 10px;
      border-top: 0;
      border-bottom-color: #e0e0e0
  }

  .menu__sub--heading:after {
      font-size: 14px
  }

  .menu__sub--body>li:last-child {
      border-bottom: 1px solid #e0e0e0
  }

  .menu__sub--body>li>a {
      font-size: 11px;
      padding: 5px 10px
  }
}

.user-info-top-header .text-login-eg-mobile,.user-info-top-header .text-register-eg-mobile {
  font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,"Open Sans",Helvetica,Arial,-apple-system,blinkMacSystemFont,sans-serif;
  font-size: 8px;
  font-weight: 700;
  color: #fff
}

.user-info-top-header .text-register-eg-mobile:after {
  position: absolute;
  top: 55%;
  right: 79px;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  content: "";
  background-color: #fff
}

.user-info-top-header .text-login-eg-mobile {
  margin-left: 15px
}

@media (min-width: 768px) {
  .header--bottom.bgsite-header nav.hidden-md,.header--bottom.egsite-header nav.hidden-md {
      display:block!important
  }
}

.page-headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
  padding: 30px 0;
  color: #111
}

.page-headline.border {
  margin-bottom: 35px;
  border-bottom: 1px solid #eee
}

.full-width-padding {
  padding-right: 30px;
  padding-left: 30px
}

@media (max-width: 1024px) {
  .full-width-padding {
      padding-right:20px;
      padding-left: 20px
  }
}

.no-padding {
  padding-right: 0;
  padding-left: 0
}

.half-width-padding {
  padding-right: 20px;
  padding-left: 20px
}

@media (max-width: 1024px) {
  .half-width-padding {
      padding-right:10px;
      padding-left: 10px
  }
}

.link-to-list:after {
  font-family: FontAwesome;
  font-size: 1rem;
  display: inline-block;
  margin-left: 10px;
  content: "\f054"
}

.item__product {
  position: relative;
  overflow: hidden;
  max-width: 220px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto
}

.item__product .item__name {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 5px;
  color: #111
}

@media (max-width: 1023px) {
  .item__product .item__name {
      font-size:11px
  }
}

.item__product .item__name .product-new-release {
  color: red
}

.item__product .item__price--title {
  font-size: 1.2rem;
  position: relative;
  display: inline-block;
  min-width: 80px;
  color: #111
}

.item__product .item__price--title:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  content: ":"
}

.item__product .item__price--brand,.item__product .item__price--campaignNormalPrice,.item__product .item__price--makerPrice,.item__product .item__price--openPrice,.item__product .item__price--salonprice {
  font-size: 12px
}

@media (max-width: 1023px) {
  .item__product .item__price--brand,.item__product .item__price--campaignNormalPrice,.item__product .item__price--makerPrice,.item__product .item__price--openPrice,.item__product .item__price--salonprice {
      font-size:10px
  }
}

.item__product .item__price--BG .item__price--value,.item__product .item__price--Staff .item__price--value {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .item__product .item__price--BG .item__price--value,.item__product .item__price--Staff .item__price--value {
      font-size:10px
  }
}

.item__product .item__price--BG .item__price--value.item__price--text,.item__product .item__price--Staff .item__price--value.item__price--text {
  font-size: 1.5rem
}

.item__product .item__price--BG .item__price--value .price-data,.item__product .item__price--BG .item__price--value.price-data,.item__product .item__price--Staff .item__price--value .price-data,.item__product .item__price--Staff .item__price--value.price-data {
  font-size: 18px;
  display: inline-block
}

@media (max-width: 1023px) {
  .item__product .item__price--BG .item__price--value .price-data,.item__product .item__price--BG .item__price--value.price-data,.item__product .item__price--Staff .item__price--value .price-data,.item__product .item__price--Staff .item__price--value.price-data {
      font-size:12px
  }
}

.item__product .item__price--BG .item__price--value .price-data::first-letter,.item__product .item__price--BG .item__price--value.price-data::first-letter,.item__product .item__price--Staff .item__price--value .price-data::first-letter,.item__product .item__price--Staff .item__price--value.price-data::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .item__product .item__price--BG .item__price--value .price-data::first-letter,.item__product .item__price--BG .item__price--value.price-data::first-letter,.item__product .item__price--Staff .item__price--value .price-data::first-letter,.item__product .item__price--Staff .item__price--value.price-data::first-letter {
      font-size:10px
  }
}

.item__product .item__price--BG.price-data .item__price--value,.item__product .item__price--Staff.price-data .item__price--value {
  font-size: 18px;
  display: inline-block
}

@media (max-width: 1023px) {
  .item__product .item__price--BG.price-data .item__price--value,.item__product .item__price--Staff.price-data .item__price--value {
      font-size:12px
  }
}

.item__product .item__price--BG.price-data .item__price--value::first-letter,.item__product .item__price--Staff.price-data .item__price--value::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .item__product .item__price--BG.price-data .item__price--value::first-letter,.item__product .item__price--Staff.price-data .item__price--value::first-letter {
      font-size:10px
  }
}

.item__product .item__price--BG.line-through .item__price--title,.item__product .item__price--BG.line-through .item__price--value,.item__product .item__price--Staff.line-through .item__price--title,.item__product .item__price--Staff.line-through .item__price--value {
  text-decoration: line-through
}

.item__product .item__price--VIP .item__price--value {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .item__product .item__price--VIP .item__price--value {
      font-size:12px
  }
}

.item__product .item__price--VIP .item__price--value::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .item__product .item__price--VIP .item__price--value::first-letter {
      font-size:10px
  }
}

.item__product .item__price--value {
  color: #111
}

.item__product .item__promotion {
  font-size: 12px;
  font-weight: 700;
  line-height: 2rem;
  overflow: hidden;
  margin: 10px 0 0;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .item__product .item__promotion {
      font-size:10px
  }
}

.item__product .item__promotion .fa {
  font-size: 14px;
  display: inline-block;
  margin-right: .3rem
}

@media (max-width: 1023px) {
  .item__product .item__promotion .fa {
      font-size:11px
  }
}

.item__product .item__promotion a {
  color: #ff3c6c
}

.item__product .item__promotion a:hover {
  text-decoration: underline
}

.item__product .item__promotion .arrowIcon {
  margin-left: 3px
}

.item__product .item__volumediscount {
  font-size: 12px;
  font-weight: 700;
  line-height: 2rem;
  overflow: hidden;
  margin: 0;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .item__product .item__volumediscount {
      font-size:10px
  }
}

.item__product .item__volumediscount .fa {
  font-size: 14px;
  display: inline-block;
  margin-right: .3rem
}

@media (max-width: 1023px) {
  .item__product .item__volumediscount .fa {
      font-size:11px
  }
}

.item__product .item__product-hunt {
  margin-bottom: 3px;
  color: #111
}

.item__product .item__product-hunt .fa-product-hunt {
  font-size: 16px;
  margin-right: 3px
}

@media (max-width: 1023px) {
  .item__product .item__product-hunt .fa-product-hunt {
      font-size:12px
  }
}

.item__product .item__product-hunt span {
  font-size: 1.3rem
}

.item__product .item__rating {
  margin-bottom: 10px
}

.item__product .item__rating .rating-stars {
  float: left
}

.item__product .item__add-wish-list {
  font-size: 18px;
  line-height: 40px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  padding: 0;
  text-align: center;
  color: #e0e0e0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #fff
}

.item__product .item__add-wish-list.current,.item__product .item__add-wish-list.current .fa,.item__product .item__add-wish-list:hover,.item__product .item__add-wish-list:hover .fa {
  color: #ff3c6c
}

.item__product .item__add-wish-list i:before {
  content: "\f08a"
}

.item__product .item__add-wish-list.current i:before,.item__product .item__add-wish-list:hover i:before {
  content: "\f004"
}

.item__product .add_to_cart_form {
  padding-right: 45px
}

@media (max-width: 599px) {
  .item__product .item__price--title {
      min-width:60px
  }

  .item__product .item__add-wish-list {
      font-size: 14px;
      line-height: 28px;
      width: 30px;
      height: 30px
  }

  .item__product .add_to_cart_form {
      padding-right: 35px
  }
}

.item__product .wishlist_category {
  padding-right: 0
}

.item__product .item__add-cart {
  font-weight: 700;
  line-height: 16px;
  float: left;
  width: 100%
}

@media (max-width: 599px) {
  .item__product .item__add-cart {
      font-size:1.3rem;
      line-height: 10px;
      height: 30px
  }
}

.item__product .item__label {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  text-align: right
}

.item__product .item__label--element {
  display: inline-block;
  width: 33.33333333%;
  height: 33.33333333%
}

.item__product .thumb {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  min-height: 220px;
  margin-bottom: 0;
  text-align: center;
  border: 1px solid #eee;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 599px) {
  .item__product .thumb {
      min-height:135px
  }
}

.item__product .thumb>img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  transition: all .2s ease
}

.item__product .thumb>img:hover {
  opacity: .7!important
}

.contact-block {
  font-size: 12px;
  text-align: center
}

.contact-block .contact-phone {
  font-size: 14px;
  font-weight: 700
}

.contact-block .contact-phone .fa-phone {
  margin-right: .3rem
}

.contact-block .contact-item {
  line-height: 20px;
  display: inline-block;
  margin-left: 20px;
  text-align: left
}

@media (max-width: 767px) {
  .contact-block .contact-phone {
      font-size:9px
  }

  .contact-block .contact-item {
      font-size: 8px;
      line-height: 15px;
      margin: 15px 0 10px 5px
  }

  .contact-block .contact-item p {
      margin-bottom: 0
  }
}

.btn,.btn-small {
  line-height: 1.375;
  border-radius: 1px
}

.btn-default-custom:last-of-type,.btn-default:last-of-type {
  margin-bottom: 0
}

.volume-discount-msg {
  margin-top: 0
}

.btn {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 16px
}

.btn.glyphicon {
  padding: 3px 0 4px
}

.btn.glyphicon:before {
  font-size: 25px
}

.btn,.btn.active,.btn:active {
  box-shadow: none
}

.btn.active:focus,.btn:active:focus,.btn:focus {
  outline: 0
}

.btn[disabled],.btn[readonly] {
  opacity: 1
}

.btn.disable,.btn.disable:focus,.btn.disable:hover,.btn[disabled],.btn[disabled]:focus,.btn[disabled]:hover,button.disable,button.disable:focus,button.disable:hover,button[disabled],button[disabled]:focus,button[disabled]:hover {
  cursor: default!important;
  pointer-events: none;
  color: #bbb!important;
  border-width: 0!important;
  background-color: #f7f6f6!important
}

.btn-small {
  font-size: 16px;
  padding: 6px 16px
}

.btn-icon {
  position: relative;
  padding-left: 102px
}

.btn-secondary,.btn-white {
  padding-right: 60px;
  padding-left: 60px
}

.btn-icon:before {
  font-family: "Glyphicons Halflings";
  font-size: 25px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  position: absolute;
  top: 9px;
  left: 30px;
  display: inline-block
}

.btn-icon:after {
  position: absolute;
  top: -1px;
  left: 85px;
  height: 44px;
  content: "";
  border-right: 1px solid currentColor
}

:hover.btn-icon:after {
  border-right-width: 1px
}

.btn-block+.btn-block {
  margin-top: 10px
}

.btn-default .fa,.btn-default-custom .fa {
  line-height: 10px;
  top: 50%;
  right: 20px;
  margin-top: -5px
}

.btn-default {
  font-size: 1.3rem;
  position: relative;
  color: #111;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff
}

.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {
  color: #3d9ed1;
  border-color: #e0e0e0;
  background-color: #fff;
  box-shadow: none
}

.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
  color: #111;
  border-color: #ccc;
  background-color: #ccc
}

.btn-default .badge {
  color: #fff;
  background-color: #111
}

.btn-default .fa {
  font-size: 1rem;
  position: absolute
}

.btn-default:focus,.btn-default:hover {
  text-decoration: none
}

.btn-default-custom {
  font-size: 1.3rem;
  position: relative;
  width: 48%;
  color: #111;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff
}

.btn-default-custom.active,.btn-default-custom:active,.btn-default-custom:focus,.btn-default-custom:hover,.open>.dropdown-toggle.btn-default-custom {
  color: #111;
  border-color: #c1c1c1;
  background-color: #e6e6e6
}

.btn-default-custom.active,.btn-default-custom:active,.btn-default-custom:focus,.btn-default-custom:hover,.open .dropdown-toggle.btn-default-custom {
  color: #3d9ed1;
  border-color: #e0e0e0;
  background-color: #fff;
  box-shadow: none
}

.btn-default-custom.disabled,.btn-default-custom.disabled.active,.btn-default-custom.disabled:active,.btn-default-custom.disabled:focus,.btn-default-custom.disabled:hover,.btn-default-custom[disabled],.btn-default-custom[disabled].active,.btn-default-custom[disabled]:active,.btn-default-custom[disabled]:focus,.btn-default-custom[disabled]:hover,fieldset[disabled] .btn-default-custom,fieldset[disabled] .btn-default-custom.active,fieldset[disabled] .btn-default-custom:active,fieldset[disabled] .btn-default-custom:focus,fieldset[disabled] .btn-default-custom:hover {
  color: #111;
  border-color: #ccc;
  background-color: #ccc
}

.btn-default-custom .badge {
  color: #fff;
  background-color: #111
}

.btn-default-custom .fa {
  font-size: 1rem;
  position: absolute
}

.btn-blue-custom p,.btn-dark-custom p,.btn-green-custom p,.btn-primary-custom p,.btn-secondary-custom p {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  left: 0
}

.btn-default-custom:focus,.btn-default-custom:hover {
  text-decoration: none
}

.btn-default-2 {
  font-size: 1.3rem;
  position: relative;
  color: #111;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff
}

.btn-default-2.active,.btn-default-2:active,.btn-default-2:focus,.btn-default-2:hover,.open .dropdown-toggle.btn-default-2 {
  color: #3d9ed1;
  border-color: #e0e0e0;
  background-color: #fff;
  box-shadow: none
}

.btn-default-2.disabled,.btn-default-2.disabled.active,.btn-default-2.disabled:active,.btn-default-2.disabled:focus,.btn-default-2.disabled:hover,.btn-default-2[disabled],.btn-default-2[disabled].active,.btn-default-2[disabled]:active,.btn-default-2[disabled]:focus,.btn-default-2[disabled]:hover,fieldset[disabled] .btn-default-2,fieldset[disabled] .btn-default-2.active,fieldset[disabled] .btn-default-2:active,fieldset[disabled] .btn-default-2:focus,fieldset[disabled] .btn-default-2:hover {
  color: #111;
  border-color: #ccc;
  background-color: #ccc
}

.btn-default-2 .badge {
  color: #fff;
  background-color: #111
}

@media (max-width: 767px) {
  .btn-default-2 {
      font-size:1.3rem
  }

  .modal .btn-secondary,.modal .btn-white {
      width: calc((50% - 5px))
  }
}

.btn-default-2 .fa {
  margin-left: 1rem
}

.btn-default-2.btn-large .fa {
  font-size: 12px
}

@media (max-width: 1023px) {
  .btn-default-2.btn-large .fa {
      font-size:10px
  }
}

.btn-primary {
  color: #fff;
  border: 3px solid #036;
  background-color: #036
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
  color: #fff;
  border-color: #118ac9;
  background-color: #118ac9;
  box-shadow: none
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
  color: #fff;
  border-color: #c7e9e7;
  background-color: #c7e9e7
}

.btn-primary .badge {
  color: #036;
  background-color: #fff
}

.btn-secondary {
  font-size: 14px;
  color: #fff;
  border: 1px solid #3d9ed1;
  border-radius: 5px;
  background-color: #3d9ed1
}

@media (max-width: 1023px) {
  .btn-secondary {
      font-size:11px
  }
}

.btn-secondary.active,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover,.open .dropdown-toggle.btn-secondary {
  color: #fff;
  border-color: #3d9ed1;
  background-color: #3d9ed1;
  box-shadow: none
}

.btn-secondary.disabled,.btn-secondary.disabled.active,.btn-secondary.disabled:active,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary[disabled],.btn-secondary[disabled].active,.btn-secondary[disabled]:active,.btn-secondary[disabled]:focus,.btn-secondary[disabled]:hover,fieldset[disabled] .btn-secondary,fieldset[disabled] .btn-secondary.active,fieldset[disabled] .btn-secondary:active,fieldset[disabled] .btn-secondary:focus,fieldset[disabled] .btn-secondary:hover {
  color: #fff;
  border-color: #ccc;
  background-color: #ccc
}

.btn-secondary .badge {
  color: #3d9ed1;
  background-color: #fff
}

.btn-secondary:focus,.btn-secondary:hover {
  opacity: .7
}

.btn-white {
  font-size: 14px;
  color: #111;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff
}

@media (max-width: 1023px) {
  .btn-white {
      font-size:11px
  }
}

.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white {
  color: #3d9ed1;
  border-color: #e0e0e0;
  background-color: #fff;
  box-shadow: none
}

.btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled:active,.btn-white.disabled:focus,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled].active,.btn-white[disabled]:active,.btn-white[disabled]:focus,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:hover {
  color: #111;
  border-color: #ccc;
  background-color: #ccc
}

.btn-white .badge {
  color: #fff;
  background-color: #111
}

@media (max-width: 767px) {
  .brand__search__form .btn-secondary,.brand__search__form .btn-white {
      width:calc((50% - 5px))
  }
}

.btn-primary-custom {
  font-size: 12px;
  line-height: 40px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 40px;
  margin-bottom: 15px;
  padding: 0 5px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #c61423
}

@media (max-width: 1023px) {
  .btn-primary-custom {
      font-size:10px
  }
}

.btn-primary-custom:focus,.btn-primary-custom:hover {
  text-decoration: none;
  opacity: .7;
  color: #fff;
  background-color: #c61423;
}

.btn-primary-custom p {
  position: absolute;
  margin: 0
}

.btn-primary-custom .fa {
  font-size: 12px
}

@media (max-width: 1023px) {
  .btn-primary-custom .fa {
      font-size:10px
  }
}

.btn-primary-custom .fa-chevron-right {
  margin-left: 1rem
}

.btn-primary-custom .fa-chevron-left {
  margin-right: 1rem
}

@media (min-width: 768px) {
  .btn-myAccount-custom a {
      line-height:16px
  }
}

.btn-dark-custom,.btn-green-custom,.btn-secondary-custom {
  line-height: 40px;
  display: inline-block;
  padding: 0 5px;
  height: 40px;
  overflow: hidden;
  text-align: center
}

.btn-green-custom {
  font-size: 12px;
  position: relative;
  margin-bottom: 15px;
  color: #fff;
  border-radius: 4px;
  background-color: #026143
}

@media (max-width: 1023px) {
  .btn-green-custom {
      font-size:10px
  }
}

.btn-green-custom:focus,.btn-green-custom:hover {
  text-decoration: none;
  opacity: .7;
  color: #fff
}

.btn-green-custom p {
  position: absolute;
  margin: 0
}

.btn-green-custom .fa {
  font-size: 12px
}

@media (max-width: 1023px) {
  .btn-green-custom .fa {
      font-size:10px
  }
}

.btn-green-custom .fa-chevron-right {
  margin-left: 1rem
}

.btn-green-custom .fa-chevron-left {
  margin-right: 1rem
}

.btn-secondary-custom {
  font-size: 12px;
  position: relative;
  margin-bottom: 15px;
  color: #036;
  border: 1px solid #036;
  border-radius: 4px;
  background-color: #fff
}

@media (max-width: 1023px) {
  .btn-secondary-custom {
      font-size:10px
  }
}

.btn-secondary-custom:focus,.btn-secondary-custom:hover {
  text-decoration: none;
  opacity: .7;
  color: #036
}

.btn-secondary-custom p {
  position: absolute;
  margin: 0
}

.btn-secondary-custom .fa {
  font-size: 12px
}

@media (max-width: 1023px) {
  .btn-secondary-custom .fa {
      font-size:10px
  }
}

.btn-secondary-custom .fa-chevron-right {
  margin-left: 1rem
}

.btn-secondary-custom .fa-chevron-left {
  margin-right: 1rem
}

.btn-dark-custom {
  font-size: 12px;
  position: relative;
  margin-bottom: 15px;
  color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: #333
}

@media (max-width: 1023px) {
  .btn-dark-custom {
      font-size:10px
  }
}

.btn-dark-custom:focus,.btn-dark-custom:hover {
  text-decoration: none;
  opacity: .7;
  color: #fff;
  border-color: #666;
  background-color: #666
}

.btn-dark-custom p {
  position: absolute;
  margin: 0
}

.btn-dark-custom .fa {
  font-size: 12px
}

@media (max-width: 1023px) {
  .btn-dark-custom .fa {
      font-size:10px
  }
}

.btn-dark-custom .fa-chevron-right {
  margin-left: 1rem
}

.btn-dark-custom .fa-chevron-left {
  margin-right: 1rem
}

.btn-grey-custom {
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  margin-bottom: 15px;
  padding: 4px 0;
  text-align: center;
  color: #bbb;
  border-radius: 5px;
  background-color: #f7f6f6
}

@media (max-width: 1023px) {
  .btn-grey-custom {
      font-size:10px
  }
}

.btn-grey-custom a {
  display: block!important;
  color: #111
}

.btn-grey-custom .fa {
  font-size: 12px;
  margin-left: 1rem
}

@media (max-width: 1023px) {
  .btn-grey-custom .fa {
      font-size:10px
  }
}

.btn-large {
  font-size: 16px;
  line-height: 47px;
  width: 100%;
  height: 60px;
  padding: 6px;
  border-width: 1px;
  border-radius: 5px
}

@media (max-width: 767px) {
  .btn-large {
      line-height:31px;
      height: 36px;
      padding: 2px 4px
  }
}

.btn-large a,.btn-large span {
  font-weight: 700;
  line-height: 1.4;
  display: block
}

.btn-large a .fa,.btn-large span .fa {
  font-size: 12px;
  margin-right: 5px;
  margin-left: 5px
}

@media (max-width: 1023px) {
  .btn-large {
      font-size:12px
  }

  .btn-large a .fa,.btn-large span .fa {
      font-size: 10px
  }
}

.btn-large .fa {
  font-size: 16px;
  margin: 0 5px
}

@media (max-width: 1023px) {
  .btn-large .fa {
      font-size:12px
  }
}

.btn-large .small {
  font-size: 1.3rem
}

.btn-wish-list {
  font-size: 14px;
  height: 60px;
  padding: 0 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff
}

@media (max-width: 1023px) {
  .btn-wish-list {
      font-size:11px
  }
}

.btn-wish-list .fa {
  font-size: 1.8rem;
  margin-left: 20px
}

@media (max-width: 767px) {
  .btn-wish-list {
      height:36px;
      padding: 0 10px
  }

  .btn-wish-list .fa {
      margin-left: 5px
  }
}

.btn-wish-list .fa:before {
  content: "\f08a"
}

.btn-wish-list.current {
  color: #111!important;
  border-width: 1px!important;
  background-color: #fff!important
}

.btn-wish-list.current .fa,.btn-wish-list:focus .fa,.btn-wish-list:hover .fa {
  color: #ff3c6c
}

.btn-wish-list.current .fa:before,.btn-wish-list:focus .fa:before,.btn-wish-list:hover .fa:before {
  content: "\f004"
}

.btn-transparent {
  height: auto;
  padding: 0;
  border: 0;
  background: 0 0;
  box-shadow: none
}

.btn--light-blue,.btn--white {
  font-weight: 700;
  line-height: 1.6rem;
  padding: 5px 10px;
  border-bottom-width: 2px
}

.btn--light-blue,.btn-contact:focus,.btn-contact:hover {
  border-color: #3d9ed1
}

.btn--white {
  font-size: 13px
}

@media (max-width: 1023px) {
  .btn--white {
      font-size:10px
  }
}

.btn--light-blue {
  font-size: 13px;
  line-height: 20px;
  height: 30px;
  color: #fff;
  background-color: #3d9ed1
}

@media (max-width: 1023px) {
  .btn--light-blue {
      font-size:10px
  }
}

.btn--light-blue:focus,.btn--light-blue:hover {
  opacity: .7;
  color: #fff;
  border-color: #3d9ed1;
  background-color: #3d9ed1
}

.btn-grey {
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  background: #ccc
}

@media (max-width: 1023px) {
  .btn-grey {
      font-size:10px
  }
}

.btn-black {
  color: #fff;
  background: #666
}

.btn-contact {
  padding: 2rem 0
}

.btn-white-border {
  font-size: 16px;
  padding: 10px 80px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px
}

.btn-white-border:focus,.btn-white-border:hover {
  color: #fff
}

@media (max-width: 767px) {
  .btn-white-border {
      display:block;
      padding: 5px
  }
}

.btn-medium {
  line-height: 18px;
  padding-top: 10px;
  padding-bottom: 10px
}

.btn-place-order[disabled] {
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  background-color: #ccc
}

@media (max-width: 1023px) {
  .btn-white-border {
      font-size:12px
  }

  .btn-place-order[disabled] {
      font-size: 10px
  }
}

.btn-link {
  font-weight: 400;
  background-color: transparent
}

.btn-link:hover {
  text-decoration: none
}

.btn-reorder {
  line-height: 20px!important
}

.btn-reorder span {
  font-size: 12px
}

@media (max-width: 1023px) {
  .btn-reorder span {
      font-size:10px
  }
}

@media (max-width: 767px) {
  .inquiry-btn,.inquiry-btn .fa {
      font-size:8px!important
  }
}

.btn-blue-custom {
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 40px;
  margin-bottom: 15px;
  padding: 0 5px;
  padding-right: 30px!important;
  padding-left: 30px!important;
  text-align: center;
  color: #4c97be!important;
  border: 1.5px solid #4c97be;
  border-radius: 4px;
  background-color: #fff!important
}

@media (max-width: 1023px) {
  .btn-blue-custom {
      font-size:10px
  }
}

.btn-blue-custom:focus,.btn-blue-custom:hover {
  text-decoration: none;
  opacity: .7;
  color: #fff
}

.btn-blue-custom p {
  position: absolute;
  margin: 0
}

.btn-blue-custom .fa {
  font-size: 12px
}

@media (max-width: 1023px) {
  .btn-blue-custom .fa {
      font-size:10px
  }
}

.btn-blue-custom .fa-chevron-right {
  margin-left: 1rem
}

.btn-blue-custom .fa-chevron-left {
  margin-right: 1rem
}

@media (max-width: 767px) {
  .btn-blue-custom {
      float:right;
      width: 78%;
      margin-top: 0!important;
      margin-bottom: 20px!important
  }
}

@media (min-width: 768px) and (max-width:1024px) {
  .btn-blue-custom {
      padding-right:5px!important;
      padding-left: 5px!important
  }
}

button.ui-datepicker-close {
  font-weight: 400!important;
  display: block!important;
  float: none!important;
  margin: 0 auto 15px!important;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 4px
}

.hideLastLine {
  border-bottom-style: none!important
}

.filterOrderHistoryByKeyword {
  padding-right: 40px!important;
  padding-left: 40px!important
}

@media (max-width: 767px) {
  .filterOrderHistoryByKeyword {
      padding-right:10px!important;
      padding-left: 10px!important
  }
}

@media (min-width: 768px) and (max-width:1024px) {
  .filterOrderHistoryByKeyword {
      padding-right:20px!important;
      padding-left: 20px!important
  }

  .custom-style-calendar {
      padding: 3.5rem 1.5rem!important
  }
}

.order-histories_filter-by-keyword {
  display: -ms-flexbox!important;
  display: flex!important
}

.calendarOrderHistoryByKeyword {
  position: relative
}

.calendarToDate {
  margin-right: 15px
}

@media (max-width: 767px) {
  .order-histories_filter-by-keyword {
      display:block!important
  }

  .calendarToDate {
      margin-right: 0
  }
}

.clearDatePicker {
  position: absolute;
  top: 4px;
  right: 25px;
  display: none;
  color: #999
}

@media (max-width: 767px) {
  .clearDatePicker {
      font-size:14px;
      top: 27px;
      right: 20px
  }

  .form-control--height38 {
      margin-top: 10px;
      margin-bottom: 10px
  }
}

@media (min-width: 768px) {
  .clearDatePicker {
      font-size:16px;
      top: 6px;
      right: 20px
  }
}

@media (min-width: 1024px) {
  .clearDatePicker {
      font-size:18px;
      top: 6px;
      right: 26px
  }
}

.form-control--height38 {
  height: 38px!important;
  padding: 0 5px;
  border-radius: 4px
}

.order-history-keyword_title {
  font-size: 16px;
  line-height: 1rem;
  color: #111
}

.keyWordSearch {
  margin-right: 10px
}

@media (max-width: 767px) {
  .order-history-keyword_title {
      font-size:12px
  }

  .keyWordSearch {
      margin-right: 5px
  }
}

.search-word__bold {
  font-weight: 700
}

.showCircleIcon {
  display: inline
}

.ui-datepicker-current {
  display: none
}

.pagination-wrap {
  float: right;
  text-align: right
}

.pagination {
  font-weight: 400;
  margin: 0;
  border: 1px solid transparent
}

.pagination>li {
  display: inline-block;
  vertical-align: top
}

.pagination>li>a,.pagination>li>span {
  position: static;
  display: inline-block;
  float: none;
  margin: 0;
  color: #999;
  border: none;
  border-radius: 5px!important
}

.pagination>li>a {
  border: 1px solid #fff
}

.pagination>li>a:focus,.pagination>li>a:hover {
  color: inherit;
  border-color: #999;
  border-radius: 3px
}

.pagination>li.pagination-next>a,.pagination>li.pagination-next>span,.pagination>li.pagination-prev>a,.pagination>li.pagination-prev>span {
  font-size: 11px
}

.pagination>li.pagination-next>a:focus,.pagination>li.pagination-next>a:hover,.pagination>li.pagination-next>span:focus,.pagination>li.pagination-next>span:hover,.pagination>li.pagination-prev>a:focus,.pagination>li.pagination-prev>a:hover,.pagination>li.pagination-prev>span:focus,.pagination>li.pagination-prev>span:hover {
  color: #3d9ed1;
  border-color: #fff;
  background-color: transparent
}

.pagination>li.pagination-next.disabled>a:focus,.pagination>li.pagination-next.disabled>a:hover,.pagination>li.pagination-next.disabled>span:focus,.pagination>li.pagination-next.disabled>span:hover,.pagination>li.pagination-prev.disabled>a:focus,.pagination>li.pagination-prev.disabled>a:hover,.pagination>li.pagination-prev.disabled>span:focus,.pagination>li.pagination-prev.disabled>span:hover {
  color: #ccc;
  border-color: transparent;
  background-color: transparent
}

.pagination>li.pagination-prev {
  text-align: left
}

.pagination>li.pagination-prev>a,.pagination>li.pagination-prev>span {
  border-right: 1px solid transparent
}

.pagination>li.pagination-next {
  text-align: right
}

.pagination>li.pagination-next>a,.pagination>li.pagination-next>span {
  border-left: 1px solid transparent
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
  color: #fff;
  border: none;
  border-radius: 5px!important;
  background-color: #999
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
  border-top-left-radius: 7.5px;
  border-bottom-left-radius: 7.5px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
  border-top-right-radius: 7.5px;
  border-bottom-right-radius: 7.5px
}

.pagination>li>a,.pagination>li>span {
  font-size: 12px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center
}

.pagination>li.pagination-prev>a,.pagination>li.pagination-prev>span {
  width: 37.5px;
  margin-right: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.pagination>li.pagination-next>a,.pagination>li.pagination-next>span {
  width: 37.5px;
  margin-left: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

@media (max-width: 1023px) {
  .pagination>li:first-child>a,.pagination>li:first-child>span {
      border-top-left-radius:15px;
      border-bottom-left-radius: 15px
  }

  .pagination>li:last-child>a,.pagination>li:last-child>span {
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px
  }

  .pagination>li>a,.pagination>li>span {
      font-size: 12px;
      line-height: 30px;
      width: 30px;
      height: 30px;
      padding: 0;
      text-align: center
  }

  .pagination>li.pagination-prev>a,.pagination>li.pagination-prev>span {
      width: 45px;
      margin-right: 10px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .pagination>li.pagination-next>a,.pagination>li.pagination-next>span {
      width: 45px;
      margin-left: 10px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }
}

@media (max-width: 767px) {
  .pagination {
      width:100%
  }

  .pagination>li>a,.pagination>li>span {
      float: none;
      font-size: 12px;
      line-height: 25px;
      width: 25px;
      height: 25px;
      padding: 0;
      text-align: center
  }

  .pagination>li:first-child>a,.pagination>li:first-child>span {
      border-top-left-radius: 7.5px;
      border-bottom-left-radius: 7.5px
  }

  .pagination>li:last-child>a,.pagination>li:last-child>span {
      border-top-right-radius: 7.5px;
      border-bottom-right-radius: 7.5px
  }

  .pagination>li.pagination-prev>a,.pagination>li.pagination-prev>span {
      width: 32.5px;
      margin-right: 8.33px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .pagination>li.pagination-next>a,.pagination>li.pagination-next>span {
      width: 32.5px;
      margin-left: 8.33px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .pagination-with-pager .pagination-wrap {
      float: none
  }
}

.breadcrumb-section .breadcrumb {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 15px 0;
  background: #fff
}

@media (max-width: 1023px) {
  .breadcrumb-section .breadcrumb {
      font-size:10px
  }
}

@media (max-width: 767px) {
  .breadcrumb-section .breadcrumb {
      overflow-x:scroll;
      padding: 10px 0;
      white-space: nowrap
  }
}

.breadcrumb-section .breadcrumb>li {
  display: inline
}

.breadcrumb-section .breadcrumb>li+li:before {
  font-family: FontAwesome;
  font-size: 12px;
  padding: 0 10px;
  content: "\f105";
  color: #111
}

@media (max-width: 1023px) {
  .breadcrumb-section .breadcrumb>li+li:before {
      font-size:10px
  }

  .pageType-ProductPage .btn-large,.pageType-ProductPage .btn-large .fa,.pageType-ProductPage .main-container {
      font-size: 15px
  }

  .pageType-ProductPage .pdp__tab--view-comment .pdp__tab--comment-title {
      font-size: 15px;
      line-height: 1.4
  }

  .pageType-ProductPage .pdp__tab--view-comment .pdp__tab--comment-BG,.pageType-ProductPage .pdp__tab--view-comment .pdp__tab--comment-monitor {
      font-size: 13px
  }

  .pageType-ProductPage .pdp__prices .basic-price {
      font-size: 14px
  }
}

@media (max-width: 767px) {
  .breadcrumb-section .breadcrumb>li+li:before {
      padding:0 5px
  }

  .pageType-ProductPage .btn-large:not(.express-cart-in-normal):not(.express-cart-in-express) {
      line-height: 41px;
      height: 46px;
      padding: 2px 4px
  }

  .pageType-ProductPage .btn-wish-list {
      width: 46px;
      height: 46px;
      padding: 0 10px
  }
}

#js-gallery-counter {
  display: none
}

@media (max-width: 1023px) {
  #js-gallery-counter {
      font-size:13px;
      line-height: 38px;
      display: block;
      min-height: 38px;
      margin: 10px 0;
      padding: 0 15px;
      text-align: center;
      background: #eee
  }
}

.zoom-gallery {
  position: relative;
  overflow: visible;
  max-width: 570px;
  margin: 0 auto;
  text-align: center
}

.zoom-gallery-wrapper {
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc
}

.zoom-gallery .video-slide {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%
}

.zoom-gallery .video-slide embed,.zoom-gallery .video-slide iframe,.zoom-gallery .video-slide object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.zoom-gallery .img-thumbnail-list {
  margin: 10px -3px;
  text-align: center
}

@media (max-width: 1023px) {
  .zoom-gallery .img-thumbnail-list {
      margin:10px 0
  }
}

.zoom-gallery .img-thumbnail-list a {
  position: relative;
  display: inline-block;
  height: auto;
  border: 1px solid #ccc
}

@media (max-width: 1180px) {
  .zoom-gallery .img-thumbnail-list a {
      height:70px
  }
}

.zoom-gallery .img-thumbnail-list a:last-child {
  margin-right: 0
}

.zoom-gallery .img-thumbnail-list a.mz-thumb-selected,.zoom-gallery .img-thumbnail-list a:hover {
  border-width: 2px;
  border-color: #3d9ed1
}

.zoom-gallery .img-thumbnail-list a .btn-play {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  transform: translateY(-50%) translateX(-50%);
  opacity: .7;
  border-radius: 50%;
  background-color: #fff
}

.pdp__variation-dialog .modal-header .close,.zoom-gallery .img-thumbnail-list a .btn-play:focus,.zoom-gallery .img-thumbnail-list a .btn-play:hover {
  opacity: 1
}

.zoom-gallery .img-thumbnail-list a .btn-play .fa {
  font-size: 18px;
  margin-top: 12px;
  padding-left: 3px
}

.zoom-gallery-slide {
  display: none
}

.zoom-gallery-slide.active {
  display: block
}

.zoom-gallery #social-share {
  position: absolute;
  z-index: 2;
  top: 513px;
  left: 513px
}

@media (min-width: 1024px) and (max-width:1199px) {
  .zoom-gallery #social-share {
      top:42vw;
      left: 42vw
  }
}

@media (max-width: 1023px) {
  .zoom-gallery #social-share {
      top:auto;
      right: calc(-1 * calc(calc(90vw - 570px)/ 2));
      bottom: -5px;
      left: auto
  }
}

@media (max-width: 767px) {
  .zoom-gallery {
      max-width:280px
  }

  .zoom-gallery #social-share {
      right: calc(-1 * (calc(calc(93vw - 280px + 14px)/ 2)))
  }
}

.zoom-gallery #social-share .social-share-wrap {
  position: relative;
  width: 40px;
  height: 40px
}

.zoom-gallery #social-share .social-share-wrap .social-share-list {
  position: absolute;
  top: 0;
  right: 0
}

.zoom-gallery #social-share .social-share-wrap .social-share-btn {
  position: absolute;
  top: 0;
  left: 0
}

.zoom-gallery #social-share .social-share-wrap .social-share-btn button {
  display: -ms-flexbox;
  display: flex;
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: rgba(255,255,255,.8);
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 1023px) {
  .zoom-gallery #social-share .social-share-wrap .social-share-btn button {
      border:none;
      background-color: rgba(255,255,255,.5)
  }
}

.zoom-gallery #social-share .social-share-wrap .social-share-btn button:hover .mask-image {
  background-color: #3d9ed1
}

.zoom-gallery #social-share .social-share-wrap .social-share-btn button .mask-image {
  width: 24px;
  height: 24px;
  background-color: #111;
  background-size: cover;
  -webkit-mask-image: url(../../common/images/icon_snsshare.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center
}

.zoom-gallery #social-share .social-share-wrap .a2a_kit {
  position: absolute;
  z-index: 3;
  top: 50px;
  right: 0;
  display: none;
  min-width: 150px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.13)
}

.zoom-gallery #social-share .social-share-wrap .a2a_kit .triangle {
  position: absolute;
  z-index: 4;
  top: -19px;
  right: 7px;
  border: 10px solid transparent;
  border-bottom-color: #ccc
}

.zoom-gallery #social-share .social-share-wrap .a2a_kit .triangle:after {
  position: absolute;
  z-index: 5;
  top: -8px;
  right: -9px;
  content: "";
  border: 9px solid transparent;
  border-bottom-color: #fff
}

.zoom-gallery #social-share .social-share-wrap .a2a_kit .social-link .fa {
  font-size: 20px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background: #bbb
}

.zoom-gallery #social-share .social-share-wrap .a2a_kit.popuped {
  display: block;
  visibility: visible;
  opacity: 1
}

.zoom-gallery #social-share .social-share-wrap .a2a_default_style a {
  font-size: 14px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  float: none;
  padding: 10px;
  text-align: left;
  color: #111;
  border-bottom: 1px solid #efefef;
  -ms-flex-align: center;
  align-items: center
}

.zoom-gallery #social-share .social-share-wrap .a2a_default_style a:focus,.zoom-gallery #social-share .social-share-wrap .a2a_default_style a:hover {
  text-decoration: none;
  color: #999
}

.zoom-gallery #social-share .social-share-wrap .a2a_default_style .a2a_counter img,.zoom-gallery #social-share .social-share-wrap .a2a_default_style .a2a_dd,.zoom-gallery #social-share .social-share-wrap .a2a_default_style .a2a_svg {
  float: none
}

@media (min-width: 1024px) {
  .product-detail .btn-selector,.quick__order__action .btn-selector {
      line-height:40px;
      width: 40px;
      height: 40px
  }
}

.product-detail .btn-soldout,.quick__order__action .btn-soldout {
  line-height: 20px!important;
  white-space: normal!important
}

.product-detail .btn-wish-list,.quick__order__action .btn-wish-list {
  font-size: 0
}

.product-detail .btn-wish-list:before,.quick__order__action .btn-wish-list:before {
  content: ""
}

.product-detail .btn-wish-list .fa,.quick__order__action .btn-wish-list .fa {
  font-size: 18px;
  margin-left: 0
}

.pdp__desc {
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc
}

.pdp__desc .spec-pro {
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid red
}

.pdp__desc .spec-pro__text {
  font-size: 15px;
  font-weight: 700;
  color: red
}

.pdp__desc .spec-pro__text-info {
  color: #3d9ed1
}

@media (max-width: 1199px) {
  .pdp__desc .spec-pro__text-info {
      font-size:11px
  }
}

@media (max-width: 1023px) {
  .pdp__desc .spec-pro {
      margin-bottom:15px
  }

  .pdp__desc .spec-pro__text-info {
      font-size: 13px
  }
}

.pdp__desc .additional-info {
  margin-bottom: 15px
}

.pdp__desc .break-link>a+a:before {
  font-family: FontAwesome;
  font-size: 12px;
  padding: 0 10px;
  content: "\f105\00a0";
  color: #ccc
}

.pdp__desc .break-link .link {
  display: inline
}

.pdp__desc .special__vendor {
  display: table
}

.pdp__desc .special__vendor-first {
  margin-top: -5px
}

@media (max-width: 767px) {
  .pdp__desc .special__vendor-first {
      margin-top:-6px
  }
}

.pdp__information .vrt_product-mobile {
  text-align: left;
  background-color: transparent
}

.pdp__information .vrt__title-mobile {
  font-weight: 400;
  padding-bottom: 5px
}

.pdp__information .vrt__title-mobile.dsp-name {
  font-weight: 700;
  width: 100%;
  white-space: normal
}

.pdp__information .vrt__title-mobile.dsp-name .vrt__chevron {
  font-size: 2rem;
  right: 6px
}

@media (min-width: 768px) {
  .pdp__information .vrt__title-mobile {
      font-size:11px
  }
}

.pdp__information .campaign__promo--margin-bot {
  margin: 0
}

@media (max-width: 1023px) {
  .pdp__information .campaign__promo--margin-bot {
      margin-bottom:5px
  }
}

.pdp__information .campaign__promo--margin-bot .campaign__promo {
  margin: 0
}

.pdp__information .campaign__promo {
  max-width: 210px;
  margin-top: 5px;
  margin-left: 0
}

@media (max-width: 1023px) {
  .pdp__information .campaign__promo {
      margin-top:16px
  }
}

.pdp__information .btn-wish-list {
  margin-left: 30px
}

.pdp__information .info-block {
  padding: 15px 0;
  border-bottom: 1px solid #ccc
}

.pdp__information .info-block--title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #111
}

@media (max-width: 1023px) {
  .pdp__information .info-block--title {
      font-size:2rem
  }
}

.pdp__information .info-block--title.vrt__pr-title {
  margin-top: 0;
  margin-bottom: 0
}

.pdp__information .info-block--title.sil-mode {
  margin-top: 10px;
  margin-bottom: -10px
}

.pdp__information .info-block--title.sil-mode.sil-mode-pd {
  margin-top: 20px;
  margin-bottom: 5px
}

@media (max-width: 767px) {
  .pdp__information .btn-wish-list {
      margin-left:10px
  }

  .pdp__information .info-block {
      padding-top: 0;
      padding-bottom: 10px
  }

  .pdp__information .info-block--title.sil-mode {
      margin-top: 12px;
      margin-bottom: -3px
  }
}

.pdp__information .info-block:last-of-type {
  border-bottom: 0
}

.pdp__information .info-block.pdp__prices {
  margin-bottom: 20px;
  padding: 0 0 5px
}

.pdp__information .info-block.pdp__prices .dl-horizontal .priceDisplay p {
  font-size: 30px;
  line-height: 30px
}

.pdp__information .info-block.pdp__prices .dl-horizontal .priceDisplay p:first-letter {
  font-size: 22px
}

@media (max-width: 1023px) {
  .pdp__information .info-block.pdp__prices .dl-horizontal .priceDisplay p {
      font-size:20px;
      line-height: 20px
  }

  .pdp__information .info-block.pdp__prices .dl-horizontal .priceDisplay p:first-letter {
      font-size: 14px
  }
}

.pdp__information .info-block.pdp__prices .gross-price {
  margin-left: 4px
}

.pdp__information .info-block.pdp__details {
  padding-bottom: 0;
  border-bottom: none
}

.pdp__information .pdp__promotion {
  margin-top: -10px
}

.pdp__information .item__product-hunt.price--line-through {
  margin-bottom: 0
}

.pdp__information .form-group {
  line-height: 28px;
  clear: both;
  margin-bottom: 0
}

.pdp__information .form-group .control-label {
  position: relative;
  float: left;
  width: 85px;
  margin-right: 10px;
  margin-bottom: 0;
  text-align: left
}

.pdp__information .form-group .control-label:after,.pdp__information .form-group.dl-horizontal dt.control-label:after {
  position: absolute;
  content: ":";
  right: 0
}

.pdp__information .price__order-history .control-label,.pdp__information--code,.pdp__information--lineheight .form-group .control-label {
  margin-right: 5px
}

.pdp__information .form-group.dl-horizontal {
  font-size: 13px
}

@media (max-width: 1023px) {
  .pdp__information .form-group .control-label {
      width:70px
  }

  .pdp__information .form-group.dl-horizontal {
      font-size: 11px
  }
}

.pdp__information .form-group .item-value-text,.pdp__information .price__order-history dd.item__volumediscount,.pdp__information .price__order-history p:not(.vip-price) {
  font-size: 12px
}

.pdp__information .form-group.dl-horizontal dd {
  margin-bottom: 10px;
  margin-left: 95px
}

.pdp__information .form-group.dl-horizontal dd .form-control-static,.pdp__information .form-group.dl-horizontal dd.form-control-static {
  width: 100%
}

.pdp__information .form-group.dl-horizontal dt {
  font-weight: 400;
  overflow: visible;
  white-space: normal;
  text-overflow: initial
}

@media (max-width: 1023px) {
  .pdp__information .form-group.dl-horizontal dd {
      margin-left:100px
  }

  .pdp__information .form-group.dl-horizontal dt.control-label {
      width: 90px
  }
}

.pdp__information .form-group.dl-horizontal dt.control-label:after {
  top: 0
}

.pdp__information .form-group.dl-horizontal dt.control-label.custom:after {
  content: ""
}

.pdp__information .form-control-static {
  display: inline-block;
  width: calc(100% - 100px);
  padding-top: 0;
  padding-bottom: 0
}

@media (max-width: 767px) and (max-width:1023px) {
  .pdp__information .form-control-static {
      font-size:12px
  }
}

.pdp__information a {
  display: inline-block
}

.pdp__information .pdp__promotion__text {
  display: inline
}

.pdp__information .pdp__review {
  line-height: 24px;
  vertical-align: text-bottom;
  color: #111
}

.pdp__information .pdp__review .fa {
  margin-left: 5px
}

.pdp__information .btn-sold-separately {
  line-height: normal
}

.pdp__information .modal-popupVariationPr::-webkit-scrollbar {
  display: none
}

.pdp__information .modal-popupVariationPr ::-webkit-scrollbar {
  display: none
}

.pdp__information .price__order-history .form-group {
  line-height: 23px
}

@media (max-width: 767px) {
  .pdp__information .pdp-quantity-select {
      margin-bottom:10px
  }

  .pdp__information .price__order-history .form-group:first-child {
      margin-top: 10px
  }

  .pdp__information .price__order-history .form-group {
      line-height: 20px
  }

  .pdp__information .price__order-history .form-group .control-group {
      display: inline-block
  }

  .pdp__information .pdp__size .form-group .control-label {
      width: 100%
  }

  .pdp__information .pdp__size .form-group .control-label:after {
      position: inherit;
      margin-left: 5px
  }
}

@media (max-width: 1023px) {
  .pdp__information .price__order-history dd.item__volumediscount,.pdp__information .price__order-history p:not(.vip-price) {
      font-size:10px
  }

  .pdp__information .pdp__details .form-group.dl-horizontal,.pdp__information .pdp__size .form-group .control-label {
      font-size: 14px
  }
}

.pdp__information--code {
  font-size: 12px
}

@media (max-width: 1023px) {
  .pdp__information--code,.pdp__information--code .form-control-static {
      font-size:10px
  }
}

.pdp__information--lineheight dd.item__volumediscount,.pdp__information--lineheight p:not(.vip-price),.pdp__information--lineheight>label.control-label {
  font-size: 12px
}

@media (max-width: 1023px) {
  .pdp__information--lineheight dd.item__volumediscount,.pdp__information--lineheight p:not(.vip-price),.pdp__information--lineheight>label.control-label {
      font-size:10px
  }
}

.pdp__information--lineheight .form-group {
  line-height: 23px
}

.pdp__information--lineheight .form-group .control-group .price-data,.pdp__information--lineheight .form-group .control-group .vip-price {
  font-size: 18px
}

.pdp__information--lineheight .form-group .control-group .price-data::first-letter,.pdp__information--lineheight .form-group .control-group .vip-price::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .pdp__information--lineheight .form-group .control-group .price-data,.pdp__information--lineheight .form-group .control-group .vip-price {
      font-size:14px
  }

  .pdp__information--lineheight .form-group .control-group .price-data::first-letter,.pdp__information--lineheight .form-group .control-group .vip-price::first-letter {
      font-size: 12px
  }
}

.pdp__information--lineheight .bundle-data {
  font-size: 12px
}

@media (max-width: 1024px) {
  .pdp__information--lineheight .bundle-data {
      font-size:10px
  }
}

.pdp__details {
  font-size: 1.3rem;
  padding-top: 0
}

.pdp__details.silm-mode {
  margin-bottom: 10px;
  border: none
}

@media (max-width: 767px) {
  .pdp__information--lineheight .form-group {
      line-height:20px
  }

  .pdp__information--lineheight .form-group .form-control-static {
      width: auto
  }

  .pdp__information--lineheight .usually__campaign--margin {
      min-height: 40px
  }

  .pdp__information--lineheight .usually__campaign--margin .form-group .control-group {
      display: inline-block
  }

  .pdp__details.silm-mode {
      padding-top: 5px
  }
}

.pdp__details .rating {
  display: inline-block;
  margin-top: 5px
}

.pdp__details .rating .rating-stars {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.pdp__details .rating .count {
  font-size: 13px;
  line-height: 25px;
  margin-right: 5px;
  vertical-align: top;
  color: #111
}

@media (max-width: 1023px) {
  .pdp__details .rating .count {
      font-size:10px
  }
}

.pdp__details a,.pdp__details a:focus,.pdp__details a:hover {
  color: #3d9ed1
}

.pdp__details .pdp__collection {
  margin-bottom: 0
}

@media (max-width: 767px) {
  .pdp__details .pdp__collection a {
      font-size:1.6rem
  }
}

.pdp__details .pdp__collection .form-control-static {
  display: inline
}

.pdp__details .pdp__collection>.form-control-static:not(:first-of-type):before {
  font-family: FontAwesome;
  font-size: 12px;
  padding: 0 10px;
  content: "\f105\00a0";
  color: #ccc
}

.pdp__name {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 10px;
  color: #111
}

.pdp__name .product-new-release {
  color: red
}

@media (max-width: 1023px) {
  .pdp__name {
      font-size:2.7rem;
      line-height: 1.4
  }
}

.pdp__promotion {
  font-size: 12px;
  font-weight: 700;
  margin-top: 10px;
  color: #ff3c6c
}

.pdp__promotion__block {
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  background-color: #fdedf2
}

.pdp__promotion__block .pdp__promotion {
  margin: 0
}

.pdp__promotion__block .pdp__promotion:before {
  content: none
}

@media (max-width: 1023px) {
  .pdp__promotion {
      font-size:10px
  }
}

.pdp__promotion:before {
  font-family: FontAwesome;
  font-size: 14px;
  display: inline-block;
  margin-right: .3rem;
  content: "\f071"
}

@media (max-width: 1023px) {
  .pdp__promotion:before {
      font-size:11px
  }
}

.pdp__promotion>.content {
  display: inline;
  padding-left: 5px
}

.pdp__categoryRankingSeminar {
  font-size: 12px;
  margin-bottom: 15px
}

@media (max-width: 767px) {
  .pdp__categoryRankingSeminar {
      padding-top:10px!important
  }
}

.pdp__categoryRankingSeminar dl {
  margin: 0
}

.pdp__categoryRankingSeminar dl.onlySeminarUrl dt {
  width: 90px
}

.pdp__categoryRankingSeminar dl.onlySeminarUrl dd {
  margin-left: 100px
}

.pdp__categoryRankingSeminar__icon {
  width: 22px;
  height: 16px;
  margin-bottom: 5px
}

.pdp__categoryRankingSeminar__title {
  font-weight: 400;
  position: relative;
  float: left;
  width: 120px;
  margin-right: 10px;
  color: #111
}

.pdp__categoryRankingSeminar__title:after {
  position: absolute;
  top: 1px;
  right: 0;
  content: ":"
}

.pdp__categoryRankingSeminar__value {
  margin-bottom: 10px;
  margin-left: 130px;
  padding-top: 2px;
  color: #3d9ed1
}

.pdp__categoryRankingSeminar a:hover {
  text-decoration: underline
}

.pdp__ribbon__list {
  overflow: hidden
}

.pdp__ribbon__item {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}

@media (max-width: 767px) {
  .pdp__ribbon__list {
      font-size:0;
      width: 225px;
      text-align: right
  }

  .pdp__ribbon__item {
      display: inline-block;
      float: none
  }
}

.pdp__prices .basic-price {
  font-size: 14px
}

@media (max-width: 1023px) {
  .pdp__ribbon__list {
      position:absolute;
      z-index: 2;
      top: 0;
      right: 0;
      padding: 0
  }

  .pdp__ribbon__item {
      margin-right: 0;
      margin-bottom: 0
  }

  .pdp__prices .basic-price {
      font-size: 11px
  }
}

.pdp__prices .open-price {
  font-size: 12px
}

@media (max-width: 1199px) {
  .pdp__prices .open-price {
      font-size:11px
  }
}

.pdp__prices .bg-price,.pdp__prices .vip-price {
  margin-top: -4px
}

.pdp__prices .bg-price {
  font-size: 18px;
  font-weight: 700;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .pdp__prices .bg-price {
      font-size:12px
  }
}

.pdp__prices .bg-price a {
  font-size: 80%;
  font-weight: 400
}

.pdp__prices .vip-price {
  font-size: 20px;
  font-weight: 700;
  padding-top: 0;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .pdp__prices .vip-price {
      font-size:14px
  }
}

.pdp__prices .vip-price span {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  margin-left: 10px;
  color: #111
}

@media (max-width: 1023px) {
  .pdp__prices .vip-price span {
      font-size:10px
  }
}

.pdp__prices .point-reward .fa {
  margin-right: 10px
}

.pdp__sample .sample__item {
  margin-bottom: 1.5rem
}

.pdp__sample .sample__item:last-child {
  margin-bottom: 0
}

.pdp__sample .sample__item-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  color: #111
}

.pdp__indentical a,.pdp__sample .sample__item a:focus,.pdp__sample .sample__item a:hover {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .pdp__sample .sample__item-title {
      font-size:11px
  }
}

.pdp__sample .sample__item a {
  line-height: 2.2rem;
  color: #3d9ed1
}

@media (max-width: 767px) {
  .pdp__prices .vip-price span {
      margin-left:0
  }

  .pdp__indentical {
      font-size: 16px;
      margin-top: 15px
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .pdp__indentical {
      font-size:12px
  }
}

.pdp__indentical strong {
  font-size: 1.5rem;
  font-weight: 700;
  display: block;
  margin-bottom: 10px
}

.pdp__selection {
  margin-bottom: 30px
}

.pdp__selection .text-colored {
  color: #ff3c6c
}

.pdp__selection .pdp__pulldown-sil {
  height: 44px;
  padding: 0;
  background-color: #fff
}

.pdp__selection .pdp__pulldown-sil a.active:after {
  top: 25%
}

.pdp__selection .pdp__pulldown-sil a .sil__img-parent {
  position: absolute;
  top: 25%
}

.pdp__selection .pdp__pulldown-sil .pdp__sil-img-container {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 4px
}

.pdp__selection .form-select-sil-custom .pdp__sil-img-dropdown {
  background-color: #fff
}

.pdp__selection .form-select-sil-custom .drop-down-sil-pdp {
  height: 44px;
  padding: 3px 20px 4px 4px
}

.pdp__selection .form-select-sil-custom .drop-down-sil-pdp .sil__img-parent {
  position: absolute;
  top: 25%
}

.pdp__selection .form-select-sil-custom .drop-down-sil-pdp .pdp__sil-img-container {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px
}

.pdp__selection .form-select-sil-custom .drop-down-sil-pdp .thumbnail-sil-pdp .pdp__sil-img-container {
  width: 36px;
  height: 36px;
  margin-right: 4px
}

.pdp__selection .form-select-sil-custom .drop-down-sil-pdp .thumbnail-sil-pdp .sil__img-parent .sil-img-label {
  cursor: pointer
}

.pdp__selection ul {
  padding: 20px 0;
  background-color: #f7f6f6
}

@media (max-width: 767px) {
  .pdp__selection ul {
      padding:8px 0
  }
}

.pdp__selection ul li+li {
  margin-top: 10px
}

.pdp__selection .form-select-sil-custom .sil-img-label input {
  position: absolute;
  visibility: hidden
}

.pdp__selection .custom-radio-1 {
  margin-top: 0;
  padding: 0 20px
}

@media (max-width: 767px) {
  .pdp__selection .custom-radio-1 {
      min-height:auto;
      padding: 0 8px
  }
}

.pdp__selection .pdp__temp-canvas {
  display: none
}

.pdp__bundle {
  margin-bottom: 15px;
  padding: 20px;
  background-color: #f7f6f6
}

@media (max-width: 767px) {
  .pdp__bundle {
      padding:10px 5px
  }
}

.pdp__bundle__heading {
  margin-bottom: 20px;
  padding: 4px;
  text-align: center;
  border: 1px solid #036;
  background-color: #fff
}

@media (max-width: 767px) {
  .pdp__bundle__heading {
      margin-bottom:10px
  }
}

.pdp__bundle__heading--title {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  color: #036
}

.pdp__bundle__list {
  border-bottom: 1px solid #ccc
}

.pdp__bundle__total {
  padding-top: 20px
}

.pdp__bundle__item {
  display: table;
  width: 100%;
  margin-bottom: 20px
}

.pdp__bundle__item select,.pdp__bundle__item--label,.pdp__bundle__item--text {
  display: table-cell
}

.pdp__bundle__item--text {
  padding-right: 40px;
  vertical-align: top
}

@media (max-width: 767px) {
  .pdp__bundle__item--text {
      font-size:1.3rem;
      padding-right: 5px
  }
}

.pdp__bundle__item--label {
  font-size: 12px;
  min-width: 30px;
  padding-right: 5px;
  color: #999
}

@media (max-width: 1023px) {
  .pdp__bundle__item--label {
      font-size:10px
  }
}

.pdp__bundle__item-custom {
  position: relative;
  display: table;
  width: 100%;
  height: 40px;
  margin-bottom: 20px
}

.pdp__bundle__item-custom .pdp__bundle__item--label,.pdp__bundle__item-custom .pdp__bundle__item--text,.pdp__bundle__item-custom select {
  display: table-cell
}

.pdp__bundle__item-custom .pdp__bundle__item--text {
  width: 80%;
  padding-right: 40px;
  vertical-align: top
}

@media (max-width: 767px) {
  .pdp__bundle__item-custom .pdp__bundle__item--text {
      font-size:11px
  }
}

.pdp__bundle__item-custom .pdp__bundle__item--label {
  font-size: 12px;
  display: inline-block;
  min-width: 30px;
  padding-right: 5px;
  color: #999
}

@media (max-width: 1023px) {
  .pdp__bundle__item-custom .pdp__bundle__item--label {
      font-size:10px
  }
}

.pdp__bundle__item-custom .select-value {
  position: absolute;
  right: 0
}

.pdp__close-bg {
  width: 100%;
  height: 100%;
  background: 0 0
}

.pdp__variation-dialog {
  position: fixed;
  bottom: 0;
  display: block;
  margin: 0
}

.pdp__variation-dialog .modal-header {
  display: flow-root;
  padding-bottom: 0;
  background-color: transparent
}

.pdp__variation-dialog .modal-header .close .fa-close-thin {
  font-size: 50px;
  color: #fff
}

.pdp__variation-dialog .modal-header .close .fa-close-thin:before {
  content: "\00d7"
}

.pdp__variation-dialog .pdp__variation-content {
  border-radius: 0
}

.pdp__variation-dialog .pdp__variation-content .vrt__modal-title {
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px
}

.pdp__variation-dialog .pdp__variation-content .pdp__variation-container {
  max-width: 250px
}

.pdp__variation-dialog.close-container {
  position: sticky;
  float: right
}

@media (min-width: 768px) {
  .pdp__variation-dialog.close-container {
      bottom:200px
  }
}

.pdp__variation-dialog.close-container .modal-header {
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
  border-bottom: 0;
  background-color: transparent
}

.pdp__optional {
  margin-bottom: 50px;
  padding: 20px 0;
  background-color: #f7f6f6
}

@media (max-width: 767px) {
  .pdp__optional {
      margin-bottom:20px;
      padding: 8px 0
  }
}

.pdp__optional.pdp__variation-product {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0!important;
  background-color: #fff
}

@media (max-width: 1199px) {
  .pdp__optional.pdp__variation-product {
      overflow-x:scroll!important
  }
}

.pdp__discount,.pdp__tab-content .pdp__tab--block {
  overflow: hidden
}

.pdp__optional .custom-checkbox-1 {
  margin-top: 0;
  padding: 0 20px
}

@media (max-width: 767px) {
  .pdp__optional .custom-checkbox-1 {
      padding:0 8px
  }
}

.pdp__optional .custom-checkbox-1+.custom-checkbox-1 {
  margin-top: 10px
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt {
  display: inline-block;
  width: 170px;
  min-height: 100px;
  margin-top: 0;
  margin-right: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-right: 4px;
  padding-left: 4px;
  vertical-align: top;
  border: 1px solid #ccc;
  background-color: #fff
}

@media (max-width: 1199px) {
  .pdp__optional .custom-checkbox-1.pdp__variation-product-opt {
      width:145px;
      min-height: 90px;
      margin-right: 10px
  }

  .pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group .control-label {
      padding-left: 5px
  }
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt a {
  color: #111
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt a label {
  padding-bottom: 10px
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt a label .form-control-static {
  width: 100%;
  white-space: normal
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .form-group.dl-horizontal dd.vrt-desc {
  margin-bottom: 11px
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt.selected {
  border: 2px solid #3d9ed1;
  background-color: #f4f9fc
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt.selected a label {
  font-weight: 700
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt.bundle-selected {
  border: 2px solid #3d9ed1
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt:hover {
  opacity: .7
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group .control-label {
  position: absolute;
  width: auto;
  padding-right: 7px
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd {
  margin-left: revert;
  padding-left: 18px
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd.vrt_maker-price {
  padding-left: 50px
}

@media (max-width: 1199px) {
  .pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd.vrt_maker-price {
      padding-left:40px
  }

  .pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd {
      padding-left: 13px
  }

  .pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .vrt_bg-price {
      margin-top: 0;
      white-space: normal
  }
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .basic-price,.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .bg-price {
  font-size: 12px
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .big-price,.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .vip-price {
  font-size: 16px
}

@media (max-width: 1023px) {
  .pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .big-price,.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .vip-price {
      font-size:18px
  }

  .pdp__optional .custom-checkbox-1.pdp__variation-product-opt .pdp__promotion_normal {
      white-space: normal
  }
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .big-price::first-letter,.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .vrt-pdp__price .form-group.dl-horizontal dd .vip-price::first-letter {
  font-size: 14px
}

.pdp__optional .custom-checkbox-1.pdp__variation-product-opt .pdp__promotion_normal {
  line-height: 20px
}

.pdp__optional .pdp__sil-img-product {
  display: inline-block;
  width: 100%;
  padding: 20px 20px 5px
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc((50% - 10px));
  min-height: 40px;
  margin-right: 0;
  margin-bottom: 15px;
  cursor: pointer;
  border: none;
  background-color: #fff
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt.right-elm {
  margin-right: 0;
  margin-left: 10px
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .pdp__sil-img-container {
  position: relative;
  width: 50px;
  height: 50px
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .pdp__sil-img-centerer.base {
  position: relative;
  bottom: 60%;
  left: 40%;
  display: inline-block;
  width: 120px;
  margin-left: -60px
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .pdp__sil-img-centerer.base .img-pdp-simulation {
  max-width: 75px;
  max-height: 75px
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .img-pdp-simulation {
  max-width: 50px;
  max-height: 50px;
  margin: 0 auto
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .sil__img-parent {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .sil__img-parent .sil-img-label {
  font-size: 12px
}

.pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .sil__img-parent .sil-img-label input {
  position: absolute
}

@media (max-width: 767px) {
  .pdp__optional .pdp__sil-img-product {
      padding:10px 10px 5px
  }

  .pdp__optional .pdp__sil-img-product .pdp__variation-product-opt .sil__img-parent .sil-img-label {
      font-size: 8px
  }

  .pdp__discount {
      font-size: 16px
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .pdp__discount {
      font-size:12px
  }
}

.pdp__discount--heading {
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc
}

.pdp__discount--title {
  font-weight: 700;
  color: #999
}

.pdp__discount__quantity {
  flex: 2;
  -ms-flex: 2
}

.pdp__discount__price {
  flex: 3;
  -ms-flex: 3
}

.pdp__discount__item {
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc
}

@media (max-width: 767px) {
  .pdp__discount__item {
      padding-top:10px;
      padding-bottom: 10px
  }
}

.pdp__discount__item__quantity {
  flex: 1;
  padding-top: 4px;
  -ms-flex: 1
}

.pdp__discount__item__range {
  flex: 5;
  -ms-flex: 5
}

.pdp__discount__item__row {
  display: -ms-flexbox;
  display: flex
}

.pdp__discount__item__label {
  position: relative;
  flex: 2;
  padding-top: 4px;
  -ms-flex: 2
}

.pdp__discount__item__label:after {
  position: absolute;
  right: 15px;
  content: ":"
}

.pdp__discount__item__price {
  font-size: 2.2rem;
  font-weight: 700;
  flex: 5;
  color: #ff3c6c;
  -ms-flex: 5
}

.pdp__discount__item__price .tax-included {
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
  color: #111
}

@media (max-width: 1023px) {
  .pdp__discount__item__price .tax-included {
      font-size:10px
  }
}

.pdp__discount__item .old-price {
  text-decoration: line-through
}

.pdp__discount__item .old-price .pdp__discount__item__price {
  font-size: 18px;
  text-decoration: line-through
}

@media (max-width: 1023px) {
  .pdp__discount__item .old-price .pdp__discount__item__price {
      font-size:12px
  }
}

.pdp__discount__item .old-price .pdp__discount__item__price::first-letter {
  font-size: 18px
}

@media (max-width: 1023px) {
  .pdp__discount__item .old-price .pdp__discount__item__price::first-letter {
      font-size:12px
  }
}

.pdp__discount__item .big-price .pdp__discount__item__label {
  padding-top: 7px
}

@media (max-width: 767px) {
  .pdp__discount__item .big-price .pdp__discount__item__label {
      padding-top:0
  }
}

.pdp__discount__item .big-price .pdp__discount__item__price {
  font-size: 30px
}

@media (max-width: 1023px) {
  .pdp__discount__item .big-price .pdp__discount__item__price {
      font-size:20px
  }
}

.pdp__discount__item .big-price .pdp__discount__item__price::first-letter {
  font-size: 22px
}

@media (max-width: 1023px) {
  .pdp__discount__item .big-price .pdp__discount__item__price::first-letter {
      font-size:14px
  }
}

.pdp__delivery__note {
  margin-bottom: 25px
}

.pdp__action__note {
  font-weight: 700;
  margin-top: 20px;
  padding: 8px 12px;
  color: #036;
  background-color: #edf4f7
}

@media (max-width: 767px) {
  .pdp__action__note {
      font-size:12px;
      margin-top: 15px
  }

  .pdp__action__block {
      margin-top: 5px
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .pdp__action__note {
      font-size:11px
  }
}

.pdp__action__note.replenishment {
  margin-bottom: 1rem
}

@media (min-width: 768px) and (max-width:1023px) {
  .pdp__action__block .btn-large {
      font-size:16px
  }

  .pdp__action__block .btn-wish-list {
      font-size: 14px
  }
}

.pdp__action__block .contactlink-pdp {
  margin-top: 10px
}

.pdp__action__block .btn-action-group {
  display: -ms-flexbox;
  display: flex;
  clear: both;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 1023px) {
  .pdp__action__block .contactlink-pdp {
      font-size:15px
  }

  .pdp__action__block .btn-action-group {
      margin-top: 15px
  }
}

.pdp__action__block .btn-action-group .page-details-variants-select {
  width: 100%
}

.pdp__action__block .btn-action-group .btn-est span {
  display: inline-block
}

.pdp__action__block .btn-action-group .btn-est span i.fa-envelope-o {
  font-size: 22px
}

@media (max-width: 767px) {
  .pdp__action__block .btn-action-group .pdp__form {
      margin-right:5px;
      margin-bottom: 15px
  }

  .pdp__action__block .btn-action-group .btn-est span i.fa-envelope-o {
      font-size: 15px
  }
}

.pdp__action__block .btn-default {
  padding: 8px 12px
}

.pdp__action__block .btn-default .fa {
  font-size: 1.4rem;
  position: static;
  float: none;
  margin-right: 10px
}

.pdp__action__block .social-group {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center
}

@media (max-width: 767px) {
  .pdp__action__block .social-group {
      margin-top:10px;
      margin-bottom: 0
  }
}

.pdp__action__block .social-group a {
  float: none
}

.pdp__tab-badge {
  position: relative
}

.pdp__tab-badge .badge {
  position: absolute;
  top: -10px;
  right: 10px;
  background-color: #fff
}

.pdp__content-custom {
  margin: 30px 0
}

.pdp__factory-price {
  font-weight: 700;
  padding-top: 10px
}

.pdp__factory-price .factory--price-key {
  padding-left: 0
}

.pdp__tab-content {
  font-size: 14px;
  padding-top: 4rem
}

@media (max-width: 1023px) {
  .pdp__tab-content {
      font-size:15px
  }
}

@media (min-width: 1024px) {
  .pdp__tab-content {
      overflow:hidden;
      margin: 0 3rem
  }
}

@media (max-width: 767px) {
  .pdp__tab-content {
      overflow:hidden;
      margin: 0
  }
}

@media (max-width: 1023px) and (min-width:767px) {
  .pdp__tab-content {
      margin:0
  }
}

.pdp__tab-content .product-spec-view-reviews {
  padding: 5rem 0;
  border-bottom: 1px solid #eee
}

.pdp__tab-content p {
  margin-bottom: 2rem
}

.pdp__tab-content .pdp__tab--text {
  line-height: 1.5;
  margin-bottom: 2rem;
  color: #111
}

.pdp__tab-content .pdp__tab--text.dsc--section {
  padding-bottom: 2rem;
  border-bottom: 1px solid #eee
}

.pdp__tab-content .pdp__tab--text.dsc--section-none {
  border-bottom: 0
}

.pdp__tab-content .pdp__tab--title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.2rem;
  margin: 0 0 2rem;
  color: #111
}

.pdp__tab-content .pdp__tab--title.pdp__tab--tech-info {
  margin-top: 5rem
}

@media (max-width: 1023px) {
  .pdp__tab-content .pdp__tab--title {
      font-size:2.57rem;
      line-height: 1.4;
      margin-bottom: 2.4rem
  }

  .pdp__tab-content .pdp__tab--title.pdp__tab--tech-info {
      margin-top: 4rem
  }
}

.pdp__tab-content .pdp__tab--announcement {
  font-size: 16px;
  font-weight: 700;
  color: #111
}

.pdp__tab-content .pdp__tab--brand-name,.pdp__tab-content .pdp__tab--breadcrumb,.pdp__tab-content .pdp__tab--breadcrumb li a {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .pdp__tab-content .pdp__tab--announcement {
      font-size:12px
  }
}

.pdp__tab-content .pdp__tab--search-brand {
  font-size: 14px;
  margin: 10px 0 5px
}

@media (max-width: 1023px) {
  .pdp__tab-content .pdp__tab--search-brand {
      font-size:15px
  }
}

.pdp__tab-content .pdp__tab--breadcrumb li {
  display: inline
}

.pdp__tab-content .pdp__tab--breadcrumb li+li:before {
  font-family: FontAwesome;
  font-size: 12px;
  padding: 0 10px;
  content: "\f105\00a0";
  color: #ccc
}

.pdp__tab-content .pdp__tab--navcategory {
  margin-top: 10px
}

.pdp__tab-content .pdp__tab--navcategory li {
  font-size: 14px;
  display: inline-block;
  margin: 0 15px 10px 0
}

@media (max-width: 767px) {
  .pdp__tab-content .pdp__tab--navcategory li {
      font-size:15px
  }
}

.pdp__tab-content .pdp__tab--navcategory li a {
  color: #3d9ed1
}

.pdp__tab-content .pdp__tab--table .row {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee
}

.pdp__tab-content .pdp__tab--table p {
  margin: 0
}

.pdp__tab-content .pdp__tab--table .txt1 {
  padding-bottom: 20px
}

.pdp__tab-content .pdp__tab--table .txt1 strong {
  font-size: 14px;
  display: block;
  margin-bottom: 5px
}

@media (max-width: 1023px) {
  .pdp__tab-content .pdp__tab--table .txt1 strong {
      font-size:13px
  }
}

.pdp__tab-content .pdp__tab--table .txt1 a,.pdp__tab-content .pdp__tab--table .txt1 small {
  font-size: 12px
}

@media (max-width: 1023px) {
  .pdp__tab-content .pdp__tab--table .txt1 a,.pdp__tab-content .pdp__tab--table .txt1 small {
      font-size:11px
  }
}

.pdp__tab-content .pdp__tab--table .txt1 a {
  display: inline-block;
  color: #3d9ed1
}

.pdp__tab-content .dp__tab--table-key {
  font-size: 1.3rem
}

.pdp__tab-content .link-pdf-file {
  float: left;
  clear: both
}

.pdp__tab-content .pdp__tab--block+.pdp__tab--block {
  margin-top: 2rem;
  padding-top: 3rem;
  border-top: 1px solid #eee
}

.pdp__tab-content .pdp__tab--header {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 20px;
  color: #111
}

@media (max-width: 1023px) {
  .pdp__tab-content .pdp__tab--header {
      font-size:2.57rem
  }
}

.pdp__tab-content .pdp__tab--box {
  line-height: 2.5rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1.5rem 2rem;
  border: 1px solid #eee
}

.pdp__tab-content .pdp__tab--box.pdp__tab--box-img {
  padding-right: 0;
  padding-left: 0;
  text-align: center
}

.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .btn-group-vertical>.btn-group,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .btn-toolbar,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .cart__total,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .clearfix,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .container,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .container-fluid,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .dl-horizontal dd,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .form-horizontal .form-group,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .modal-footer,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .nav,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .navbar,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .navbar-collapse,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .navbar-header,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .pager,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .panel-body,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .quick__order__heading,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .row,.pdp__tab-content .pdp__tab--box.pdp__tab--box-img .tabs .tabs-list {
  margin-bottom: 1rem
}

.pdp__tab-content .pdp__tab--box.pdp__tab--delivery-date {
  border: 0;
  background-color: #f4f4f4
}

.pdp__tab-content .pdp__tab--box.pdp__tab--bank-transfer {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111
}

.pdp__tab-content .pdp__tab--box img+img {
  margin-left: 5px
}

.pdp__tab-content .text-notification {
  color: #ff3c6c
}

.pdp__tab-content .pdp__tab--list {
  font-size: 12px;
  line-height: 2rem;
  margin-bottom: 2rem
}

@media (max-width: 1023px) {
  .pdp__tab-content .pdp__tab--list {
      font-size:10px
  }
}

.pdp__tab-content .link-to-list {
  font-size: 12px;
  float: right;
  color: #3d9ed1
}

.pdp__tab-content .link-to-list:focus,.pdp__tab-content .link-to-list:hover {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .pdp__tab-content .link-to-list {
      font-size:10px
  }
}

.pdp__tab-content .btn-large {
  margin: 0 0 3rem;
  color: #fff;
  background-color: #3d9ed1
}

.pdp__tab-content .btn-large.review-redirect-login {
  margin-top: 3rem
}

.pdp__tab-content .btn-large:focus,.pdp__tab-content .btn-large:hover {
  opacity: .7
}

.pdp__tab-content .btn-large .fa-chevron-right {
  font-size: 12px
}

@media (max-width: 1023px) {
  .pdp__tab-content .btn-large .fa-chevron-right {
      font-size:10px
  }
}

.pdp__tab-content .contact-order,.pdp__tab-content .contact-purchase {
  line-height: 20px;
  display: inline-block;
  margin-left: 20px;
  text-align: left
}

.pdp__review-thankyou,.pdp__review-thankyou .modal-dialog {
  text-align: center
}

@media (max-width: 767px) {
  .pdp__tab-content .contact-order,.pdp__tab-content .contact-purchase {
      font-size:8px;
      line-height: 15px;
      margin: 15px 0 10px 5px
  }

  .pdp__tab-content .contact-order p,.pdp__tab-content .contact-purchase p {
      margin-bottom: 0
  }
}

.pdp__tab-content .contact-order p:last-child,.pdp__tab-content .contact-purchase p:last-child {
  margin-bottom: 0
}

.pdp__tab-content .pdp__slider--coordination .thumb {
  height: 95px!important;
  min-height: 95px;
  margin-bottom: 0;
  border: 0
}

.pdp__tab-content .pdp__slider--coordination .owl-carousel .owl-nav .owl-next,.pdp__tab-content .pdp__slider--coordination .owl-carousel .owl-nav .owl-prev {
  top: 48px!important
}

@media (max-width: 599px) {
  .pdp__tab-content .pdp__slider--coordination .owl-carousel .owl-nav .owl-next,.pdp__tab-content .pdp__slider--coordination .owl-carousel .owl-nav .owl-prev {
      top:38px!important
  }
}

.pdp__tab-content.pdp__tab--review .rating {
  line-height: 0
}

.pdp__tab-content.pdp__tab--review .rating .rating-stars {
  font-size: 2.8rem
}

@media (max-width: 1023px) and (min-width:768px) {
  .pdp__tab-content.pdp__tab--review .rating .rating-stars {
      font-size:2.2rem
  }
}

.pdp__tab-content.pdp__tab--review .rating .rating-stars span.lh {
  margin-right: .7rem
}

.pdp__tab-content.pdp__tab--review .rating .rating-stars-write-review {
  font-size: 4rem
}

@media (max-width: 767px) {
  .pdp__tab-content.pdp__tab--review .rating .rating-stars-write-review {
      font-size:5rem
  }

  .pdp__tab-content.pdp__tab--review .pdp__tab--rating-title {
      line-height: 25px
  }
}

.pdp__tab-content.pdp__tab--review .pdp__tab--table>.content {
  font-size: 13px;
  padding-bottom: 20px;
  text-align: center
}

@media (max-width: 1023px) {
  .pdp__tab-content.pdp__tab--review .pdp__tab--table>.content {
      font-size:11px
  }
}

.pdp__tab-content.pdp__tab--review .form-group {
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem
}

.pdp__tab-content.pdp__tab--review .form-group:first-of-type {
  border-top: 1px solid #eee
}

.pdp__tab-content.pdp__tab--delivery .contact-phone {
  margin-bottom: 5px
}

@media (max-width: 767px) {
  .pdp__tab-content .rating-stars {
      font-size:2.8rem
  }

  .pdp__tab--view-comment .pdp__tab--header {
      text-align: center
  }

  .pdp__tab--view-comment .pdp__tab--header.review-mobile {
      text-align: left
  }
}

.pdp__tab--write-review .btn-large {
  margin-top: 6rem
}

.pdp__tab--write-review .rating-stars {
  cursor: pointer
}

.pdp__tab--write-review label.error {
  color: #ff3c6c
}

.pdp__review-thankyou .modal-title {
  font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
  font-size: 6rem;
  font-weight: 400!important;
  text-transform: uppercase;
  color: #111
}

.pdp__review-thankyou .modal-header {
  padding: 15px;
  border: 0
}

.pdp__review-thankyou .modal-header .close {
  font-size: 2.1rem;
  font-weight: 700
}

#reviewChangeAlias {
  font-size: 15px;
  color: #3d9ed1;
  border: 1px solid #3d9ed1;
  background-color: #fff
}

#reviewChangeAlias .text {
  line-height: 20px
}

#reviewChangeAlias:hover {
  cursor: pointer
}

.pdp__tab--view-comment .productDetailRatingReviewTab {
  border-bottom: 1px solid #eee
}

.pdp__tab--view-comment .pdp__tab--show-rating {
  padding-bottom: 2rem;
  text-align: center
}

.pdp__tab--view-comment .pdp__tab--show-rating .pdp__tab--rating-text {
  font-size: 15px;
  font-weight: 700;
  margin-right: 2rem;
  color: #111
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating {
  display: inline-block
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating .rating-stars {
  font-size: 30px;
  position: relative
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab--show-rating .rating .rating-stars {
      font-size:25px;
      top: 3px
  }
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating .rating-stars span.lh {
  margin-right: 0
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating .rating-turns {
  font-size: 15px;
  color: #111
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab--show-rating {
      margin-left:15px
  }

  .pdp__tab--view-comment .pdp__tab--show-rating .rating .rating-turns {
      font-size: 13px
  }
}

.pdp__tab--view-comment .pdp__tab--show-rating .average_rating {
  font-size: 30px;
  font-weight: 700;
  color: #ff3b6c
}

.pdp__tab--view-comment .pdp__tab--show-rating .progress {
  height: 26px;
  margin-bottom: 0;
  background-color: #f7f6f6
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab--show-rating .average_rating {
      font-size:22px
  }

  .pdp__tab--view-comment .pdp__tab--show-rating .progress {
      height: 25px
  }
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating-bar-color {
  background-color: #fbbb4c
}

.pdp__tab--view-comment .pdp__tab--show-rating .has-review {
  cursor: pointer
}

.pdp__tab--view-comment .pdp__tab--show-rating .has-review .rating-range,.pdp__tab--view-comment .pdp__tab--show-rating .has-review .review-percentage {
  color: #3d9ed1!important
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating-desc {
  margin-bottom: 10px
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating-desc .review-percentage {
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
  padding-top: 3px;
  text-align: left;
  color: #111
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab--show-rating .rating-desc .review-percentage {
      font-size:13px
  }
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating-desc .rating-range {
  font-size: 14px;
  font-weight: 400;
  color: #111
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating-desc div {
  padding-right: 0!important;
  padding-left: 0!important
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating-desc .rating-number {
  margin-right: 5px;
  padding-top: 3px;
  text-align: right
}

.pdp__tab--view-comment .pdp__tab--show-rating .rating-desc .rating-number .glyphicon-star {
  top: 0
}

.pdp__tab--view-comment small {
  display: block;
  float: left;
  width: 100%;
  padding-top: 15px
}

@media (min-width: 768px) {
  .pdp__tab--view-comment small {
      text-align:right
  }
}

.pdp__tab--view-comment .pdp__tab__review-helpful {
  height: 36px;
  margin-bottom: 3rem;
  padding-bottom: 4.5rem;
  text-align: right;
  border-bottom: 1px solid #eee
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab__review-helpful {
      padding-bottom:6rem
  }
}

.pdp__tab--view-comment .pdp__tab__review-helpful .anonymous-thanks-text {
  line-height: 40px;
  color: red
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab--show-rating .rating-desc .rating-range {
      font-size:13px
  }

  .pdp__tab--view-comment .pdp__tab__review-helpful {
      margin-bottom: 0
  }

  .pdp__tab--view-comment .pdp__tab__review-helpful .anonymous-thanks-text {
      font-size: smaller
  }
}

@media (max-width: 320px) {
  .pdp__tab--view-comment .pdp__tab__review-helpful .anonymous-thanks-text {
      font-size:8px
  }
}

.pdp__tab--view-comment .pdp__tab__review-helpful .thanks-text {
  line-height: 40px;
  display: none;
  color: red
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab__review-helpful .thanks-text {
      font-size:smaller
  }
}

@media (max-width: 320px) {
  .pdp__tab--view-comment .pdp__tab__review-helpful .thanks-text {
      font-size:8px
  }
}

.pdp__tab--view-comment .pdp__tab__review-helpful .count {
  line-height: 40px;
  position: absolute;
  display: block;
  text-align: left
}

.pdp__tab--view-comment .pdp__tab__review-helpful .count .color {
  color: red
}

.pdp__tab--view-comment .pdp__tab__review-helpful .count--left {
  margin-left: 190px
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab__review-helpful .count {
      font-size:11px
  }

  .pdp__tab--view-comment .pdp__tab__review-helpful .count--left {
      margin-left: 90px
  }
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful {
  font-size: 14px;
  line-height: 30px;
  position: relative;
  display: inline-block;
  height: 30px;
  padding: 0 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful {
      font-size:11px
  }
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful:focus,.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful:hover {
  text-decoration: none;
  opacity: .7;
  color: #3d9ed1
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful.eg-btn:focus,.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful.eg-btn:hover {
  text-decoration: none;
  opacity: .7;
  color: #d83980
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful .fa {
  font-size: 1.8rem;
  margin-left: 20px
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful {
      line-height:30px;
      height: 30px;
      padding: 0 10px
  }

  .pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful .fa {
      margin-left: 5px
  }

  .pdp__tab--view-comment .pdp__tab__comment-item {
      padding-top: 3rem
  }
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful .fa:before {
  content: "\f08a"
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful.current {
  color: #111!important;
  border-width: 1px!important;
  background-color: #fff!important
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful.current .fa,.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful:focus .fa,.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful:hover .fa {
  color: #ff3c6c
}

.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful.current .fa:before,.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful:focus .fa:before,.pdp__tab--view-comment .pdp__tab__review-helpful .js-btn-helpful:hover .fa:before {
  content: "\f004"
}

.pdp__tab--view-comment .pdp__tab__comment-item {
  padding-bottom: 1rem
}

.pdp__tab--view-comment .pdp__tab__comment-item .thumb {
  width: 170px;
  height: 170px;
  border: 1px solid #eee;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.pdp__tab--view-comment .pdp__tab__comment-item .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab__comment-item .thumb {
      width:70px;
      height: 70px
  }
}

.pdp__tab--view-comment .pdp__tab__comment-item .review__plp__tab--margin {
  margin-left: 20px;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.pdp__tab--view-comment .pdp__tab__comment-item.pdp__tab__comment-item--BG .pdp__tab--comment-text,.pdp__tab--view-comment .pdp__tab__comment-item.pdp__tab__comment-item--BG .staffResponse {
  float: left;
  height: auto;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 2px solid #666;
  clear: both
}

.pdp__tab--view-comment .pdp__tab__comment-item .review__tab__dl {
  margin-bottom: 0
}

.pdp__tab--view-comment .pdp__tab__comment-item:last-child {
  border-bottom: 1px solid #eee
}

.pdp__tab--view-comment .pdp__tab__comment-item+.pdp__tab__comment-item {
  padding-top: 3rem;
  border-top: 1px solid #eee
}

.pdp__tab--view-comment .pdp__tab__comment-item.pdp__tab__comment-item--BG {
  overflow: hidden;
  padding-top: 0;
  border-top: 0
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab__comment-item.pdp__tab__comment-item--BG {
      padding-top:3px
  }
}

.pdp__tab--view-comment .pdp__tab__comment-item.pdp__tab__comment-item--BG .fa-reply {
  font-size: 2.2rem;
  position: relative;
  top: 3px;
  color: #111
}

.pdp__tab--view-comment .pdp__tab__comment-item.pdp__tab__comment-item--BG .pdp__tab--comment-user {
  margin-bottom: 15px
}

.pdp__tab--view-comment .pdp__tab__comment-item.pdp__tab__comment-item--BG .pdp__tab--comment-text:before {
  content: ""
}

.pdp__tab--view-comment .pdp__tab__comment-item.staffResponse__left {
  padding-left: 190px
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab__comment-item.staffResponse__left {
      padding-top:2px;
      padding-left: 90px
  }

  .pdp__tab--view-comment .pdp__tab__comment-item>dl {
      margin-bottom: 10px
  }
}

.pdp__tab--view-comment .pdp__tab__comment-item .link-read-more {
  float: right
}

.pdp__tab--view-comment .pdp__tab__comment-item .link-read-more:focus,.pdp__tab--view-comment .pdp__tab__comment-item .link-read-more:hover {
  color: #3d9ed1
}

.pdp__tab--view-comment .pdp__tab__comment-item .link-read-more.less:after {
  top: 3px;
  content: "\f0de"
}

.pdp__tab--view-comment .pdp__tab__comment-item .morecontent span {
  display: none
}

.pdp__tab--view-comment .pdp__tab--comment-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
  margin-top: 0;
  margin-bottom: 5px;
  color: #111
}

.pdp__tab--view-comment .pdp__tab--comment-BG,.pdp__tab--view-comment .pdp__tab--comment-monitor {
  font-size: 12px;
  line-height: 2.2rem;
  padding: 3px 5px;
  color: #036;
  border: 2px solid #036;
  border-radius: 4px
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab--comment-title {
      font-size:12px
  }

  .pdp__tab--view-comment .pdp__tab--comment-BG,.pdp__tab--view-comment .pdp__tab--comment-monitor {
      font-size: 10px
  }
}

.pdp__tab--view-comment .pdp__tab--comment-list .rating-set--margin {
  margin-bottom: 8px
}

.pdp__tab--view-comment .pdp__tab--comment-list .rating-set {
  display: inline-block;
  width: 100%;
  margin-top: 8px
}

.pdp__tab--view-comment .pdp__tab--comment-list .rating-stars {
  font-size: 1.8rem!important
}

.pdp__tab--view-comment .pdp__tab--comment-list .rating-stars span.lh {
  margin-right: 0!important
}

.pdp__tab--view-comment .pdp__tab--comment-profile {
  position: relative;
  margin-bottom: 5px
}

.pdp__tab--view-comment .pdp__tab--comment-profile img {
  width: 34px;
  height: 34px;
  border-radius: 50px;
  -o-object-fit: cover;
  object-fit: cover
}

.pdp__tab--view-comment .pdp__tab--comment-profile>span {
  position: absolute;
  top: 10px;
  right: 0
}

.pdp__tab--view-comment .pdp__tab--comment-product-category {
  margin-bottom: 10px;
  color: #aaa
}

.pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-brand,.pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-category {
  font-size: 13px;
  display: inline-block
}

.pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-brand a,.pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-category a {
  color: #aaa
}

.pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-category {
  margin-right: 20px
}

.pdp__tab--view-comment .pdp__tab--comment-user {
  float: left
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab--comment-profile>span {
      top:40px
  }

  .pdp__tab--view-comment .pdp__tab--comment-profile .date-position {
      top: 10px
  }

  .pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-brand,.pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-category {
      font-size: 10px
  }

  .pdp__tab--view-comment .pdp__tab--comment-product-category .comment-product-category {
      margin-right: 15px
  }

  .pdp__tab--view-comment .pdp__tab--comment-user--max-width {
      max-width: calc((100% - 110px))
  }

  .pdp__tab--view-comment .pdp__tab--comment-user--max-width span {
      display: inline
  }
}

.pdp__tab--view-comment .pdp__tab--comment-date {
  font-size: 1.3rem;
  line-height: 1.4rem;
  float: right;
  padding-left: 2rem;
  border-left: 1px solid #eee
}

@media (max-width: 767px) {
  .pdp__tab--view-comment .pdp__tab--comment-date--padding {
      padding:4px 0 0 1rem
  }
}

.pdp__tab--view-comment .pdp__tab--comment-user-item {
  font-size: 1.3rem;
  line-height: 1.3rem;
  display: inline-block;
  padding-right: 3px
}

.pdp__tab--view-comment .pdp__tab--comment-user-item+.pdp__tab--comment-user-item {
  padding-left: 5px;
  border-left: 1px solid #666
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab--comment-user-item {
      font-size:11px
  }
}

.pdp__tab--view-comment .pdp__tab--comment-text {
  line-height: 2.2rem;
  margin-top: 6px;
  margin-bottom: 0;
  word-break: break-word;
  color: #111
}

.pdp__tab--view-comment .pdp__tab--comment-paging {
  margin-top: 3rem;
  text-align: center
}

.pdp__tab--view-comment .pdp__tab--comment-notify {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 3rem
}

.pdp__tab--view-comment .pdp__tab--comment-variantInfo {
  font-size: 1.3rem;
  display: inline-block;
  width: 100%;
  margin-top: 8px
}

.pdp__tab--view-comment .pdp__tab--comment-variantInfo a {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab--comment-variantInfo {
      font-size:11px
  }
}

.pdp__tab--view-comment .pdp__tab--comment-list {
  overflow: visible
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter .first-filter {
  padding-left: 0
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter .form-select-custom li a {
  font-size: 12px!important
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter .form-select-custom .dropdown-menu,.pdp__tab--view-comment .pdp__tab--comment-list .filter .form-select-custom .dropdown-toggle {
  font-size: 12px!important;
  width: 90%
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter .filter-name {
  font-weight: 700;
  min-height: 20px
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter div {
  padding-right: 0!important;
  padding-left: 0!important
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter-mobile {
  padding: 10px 0
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter-mobile .mobile span {
  font-size: 14px
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter-mobile .mobile .dropdown-toggle {
  min-width: 140px;
  border-top: none;
  border-bottom: none
}

.pageType-CategoryPage .map img,.pdp__bundle__item-custom .form-select-custom .dropdown-menu,.pdp__optional--select .form-select-custom .dropdown-menu {
  min-width: 100%
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter-mobile #open-filter-mobile {
  font-size: 15px;
  font-weight: 700;
  color: #3d9ed1;
  border: 1px solid #3d9ed1;
  background-color: #fff
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter-mobile #open-filter-mobile .text {
  line-height: 20px
}

.pdp__tab--view-comment .pdp__tab--comment-list .filter-mobile #open-filter-mobile:hover {
  cursor: pointer
}

.pdp__tab--view-comment .pdp__tab--comment-list .review-no-result {
  padding-top: 10px;
  text-align: center
}

.pdp__tab--view-comment .pdp__tab--comment-list .review-no-result .line1 {
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
  color: #666
}

.pdp__tab--view-comment .pdp__tab--comment-list .review-no-result .line2 {
  font-size: 14px;
  font-weight: 400;
  color: #666
}

.pdp__tab--view-comment .pdp__tab--comment-list .selected-filters {
  font-size: 14px;
  display: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: #666;
  border-bottom: 1px solid #eee
}

.pdp__tab--view-comment .pdp__tab--comment-list .selected-filters .filtered-header {
  font-size: 12px;
  font-weight: 700
}

.pdp__tab--view-comment .pdp__tab--comment-list .clear-conditions {
  font-size: 14px;
  font-weight: 400;
  padding-left: 10px;
  cursor: pointer
}

.pdp__tab--view-comment .pdp__tab--comment-list .clear-conditions a {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .pdp__tab--view-comment .pdp__tab--comment-list .fa {
      font-size:15px
  }
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item {
  padding: 15px 8px;
  border-bottom: 1px solid #eee
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item button {
  width: 100%;
  height: 36px!important
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item ul.dropdown-menu {
  width: 100%;
  max-height: 500px
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item ul.dropdown-menu li a {
  line-height: 22px
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item-checkbox {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px 8px;
  border-bottom: 1px solid #eee;
  background-color: #fff
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item-checkbox .float-right {
  float: right;
  width: 30px;
  height: 30px;
  margin-top: -9px
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item-checkbox .custom-filter-review-checkbox {
  background-color: #fff
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item-checkbox .checkbox-label {
  font-size: 12px;
  display: -ms-flexbox;
  display: flex
}

#modal-reviewFiltersXs .modal-body .filter-mobile-item-checkbox div.text {
  width: 90%;
  padding-right: 30px
}

.modal-field-button-facet #btn-clear-filter_modal-reviewFiltersXs {
  width: 34%;
  min-height: 45px
}

.modal-field-button-facet #btn-submit-filter_modal-reviewFiltersXs {
  font-size: 12px;
  float: right;
  width: 65%;
  min-height: 45px;
  color: #fff;
  background-color: #3d9ed1
}

.pdp__tab--reviewComment {
  margin-top: 3rem;
  margin-bottom: 2rem
}

.pdp__tab--reviewComment dt {
  font-size: 1.5rem;
  margin-bottom: 7px
}

@media (max-width: 1023px) {
  .pdp__tab--reviewComment dt {
      font-size:1.7rem
  }
}

.pdp__tab--reviewComment dd {
  line-height: 1.6
}

.pdp__tab--reviewComment dd a {
  display: inline-block;
  color: #3d9ed1
}

.pdp__tab--reviewComment dd strong {
  font-size: 14px;
  font-weight: 400
}

@media (max-width: 1023px) {
  .pdp__tab--reviewComment dd strong {
      font-size:11px
  }
}

.pdp__tab--reviewComment dd,.pdp__tab--reviewComment dd a {
  font-size: 12px
}

@media (max-width: 1023px) {
  .pdp__tab--reviewComment dd,.pdp__tab--reviewComment dd a {
      font-size:11px
  }
}

.pdp__bundle__item-custom .form-select-custom,.pdp__optional--select .form-select-custom {
  display: inline-block
}

.pdp__bundle__item-custom .form-select-custom .dropdown-toggle,.pdp__optional--select .form-select-custom .dropdown-toggle {
  width: 60px
}

.pdp__size .form-select-custom {
  display: inline-block;
  margin-bottom: 15px
}

.pdp__size .form-select-custom .dropdown-menu,.pdp__size .form-select-custom .dropdown-toggle {
  width: 220px
}

.pdp__size .product-new-release {
  color: red
}

.cannotWriteReviewMsgDouble a,.pdp__optional a {
  color: #3d9ed1
}

.dimension1 .selectPriority-submit+button {
  display: table;
  height: 44px
}

.dimension1 .selectPriority-submit+button figure,.dimension1 .selectPriority-submit+button span,.dimension1 .selectPriority-submit~.dropdown-menu li a figure,.dimension1 .selectPriority-submit~.dropdown-menu li a span {
  display: table-cell;
  vertical-align: middle
}

.dimension1 .selectPriority-submit+button figure,.dimension1 .selectPriority-submit~.dropdown-menu li a figure {
  padding-right: 6px
}

.dimension1 .selectPriority-submit+button figure img,.dimension1 .selectPriority-submit~.dropdown-menu li a figure,.dimension1 .selectPriority-submit~.dropdown-menu li a figure img {
  box-sizing: content-box;
  width: 36px
}

.dimension1 .selectPriority-submit~.dropdown-menu li {
  margin-top: 0
}

.dimension1 .selectPriority-submit~.dropdown-menu li a {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50px;
  padding: 7px 20px 7px 8px;
  -ms-flex-align: center;
  align-items: center
}

.pdp__promotion a {
  color: #ff3c6c!important
}

.pdp__promotion .arrowIcon {
  margin-left: 3px
}

.review-change-alias-btn-group .btn-cancel {
  margin-top: 10px;
  margin-right: 5px
}

.review-change-alias-btn-group .btn-secondary {
  margin-left: 5px;
  padding-right: 0;
  padding-left: 0
}

.review-alias-explanation-text {
  float: left;
  margin-top: 5px
}

@media (max-width: 767px) {
  #cboxLoadedContent .alias-review-input-content {
      padding-top:20px
  }
}

#cboxLoadedContent .review-change-alias-name-error {
  color: #ff3c6c
}

#cboxLoadedContent .change-alias-complete {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
  width: 180px;
  height: auto;
  margin-top: -65px;
  margin-left: -90px;
  padding: 10px 5px 5px;
  transition: opacity 1s ease;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: rgba(0,0,0,.7)
}

#cboxLoadedContent .change-alias-complete i {
  font-size: 60px;
  margin-bottom: 10px
}

#cboxLoadedContent .change-alias-complete p {
  font-size: 12px
}

@media (max-width: 767px) {
  #cboxLoadedContent .change-alias-complete {
      padding:15px 5px 0
  }
}

.pdp__asm_sil_container {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.pdp__asm_prd_code {
  flex-direction: column;
  -ms-flex-direction: column
}

.addtocart-component {
  margin-top: 15px
}

.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0
}

.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0
}

.addtocart-component .actions .btn {
  margin-bottom: 15px
}

.addtocart-component .add_to_cart_form,.addtocart-component .add_to_cart_form .item__add-cart {
  width: 100%
}

#add_to_cart_storepickup_form .qty-selector .btn,#add_to_cart_storepickup_form .qty-selector .input-group-btn,.addtocart-component .qty-selector .btn,.addtocart-component .qty-selector .input-group-btn {
  width: 44px;
  margin: 0;
  padding-right: 0;
  padding-left: 0
}

#add_to_cart_storepickup_form .qty-selector .form-control,.addtocart-component .qty-selector .form-control {
  font-size: 13px;
  font-weight: 700;
  width: 46.88px;
  height: 44px;
  text-align: center
}

@media (max-width: 1023px) {
  .addtocart-component .qty-selector .btn,.addtocart-component .qty-selector .form-control,.addtocart-component .qty-selector .input-group-btn {
      width:60px
  }
}

@media (max-width: 767px) {
  .addtocart-component .qty-selector {
      margin-right:auto;
      margin-left: auto
  }

  .addtocart-component .stock-wrapper {
      display: table;
      margin-right: auto;
      margin-left: auto
  }
}

.add-to-cart .add-to-cart-item {
  margin-bottom: 15px
}

.add-to-cart .add-to-cart-item:after,.add-to-cart .add-to-cart-item:before {
  display: table;
  content: " "
}

.add-to-cart .add-to-cart-item:after {
  clear: both
}

.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: 15px
}

.add-to-cart .add-to-cart-item .details {
  font-size: 18px;
  margin-left: 80px
}

.add-to-cart .add-to-cart-item .details .name {
  font-weight: 700;
  color: inherit
}

.add-to-cart .add-to-cart-item .price {
  font-size: 22px;
  font-weight: 700;
  text-align: right
}

.owl-carousel {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "."
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
  position: relative;
  float: left;
  min-height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
  display: none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  display: block;
  opacity: 0
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

.owl-carousel .owl-item .owl-lazy {
  transition: opacity .4s ease;
  opacity: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel.owl-carousel-lazy {
  display: block;
  overflow: hidden
}

.owl-carousel.owl-carousel-lazy>.item-wrapper {
  float: left
}

@media (min-width: 1200px) {
  .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:16.66666667%
  }

  .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+7) {
      display: none
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:20%
  }

  .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+6) {
      display: none
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:25%
  }

  .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+5) {
      display: none
  }
}

@media (min-width: 599px) and (max-width:767px) {
  .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:33.33333333%
  }

  .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+4) {
      display: none
  }
}

@media (max-width: 599px) {
  .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:50%
  }

  .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+3) {
      display: none
  }
}

@media (min-width: 1200px) {
  .carousel--wrapper-four .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:25%
  }

  .carousel--wrapper-four .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+5) {
      display: none
  }
}

@media (max-width: 1199px) and (min-width:768px) {
  .carousel--wrapper-four .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:33.33333333%
  }

  .carousel--wrapper-four .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+4) {
      display: none
  }
}

@media (max-width: 767px) {
  .carousel--wrapper-four .owl-carousel.owl-carousel-lazy>.item-wrapper {
      width:50%
  }

  .carousel--wrapper-four .owl-carousel.owl-carousel-lazy>.item-wrapper:nth-child(n+3) {
      display: none
  }
}

.owl-carousel.owl-carousel-lazy>.item-wrapper .item__product {
  display: block;
  float: none;
  margin: 0 auto
}

.owl-carousel.owl-carousel-lazy.owl-loaded {
  overflow: inherit
}

.owl-carousel.owl-carousel-lazy.owl-loaded .item-wrapper {
  display: block;
  float: none
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .owl-nav.disabled+.owl-dots {
  margin-top: 10px
}

.owl-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom:1}

.owl-carousel .owl-dots .owl-dot span {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  margin: 5px;
  transition: all .2s ease;
  border-radius: 50%;
  background: #666;
  -webkit-backface-visibility: visible
}

.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span {
  border: 2px solid #036;
  background: #fff
}

.owl-carousel .owl-dots .owl-dot.active span:before,.owl-carousel .owl-dots .owl-dot:hover span:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  content: "";
  border-radius: 50%;
  background: #036
}

.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
  position: absolute!important;
  top: 86px;
  display: table;
  overflow: hidden;
  width: 42px;
  height: 64px;
  cursor: pointer;
  transition: .3s ease-out;
  transform: translate(0,-50%);
  text-align: center;
  color: #fff;
  border: 1px solid #e6e5e5;
  background-color: rgba(255,255,255,.7)
}

@media (max-width: 599px) {
  .owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
      top:70px;
      width: 20px;
      height: 30px
  }
}

.owl-carousel .owl-nav .owl-next span.fa,.owl-carousel .owl-nav .owl-prev span.fa {
  font-size: 38px;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  transition: .3s ease-in;
  color: #ccc
}

.homepage__block--weekly-sale .carousel .item .item__product:hover img,.plp__slider-promotion img:hover {
  transition: all .2s linear;
  opacity: .7
}

.owl-carousel .owl-nav .owl-next:hover,.owl-carousel .owl-nav .owl-next:hover span.fa,.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-prev:hover span.fa {
  color: #3d9ed1
}

.owl-carousel .owl-nav .owl-next.disabled,.owl-carousel .owl-nav .owl-prev.disabled {
  cursor: default
}

.owl-carousel .owl-nav .owl-next.disabled:hover span.fa,.owl-carousel .owl-nav .owl-prev.disabled:hover span.fa {
  color: #ccc
}

.owl-carousel .owl-nav .owl-prev {
  left: 0;
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.owl-carousel .owl-nav .owl-next {
  right: 0;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.carousel,.carousel__component--carousel {
  width: auto;
  margin: 0
}

@media (max-width: 1199px) {
  .carousel,.carousel__component--carousel {
      margin-right:auto;
      margin-left: auto
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .carousel,.carousel__component--carousel {
      width:738px
  }
}

@media (min-width: 600px) and (max-width:767px) {
  .owl-carousel .owl-nav .owl-prev {
      left:5px
  }

  .owl-carousel .owl-nav .owl-next {
      right: 5px
  }

  .carousel,.carousel__component--carousel {
      width: 570px
  }
}

.carousel .carousel__item,.carousel .item,.carousel__component--carousel .carousel__item,.carousel__component--carousel .item {
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

@media (max-width: 599px) {
  .owl-carousel .owl-nav .owl-next span.fa,.owl-carousel .owl-nav .owl-prev span.fa {
      font-size:19px;
      line-height: 30px;
      top: -1px
  }

  .owl-carousel .owl-nav .owl-prev {
      left: -15px
  }

  .owl-carousel .owl-nav .owl-next {
      right: -15px
  }

  .carousel,.carousel__component--carousel {
      width: 285px
  }

  .carousel .carousel__item,.carousel .item,.carousel__component--carousel .carousel__item,.carousel__component--carousel .item {
      width: 135px
  }

  .carousel .carousel__item .carousel__item--thumb,.carousel .carousel__item .thumb,.carousel .item .carousel__item--thumb,.carousel .item .thumb,.carousel__component--carousel .carousel__item .carousel__item--thumb,.carousel__component--carousel .carousel__item .thumb,.carousel__component--carousel .item .carousel__item--thumb,.carousel__component--carousel .item .thumb {
      height: 135px
  }
}

.carousel .carousel__item .carousel__item--thumb,.carousel .carousel__item .thumb,.carousel .item .carousel__item--thumb,.carousel .item .thumb,.carousel__component--carousel .carousel__item .carousel__item--thumb,.carousel__component--carousel .carousel__item .thumb,.carousel__component--carousel .item .carousel__item--thumb,.carousel__component--carousel .item .thumb {
  width: 100%
}

.carousel .carousel__item.item__product,.carousel .item.item__product,.carousel__component--carousel .carousel__item.item__product,.carousel__component--carousel .item.item__product {
  float: left;
  min-height: 170px
}

.carousel .carousel__item.item__product img,.carousel .item.item__product img,.carousel__component--carousel .carousel__item.item__product img,.carousel__component--carousel .item.item__product img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.carousel--wrapper-five,.homepage__block--new-arrival .carousel-component,.homepage__block--ranking .carousel-component {
  position: relative
}

.carousel .carousel__category--name,.carousel__component--carousel .carousel__category--name {
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  display: block;
  overflow: hidden;
  width: 170px;
  height: 30px;
  margin: 0 0 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4c97be;
  background-color: #e2eef5
}

@media (max-width: 599px) {
  .carousel .carousel__item .carousel__item--thumb img,.carousel .carousel__item .thumb img,.carousel .item .carousel__item--thumb img,.carousel .item .thumb img,.carousel__component--carousel .carousel__item .carousel__item--thumb img,.carousel__component--carousel .carousel__item .thumb img,.carousel__component--carousel .item .carousel__item--thumb img,.carousel__component--carousel .item .thumb img {
      max-width:135px;
      max-height: 135px
  }

  .carousel .carousel__category--name,.carousel__component--carousel .carousel__category--name {
      font-size: 1.3rem;
      width: 135px
  }
}

.carousel .link-to-list,.carousel__component--carousel .link-to-list {
  font-size: 12px;
  display: inline-block;
  width: 170px;
  margin: 10px 0 0;
  text-align: center
}

@media (max-width: 599px) {
  .carousel .link-to-list,.carousel__component--carousel .link-to-list {
      font-size:12px;
      width: 135px
  }
}

@media (max-width: 599px) and (max-width:1023px) {
  .carousel .link-to-list,.carousel__component--carousel .link-to-list {
      font-size:10px
  }
}

.carousel-component,.carousel__component {
  margin: 0;
  padding: 0
}

.carousel-component:after,.carousel-component:before,.carousel__component:after,.carousel__component:before {
  display: table;
  content: " "
}

.carousel-component:after,.carousel__component:after {
  clear: both
}

.carousel-component .carousel__component--headline,.carousel__component .carousel__component--headline {
  font-size: 28px;
  font-weight: 700;
  margin: 10px 0 20px;
  text-align: center;
  color: #3d9ed1
}

.carousel-component .carousel__component--headline:focus,.carousel-component .carousel__component--headline:hover,.carousel__component .carousel__component--headline:focus,.carousel__component .carousel__component--headline:hover {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .carousel-component .carousel__component--headline,.carousel__component .carousel__component--headline {
      font-size:18px
  }
}

.carousel-component .carousel__component,.carousel-component+.carousel-component,.carousel__component .carousel__component,.carousel__component+.carousel-component {
  margin-top: 0;
  padding-top: 45px;
  border-top: 4px solid #f2f2f2
}

.carousel-products-block .item-wrapper,.homepage__block--new-arrival .item-wrapper,.homepage__block--ranking .item-wrapper,.homepage__block--recent .item-wrapper,.homepage__block--usually-buy .item-wrapper,.homepage__block--weekly-sale .item-wrapper {
  width: 170px;
  margin: 0 auto
}

.homepage__block--weekly-sale .headline-text-sub {
  color: #111
}

@media (min-width: 480px) {
  .homepage__block--weekly-sale .headline-text-sub {
      margin-left:2rem
  }
}

.homepage__block--weekly-sale .headline-text {
  color: #ff3c6c
}

.homepage__block--weekly-sale .owl-item {
  text-align: center
}

.homepage__block--weekly-sale .carousel .item .item__product {
  margin-bottom: 0
}

.homepage__block--weekly-sale .owl-next,.homepage__block--weekly-sale .owl-prev {
  top: 50%!important;
  margin-top: -20px
}

.homepage__block--new-arrival .owl-carousel .owl-nav .owl-next,.homepage__block--new-arrival .owl-carousel .owl-nav .owl-prev,.homepage__block--ranking .owl-carousel .owl-nav .owl-next,.homepage__block--ranking .owl-carousel .owl-nav .owl-prev {
  top: 125px!important
}

.carousel--wrapper-five .owl-item:last-child {
  position: static
}

.carousel--wrapper-four {
  margin-bottom: 60px
}

.carousel--wrapper-four:last-of-type {
  margin-bottom: 0
}

@media (max-width: 767px) {
  .homepage__block--new-arrival .owl-carousel .owl-nav .owl-next,.homepage__block--new-arrival .owl-carousel .owl-nav .owl-prev,.homepage__block--ranking .owl-carousel .owl-nav .owl-next,.homepage__block--ranking .owl-carousel .owl-nav .owl-prev {
      top:110px!important
  }

  .carousel--wrapper-four {
      margin-bottom: 35px
  }
}

@media (min-width: 599px) {
  .carousel-products-block .item__product,.homepage__block--new-arrival .item__product,.homepage__block--ranking .item__product,.homepage__block--recent .item__product,.homepage__block--usually-buy .item__product,.homepage__block--weekly-sale .item__product {
      width:170px
  }

  .carousel-products-block .item__product .thumb,.homepage__block--new-arrival .item__product .thumb,.homepage__block--ranking .item__product .thumb,.homepage__block--recent .item__product .thumb,.homepage__block--usually-buy .item__product .thumb,.homepage__block--weekly-sale .item__product .thumb {
      min-height: 170px
  }

  .carousel--wrapper-four .carousel .item {
      width: 220px
  }

  .carousel--wrapper-four .carousel .item .thumb {
      width: 220px;
      height: 220px
  }

  .carousel--wrapper-four .carousel .item .thumb img {
      max-width: 220px;
      max-height: 220px
  }

  .carousel--wrapper-four .carousel .item-wrapper {
      width: 220px;
      margin: 0 auto
  }

  .carousel--wrapper-four .carousel .owl-next,.carousel--wrapper-four .carousel .owl-prev {
      top: 105px
  }
}

.block-go-to-list {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 170px;
  text-align: center;
  border: 1px solid #f2f2f2
}

.block-go-to-list a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%
}

.block-go-to-list a:focus span,.block-go-to-list a:hover span {
  text-decoration: underline
}

.block-go-to-list a p {
  font-weight: 700;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%)
}

.block-go-to-list a p:after {
  font-family: FontAwesome;
  font-size: 3rem;
  font-weight: 400;
  display: block;
  content: "\f105"
}

@media (max-width: 767px) {
  .owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) {
      overflow-x:scroll!important;
      overflow-y: hidden;
      width: auto!important;
      margin: 0!important;
      -webkit-overflow-scrolling: touch
  }

  .owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) .owl-stage-outer .carousel__category--name,.owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) .owl-stage-outer .owl-item .item__product {
      width: 135px!important
  }

  .owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) .owl-nav {
      display: none
  }

  .owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) .owl-stage-outer {
      display: -webkit-inline-box
  }

  .owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) .owl-stage-outer .owl-item .item__product .thumb {
      width: 135px!important;
      height: 135px!important;
      min-height: 135px!important
  }

  .owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) .owl-stage-outer .owl-item .item__product .thumb img {
      max-width: 135px!important;
      max-height: 135px!important
  }

  .owl-carousel:not(.js-home-carousel):not(.js-clp-carousel) .owl-stage-outer .owl-stage {
      display: -ms-flexbox!important;
      display: flex!important;
      width: auto!important
  }

  .owl-carousel.js-reco-products .owl-stage-outer li.owl-item,.owl-carousel.js-reco-products .owl-stage-outer li.owl-item .item__product.reco-carousel-item {
      width: 100px!important
  }

  .owl-carousel.js-reco-products .owl-stage-outer li.owl-item .item__product.reco-carousel-item .thumb.reco-carousel-thumb {
      width: 100px!important;
      height: 100px!important;
      min-height: 100px!important
  }

  .owl-carousel.js-reco-products .owl-stage-outer li.owl-item .item__product.reco-carousel-item .thumb.reco-carousel-thumb img {
      max-width: 100px!important;
      max-height: 100px!important
  }
}

.tabs {
  margin: 90px 0 0
}

@media (max-width: 1023px) {
  .tabs {
      margin-top:50px
  }
}

.tabs .tabs-list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding-left: 0;
  list-style: none;
  border: 0!important;
  border-bottom: 1px solid #ddd;
  -ms-flex-pack: center;
  justify-content: center
}

.tabs .tabs-list>li {
  position: relative;
  display: block;
  float: left
}

.tabs .tabs-list>li>a:focus,.tabs .tabs-list>li>a:hover {
  text-decoration: none;
  background-color: #eee
}

.tabs .tabs-list>li.disabled>a {
  color: #777
}

.tabs .tabs-list>li.disabled>a:focus,.tabs .tabs-list>li.disabled>a:hover {
  cursor: not-allowed;
  text-decoration: none;
  color: #777;
  background-color: transparent
}

.tabs .tabs-list .open>a,.tabs .tabs-list .open>a:focus,.tabs .tabs-list .open>a:hover {
  border-color: #428bca;
  background-color: #eee
}

.tabs .tabs-list .nav-divider {
  overflow: hidden;
  height: 1px;
  margin: 9px 0;
  background-color: #e5e5e5
}

.tabs .tabs-list>li>a>img {
  max-width: none
}

.tabs .tabs-list>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 1.42857143;
  margin-right: 2px;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0
}

.tabs .tabs-list>li>a:hover {
  border-color: #eee #eee #ddd
}

.tabs .tabs-list>li.active>a,.tabs .tabs-list>li.active>a:focus,.tabs .tabs-list>li.active>a:hover {
  cursor: default;
  color: #111;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  background-color: #fff
}

.tabs .tabs-list.nav-justified {
  width: 100%;
  border-bottom: 0
}

.tabs .tabs-list.nav-justified>li {
  float: none
}

.tabs .tabs-list.nav-justified>li>a {
  margin-bottom: 5px;
  text-align: center;
  margin-right: 0;
  border-radius: 5px
}

.tabs .tabs-list.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

.tabs .tabs-list.nav-justified>.active>a,.tabs .tabs-list.nav-justified>.active>a:focus,.tabs .tabs-list.nav-justified>.active>a:hover {
  border: 1px solid #ddd
}

@media (min-width: 768px) {
  .tabs .tabs-list.nav-justified>li {
      display:table-cell;
      width: 1%
  }

  .tabs .tabs-list.nav-justified>li>a {
      margin-bottom: 0;
      border-bottom: 1px solid #ddd;
      border-radius: 5px 5px 0 0
  }

  .tabs .tabs-list.nav-justified>.active>a,.tabs .tabs-list.nav-justified>.active>a:focus,.tabs .tabs-list.nav-justified>.active>a:hover {
      border-bottom-color: #fff
  }
}

.tabs .tabs-list .current-info {
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

.tabs .tabs-list>li {
  margin-bottom: 0
}

.tabs .tabs-list li {
  width: 19rem;
  text-align: center;
  border: 1px solid #eee;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #f9f9f9
}

.tabs .tabs-list li a {
  font-size: 1.3rem;
  line-height: 1.4rem;
  position: relative;
  top: 50%;
  margin: 0;
  padding: 1.3rem 5px;
  transform: translateY(-50%);
  color: #111;
  border: 0
}

.tabs .tabs-list li a:focus,.tabs .tabs-list li a:hover {
  cursor: pointer;
  color: #3d9ed1;
  background-color: #fff
}

.tabs .tabs-list li+li {
  margin-left: 10px
}

@media (max-width: 767px) {
  .tabs .tabs-list li {
      width:23.25%;
      min-height: 30px
  }

  .tabs .tabs-list li a {
      line-height: 10px;
      padding: 5px
  }

  .tabs .tabs-list li+li {
      margin-left: 4px
  }
}

.tabs .tabs-list li.active {
  border-bottom-color: #fff;
  background-color: #fff
}

.tabs .tabs-list li.active a,.tabs .tabs-list li.active a:focus,.tabs .tabs-list li.active a:hover {
  border: 0;
  background-color: transparent
}

.tabs .tabbody {
  margin-top: -1px;
  padding: 10px 0;
  border-top: 1px solid #eee;
  background-color: #fff
}

.tabs.tabs-accordion .tabs-list {
  display: none!important
}

.tabs.tabs-accordion .tabhead {
  display: table!important;
  margin-bottom: 20px
}

.ui-helper-hidden-accessible {
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

.thumb {
  position: relative
}

.thumb .badges {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  overflow: hidden
}

.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 15px
}

.no-space,.no-space .yCmsComponent {
  padding: 0!important
}

.error-page {
  text-align: center
}

.back-link {
  padding: 30px
}

@media (max-width: 1024px) {
  .back-link {
      padding-right:20px;
      padding-left: 20px
  }
}

.back-link.border {
  border-bottom: 1px solid #dcdcdc
}

.back-link button {
  padding: 0
}

.back-link .glyphicon {
  line-height: 16px;
  top: -2px;
  padding-right: 10px;
  border-right: 1px solid #dcdcdc;
  border-radius: 0
}

.back-link .label {
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
  padding: 30px 0 30px 10px;
  white-space: normal;
  color: #111
}

.accordion,.back-link.product-details .label {
  font-weight: 600
}

.back-link .label.border {
  margin-bottom: 35px;
  border-bottom: 1px solid #eee
}

.accordion {
  margin: 0;
  text-transform: uppercase
}

.accordion .panel-group {
  margin: 0
}

.accordion .panel {
  border: none;
  box-shadow: none
}

.accordion .panel .panel-heading {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #fff;
  background-color: #fff
}

.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  padding: 30px;
  color: #111
}

.accordion .panel .panel-heading .accordion-toggle:before {
  font-family: "Glyphicons Halflings";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  position: relative;
  top: 1px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e113"
}

.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114"
}

.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  top: 30px;
  left: 75px
}

.accordion .panel .panel-heading .accordion-lnk.no-subs {
  position: static;
  display: block;
  padding: 30px
}

.accordion .panel .panel-collapse .panel-heading {
  background-color: #f7f7f7
}

.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 105px
}

.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 105px
}

.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #eaeaea
}

.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px
}

.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #ddd
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 165px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 165px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #d0d0d0
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #c3c3c3
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 225px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 225px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b7b7b7
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #aaa
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 285px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 285px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #9d9d9d
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 315px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 315px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #919191
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 345px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 345px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #848484
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 375px
}

.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 375px
}

.accordion .panel .panel-heading+.panel-collapse>.panel-body {
  padding: 0;
  border: none
}

.results h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  margin: 30px 0 0;
  padding: 30px 0 0 30px;
  color: #111
}

.results h1.border {
  margin-bottom: 35px;
  border-bottom: 1px solid #eee
}

.plp__product-list {
  overflow: hidden;
  margin-bottom: 30px
}

.plp__product-list .row {
  margin-right: -22px;
  margin-left: -22px
}

@media (max-width: 767px) {
  .sort-refine-bar .label-filter {
      display:block
  }

  .plp__product-list .row {
      margin-right: -5px;
      margin-left: -5px
  }
}

.plp__product-list .item-wrapper {
  clear: none;
  width: 16.66666667%;
  padding-right: 22px;
  padding-left: 22px
}

@media (min-width: 1581px) {
  .plp__product-list .item-wrapper:nth-child(6n+1) {
      clear:left
  }
}

@media (max-width: 1580px) {
  .plp__product-list .item-wrapper {
      width:20%
  }

  .plp__product-list .item-wrapper:nth-child(2n+1),.plp__product-list .item-wrapper:nth-child(3n+1),.plp__product-list .item-wrapper:nth-child(4n+1),.plp__product-list .item-wrapper:nth-child(6n+1) {
      clear: none
  }

  .plp__product-list .item-wrapper:nth-child(5n+1) {
      clear: left
  }
}

@media (max-width: 1300px) {
  .plp__product-list .item-wrapper {
      width:25%
  }

  .plp__product-list .item-wrapper:nth-child(2n+1),.plp__product-list .item-wrapper:nth-child(3n+1),.plp__product-list .item-wrapper:nth-child(5n+1),.plp__product-list .item-wrapper:nth-child(6n+1) {
      clear: none
  }

  .plp__product-list .item-wrapper:nth-child(4n+1) {
      clear: left
  }
}

@media (max-width: 1023px) {
  .plp__product-list {
      margin-bottom:5px
  }

  .plp__product-list .item-wrapper {
      width: 33.333333%
  }

  .plp__product-list .item-wrapper:nth-child(2n+1),.plp__product-list .item-wrapper:nth-child(4n+1),.plp__product-list .item-wrapper:nth-child(5n+1),.plp__product-list .item-wrapper:nth-child(6n+1) {
      clear: none
  }

  .plp__product-list .item-wrapper:nth-child(3n+1) {
      clear: left
  }
}

@media (max-width: 479px) {
  .plp__product-list .item-wrapper {
      width:50%
  }

  .plp__product-list .item-wrapper:nth-child(3n+1),.plp__product-list .item-wrapper:nth-child(4n+1),.plp__product-list .item-wrapper:nth-child(5n+1),.plp__product-list .item-wrapper:nth-child(6n+1) {
      clear: none
  }

  .plp__product-list .item-wrapper:nth-child(2n+1) {
      clear: left
  }
}

.plp__product-list .item-wrapper .item__product,.plp__product-list .item-wrapper .item__product .thumb>img {
  width: 100%;
  max-width: 240px
}

.plp__product-list .item-wrapper .item__product .thumb {
  min-height: inherit
}

.plp__product-list .btn-text-display .display-one-line {
  display: block!important;
  padding: 0
}

.plp__product-list .btn-text-display .display-two-line {
  display: none
}

.plp__pagination-bar.bottom {
  margin-top: 0
}

@media (min-width: 1024px) {
  .plp__pagination-bar.bottom {
      margin-bottom:60px
  }
}

.plp__pagination-bar .dropdown-toggle.btn-secondary:focus,.plp__pagination-bar .dropdown-toggle.btn-secondary:focus .fa,.plp__pagination-bar .dropdown-toggle.btn-secondary:hover,.plp__pagination-bar .dropdown-toggle.btn-secondary:hover .fa {
  color: #fff
}

@media (max-width: 1023px) {
  .plp__pagination-bar.bottom {
      margin-bottom:35px!important
  }

  .plp__pagination-bar.top {
      display: inline-block;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 20px
  }

  .plp__pagination-bar.top .pagination-toolbar {
      padding-top: 20px
  }
}

.sort-form {
  display: inline-block
}

@media (max-width: 767px) {
  .plp__slider-ranking .headline-text-sub {
      display:inline-block;
      margin-top: 5px
  }
}

.plp__slider-promotion {
  border-top: 1px solid #eee
}

.plp__slider-promotion .carousel--wrapper-three {
  position: relative;
  overflow: hidden
}

.plp__slider-promotion img {
  width: 253px!important;
  margin: 0 auto
}

@media (max-width: 1025px) {
  .plp__slider-promotion img {
      border:1px solid #e0e0e0
  }
}

.plp__slider-promotion .owl-carousel {
  position: static!important;
  margin: 0 auto
}

@media (min-width: 1340px) {
  .plp__slider-promotion .owl-carousel {
      width:1073px
  }
}

@media (min-width: 1024px) and (max-width:1339px) {
  .plp__slider-promotion .owl-carousel {
      width:800px
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .plp__slider-promotion .owl-carousel {
      width:526px
  }
}

@media (max-width: 767px) {
  .plp__slider-promotion .owl-carousel {
      width:253px
  }
}

.plp__slider-promotion .owl-carousel .owl-item .txtBox__carousel {
  font-family: "Hiragino Kaku Gothic ProN",Meiryo,"Open Sans",Helvetica,Arial,-apple-system,blinkMacSystemFont,sans-serif;
  font-size: 12px;
  color: #1f1f1f
}

@media (min-width: 1025px) {
  .plp__slider-promotion .owl-carousel .owl-item .txtBox__carousel {
      margin:0;
      padding: 8px;
      border-top: none
  }

  .plp__slider-promotion .owl-carousel .owl-item {
      border: 1px solid #e0e0e0;
      background-color: #f9f9f9
  }
}

.search-empty,.search-empty .headline,.search-empty .search-suggestions {
  margin-bottom: 20px
}

@media (min-width: 768px) {
  .plp__slider-promotion .owl-carousel .owl-item .txtBox__carousel {
      font-size:14px
  }
}

@media (max-width: 1025px) {
  .plp__slider-promotion .owl-carousel .owl-item .txtBox__carousel {
      padding-top:5px
  }
}

@media (min-width: 321px) and (max-width:767px) {
  .plp__slider-promotion .owl-carousel .owl-item {
      width:152px!important
  }
}

.plp__slider-promotion .owl-carousel .owl-nav .owl-prev {
  left: 0
}

.plp__slider-promotion .owl-carousel .owl-nav .owl-next {
  right: 0
}

.search-empty {
  margin-top: 20px;
  text-align: center
}

.category-landing .main-slider .owl-item .item {
  max-width: 970px
}

.category-landing .homepage__block--weekly-sale .item__product {
  display: block;
  width: auto;
  max-width: 223px
}

.plp__attention-categories__title {
  font-size: 1.5rem;
  line-height: 22px;
  color: #111
}

.plp__attention-categories .list-custom--inline {
  font-size: 12px;
  line-height: 2.6rem
}

@media (max-width: 1023px) {
  .plp__attention-categories .list-custom--inline {
      font-size:10px
  }
}

.plp__attention-categories .list-custom--inline li {
  display: inline
}

.plp__attention-categories .list-custom--inline li+li {
  margin-left: 5px
}

.plp__attention-categories .list-custom--inline li+li:before {
  margin-right: 10px
}

.btn-order-list {
  float: left;
  background-color: #333
}

.btn-order-list:hover {
  background-color: #666
}

.clp__usually--buy {
  border-top: 1px solid #eee
}

.item__promotion a {
  color: #ff3c6c!important
}

.item__promotion a:hover {
  text-decoration: underline!important
}

.item__promotion .arrowIcon {
  margin-left: 3px!important
}

.product__facet .facet {
  margin-bottom: 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0
}

.product__facet .facet:after,.product__facet .facet:before {
  display: table;
  content: " "
}

.product__facet .facet:after {
  clear: both
}

.brand__filter__options--first,.brand__name li:nth-child(3n+1) {
  clear: left
}

.product__facet .facet .facet__name {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 8px 10px;
  color: #999;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f7f6f6
}

.cart__content__empty,.cart__page .cart__total__wrapper,.mini-cart .item__product .item__name:after,.mini-cart .item__product .item__name:before,.mini-cart-wrap {
  background-color: #f9f9f9
}

@media (max-width: 1023px) {
  .product__facet .facet .facet__name {
      font-size:10px
  }
}

.product__facet .facet__values {
  overflow: hidden;
  word-break: break-word;
  background-color: #f9f9f9
}

.product__facet .facet .facet__list {
  padding-left: 0;
  list-style: none
}

.product__facet .facet .facet__list li {
  margin-right: 10px;
  margin-left: 10px;
  border-bottom: 1px solid #e0e0e0
}

.product__facet .facet .facet__list li a {
  font-size: 12px;
  position: relative;
  display: block;
  padding: 10px
}

@media (max-width: 1023px) {
  .product__facet .facet .facet__list li a {
      font-size:10px
  }
}

@media (min-width: 1200px) {
  .product__facet .facet .facet__list li a.facet__text--brand {
      font-size:14px
  }
}

.product__facet .facet .facet__list li a:after {
  font-family: FontAwesome;
  font-size: 1rem;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  content: "\f054";
  color: #ccc
}

.product__facet .facet .facet__list .facet__list__checkbox:checked+.facet__list__label .facet__list__text,.product__facet .facet .facet__list .facet__list__checkbox:focus .facet__list__text,.product__facet .facet .facet__list .facet__list__checkbox:hover .facet__list__text,.product__facet .facet .facet__list .facet__list__label:focus .facet__list__text,.product__facet .facet .facet__list .facet__list__label:hover .facet__list__text {
  color: #3d9ed1
}

.product__facet .facet .facet__list li:last-child {
  border-bottom: 0
}

.product__facet .facet .facet__list label {
  font-size: 12px;
  font-weight: 400;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 10px 0;
  cursor: pointer
}

@media (max-width: 1023px) {
  .product__facet .facet .facet__list label {
      font-size:10px
  }
}

.product__facet .facet .facet__list .facet__list__mark {
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding: 0;
  transition: all .2s ease;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background: #fff
}

@media (max-width: 767px) {
  .product__facet .facet .facet__list .facet__list__mark {
      width:16px;
      height: 16px;
      margin-right: 5px
  }

  .product__facet .facet .facet__list .facet__list__checkbox:checked+.facet__list__label .facet__list__mark:before {
      line-height: 1
  }
}

.product__facet .facet .facet__list .facet__list__text {
  float: left;
  width: calc(100% - 30px);
  transition: color .2s ease
}

@media (min-width: 1200px) {
  .product__facet .facet .facet__list .facet__list__text.facet__list__text--productType {
      font-size:14px
  }
}

.product__facet .facet .facet__list .facet__list__checkbox:checked+.facet__list__label .facet__list__mark {
  border: 1px solid #e0e0e0;
  background: #d4e4ed
}

.product__facet .facet .facet__list .facet__list__checkbox:checked+.facet__list__label .facet__list__mark:before {
  font-family: FontAwesome;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  content: "\f00c";
  transform: translateY(-50%);
  color: #3d9ed1
}

.price-mm-facet,.price-mm-facet .min-value-price-wrapper {
  position: relative
}

@media (max-width: 1023px) {
  .product__facet .facet .facet__list .facet__list__checkbox:checked+.facet__list__label .facet__list__mark:before {
      margin-left:-4px
  }
}

.product__facet .facet .facet__list .facet__list__checkbox:focus .facet__list__mark,.product__facet .facet .facet__list .facet__list__checkbox:hover .facet__list__mark,.product__facet .facet .facet__list .facet__list__label:focus .facet__list__mark,.product__facet .facet .facet__list .facet__list__label:hover .facet__list__mark {
  border: 1px solid #e0e0e0
}

.product__facet .facet .facet__list__img {
  display: inline-block;
  margin-right: 10px
}

.product__facet .facet .facet__list__img img {
  width: 16px;
  height: 16px
}

.product__facet .facet .facet__list .facet__list__text {
  line-height: 20px
}

.product__facet .facet .facet__list .facet__list--hidden {
  display: none
}

.product__facet .facet .facet__values__more {
  display: block
}

.product__facet .facet .facet__form__hidden,.product__facet .facet .facet__results__hidden,.product__facet .facet .facet__values__less {
  display: none
}

.product__facet .facet .facet__form {
  padding-top: 10px
}

.product__facet .facet .facet__form .input-group {
  min-height: 32px;
  border: 1px solid #e0e0e0;
  background-color: #fff
}

.product__facet .facet .facet__form .input-group .form-control {
  height: 32px;
  border: 0;
  box-shadow: none
}

.product__facet .facet .facet__form .input-group .btn {
  line-height: 32px;
  width: 40px;
  height: 32px;
  padding: 0
}

.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
  font-size: 17px;
  top: 0;
  color: #111
}

.product__facet .facet .facet__form .line-text {
  margin: 30px 0
}

.brand__filter__options,.brand__title {
  display: inline-block
}

.price-facet {
  width: 80%;
  margin: 20px auto 0
}

@media (min-width: 768px) and (max-width:1023px) {
  .price-facet {
      width:90%
  }
}

.price-mm-facet {
  margin: 20px 5px 10px
}

.price-mm-facet .max-value-price,.price-mm-facet .min-value-price {
  font-size: 11px;
  display: inline-block;
  width: 70%;
  height: 30px;
  padding: 0;
  text-align: center;
  border-radius: 4px
}

.price-mm-facet .max-value-price-wrapper,.price-mm-facet .min-value-price-wrapper {
  float: left;
  width: 50%;
  margin-bottom: 10px
}

.price-mm-facet .max-value-price-wrapper .control-label,.price-mm-facet .min-value-price-wrapper .control-label {
  font-size: 11px
}

@media (min-width: 1024px) {
  .price-mm-facet .max-value-price-wrapper .control-label,.price-mm-facet .min-value-price-wrapper .control-label {
      margin-right:-4px
  }
}

.price-mm-facet .max-value-price-wrapper {
  text-align: right
}

@media (max-width: 767px) {
  .price-mm-facet .max-value-price-wrapper,.price-mm-facet .min-value-price-wrapper {
      width:45%
  }

  .price-mm-facet .max-value-price-wrapper {
      margin-right: 5%
  }

  .price-mm-facet .min-value-price-wrapper {
      margin-left: 5%
  }
}

.price-mm-facet .approximate-sign {
  position: absolute;
  top: 5px;
  right: 50%;
  margin-right: -8px;
  padding: 0
}

.price-mm-facet .btn-cancel-range-price,.price-mm-facet .btn-submit-range-price {
  font-size: 10px;
  line-height: 25px;
  float: left;
  width: 49%;
  height: 25px;
  padding: 0
}

@media (max-width: 767px) {
  .price-mm-facet .btn-cancel-range-price,.price-mm-facet .btn-submit-range-price {
      line-height:30px;
      height: 30px
  }
}

.price-mm-facet .btn-submit-range-price {
  margin-left: 2%
}

.modal-facet-mobile .approximate-sign {
  top: 8px
}

.brand__search__box {
  padding-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5
}

.brand__search__box .form-control {
  line-height: 40px;
  height: 40px;
  padding: 0 15px
}

.brand__search__box .fa-search {
  line-height: 40px
}

@media (max-width: 1023px) {
  .brand__search__box {
      padding:15px 5px;
      border-bottom: 0
  }

  .brand__search__box .form-control {
      font-size: 12px;
      line-height: 30px;
      height: 30px;
      padding-top: 0;
      padding-bottom: 0;
      border-radius: 3px
  }

  .brand__search__box .fa-search {
      line-height: 30px
  }
}

.brand__filter,.brand__item {
  border-bottom: 1px solid #e0e0e0
}

@media (max-width: 1023px) and (max-width:1023px) {
  .brand__search__box .form-control {
      font-size:10px
  }
}

.brand__search__title {
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  color: #999
}

.brand__filter {
  overflow: hidden;
  padding: 20px 0;
  text-align: center
}

.brand__filter__options li {
  line-height: 1.8;
  float: left;
  margin: 0 10px
}

.brand__filter__options li a,.brand__filter__options li a:focus,.brand__filter__options li a:hover {
  color: #3d9ed1
}

.brand__list {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: 430px;
  padding-right: 5px
}

.brand__list::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #eee;
  -webkit-box-shadow: inset 0 0 3px #666
}

.brand__list::-webkit-scrollbar {
  width: 6px;
  background-color: #eee
}

.brand__list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #666;
  -webkit-box-shadow: inset 0 0 3px #666
}

.brand__item {
  padding-top: 30px;
  padding-bottom: 20px
}

.brand__item:last-child {
  border-bottom: 0
}

@media (max-width: 1023px) {
  .brand__search__title {
      font-size:10px
  }

  .brand__list {
      overflow: visible;
      height: auto;
      padding-right: 0
  }

  .brand__item {
      padding: 0;
      border-bottom: 0
  }
}

.brand__title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #999
}

.brand__name {
  overflow: hidden
}

@media (max-width: 1023px) {
  .brand__title {
      font-size:10px;
      position: relative;
      display: block;
      margin-bottom: 0;
      padding: 10px 15px;
      border-top: 1px solid #e0e0e0;
      background-color: #f7f6f6
  }

  .brand__title:after {
      font-family: FontAwesome;
      position: absolute;
      right: 10px;
      content: "\f068"
  }

  .brand__title.collapsed:after {
      content: "\f067"
  }

  .brand__name {
      border-top: 1px solid transparent
  }

  .brand__name.in {
      border-color: #e0e0e0
  }
}

.brand__name li {
  float: left;
  width: 33.33333333%;
  padding-right: 2%
}

.brand__name li label {
  line-height: 20px;
  width: 100%;
  margin-bottom: 20px;
  cursor: pointer
}

@media (max-width: 1023px) {
  .brand__name li {
      float:none;
      width: auto
  }

  .brand__name li:last-child label {
      border-bottom: 0
  }

  .brand__name li label {
      display: block;
      overflow: hidden;
      margin-bottom: 0;
      padding: 10px 0
  }
}

.brand__name .brand__name__checkbox:focus .brand__name__mark,.brand__name .brand__name__checkbox:hover .brand__name__mark,.brand__name .brand__name__label:focus .brand__name__mark,.brand__name .brand__name__label:hover .brand__name__mark,.brand__name__mark {
  border: 1px solid #e0e0e0
}

.brand__name__text {
  font-size: 12px;
  font-weight: 400;
  float: left;
  width: calc(100% - 30px);
  transition: color .2s ease
}

.brand__name__mark {
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding: 0;
  transition: all .2s ease;
  text-align: center;
  vertical-align: middle;
  background: #fff
}

@media (max-width: 1023px) {
  .brand__name__text {
      font-size:10px
  }

  .brand__name__mark {
      width: 16px;
      height: 16px;
      margin-top: 2px;
      margin-right: 5px
  }
}

.brand__name .brand__name__checkbox:checked+.brand__name__label .brand__name__mark {
  border: 1px solid #e0e0e0;
  background: #d4e4ed
}

.brand__name .brand__name__checkbox:checked+.brand__name__label .brand__name__mark:before {
  font-family: FontAwesome;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  content: "\f00c";
  transform: translateY(-50%);
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .brand__name .brand__name__checkbox:checked+.brand__name__label .brand__name__mark:before {
      line-height:1;
      margin-left: -4px
  }

  .product__facet .facet {
      float: none;
      width: 100%;
      margin: 0;
      padding: 0;
      border: 0
  }

  .product__facet .facet .facet__name {
      position: relative;
      padding: 15px 15px 15px 95px;
      cursor: pointer;
      background: #fff
  }
}

.product__facet .modal.modal-category-menu .menu__side .menu__item {
  background-color: transparent
}

.product__facet .modal.modal-category-menu .modal-header {
  border-bottom-color: #e0e0e0;
  background-color: #f4fafb
}

@media (min-width: 1024px) {
  .product__facet .modal-facet-mobile {
      position:static;
      display: block!important;
      overflow: initial
  }

  .product__facet .modal-facet-mobile.fade {
      opacity: 1
  }

  .product__facet .modal-facet-mobile:before {
      content: none
  }

  .product__facet .modal-facet-mobile .modal-content {
      position: static;
      box-shadow: none
  }

  .product__facet .modal-facet-mobile .modal-dialog {
      position: static;
      transform: none
  }

  .product__facet .modal-facet-mobile .modal-header .close {
      display: none
  }

  .product__facet .modal-facet-mobile .modal-title {
      font-size: 12px!important
  }
}

.cart__item--special a:hover,.product-line-info__img img:hover {
  opacity: .7
}

.product__facet__clp--mobile .facet .facet__name {
  font-size: 12px;
  font-weight: 400;
  display: block;
  padding: 10px;
  color: #111;
  border-top: 1px solid #e0e0e0;
  background-color: #f4fafb
}

.product__facet__clp--mobile .facet .facet__name.facet__name--link {
  position: relative;
  margin-top: -1px;
  background-color: #f7f6f6
}

.product__facet__clp--mobile .facet .facet__name.facet__name--link:after {
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  content: "\f054";
  color: #ccc
}

.product__facet__clp--mobile .facet .menu__side .menu__item--sub,.product__facet__clp--mobile .facet .menu__side .menu__item__heading>a {
  padding-left: 10px
}

@media (min-width: 1023px) {
  #facet-color-header:active #facet-color-header:after,.facetcolor-collapsed:after,.modal-header .js-facet-color-header .collapse-in:after {
      content:"\f068"
  }

  .facetcolor-collapsed-in:after,.facetcolor-collapsed:after {
      font-family: FontAwesome;
      font-size: 10px;
      position: absolute;
      right: 25px;
      margin-top: 4px;
      color: #999
  }

  .facet-color-header:hover {
      cursor: pointer
  }

  .facet-color-header {
      -ms-flex-align: center;
      align-items: center
  }

  .facetcolor-collapsed-in:after {
      content: "\f067"
  }

  .color-body-hidden {
      display: none
  }
}

.product__facet .facet .facet__list .facet__list__color {
  padding: 3px
}

@media (min-width: 1024px) {
  .product__facet .facet .facet__list .facet__list__color {
      font-size:0
  }
}

@media (max-width: 1023px) {
  .product__facet .facet .facet__list .facet__list__color {
      padding:4px
  }
}

@media (max-width: 375px) {
  .product__facet .facet .facet__list .facet__list__color {
      display:-ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }
}

.product__facet .facet .facet__list .color-facet-label {
  display: inline-block;
  padding: 0
}

.product__facet .facet .facet__list .color-facet-label .facet__list__mark {
  width: 22px;
  height: 22px;
  margin: 7px;
  border-radius: 5px;
  background-size: cover
}

.product__facet .facet .facet__list .color-facet-label .color_mark_without_img {
  border: 1px solid #e0e0e0;
  background: 0 0
}

.product__facet .facet .facet__list .color-facet-label .facet__list__checkbox:checked+.facet__list__label .facet__list__mark {
  border: 1px solid #3d9ed1;
  background-size: cover
}

.product__facet .facet .facet__list .color-facet-label .facet__list__checkbox:checked+.facet__list__label .facet__list__mark:before {
  font-size: 1.5rem;
  margin-left: -7px
}

.product__facet .facet .facet__list .color-facet-label .facet__list__checkbox:hover .facet__list__mark,.product__facet .facet .facet__list .color-facet-label .facet__list__label:hover .facet__list__mark {
  border: 1px solid #3d9ed1
}

.product__facet .facet .facet__list .color-facet-label .facet__list__checkbox:hover .color_mark_without_img,.product__facet .facet .facet__list .color-facet-label .facet__list__label:hover .color_mark_without_img {
  border: 1px solid #e0e0e0
}

.product__facet .facet .facet__list .color-facet-label_mobile .facet__list__mark {
  overflow: hidden;
  width: 38px;
  height: 38px;
  margin: 7px
}

.product__facet .facet .facet__list .color-facet-label_mobile .facet__list__checkbox:checked+.facet__list__label .facet__list__mark:before {
  font-size: 3.5rem;
  margin-left: -11px
}

.brand_maker_field .brand-views-filter {
  border-bottom: none
}

.brand_maker_field .brand__type__filter {
  margin-top: 5px;
  text-align: right
}

@media (max-width: 1023px) {
  .brand_maker_field .brand__type__filter {
      font-size:12px;
      margin-bottom: 10px;
      padding-right: 10px
  }

  .brand_maker_field .brand__narrow__characters {
      margin-bottom: 10px;
      padding-right: 10px;
      padding-left: 10px
  }
}

@media (min-width: 768px) {
  .brand_maker_field .hidden-key-search {
      display:none!important
  }

  .brand_maker_field .brand__type__filter {
      margin-top: 10px;
      margin-right: 10px
  }

  .brand_maker_field .brand__type__filter.type-filter-brand-view {
      font-size: 14px
  }
}

.brand_maker_field .deactive_filter {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .brand_maker_field .brand__narrowed__down {
      margin:0 10px;
      padding: 10px 0;
      text-align: center;
      border-top: 1px solid #eee
  }

  .brand_maker_field .brand_views .type_alpha:before {
      right: 56px
  }
}

.brand_maker_field .brand__narrowed__down .character_brand_search {
  width: 32px;
  height: 32px;
  padding: 7px
}

.brand_maker_field .character_brand_search {
  font-size: 12px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 4px 2px;
  padding: 9px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #fff
}

.brand_maker_field .character_brand_search.cbs-custom {
  width: 50px
}

.brand_maker_field .parent_key_other {
  padding: 9px 0
}

.brand_maker_field .type_alpha {
  padding-left: 10px;
  border-left: 1px solid #666
}

.brand_maker_field .type_kana {
  margin-right: 10px
}

.brand_maker_field .brand__filter__option.alpha_key_parent {
  padding-left: 15px;
  border-left: 1px solid #e0e0e0
}

.brand_maker_field .brand_key_selected {
  background-color: #f5f5f5
}

.sort-refine-bar .form-group select {
  width: auto
}

.pagination-bar {
  margin: 30px 0
}

.pagination-bar .pagination-toolbar {
  padding-top: 30px;
  padding-bottom: 15px;
  border-top: 1px solid #dcdcdc
}

.pagination-bar .form-group {
  margin: 0
}

.pagination-bar .pagination-bar-results {
  font-size: 1.3rem;
  color: #111
}

.pagination-bar.bottom {
  text-align: center
}

.pagination-bar.bottom .pagination-toolbar {
  padding-top: 45px;
  border-top: 1px solid #dcdcdc;
  border-bottom-width: 1px
}

@media (max-width: 1023px) {
  .pagination-bar button {
      width:100%;
      padding-right: 0;
      padding-left: 0
  }
}

@media (max-width: 767px) {
  .pagination-bar .pagination,.pagination-bar button,.sort-refine-bar .form-group select {
      width:100%
  }
}

@media (min-width: 768px) {
  .pagination-bar .pagination-toolbar {
      border-bottom-width:1px
  }
}

@media (max-width: 1023px) and (min-width:768px) {
  .sort-refine-bar .form-group select {
      height:44px
  }
}

.item__list {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 0;
  list-style: none
}

.item__list .item__list--item {
  padding: 15px 0;
  border-bottom: 1px solid #eee
}

.item__list .item__list--item:nth-child(4n+4),.item__list .item__list--item:nth-child(4n+4)+li .add-to-cart-order-form-wrap,.item__list .item__list--item:nth-child(4n+4)+li .add-to-cart-order-form-wrap:after {
  background-color: #fff
}

.item__list .item__list--item:nth-child(4n+4)+li .add-to-cart-order-form-wrap .order-form-scroll.down {
  z-index: 9999;
  bottom: 0
}

.item__list .item__list--item:last-child {
  padding-right: 30px
}

.item__list .item__list--header {
  display: table;
  width: 100%;
  padding-left: 0;
  table-layout: fixed;
  list-style: none
}

.item__list .item__list--header li {
  font-size: 13px;
  display: table-cell;
  padding: 7px 10px;
  color: #fff;
  background-color: #111
}

.item__list .item__list--header li:last-child {
  padding-right: 30px
}

.item__list .item__toggle {
  font-size: 15px;
  width: 30px
}

.item__list .item__toggle>* {
  cursor: pointer
}

.item__list .item__toggle .open .glyphicon:before {
  content: "\e113"
}

.item__list .item__image {
  width: 156px;
  padding: 0 30px
}

.item__list .item__image img {
  max-width: 96px
}

.item__list .item__name {
  font-size: 16px;
  font-weight: 700
}

@media (max-width: 1023px) {
  .item__list .item__name {
      font-size:12px
  }
}

.item__list .item__quantity {
  text-align: center
}

.item__list .item__quantity .form-control {
  display: inline-block;
  width: 90px;
  height: 60px;
  text-align: center
}

.item__list .item__delivery .item__delivery--label {
  font-weight: 700;
  color: #111
}

.item__list .item__total--column {
  text-align: right
}

.item__list .item__total {
  font-size: 18px;
  font-weight: 700;
  padding-left: 0;
  text-align: right
}

.item__list .item__remove {
  width: 55px;
  text-align: right
}

.item__list .item__remove .btn {
  font-size: 25px;
  padding: 0;
  color: #111;
  border: 0;
  background-color: transparent
}

.item__list .item__remove .btn .glyphicon {
  top: 4px
}

.item__list .promo {
  font-size: 14px;
  font-weight: 700;
  color: #111
}

.item__list .promo ul {
  padding-left: 0;
  list-style: none
}

.item__list .out-of-stock {
  color: #111
}

@media (min-width: 1024px) {
  .item__list>li .add-to-cart-order-form-wrap {
      border-bottom:1px solid #eee
  }

  .item__list .item__list--item {
      display: table;
      width: 100%;
      table-layout: fixed
  }

  .item__list .item__list--item .item__delivery,.item__list .item__list--item .item__image,.item__list .item__list--item .item__info,.item__list .item__list--item .item__price,.item__list .item__list--item .item__quantity,.item__list .item__list--item .item__quantity__total,.item__list .item__list--item .item__remove,.item__list .item__list--item .item__sku__input,.item__list .item__list--item .item__toggle,.item__list .item__list--item .item__total {
      display: table-cell;
      padding: 0 15px;
      vertical-align: middle
  }

  .item__list .item__info {
      width: 35%;
      padding: 0 15px
  }

  .item__list .item__delivery {
      padding-left: 3%
  }
}

@media (max-width: 1023px) {
  .item__list {
      margin-top:20px;
      border-top: 1px solid #eee
  }

  .item__list .item__toggle .glyphicon {
      width: 50px;
      height: 50px
  }

  .item__list .item__image {
      float: left;
      margin: 0
  }

  .item__list .item__price .visible-xs {
      display: inline!important
  }

  .item__list .item__remove {
      position: absolute;
      top: 8px;
      right: 15px;
      margin: 0;
      padding: 0
  }

  .item__list .item__remove .btn {
      width: 50px;
      height: 50px;
      text-align: center
  }

  .item__list .item__total {
      float: right
  }

  .item__list .item__quantity__total {
      float: none;
      clear: both;
      width: auto;
      padding-right: 30px
  }

  .item__list .item__quantity__total>.details {
      cursor: pointer
  }

  .item__list .item__quantity__total .qty {
      line-height: 42px;
      padding-top: 15px
  }

  .item__list .item__quantity__total .qty:after,.item__list .item__quantity__total .qty:before {
      display: table;
      content: " "
  }

  .item__list .item__quantity__total .qty:after {
      clear: both
  }

  .item__list .item__quantity__total .qty label {
      float: left;
      margin: 0 15px 0 0
  }

  .item__list .item__quantity__total .qty input {
      float: left;
      width: 70px;
      margin-right: 15px;
      padding-right: 12px;
      padding-left: 12px;
      text-align: center
  }

  .item__list .item__quantity__total .qty .qtyValue {
      float: left
  }

  .item__list .item__quantity__total .qty .glyphicon {
      line-height: 40px;
      float: right;
      padding-left: 5px
  }

  .item__list .item__quantity__total .open .qty .glyphicon:before {
      content: "\e114"
  }

  .item__list--item {
      position: relative
  }

  .item__list--item>div {
      overflow: hidden;
      margin-left: 156px;
      padding: 0 80px 0 0;
      text-overflow: ellipsis
  }
}

.account-orderdetail .item__list {
  clear: both;
  margin-top: 0
}

.mini-cart {
  position: absolute;
  z-index: 1000;
  top: 188px;
  right: 0;
  left: 0;
  display: none
}

@media (max-width: 1023px) {
  .mini-cart {
      display:none!important
  }
}

.mini-cart .btn-close-mini-cart {
  margin-right: 25px;
  padding: 3px 5px
}

.mini-cart-wrap {
  position: relative;
  margin-top: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 2px 5px 1px rgba(0,0,0,.3)
}

.mini-cart-wrap .triangle-left {
  position: absolute;
  z-index: 1;
  top: -8px;
  right: 36px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #dcdcdc;
  border-left: 8px solid transparent
}

.mini-cart-wrap .inner-triangle {
  position: relative;
  z-index: 2;
  top: 2px;
  right: 6px;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f9f9f9;
  border-left: 6px solid transparent
}

.mini-cart .cart__total {
  display: block;
  padding-top: 0;
  padding-bottom: 15px
}

.mini-cart .cart__total__detail {
  width: 100%
}

.mini-cart .cart__total--discount .cart__total__number {
  color: #ff3c6c
}

.cart__heading--link:focus,.cart__heading--link:hover,.cart__link,.cart__link:focus,.cart__link:hover {
  color: #3d9ed1
}

.mini-cart .item__product {
  margin-bottom: 0
}

.mini-cart .item__product .thumb {
  min-height: 170px;
  margin-bottom: 0
}

.cart:after,.cart:before {
  display: table;
  content: " "
}

.cart__coupon span,.cart__heading--empty .cart__heading--title {
  display: inline-block
}

.cart:after {
  clear: both
}

.cart__heading {
  padding-bottom: 20px
}

.cart__heading--title {
  font-size: 26px
}

@media (max-width: 1023px) {
  .cart__heading--title {
      font-size:2.15rem
  }
}

.cart__heading--sub {
  font-size: 1.3rem
}

.cart__heading--link {
  font-size: 12px;
  color: #3d9ed1
}

.cart__heading--link .fa {
  margin-left: 10px
}

.cart__heading--empty .cart__heading--link {
  margin-top: 30px
}

@media (max-width: 1023px) {
  .cart__heading--link {
      font-size:10px
  }

  .cart__heading--empty .cart__heading--link {
      margin-top: 24px
  }
}

.cart__list--later {
  margin-bottom: 30px
}

.cart__coupon {
  text-align: left
}

.cart__coupon span {
  font-weight: 700;
  margin: 0 10px 15px 5px
}

@media (max-width: 767px) {
  .cart__coupon span {
      font-size:12px;
      margin-bottom: 5px
  }
}

.cart__coupon span.promotion {
  font-weight: 400
}

.cart__coupon .cart__msg,.cart__msg {
  font-weight: 700
}

.cart__coupon span.promotion a {
  margin-left: 5px
}

.cart__coupon__link {
  font-size: 12px;
  display: block;
  margin-bottom: 20px
}

@media (max-width: 1023px) {
  .cart__coupon__link {
      font-size:10px;
      margin-bottom: 10px
  }
}

.cart__coupon__link .fa {
  margin-left: 10px
}

@media (max-width: 767px) {
  .cart__coupon .cart__msg {
      font-size:12px
  }
}

.cart__addCoupon {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.cart__addCoupon span {
  margin-top: 15px;
  -ms-flex-positive: .5;
  flex-grow: .5
}

.cart__addCoupon--form {
  -ms-flex-positive: 5;
  flex-grow: 5
}

.cart__addCoupon--form button {
  font-size: 14px;
  width: 70px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.cart__addCoupon--form input {
  height: 41px;
  border-right: 0
}

.cart__addCoupon label {
  font-size: 12px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

@media (max-width: 767px) {
  .cart__addCoupon {
      padding-left:10px
  }

  .cart__addCoupon--form button {
      font-size: 12px
  }

  .cart__addCoupon--form input {
      height: 38px
  }

  .cart__addCoupon label {
      font-size: 10px;
      height: 10px
  }
}

.cart__content {
  margin-top: 30px;
  margin-bottom: 60px
}

.cart__content.customized {
  margin-bottom: 30px
}

.cart__content.customized .cart__item__heading__price {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

@media (min-width: 1024px) {
  .cart__content.customized .cart__item__heading__price {
      float:left;
      width: 25%
  }
}

@media (max-width: 1023px) {
  .cart__content.customized {
      margin-bottom:10px
  }

  .cart__content {
      margin-top: 15px;
      margin-bottom: 30px
  }
}

.cart__content__empty {
  padding: 4rem 0;
  text-align: center
}

.cart__total__action,.cart__total__detail {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.cart__content__empty .btn-default-2 {
  margin: 1.5rem 0 2.5rem
}

.cart__msg {
  padding-top: 15px
}

@media (max-width: 1023px) {
  .cart__msg {
      font-size:12px;
      padding-top: 0
  }
}

@media (max-width: 1023px) and (max-width:1023px) {
  .cart__msg {
      font-size:10px
  }
}

.cart__msg .fa {
  margin-right: 10px
}

.cart__link {
  font-weight: 400;
  display: inline-block;
  margin-right: -4px
}

.cart__bundle {
  margin-top: 10px
}

.cart__bundle__item {
  font-size: 12px;
  margin-bottom: 5px
}

@media (max-width: 1023px) {
  .cart__link {
      margin-right:0
  }

  .cart__bundle__item {
      font-size: 10px
  }
}

.cart__note {
  margin-bottom: 20px
}

.cart__page {
  border-top: 2px solid #eee
}

.cart__page-order-step {
  font-size: 14px;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 21%;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1023px) {
  .cart__page-order-step {
      font-size:11px;
      width: 22%
  }
}

@media (min-width: 1023px) and (max-width:1199px) {
  .cart__page-order-step {
      width:21%
  }
}

.cart__page-order-step-wrapper {
  padding-top: 25px;
  padding-bottom: 25px
}

.cart__page-order-step-wrapper.order_completed {
  border-bottom: 2px solid #eee
}

.cart__page-order-step.first-step,.cart__page-order-step.four-step,.cart__page-order-step.second-step,.cart__page-order-step.third-step {
  background-color: #dcdcdc
}

@media (max-width: 767px) {
  .cart__page-order-step.second-step {
      display:-ms-grid;
      display: grid
  }

  .cart__page-order-step .second-step__text {
      margin-bottom: -10px
  }
}

.cart__page-order-step.current-step--bg {
  background-color: #3d9ed1
}

.cart__page-order-step.current-step--eg {
  background-color: #c7a957
}

.cart__page-order-step.unactive {
  font-weight: 700;
  color: #111;
  background-color: #e9e9e9
}

.cart__page-order-step-caret {
  font-size: 22px;
  display: inline-block;
  width: 3.77%;
  text-align: center;
  vertical-align: middle;
  color: #dcdcdc
}

@media (max-width: 1023px) {
  .cart__page-order-step-wrapper {
      padding-top:15px;
      padding-bottom: 15px;
      display: -ms-flexbox;
      display: flex
  }

  .cart__page-order-step-caret {
      padding-top: 5px
  }

  .cart__page-order-step-caret.order__complete {
      padding-top: 10px
  }
}

.cart__total {
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 20px;
  padding-bottom: 20px;
  -ms-flex-align: center;
  align-items: center
}

.cart__total__summary {
  font-size: 1.3rem;
  margin-bottom: 10px
}

@media (max-width: 1023px) {
  .cart__total {
      display:block;
      padding-top: 15px;
      padding-bottom: 15px
  }

  .cart__total__detail {
      padding-bottom: 20px
  }
}

.cart__total__info,.cart__total__price {
  display: -ms-flexbox;
  display: flex;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #eee;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cart__total__number {
  font-size: 16px;
  color: #111
}

.cart__total__text {
  font-size: 12px;
  color: #111
}

@media (max-width: 1023px) {
  .cart__total__number {
      font-size:12px
  }

  .cart__total__text {
      font-size: 10px
  }
}

.cart__total__price {
  font-weight: 700;
  margin-bottom: 10px
}

.cart__total__price .cart__total__text {
  font-size: 18px;
  line-height: 35px
}

@media (max-width: 1023px) {
  .cart__total__price .cart__total__text {
      font-size:14px;
      line-height: 26px
  }
}

.cart__total__price .cart__total__number {
  font-size: 24px;
  color: #ff3c6c
}

.cart__total__price .cart__total__number .text-small {
  font-size: 1rem;
  font-weight: 400;
  line-height: 3.2rem;
  display: inline-block;
  vertical-align: middle;
  color: #111
}

.cart__total__price .cart__total__number .price-data {
  display: inline-block
}

.cart__total__price .cart__total__number .price-data::first-letter {
  font-size: 18px
}

.cart__total__action .cart__link {
  font-size: 14px;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px
}

@media (max-width: 1023px) {
  .cart__total__action .cart__link {
      font-size:11px;
      margin-top: 10px;
      margin-bottom: 10px
  }
}

.cart__total__action .btn-default-2,.cart__total__action .btn-primary-custom {
  font-size: 14px
}

.cart__total.temporary-vip-rank {
  display: block
}

@media (min-width: 1024px) {
  .cart__total__detail {
      float:left;
      width: 66.66666667%
  }

  .cart__total__action {
      float: left;
      width: 25%
  }

  .cart__total__action .btn-default-2 {
      line-height: 18px
  }

  .cart__total.temporary-vip-rank .action {
      float: right
  }
}

.cart__total.temporary-vip-rank .action .dropdown-toggle {
  width: 100%;
  height: 40px;
  padding-left: 10px
}

.cart__total.temporary-vip-rank .action .dropdown-menu {
  width: 100%
}

.cart__item {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding-top: 30px;
  padding-bottom: 20px;
  -ms-flex-direction: row;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media (max-width: 1023px) {
  .cart__total__action .btn-default-2,.cart__total__action .btn-primary-custom {
      font-size:11px
  }

  .cart__item {
      padding-top: 15px;
      padding-bottom: 15px
  }
}

.cart__item--special {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  padding: 5px;
  color: red;
  border: 1px solid red;
  border-radius: 5px
}

.cart__item--special a {
  color: red
}

.cart__item--special-checkout {
  padding-top: 3px;
  padding-bottom: 3px
}

@media (max-width: 1199px) {
  .cart__item--special {
      margin-bottom:10px
  }

  .cart__item--special-checkout {
      margin-top: 5px;
      margin-bottom: 10px;
      padding: 5px
  }
}

.cart__item--special-history {
  font-size: 10px;
  display: inline-block;
  float: right;
  margin-top: 15px
}

@media (max-width: 767px) {
  .cart__item--special-history {
      margin:0
  }
}

@media (min-width: 767px) and (max-width:1199px) {
  .cart__item--special-history {
      font-size:9.7px
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  .cart__item--special-history {
      font-size:9.6px;
      padding: 6px
  }
}

@media (max-width: 300px) {
  .cart__item--special-history {
      font-size:7px
  }
}

.cart__item--order-history {
  margin: 0 0 5px
}

.cart__item--usually-buy {
  margin: 0 0 10px
}

.cart__item__heading {
  font-size: 1.3rem;
  font-weight: 700;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  color: #999
}

.cart__item__heading__delivery,.cart__item__heading__price,.cart__item__heading__quantity,.cart__item__heading__stock {
  padding-right: 0;
  padding-left: 0;
  min-height: 1px;
  position: relative
}

.cart__item__heading__cost {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.cart__item__wrapper {
  min-height: 250px;
  border-bottom: 1px solid #dcdcdc
}

.cart__item__wrapper:first-child {
  border-top: 2px solid #dcdcdc
}

@media (max-width: 1023px) {
  .cart__item__wrapper {
      min-height:auto
  }

  .cart__item__wrapper:first-child {
      border-top: 1px solid #dcdcdc
  }
}

.cart__item--later {
  min-height: 130px
}

.cart__item__action,.cart__item__cost,.cart__item__delivery,.cart__item__price,.cart__item__quantity,.cart__item__stock {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.cart__item__img {
  float: left;
  margin-right: 30px;
  border: 1px solid #eee
}

.cart__item__img:focus,.cart__item__img:hover {
  transition: all .2s linear;
  opacity: .7
}

@media (min-width: 1024px) {
  .cart__item__heading__delivery,.cart__item__heading__quantity {
      float:left;
      width: 8.33333333%
  }

  .cart__item__heading__price,.cart__item__heading__stock {
      float: left;
      width: 16.66666667%
  }

  .cart__item__heading__cost {
      float: left;
      width: 25%
  }

  .cart__item__img>.img-responsive {
      max-width: 167px
  }
}

.cart__item--name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  display: block;
  margin-bottom: 10px;
  color: #111
}

@media (max-width: 1023px) {
  .cart__item__img {
      max-width:20%;
      margin-right: 10px
  }

  .cart__item--name {
      font-size: 11px
  }
}

@media (max-width: 767px) {
  .cart__item--name~img {
      margin-bottom:4px
  }
}

.cart__item__info {
  overflow: hidden
}

.cart__item__info .basic-price,.cart__item__info .bg-price {
  font-size: 12px
}

.cart__item__info .price-data,.cart__item__info .vip-price {
  font-size: 18px;
  display: inline-block
}

.cart__item__info .price-data::first-letter,.cart__item__info .vip-price::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .cart__item__info .price-data,.cart__item__info .vip-price {
      font-size:14px
  }

  .cart__item__info .price-data::first-letter,.cart__item__info .vip-price::first-letter {
      font-size: 12px
  }
}

.cart__item__info--usually-buy {
  margin-bottom: 10px
}

.cart__item__action--usually-buy button {
  float: right
}

.cart__item__action--usually-buy .btn-secondary-custom {
  line-height: 16px
}

@media (min-width: 1024px) {
  .cart__item__action,.cart__item__delivery,.cart__item__quantity {
      float:left;
      width: 8.33333333%
  }

  .cart__item__stock {
      float: left;
      width: 16.66666667%
  }

  .cart__item__cost {
      float: left;
      width: 25%
  }
}

.cart__item__cost .pdp__information {
  display: block;
  width: 100%
}

.cart__item__action,.cart__item__cost,.cart__item__delivery,.cart__item__price,.cart__item__quantity,.cart__item__stock {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dcdcdc;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.cart__item__price {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  float: left;
  width: 25%;
  color: #ff3c6c
}

.cart__item__price .price-data {
  display: inline-block
}

.cart__item__price .price-data::first-letter {
  font-size: 14px
}

.cart__item__action {
  font-size: 1rem;
  color: #ccc
}

.cart__item__action .fa {
  padding: 5px 6px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 50%
}

.cart__item__action .fa.collapsed:before {
  content: "\f067"
}

@media (max-width: 1023px) {
  .cart__item__action-text {
      font-size:10px
  }
}

.cart__item__action.customized {
  font-size: 12px;
  display: contents;
  padding-left: 0;
  border-left: none
}

.cart__item__action.customized .fa {
  font-size: 14px;
  padding: 1px;
  color: #3d9ed1;
  border: none;
  background-color: #fff
}

.cart__item__action.customized .fa.collapsed:before {
  content: "\f055"
}

.cart__item__delivery {
  word-break: break-word
}

.cart__item .savedcart__link {
  clear: both;
  text-align: left
}

@media (max-width: 1023px) {
  .cart__item__action.customized .fa {
      font-size:12px
  }

  .cart__item .quantity-select .btn-default.custom {
      display: inline-block;
      width: 50px;
      margin: 5px 0 5px 5px;
      padding: 6px 12px
  }
}

.cart__item--ribbon {
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 768px) and (max-width:1023px) {
  .cart__item--ribbon {
      display:-ms-grid;
      display: grid
  }
}

.cart__item--ribbon img {
  margin: 0 10px 10px 0
}

.cart__item--ribbon.additionalIconLayer {
  display: inline-block
}

.cart__item--ribbon.additionalIconLayer .cart__item--special-history {
  float: none
}

@media (min-width: 1024px) {
  .cart__list--current .cart__item__img {
      margin-right:0
  }

  .cart__list--current .cart__item__info {
      float: right;
      width: 65%;
      min-height: 170px
  }

  .cart__list--current .savedcart__link {
      float: left;
      clear: none
  }

  .cart__list--current .cart__msg,.cart__list--current .pdp__promotion {
      float: left;
      width: 100%
  }
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager:after,.pickup-component .find-store-display:after {
  clear: both
}

@media (min-width: 1200px) {
  .cart__list--current .cart__item__info {
      width:70%
  }
}

.cart__item_remove-all {
  margin-top: 10px
}

.cart__item_remove-all .rm-desc {
  color: red
}

@media (max-width: 767px) {
  .cart__item_remove-all .rm-desc {
      font-size:11px
  }
}

.cart__item_remove-all .rm-all-desc {
  padding-bottom: 20px
}

.cart__item_remove-all .btn.customized-left {
  font-size: 12px;
  width: 46%;
  height: 40px
}

.cart__item_remove-all .btn.customized-right {
  float: right;
  width: 46%;
  margin-bottom: 0
}

.cart__item_remove-all .btn-update-all {
  padding-left: 11px
}

@media (max-width: 1023px) {
  .cart__item_remove-all .btn.customized-left {
      font-size:10px
  }

  .cart__item_remove-all .btn-update-all {
      float: right
  }

  .savedcart__item--desc,.savedcart__item--sku {
      font-size: 1.3rem
  }
}

.savedcart__heading {
  font-size: 1.3rem;
  font-weight: 700;
  padding: 10px 0;
  text-align: center;
  color: #999
}

@media (min-width: 768px) {
  .savedcart__item {
      display:-ms-flexbox;
      display: flex;
      flex-direction: row;
      -ms-flex-direction: row;
      -ms-flex-align: stretch;
      align-items: stretch
  }

  .savedcart__item__cell {
      text-align: center
  }
}

.savedcart__item__wrapper {
  padding: 10px 0;
  border-bottom: 1px solid #eee
}

.savedcart__item__wrapper:first-child {
  border-top: 2px solid #eee
}

@media (max-width: 767px) {
  .savedcart__item__wrapper:first-child {
      border-width:1px
  }
}

.savedcart__item__cell {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.savedcart__item__cell+.savedcart__item__cell {
  border-left: 1px solid #eee
}

.savedcart__item__info {
  text-align: left
}

.savedcart__item__price {
  font-size: 18px;
  font-weight: 700;
  color: #ff3c6c
}

.savedcart__item__price span.price-data {
  display: inline-block
}

.savedcart__item__price span.price-data:first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .savedcart__item__price {
      font-size:14px
  }

  .savedcart__item__price span.price-data:first-letter {
      font-size: 12px
  }

  .savedcart__item__quantity {
      font-size: 14px
  }
}

@media (max-width: 1023px) and (max-width:1023px) {
  .savedcart__item__quantity {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .savedcart__item__price,.savedcart__item__quantity {
      flex-direction:row;
      -ms-flex-direction: row;
      -ms-flex-pack: start;
      justify-content: flex-start
  }

  .savedcart__item__price span,.savedcart__item__quantity span {
      margin-bottom: 3px
  }

  .savedcart__item__price label,.savedcart__item__quantity label {
      position: relative;
      width: 60px;
      margin-right: 15px
  }

  .savedcart__item__price label:after,.savedcart__item__quantity label:after {
      position: absolute;
      right: 0;
      content: ":"
  }
}

.savedcart__item--name {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px
}

@media (max-width: 1023px) {
  .savedcart__item--name {
      font-size:11px;
      margin-bottom: 7px
  }
}

.savedcart__item--sku {
  display: block;
  margin-bottom: 15px
}

.savedcart__link {
  padding-top: 15px
}

@media (max-width: 1023px) {
  .savedcart__item--sku {
      margin-bottom:7px
  }

  .savedcart__link {
      padding: 10px 0;
      text-align: center
  }
}

.savedcart__link .cart__link {
  font-size: 14px;
  padding-left: 0
}

@media (max-width: 1023px) {
  .savedcart__link .cart__link {
      font-size:11px
  }
}

.savedcart__link .cart__link:focus,.savedcart__link .cart__link:hover {
  text-decoration: underline
}

.savedcart__link .cart__link:first-child {
  padding-right: 10px;
  border-right: 1px solid #dcdcdc
}

.savedcart__link .cart__link:last-child {
  padding-left: 10px
}

.savedcart__link .cart__link:last-child[disabled] {
  margin-left: 1.2rem
}

.modal-coupon-code .form-group {
  width: 100%
}

.modal-coupon-code .input-point-wrapper {
  position: relative
}

@media (min-width: 768px) {
  .modal-coupon-code .input-point-wrapper {
      display:inline
  }
}

.modal-coupon-code .input-point-wrapper .input-point-inner {
  display: inline
}

.modal-coupon-code .input-point-wrapper .input-point-inner .form-control {
  width: 80%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.modal-coupon-code .input-point-wrapper .btn-submit-point {
  width: 20%;
  border-color: #666;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #666
}

.modal-coupon-code .input-point-wrapper .btn-submit-point:focus,.modal-coupon-code .input-point-wrapper .btn-submit-point:hover {
  background-color: #fff
}

.cart__item .cart__link,.savedcart__item .cart__link {
  background-color: transparent
}

.save-cart-heading {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee
}

.save-cart-heading .cart__heading--title {
  display: inline-block
}

.save-cart-heading .btn--white {
  top: 15px
}

.modal-cart-popup .pdp__prices .vip-price {
  width: 100%
}

.modal-cart-popup .cart__item__img {
  width: 30%
}

.modal-cart-popup .btn-primary-custom {
  margin-top: 2rem
}

.modal-cart-popup .btn-default {
  margin-top: 1rem
}

.modal-cart-popup .btn-default,.modal-cart-popup .btn-primary-custom {
  font-size: 14px;
  font-weight: 700
}

@media (max-width: 1023px) {
  .modal-cart-popup .btn-default,.modal-cart-popup .btn-primary-custom {
      font-size:11px
  }
}

.modal-cart-popup .btn-default .fa,.modal-cart-popup .btn-primary-custom .fa {
  font-size: 14px;
  right: auto;
  margin-left: 1rem
}

@media (max-width: 1023px) {
  .modal-cart-popup .btn-default .fa,.modal-cart-popup .btn-primary-custom .fa {
      font-size:11px
  }
}

.cart-restoration-bar {
  margin-bottom: 2rem
}

.groupBtn-cart-popup {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  margin-top: 15px
}

.groupBtn-cart-popup .btn-express-move-to-cart,.groupBtn-cart-popup .continue-pdp-btn,.groupBtn-cart-popup .move-to-cart-btn {
  font-size: 15px;
  width: 50%;
  height: 40px
}

.groupBtn-cart-popup .js-mini-cart-close-button {
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 15px
}

.groupBtn-cart-popup .move-to-cart-btn {
  margin-left: 5px
}

@media (max-width: 768px) {
  .groupBtn-cart-popup .btn-express-move-to-cart,.groupBtn-cart-popup .continue-pdp-btn,.groupBtn-cart-popup .move-to-cart-btn {
      line-height:1.375!important;
      height: 40px!important
  }

  .groupBtn-cart-popup .move-to-cart-btn {
      padding: 10px 16px
  }
}

.reco-products-cart-popup {
  max-height: none!important;
  margin-top: 10px;
  padding: 0;
  border-top: 1px solid #eee
}

.reco-products-cart-popup .lazy-carousel-loading {
  margin-top: 30px
}

@media (min-width: 768px) {
  .reco-products-cart-popup .lazy-carousel-loading {
      margin-left:45%
  }

  .reco-products-cart-popup li.owl-item .item__product .thumb {
      max-width: 94px;
      min-height: 94px
  }

  .reco-products-cart-popup li.owl-item .item__product .thumb img {
      min-width: 92px
  }

  .reco-products-cart-popup li.owl-item .item__product a,.reco-products-cart-popup li.owl-item .item__product dd,.reco-products-cart-popup li.owl-item .item__product p,.reco-products-cart-popup li.owl-item .item__product span {
      font-size: 11px
  }

  .reco-products-cart-popup li.owl-item .item__product .item__price--title {
      min-width: 65px
  }

  .reco-products-cart-popup li.owl-item .item__product .item__name {
      width: 94px
  }

  .reco-products-cart-popup .owl-nav .owl-next,.reco-products-cart-popup .owl-nav .owl-prev {
      top: 45px;
      width: 30px;
      height: 45px
  }

  .reco-products-cart-popup .owl-nav .owl-next span.fa,.reco-products-cart-popup .owl-nav .owl-prev span.fa {
      font-size: 30px;
      line-height: 35px;
      top: 5px
  }

  .reco-products-cart-popup #prodRecoUL {
      padding-left: 14px
  }
}

.reco-products-cart-popup .headline .headline-text {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
  color: #4a4a4a
}

.reco-products-cart-popup #prodRecoUL {
  width: auto
}

@media (max-width: 767px) {
  .reco-products-cart-popup .lazy-carousel-loading {
      margin-left:48%
  }

  .reco-products-cart-popup #prodRecoUL {
      text-align: center
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .reco-products-cart-popup li.owl-item .item-wrapper,.reco-products-cart-popup li.owl-item .item-wrapper .thumb,.reco-products-cart-popup li.owl-item .item__product,.reco-products-cart-popup li.owl-item .item__product .thumb {
      width:100%
  }
}

.error-popup-cart {
  font-size: 14px;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 15px 0 0;
  color: #ff3c6c
}

.error-popup-cart .fa {
  margin-top: 3px;
  margin-right: 3px
}

.product-line-info {
  padding: 20px 0;
  border-top: 1px solid #dcdcdc
}

@media (max-width: 767px) {
  .product-line-info {
      padding:20px 0 0
  }

  .product-line-info>.row .product-line-info__column--middle .add_to_cart_form .btn-primary-custom {
      width: 100%
  }
}

.product-line-info>.row .product-line-info__column--middle .addtocart {
  width: 100%
}

.product-line-info>.row .product-line-info__column--middle .btn-primary-custom,.product-line-info>.row .product-line-info__column--middle .btn-secondary-custom {
  line-height: 16px;
  float: left;
  width: 100%
}

.product-line-info>.row .product-line-info__column--middle .btn-primary-custom p,.product-line-info>.row .product-line-info__column--middle .btn-secondary-custom p {
  padding: 0 10px
}

@media (min-width: 768px) {
  .product-line-info>.row {
      display:-ms-flexbox;
      display: flex;
      flex-direction: row;
      -ms-flex-direction: row;
      -ms-flex-align: stretch;
      align-items: stretch
  }

  .product-line-info>.row .product-line-info__column--middle {
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center
  }
}

.product-line-info__background--color {
  width: 100%;
  margin-top: 10px;
  padding-bottom: 10px!important;
  background-color: #f9f9f9
}

.product-line-info--usually__background--color {
  width: 98%;
  margin: 10px 5px 0;
  padding: 10px 0 5px;
  background-color: #f9f9f9
}

.product-line-info__img {
  position: relative;
  float: left;
  max-width: 70px;
  margin-right: 10px
}

.info-group .form-group .postcode-group label.error-element,.info-group-dropdown .form-group .postcode-group label.error-element {
  max-width: 180px
}

.product-line-info__img img {
  width: 100%;
  border: 1px solid #eee
}

.info-group .form-group .denki-radio-disabled,.info-group .form-group .pdf-section .denki-term__text.disabled,.info-group-dropdown .form-group .denki-radio-disabled,.info-group-dropdown .form-group .pdf-section .denki-term__text.disabled,.member-type-section .denki-form.right .member-type-radio .denki-radio-disabled {
  opacity: .5
}

.product-line-info .quantity-select-label {
  margin-right: 10px
}

.product-line-info__button {
  line-height: 16px;
  float: left
}

@media (max-width: 599px) {
  .product-line-info__button {
      line-height:11px;
      height: 30px
  }
}

.product-line-info__button .fa {
  font-size: 14px;
  margin-left: 5px
}

@media (max-width: 1023px) {
  .product-line-info__button .fa {
      font-size:11px
  }
}

.product-line-info__button p {
  padding: 0 10px
}

.product-line-info__total-order {
  font-size: 1.3rem;
  line-height: 1.5;
  margin-top: 10px
}

.product-line-info__total-order--margin-bot {
  font-size: 12px;
  margin: 0
}

@media (max-width: 1023px) {
  .product-line-info__total-order--margin-bot {
      font-size:10px
  }
}

@media (max-width: 767px) {
  .product-line-info__total-order--margin-bot {
      margin-bottom:5px
  }
}

.product-line-info .cart__item__info .cart__item--name .product-new-release {
  color: red
}

@media (min-width: 1024px) {
  #colorbox #cboxTitle .headline-text {
      display:block!important
  }
}

.pickup-component .find-store-display:after,.pickup-component .find-store-display:before {
  display: table;
  content: " "
}

.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #111
}

.pickup-component .find-store-display .store-navigation .pickup-product {
  font-size: 12px;
  font-weight: 700;
  display: none;
  display: table;
  overflow: hidden;
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #ddd
}

.pickup-component .find-store-display .store-navigation .pickup-product .name,.pickup-component .find-store-display .store-navigation .pickup-product .price,.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  display: table-cell;
  overflow: hidden;
  height: 72px;
  vertical-align: middle
}

.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 72px;
  padding: 15px
}

.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  width: 100%;
  height: 100%
}

.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 15px
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  padding: 15px 5px;
  background: #fff
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager:after,.pickup-component .find-store-display .store-navigation .store-navigation-pager:before {
  display: table;
  content: " "
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  margin: 0 40px;
  text-align: center
}

.pickup-component .find-store-display .display-details {
  position: relative;
  float: left;
  width: 50%;
  background: #fff
}

.pickup-component .find-store-display .display-details .pickup-product {
  font-weight: 700;
  width: 100%;
  padding: 0 15px 15px;
  border-top: 1px solid #ddd
}

.pickup-component .find-store-display .display-details .pickup-product .variants {
  font-weight: 400;
  padding: 5px 15px
}

.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", "
}

.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: ""
}

.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 10px
}

.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  width: 100%;
  border: 1px solid #e0e0e0
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: 400;
  width: 100%
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  color: #ff3c6c
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
  color: #111
}

.pickup-component .find-store-display .display-details .pickup-product .action {
  float: left
}

.pickup-component .find-store-display .display-details .pickup-product .action .input-group input {
  width: 100px;
  margin-top: 12px;
  padding-right: 0;
  padding-left: 0
}

.pickup-component .pickup-store-list {
  position: relative;
  overflow: hidden;
  height: 360px;
  margin: 0;
  padding-left: 0;
  list-style: none
}

.pickup-component .pickup-store-list li.loading {
  line-height: 56px;
  height: 72px;
  text-align: center;
  border-right: 1px solid #111;
  border-bottom: 1px solid #ddd;
  background: #111
}

.pickup-component .pickup-store-list li.loading .glyphicon {
  animation: spin 1s linear infinite;
  color: #111
}

@keyframes spin {
  100% {
      transform: rotate(360deg)
  }
}

.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 72px
}

.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none
}

.pickup-component .pickup-store-list .pickup-store-list-entry label {
  font-size: 12px;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid #ddd
}

.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2
}

.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  width: 100%;
  vertical-align: middle
}

.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block
}

.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  font-weight: 400;
  display: block
}

.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  width: 80px;
  height: 100%;
  border-left: 1px solid #ddd
}

.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  padding: 0 0 0 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap
}

.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px
}

@media (min-width: 1024px) {
  .pickup-component .find-store-display .pickup-store-list {
      margin:7px -1px 0 7px
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
      padding-right: 18px
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
      position: absolute;
      top: -1px;
      right: 0;
      bottom: -1px;
      display: block;
      width: 1px;
      height: auto;
      content: "";
      background: #111
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label {
      background: #111
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label .pickup-store-info,.pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label .store-availability {
      color: #fff
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label:after {
      position: absolute;
      top: 50%;
      right: -1px;
      display: block;
      width: 36px;
      height: 36px;
      content: "";
      transform: translate(0,-50%);
      border: 18px solid transparent;
      border-right-color: #fff;
      background: 0 0
  }
}

@media (max-width: 1023px) {
  .pickup-component {
      overflow:hidden
  }

  .pickup-component .find-store-display {
      width: 200%;
      transition: transform .3s ease-out
  }

  .pickup-component .find-store-display .store-navigation {
      width: 50%;
      border: 0
  }

  .pickup-component.show-store .find-store-display {
      transform: translate(-50%,0)
  }

  .pickup-component .qty-selector input {
      width: 60px;
      padding-right: 0;
      padding-left: 0;
      text-align: center
  }

  .pickup-component .action {
      padding-top: 0!important
  }
}

@media (max-width: 767px) {
  .pickup-component .find-store-display .display-details .pickup-product {
      position:relative
  }

  .pickup-component .find-store-display .display-details .pickup-product .thumb {
      width: 72px;
      height: 72px;
      padding: 5px
  }

  .pickup-component .find-store-display .display-details .pickup-product .action {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding-top: 0;
      white-space: nowrap;
      background: #fff
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
      margin-right: 5px
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
      min-width: 120px
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
      width: 60px;
      padding-right: 0;
      padding-left: 0;
      text-align: center
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
      padding-right: 10px;
      padding-left: 10px
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
      padding-right: 6px;
      padding-left: 6px
  }
}

.pdp__action__block .modal-content {
  overflow: hidden
}

.login-page__headline,.user-register__headline {
  font-size: 24px;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
  padding: 30px 0;
  text-align: center;
  color: #111
}

.login-page__headline.border,.user-register__headline.border {
  margin-bottom: 35px;
  border-bottom: 1px solid #eee
}

@media (max-width: 1023px) {
  .login-page__headline,.user-register__headline {
      font-size:18px;
      padding: 15px 0
  }
}

.login-page__headline--custom {
  padding: 10px 0;
  color: #fff;
  background-color: #3d9ed1
}

.login-page__headline--green {
  padding: 10px 0;
  color: #fff;
  background-color: #5eb89c
}

.user-login {
  margin-bottom: 30px
}

.user-login .form-group .control-label {
  font-size: 13px;
  font-weight: 700;
  color: #111
}

@media (max-width: 767px) {
  .login-page__headline--custom,.login-page__headline--green {
      margin-right:-5px;
      margin-left: -5px
  }

  .user-login .form-group .control-label {
      width: 100%;
      margin-top: 0;
      margin-bottom: 10px
  }
}

.user-login .custom-checkbox-1 {
  margin: 0;
  padding: 0;
  background-color: transparent
}

#colorbox .forgotten-password .btn-primary,.login-form-action,.register-form-action {
  margin-top: 35px
}

.login-left-content-slot {
  margin-right: 10px;
  margin-left: 30px
}

@media (max-width: 1023px) {
  .user-login .form-group .control-label {
      font-size:11px
  }

  .login-left-content-slot {
      margin-right: 20px;
      margin-left: 20px
  }
}

.login-right-content-slot {
  margin-right: 30px;
  margin-left: 10px
}

.forgotten-password.alert {
  padding-right: 0;
  padding-left: 0
}

.forgotten-password .description {
  margin-bottom: 15px
}

.register-form {
  font-size: 13px
}

@media (max-width: 1023px) {
  .login-right-content-slot {
      margin-right:20px;
      margin-left: 20px
  }

  .register-form {
      font-size: 11px
  }
}

.forgotten-password+.login-form-action {
  margin-top: 0
}

.alert-dismissable .close,.alert-dismissible .close {
  font-size: 21px;
  right: 0
}

.register__container {
  padding-right: 30px;
  padding-left: 30px
}

@media (max-width: 1024px) {
  .register__container {
      padding-right:20px;
      padding-left: 20px
  }
}

@media (max-width: 767px) {
  .login-form-action .btn-default {
      margin-top:45px
  }

  .login-section .forgotten-password,.register-section .forgotten-password {
      margin-bottom: 20px
  }
}

.form-content {
  padding-top: 20px;
  padding-bottom: 60px
}

@media (max-width: 1023px) {
  .alert-dismissable .close,.alert-dismissible .close {
      font-size:19px
  }

  .form-content {
      padding-bottom: 0
  }
}

.login-section {
  margin-top: 10px;
  padding-right: 100px;
  padding-bottom: 40px
}

@media (max-width: 1023px) {
  .login-section {
      width:100%;
      margin-top: 0;
      padding: 10px
  }
}

.login-section .password-group {
  margin-top: 40px;
  margin-bottom: 20px
}

@media (max-width: 1023px) {
  .login-section .password-group {
      margin-top:20px;
      margin-bottom: 10px
  }
}

.login-section-custom {
  width: 49%;
  margin-top: 10px;
  padding: 0;
  border: 2px solid #3d9ed1
}

@media (max-width: 1023px) {
  .login-section-custom {
      width:98%;
      margin: 0 0 20px 1%
  }
}

@media (max-width: 767px) {
  .login-section-custom {
      width:94%;
      margin: 0 0 20px 3%
  }
}

.login-section-custom .password-group {
  margin-top: 40px;
  margin-bottom: 20px
}

.password-input {
  position: relative
}

.password-input span {
  position: absolute;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 1023px) {
  .password-input span {
      height:38px
  }
}

.password-input span i {
  font-size: 22px;
  cursor: pointer;
  color: #bbb
}

.password-input .password-icon-account {
  padding-right: 15px
}

.password-input .password-icon-login {
  padding-right: 10px
}

@media (min-width: 768px) {
  .password-input .password-icon-account {
      right:12%
  }

  .password-input .password-icon-login {
      right: 10%
  }

  .login-section-left-contentslot {
      padding: 0 50px 60px
  }
}

@media (max-width: 1023px) {
  .login-section-custom .password-group {
      margin-top:20px;
      margin-bottom: 10px
  }

  .password-input span i {
      font-size: 20px
  }

  .login-section-left-contentslot {
      margin: 0 10px 10px;
      padding-bottom: 10px
  }
}

@media (min-width: 768px) {
  .login-section-right-contentslot {
      padding:0 50px 60px
  }
}

@media (max-width: 1023px) {
  .login-section-right-contentslot {
      margin:0 10px 10px;
      padding-bottom: 10px
  }
}

@media (min-width: 768px) {
  .login-section-right-contentslot {
      padding:0 50px 55px
  }
}

.member-info-section {
  width: 50%;
  margin-top: 10px;
  padding: 0 50px 50px;
  background-color: #f9f9f9
}

.member-info-section a.btn-form {
  line-height: 60px
}

@media (max-width: 1023px) {
  .member-info-section {
      width:100%;
      padding: 20px 10px 30px
  }

  .member-info-section a.btn-form {
      line-height: 35px
  }
}

.member-info-section-custom {
  width: 49%;
  margin: 10px 0 0 20px;
  padding: 0;
  border: 2px solid #5eb89c;
  background-color: #f9f9f9
}

@media (max-width: 1023px) {
  .member-info-section-custom {
      width:98%;
      margin: 0 0 20px 1%
  }
}

@media (max-width: 767px) {
  .member-info-section-custom {
      width:94%;
      margin: 0 0 20px 3%
  }
}

.member-info-section-custom a.btn-form {
  line-height: 60px
}

.rule-icon {
  display: inline-block;
  width: 22px;
  height: 40px;
  margin-right: 3rem;
  background: url(../../common/images/bg/login-rule-icon.png) center no-repeat
}

@media (max-width: 1023px) {
  .member-info-section-custom a.btn-form {
      line-height:35px
  }

  .rule-icon {
      background-size: 70%
  }
}

@media (max-width: 767px) {
  .rule-icon {
      margin:4px
  }
}

.brand-description {
  font-size: 14px;
  line-height: 2.2rem;
  height: 65px;
  color: #111
}

@media (max-width: 1023px) {
  .brand-description {
      font-size:11px;
      height: auto;
      margin-top: 14px
  }
}

.brand-information {
  font-size: 14px;
  line-height: 2.2rem;
  height: 150px;
  margin: 42px 0 38px;
  padding: 17px 25px;
  color: #5eb89c;
  border: 2px solid #5eb89c
}

@media (max-width: 1023px) {
  .brand-information {
      font-size:11px;
      height: auto;
      margin: 20px 0
  }
}

.brand-information-eg {
  font-size: 14px;
  line-height: 2.2rem;
  height: 150px;
  margin: 42px 0 38px;
  padding: 17px 25px;
  color: #e079a6;
  border: 2px solid #e079a6
}

@media (max-width: 1023px) {
  .brand-information-eg {
      font-size:11px;
      height: auto;
      margin: 20px 0
  }
}

.registration__brand-information {
  font-size: 16px;
  line-height: 2.4rem;
  margin: 0 0 42px;
  padding: 17px 25px;
  text-align: center;
  color: #3d9ed1;
  border: 2px solid #3d9ed1
}

@media (max-width: 1023px) {
  .registration__brand-information {
      font-size:12px;
      margin: 20px 0
  }

  .forgotten-password,.member-more-info {
      margin-bottom: 30px
  }
}

.user-register__mark,.user__login__mark {
  margin-right: 5px;
  transition: all .2s ease;
  position: relative;
  text-align: center;
  vertical-align: middle
}

.registration-section .brand-information {
  margin-top: 20px
}

.forgotten-password,.member-more-info {
  text-align: center
}

.forgotten-password .more-link,.member-more-info .more-link {
  font-size: 12px;
  line-height: 12px;
  text-decoration: underline;
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .forgotten-password .more-link,.member-more-info .more-link {
      font-size:10px
  }
}

.forgotten-password .more-link .fa,.member-more-info .more-link .fa {
  margin-left: 10px;
  color: #111
}

.forgotten-password .more-link--custom,.member-more-info .more-link--custom {
  font-size: 12px;
  line-height: 12px;
  text-decoration: underline;
  color: #5eb89c
}

@media (max-width: 1023px) {
  .forgotten-password .more-link--custom,.member-more-info .more-link--custom {
      font-size:10px
  }
}

.forgotten-password .more-link--custom .fa,.member-more-info .more-link--custom .fa {
  margin-left: 10px;
  color: #111
}

.btn-form {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  height: 60px;
  text-align: center
}

.login__alert-info {
  font-size: 12px;
  margin-top: 43px;
  margin-bottom: 20px;
  text-align: center;
  color: #111
}

.user-guide__section-expand {
  padding-top: 60px;
  background-color: #f9f9f9
}

@media (max-width: 1023px) {
  .btn-form {
      font-size:12px;
      line-height: 17px;
      height: 35px
  }

  .login__alert-info {
      font-size: 10px;
      margin-top: 20px;
      margin-bottom: 10px
  }

  .user-guide__section-expand {
      padding-top: 10px
  }
}

.user-guide__section-expand .footer-info {
  font-size: 12px;
  line-height: 25px;
  clear: both;
  padding: 70px 0 0
}

@media (max-width: 1023px) {
  .user-guide__section-expand .footer-info {
      font-size:10px;
      padding: 35px 0
  }
}

.user-guide__section-expand .link-to-list {
  font-size: 13px;
  font-weight: 700;
  float: right;
  margin-top: 1.5rem
}

@media (max-width: 1023px) {
  .user-guide__section-expand .link-to-list {
      font-size:11px
  }
}

.user__login__label {
  cursor: pointer
}

.user__login__mark {
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #eee;
  border-radius: 50%;
  background: #fff
}

@media (max-width: 767px) {
  .user__login__mark {
      width:16px;
      height: 16px;
      margin-right: 5px
  }
}

.user__login__text {
  font-size: 12px;
  position: relative;
  display: inline-block;
  float: left;
  color: #111
}

@media (max-width: 1023px) {
  .user__login__text {
      font-size:10px
  }
}

.user__login__checkbox:checked~.user__login__label .user__login__mark {
  border: 1px solid #e0e0e0;
  background: #d4e4ed
}

.user__login__checkbox:checked~.user__login__label .user__login__mark:before {
  font-family: FontAwesome;
  font-weight: 700;
  line-height: 10px;
  content: "\f00c";
  color: #3d9ed1
}

.user__login__checkbox:checked~.user__login__label .user__login__text {
  color: #111
}

.user__login__checkbox:focus .user__login__mark,.user__login__checkbox:hover .user__login__mark,.user__login__label:focus .user__login__mark,.user__login__label:hover .user__login__mark {
  border: 1px solid #e0e0e0
}

.user__login__checkbox:focus .user__login__text,.user__login__checkbox:hover .user__login__text,.user__login__label:focus .user__login__text,.user__login__label:hover .user__login__text {
  color: #3d9ed1
}

.user-registercb__alignleft {
  margin-left: -5px
}

.user-register__label {
  cursor: pointer
}

.user-register__mark {
  line-height: 15px;
  float: left;
  width: 20px;
  height: 20px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: #fff
}

@media (max-width: 767px) {
  .user-register__mark {
      line-height:12px;
      width: 16px;
      height: 16px;
      margin-right: 5px
  }
}

.user-register__text {
  font-size: 13px;
  display: inline;
  float: left;
  color: #111
}

@media (max-width: 1023px) {
  .user-register__text {
      font-size:11px
  }
}

.user-register__checkbox:checked~.user-register__label .user-register__mark {
  border: 1px solid #e0e0e0;
  background: #d4e4ed
}

.user-register__checkbox:checked~.user-register__label .user-register__mark:before {
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  content: "\f00c";
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .user-register__checkbox:checked~.user-register__label .user-register__mark:before {
      font-size:8px
  }
}

.user-register__checkbox:checked~.user-register__label .user-register__text {
  color: #111
}

.user-register__checkbox:focus .user-register__mark,.user-register__checkbox:hover .user-register__mark,.user-register__label:focus .user-register__mark,.user-register__label:hover .user-register__mark {
  border: 1px solid #e0e0e0
}

.user-register__checkbox:focus .user-register__text,.user-register__checkbox:hover .user-register__text,.user-register__label:focus .user-register__text,.user-register__label:hover .user-register__text {
  color: #3d9ed1
}

.member-type-section {
  position: relative;
  padding: 22px 0;
  background-color: #f9f9f9
}

.member-type-section .radio-center {
  text-align: center
}

@media (max-width: 767px) {
  .member-type-section .radio-center {
      margin-left:10px;
      text-align: left
  }
}

.member-type-section .member-type-radio {
  font-size: 14px;
  margin-top: 0;
  padding: 0;
  color: #111;
  background: 0 0
}

@media (max-width: 1023px) {
  .member-type-section .member-type-radio {
      font-size:11px
  }
}

.member-type-section .member-type-radio input[type=radio] {
  z-index: -1;
  display: inline-block;
  margin-left: 0
}

.member-type-section .member-type-radio>label {
  font-size: 26px
}

@media (max-width: 1023px) {
  .member-type-section .member-type-radio>label {
      font-size:16px
  }
}

@media (max-width: 480px) {
  .member-type-section .member-type-radio>label {
      line-height:20px!important;
      overflow: hidden;
      height: 40px
  }
}

@media (min-width: 768px) {
  .member-type-section .member-type-radio .radio-mark,.member-type-section .member-type-radio .radio-text {
      float:none!important
  }

  .checkbox-list>li:nth-child(4n+1) {
      clear: left
  }
}

.member-type-section .member-corporate,.member-type-section .member-corporate .member-type-radio {
  position: static
}

.member-type-section .member-corporate label.error-element {
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  padding-bottom: 15px;
  text-align: center;
  pointer-events: none;
  background-color: #f9f9f9
}

.member-type-section .denki-form.left {
  padding-right: 55px
}

.member-type-section .denki-form.right {
  padding-left: 70px
}

@media (max-width: 767px) {
  .member-type-section .denki-form .radio-text {
      font-size:15px;
      text-align: left
  }

  .member-type-section .denki-form.left {
      padding-right: 0
  }

  .member-type-section .denki-form.right {
      padding-left: 0
  }
}

.member-type-section .denki-form.right .member-type-radio {
  text-align: left
}

.member-type-section .denki-form .member-type-radio {
  text-align: right
}

.member-type-section .denki-form .member-type-radio .text__below__checkbox {
  font-size: 13px;
  padding-top: 8px;
  color: #3d9ed1
}

.member-type-section .denki-form .member-type-radio .text__below__checkbox a {
  color: #3d9ed1
}

.member-type-section .denki-form .member-type-radio .text__below__checkbox.first {
  padding-right: 44px
}

@media (max-width: 767px) {
  .member-type-section .denki-form .member-type-radio .text__below__checkbox {
      font-size:9px;
      margin-top: 0;
      padding-top: 0;
      text-align: left
  }

  .member-type-section .denki-form .member-type-radio .text__below__checkbox.first {
      padding-right: 0
  }

  .member-type-section .denki-form .member-type-radio .text__below__checkbox.first.error-element {
      text-align: center
  }

  .text__below__checkbox {
      margin-right: 10px
  }
}

.text__below__checkbox {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #111
}

@media (max-width: 1023px) {
  .text__below__checkbox {
      font-size:10px
  }
}

.user-register .group__header__title {
  font-size: 20px
}

@media (max-width: 1023px) {
  .user-register .group__header__title {
      font-size:14px
  }
}

.group__header {
  margin-top: 60px;
  color: #111
}

.group__header__title {
  font-size: 13px;
  font-weight: 700;
  color: #111
}

@media (max-width: 1023px) {
  .group__header__title {
      font-size:11px
  }
}

.group__header__title.denki-header {
  font-size: 18px
}

@media (max-width: 767px) {
  .group__header {
      margin-top:30px
  }

  .group__header__title.denki-header {
      font-size: 15px
  }

  select.date-control,select.select-form {
      height: auto;
      padding: 2px
  }
}

.group__header__description {
  font-size: 12px;
  font-weight: 400;
  color: #111
}

@media (max-width: 1023px) {
  .group__header__description {
      font-size:10px
  }
}

.h-line,.h-line__heading {
  height: 1px;
  background: url(../../common/images/h-line.jpg) left top repeat-x
}

.address-info,.open-date-info {
  padding-top: 12px;
  color: #111;
  float: left
}

.address-info {
  font-size: 12px
}

@media (max-width: 1023px) {
  .address-info {
      font-size:10px
  }
}

.open-date-info {
  font-size: 12px
}

@media (max-width: 1023px) {
  .open-date-info {
      font-size:10px
  }
}

.h-line__heading {
  height: 2px
}

.info-group {
  padding: 3rem 0;
  border-top: 1px solid #eee
}

.info-group.heading {
  border-top: 2px solid #eee
}

.info-group.end-group {
  border-bottom: 1px solid #eee
}

.info-group p {
  margin-bottom: 0
}

.info-group .input-info {
  font-size: 12px;
  line-height: 1.6;
  margin: .8rem 0;
  color: #111
}

@media (max-width: 1023px) {
  .info-group .input-info {
      font-size:10px
  }
}

.info-group .form-group {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 0
}

.info-group .form-group .denki-term_title {
  text-align: center
}

.info-group .form-group .denki-payment-method__card {
  display: none
}

@media (max-width: 767px) {
  .info-group {
      padding:15px 0
  }

  .info-group .form-group .denki-payment-method__card .checkout-modal__content {
      padding-left: 10px
  }
}

.info-group .form-group .denki-payment-method__card .checkout-modal__content .denki-radio label {
  color: unset
}

.info-group .form-group .denki-payment-method__card .checkout-modal__content .denki-radio .new-card_info {
  font-weight: 700;
  color: red
}

.info-group .form-group .denki-radio-payment {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0;
  padding-left: 0;
  background: 0 0
}

.info-group .form-group .denki-radio-payment>label:hover {
  color: unset!important
}

.info-group .form-group .denki-payment-method-confirm__card .checkout-modal__content,.info-group .form-group .denki-payment-method-confirm__card .checkout-modal__content .custom-radio-1 {
  padding: 0
}

.info-group .form-group .view-more-section {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  text-align: center
}

.info-group .form-group .view-more-section .btn-view-more {
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  display: inline-block;
  width: 340px;
  margin-top: 20px;
  padding: 14px 10px;
  text-align: end;
  color: #736a6a;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #f9f9f9
}

.info-group .form-group .denki-error-element,.info-group .form-group .denki-img__close {
  display: none
}

.info-group .form-group .view-more-section .btn-view-more i.fa {
  padding-left: 35px
}

.info-group .form-group .denki-img___title {
  font-size: 16px;
  font-weight: 700;
  padding-top: 25px
}

.info-group .form-group .denki-img__close i.fa.fa-times-circle {
  font-size: 20px;
  color: #999
}

.info-group .form-group .denki-img__close i.fa.fa-times-circle:hover {
  cursor: pointer
}

@media (max-width: 767px) {
  .info-group .form-group .view-more-section .btn-view-more {
      width:280px
  }

  .info-group .form-group .view-more-section .btn-view-more i.fa {
      padding-left: 20px
  }

  .info-group .form-group .denki-img__close i.fa.fa-times-circle {
      font-size: 16px
  }

  .info-group .form-group .denki-main-error-upload-file {
      position: relative;
      display: inline-block;
      padding-top: 10px
  }

  .info-group .form-group .pdf-section .custom-checkbox-2 {
      background-color: transparent
  }
}

.info-group .form-group .custom-checkbox-1 {
  margin: 0;
  padding: 0;
  background-color: transparent
}

.info-group .form-group .pdf-section {
  padding-top: 15px;
  text-align: center
}

.info-group .form-group .pdf-section .btn-view-pdf {
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  display: inline-block;
  width: 340px;
  margin-top: 20px;
  padding: 14px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #3d9ed1
}

.info-group .form-group .pdf-section .btn-view-pdf.pdf-view-disabled {
  cursor: default!important;
  pointer-events: none;
  color: #888;
  background: #d2d2d2
}

.info-group .form-group+.form-group {
  margin-top: 2rem
}

.info-group .form-group+.form-group.second-group {
  margin-top: 0
}

.info-group .form-group input {
  font-size: 13px;
  line-height: 39px;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  vertical-align: middle;
  color: #111;
  border: 1px solid #e0e0e0;
  border-radius: 4px
}

@media (max-width: 1023px) {
  .info-group .form-group input {
      font-size:11px
  }
}

.info-group .form-group input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: none
}

.info-group .form-group .others-info {
  font-size: 12px;
  margin-top: 1rem;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .info-group .form-group .others-info {
      font-size:10px
  }
}

.info-group .form-group .control-label {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0;
  color: #999
}

.info-group .form-group .postcode-group {
  position: relative
}

@media (max-width: 767px) {
  .info-group .form-group input {
      line-height:30px;
      height: 30px;
      padding-right: 5px;
      padding-left: 5px
  }

  .info-group .form-group .control-label {
      width: 100%
  }

  .info-group .form-group .postcode-group label.error-element {
      width: 110px
  }
}

.info-group .form-group .postcode-group ul {
  list-style: none
}

.info-group .form-group .postcode-group ul li {
  display: inline-block;
  float: left;
  width: 100%;
  cursor: pointer
}

.info-group .form-group .businessType-other,.info-group .form-group .control-label-dropdown.col-md-3,.info-group .form-group .control-label.col-md-3,.info-group .form-group .control-label__middle.col-md-3 {
  display: none
}

.info-group .form-group .postcode-group .postcode-1 {
  width: 160px;
  height: 40px;
  margin-right: 10px;
  text-align: left
}

.info-group-dropdown .form-group .denki-term_title,.sp__text--notice {
  text-align: center
}

@media (max-width: 1023px) {
  .info-group .form-group .control-label {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .info-group .form-group .postcode-group .postcode-1 {
      width:110px;
      height: 30px
  }

  .info-group .form-group .control-label {
      margin-top: 0;
      margin-bottom: 10px
  }

  .info-group .form-group .control-label-dropdown {
      width: 100%
  }
}

.info-group .form-group .control-label-dropdown {
  font-size: 13px;
  font-weight: 700;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(30%);
  color: #999
}

@media (max-width: 1023px) {
  .info-group .form-group .control-label-dropdown {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .info-group .form-group .control-label-dropdown {
      margin-top:0;
      margin-bottom: 17px
  }

  .info-group .form-group .control-label__middle {
      width: 100%
  }
}

.info-group .form-group .control-label__middle {
  font-size: 13px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 0;
  color: #999
}

@media (max-width: 1023px) {
  .info-group .form-group .control-label__middle {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .info-group .form-group .control-label__middle {
      margin-top:0;
      margin-bottom: 10px
  }
}

.info-group .form-group .adress1-input-wrapper {
  margin-left: 10rem
}

.info-group .form-group .adress3-input {
  width: 100%
}

.info-group .form-group .checkbox-list>li {
  margin-bottom: 1.5rem
}

.info-group .form-group .businessType-other.info {
  font-size: 12px;
  margin-top: -10px;
  margin-bottom: 20px
}

@media (max-width: 1199px) {
  .info-group .form-group .businessType-other.info {
      font-size:10px
  }
}

.info-group .form-group .custom-error-text {
  display: none;
  margin-top: 10px
}

.info-group .form-group .register-attach-group .input-group {
  float: left
}

.info-group .form-group .register-attach-group .input-group .file-name {
  z-index: 0;
  border-radius: 5px 0 0 5px!important
}

.info-group .form-group .register-attach-group .upload-group {
  height: 40px;
  margin: 0
}

.info-group .form-group .register-attach-group .upload-group .custom-file-upload {
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

@media (max-width: 767px) {
  .info-group .form-group .register-attach-group .upload-group .custom-file-upload {
      line-height:30px;
      height: 30px;
      padding-top: 0
  }

  .checkbox-list>li:nth-child(3n+1) {
      clear: left
  }
}

.non-require-field,.require-field {
  line-height: 1.6rem;
  margin-right: 10px
}

.checkbox-list {
  margin-top: 2rem
}

.checkbox-list>li .checkbox>label {
  display: block
}

.require-field {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  background-color: #ff3c6c
}

@media (max-width: 1023px) {
  .require-field {
      font-size:10px
  }
}

@media (max-width: 767px) {
  .require-field {
      margin-right:10px;
      margin-left: 0;
      padding: 5px
  }
}

.sp__text--notice {
  font-weight: 700;
  color: red
}

.non-require-field {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  padding: 4px 10px;
  color: #999;
  border: 1px solid #999;
  border-radius: 5px;
  background-color: #f5f5f5
}

@media (max-width: 1023px) {
  .non-require-field {
      font-size:10px
  }
}

@media (max-width: 767px) {
  .non-require-field {
      margin-right:10px;
      margin-left: 0;
      padding: 5px
  }
}

.info-group-dropdown {
  padding: 3rem 0;
  border-top: 1px solid #eee
}

.info-group-dropdown.heading {
  border-top: 2px solid #eee
}

.info-group-dropdown.end-group {
  border-bottom: 1px solid #eee
}

.info-group-dropdown p {
  margin-bottom: 0
}

.info-group-dropdown .input-info {
  font-size: 12px;
  line-height: 1.6;
  margin: .8rem 0;
  color: #111
}

@media (max-width: 1023px) {
  .info-group-dropdown .input-info {
      font-size:10px
  }
}

.info-group-dropdown .form-group {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 0
}

.info-group-dropdown .form-group .denki-payment-method__card {
  display: none
}

@media (max-width: 767px) {
  .info-group-dropdown {
      padding:15px 0
  }

  .info-group-dropdown .form-group .denki-payment-method__card .checkout-modal__content {
      padding-left: 10px
  }
}

.info-group-dropdown .form-group .denki-payment-method__card .checkout-modal__content .denki-radio label {
  color: unset
}

.info-group-dropdown .form-group .denki-payment-method__card .checkout-modal__content .denki-radio .new-card_info {
  font-weight: 700;
  color: red
}

.info-group-dropdown .form-group .denki-radio-payment {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0;
  padding-left: 0;
  background: 0 0
}

.info-group-dropdown .form-group .denki-radio-payment>label:hover {
  color: unset!important
}

.info-group-dropdown .form-group .denki-payment-method-confirm__card .checkout-modal__content,.info-group-dropdown .form-group .denki-payment-method-confirm__card .checkout-modal__content .custom-radio-1 {
  padding: 0
}

.info-group-dropdown .form-group .view-more-section {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  text-align: center
}

.info-group-dropdown .form-group .view-more-section .btn-view-more {
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  display: inline-block;
  width: 340px;
  margin-top: 20px;
  padding: 14px 10px;
  text-align: end;
  color: #736a6a;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #f9f9f9
}

.info-group-dropdown .form-group .denki-error-element,.info-group-dropdown .form-group .denki-img__close {
  display: none
}

.info-group-dropdown .form-group .view-more-section .btn-view-more i.fa {
  padding-left: 35px
}

.info-group-dropdown .form-group .denki-img___title {
  font-size: 16px;
  font-weight: 700;
  padding-top: 25px
}

.info-group-dropdown .form-group .denki-img__close i.fa.fa-times-circle {
  font-size: 20px;
  color: #999
}

.info-group-dropdown .form-group .denki-img__close i.fa.fa-times-circle:hover {
  cursor: pointer
}

@media (max-width: 767px) {
  .info-group-dropdown .form-group .view-more-section .btn-view-more {
      width:280px
  }

  .info-group-dropdown .form-group .view-more-section .btn-view-more i.fa {
      padding-left: 20px
  }

  .info-group-dropdown .form-group .denki-img__close i.fa.fa-times-circle {
      font-size: 16px
  }

  .info-group-dropdown .form-group .denki-main-error-upload-file {
      position: relative;
      display: inline-block;
      padding-top: 10px
  }

  .info-group-dropdown .form-group .pdf-section .custom-checkbox-2 {
      background-color: transparent
  }
}

.info-group-dropdown .form-group .custom-checkbox-1 {
  margin: 0;
  padding: 0;
  background-color: transparent
}

.info-group-dropdown .form-group .pdf-section {
  padding-top: 15px;
  text-align: center
}

.info-group-dropdown .form-group .pdf-section .btn-view-pdf {
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  display: inline-block;
  width: 340px;
  margin-top: 20px;
  padding: 14px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #3d9ed1
}

.info-group-dropdown .form-group .pdf-section .btn-view-pdf.pdf-view-disabled {
  cursor: default!important;
  pointer-events: none;
  color: #888;
  background: #d2d2d2
}

.register-footer p,.registration__thankyou--grey {
  background-color: #f9f9f9
}

.info-group-dropdown .form-group+.form-group {
  margin-top: 2rem
}

.info-group-dropdown .form-group+.form-group.second-group {
  margin-top: 0
}

.info-group-dropdown .form-group input {
  font-size: 13px;
  line-height: 39px;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  vertical-align: middle;
  color: #111;
  border: 1px solid #e0e0e0;
  border-radius: 4px
}

@media (max-width: 1023px) {
  .info-group-dropdown .form-group input {
      font-size:11px
  }
}

.info-group-dropdown .form-group input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: none
}

.info-group-dropdown .form-group .others-info {
  font-size: 12px;
  margin-top: 1rem;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .info-group-dropdown .form-group .others-info {
      font-size:10px
  }
}

.info-group-dropdown .form-group .control-label {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0;
  color: #999
}

.info-group-dropdown .form-group .postcode-group {
  position: relative
}

@media (max-width: 767px) {
  .info-group-dropdown .form-group input {
      line-height:30px;
      height: 30px;
      padding-right: 5px;
      padding-left: 5px
  }

  .info-group-dropdown .form-group .control-label {
      width: 100%
  }

  .info-group-dropdown .form-group .postcode-group label.error-element {
      width: 110px
  }
}

.info-group-dropdown .form-group .postcode-group ul {
  list-style: none
}

.info-group-dropdown .form-group .postcode-group ul li {
  display: inline-block;
  float: left;
  width: 100%;
  cursor: pointer
}

.info-group-dropdown .form-group .businessType-other,.info-group-dropdown .form-group .control-label-dropdown.col-md-3,.info-group-dropdown .form-group .control-label.col-md-3,.info-group-dropdown .form-group .control-label__middle.col-md-3 {
  display: none
}

.info-group-dropdown .form-group .postcode-group .postcode-1 {
  width: 160px;
  height: 40px;
  margin-right: 10px;
  text-align: left
}

@media (max-width: 1023px) {
  .info-group-dropdown .form-group .control-label {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .info-group-dropdown .form-group .postcode-group .postcode-1 {
      width:110px;
      height: 30px
  }

  .info-group-dropdown .form-group .control-label {
      margin-top: 0;
      margin-bottom: 10px
  }

  .info-group-dropdown .form-group .control-label-dropdown {
      width: 100%
  }
}

.info-group-dropdown .form-group .control-label-dropdown {
  font-size: 13px;
  font-weight: 700;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(30%);
  color: #999
}

@media (max-width: 1023px) {
  .info-group-dropdown .form-group .control-label-dropdown {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .info-group-dropdown .form-group .control-label-dropdown {
      margin-top:0;
      margin-bottom: 17px
  }

  .info-group-dropdown .form-group .control-label__middle {
      width: 100%
  }
}

.info-group-dropdown .form-group .control-label__middle {
  font-size: 13px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 0;
  color: #999
}

@media (max-width: 1023px) {
  .info-group-dropdown .form-group .control-label__middle {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .info-group-dropdown .form-group .control-label__middle {
      margin-top:0;
      margin-bottom: 10px
  }
}

.info-group-dropdown .form-group .adress1-input-wrapper {
  margin-left: 10rem
}

.info-group-dropdown .form-group .adress3-input {
  width: 100%
}

.info-group-dropdown .form-group .checkbox-list>li {
  margin-bottom: 1.5rem
}

.info-group-dropdown .form-group .businessType-other.info {
  font-size: 12px;
  margin-top: -10px;
  margin-bottom: 20px
}

@media (max-width: 1199px) {
  .info-group-dropdown .form-group .businessType-other.info {
      font-size:10px
  }
}

.info-group-dropdown .form-group .custom-error-text {
  display: none;
  margin-top: 10px
}

.info-group-dropdown .form-group .register-attach-group .input-group {
  float: left
}

.info-group-dropdown .form-group .register-attach-group .input-group .file-name {
  z-index: 0;
  border-radius: 5px 0 0 5px!important
}

.info-group-dropdown .form-group .register-attach-group .upload-group {
  height: 40px;
  margin: 0
}

.info-group-dropdown .form-group .register-attach-group .upload-group .custom-file-upload {
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

@media (max-width: 767px) {
  .info-group-dropdown .form-group .register-attach-group .upload-group .custom-file-upload {
      line-height:30px;
      height: 30px;
      padding-top: 0
  }
}

.info-group-dropdown .form-group .form-airconditioner {
  width: 140px;
  height: 40px;
  margin-right: 10px;
  text-align: left
}

.btn-getcode,.register-footer p,.registration__thankyou .section-block__content,.registration__thankyou .text--normal {
  text-align: center
}

@media (max-width: 886px) {
  .info-group-dropdown .form-group .col-form-airconditioner {
      width:50%
  }
}

.info-group-dropdown .form-group .col-form-airconditioner.col-brand-contract {
  padding-left: 0
}

.checkbox--align__midle {
  margin-top: 12px;
  margin-bottom: 12px
}

.support-option {
  list-style: none
}

.support-option li {
  margin-bottom: 1.8rem
}

@media (max-width: 767px) {
  .info-group-dropdown .form-group .col-form-airconditioner {
      width:100%
  }

  .support-option {
      margin-top: 10px
  }

  .support-option li {
      margin-bottom: 10px
  }

  .support-option li:nth-child(3n+1) {
      clear: left
  }
}

.register-footer p,.select-form {
  margin-bottom: 30px
}

.btn-getcode {
  line-height: 18px;
  padding: 10px;
  vertical-align: top
}

.postcode-link {
  font-size: 14px;
  position: relative;
  top: 10px;
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
  color: #3d9ed1
}

.postcode-link:focus,.postcode-link:hover {
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .postcode-link {
      font-size:11px
  }
}

@media (max-width: 1024px) {
  .postcode-link {
      top:5px;
      float: right;
      margin-top: 5px
  }
}

.align-vertical {
  position: relative;
  top: 5px;
  transform: translateY(25%)
}

@media (max-width: 767px) {
  .btn-getcode {
      padding-top:5px;
      padding-bottom: 5px
  }

  .align-vertical {
      top: 0;
      transform: translateY(0)
  }
}

.align-vertical-min {
  position: relative;
  transform: translateY(25%)
}

.register-footer p {
  font-size: 14px;
  padding: 30px 0;
  color: #111
}

.login__timeout .text--large,.login__timeout .text--normal,.registration__activate,.registration__activate .box__info--activate,.registration__activate .text--large,.registration__activate .text--normal,.registration__activate .text--small {
  margin-bottom: 3rem
}

@media (max-width: 1023px) {
  .register-footer p {
      font-size:11px
  }
}

.register-footer a {
  color: #3d9ed1
}

.user-register-dropdown {
  width: 100%
}

.user-register-dropdown .form-select-custom .dropdown-register {
  width: 270px
}

.checkout-prefecture-dropdown,.checkout-prefecture-dropdown .form-select-custom .dropdown-prefecture,.checkout-prefecture-dropdown .form-select-custom .dropdown-prefecture-ul {
  width: 100%
}

@media (max-width: 767px) {
  .align-vertical-min {
      transform:translateY(0)
  }

  .register-footer p {
      padding: 30px 20px
  }

  .user-register-dropdown .form-select-custom .dropdown-register {
      width: 100%
  }

  .registration__activate .box__contact--email {
      margin-bottom: 3rem
  }
}

.login__timeout .box__info--login-timeout,.login__timeout .btn-primary-custom {
  max-width: 570px;
  margin-right: auto;
  margin-bottom: 4rem;
  margin-left: auto
}

.login__timeout .btn-primary-custom {
  float: none
}

.registration__thankyou .text--large,.registration__thankyou .text--normal,.registration__thankyou .text--small {
  margin-bottom: 3rem
}

.registration__thankyou .btn-large {
  margin-bottom: 5rem
}

.registration__thankyou .link-to-list {
  font-size: 13px;
  font-weight: 700;
  float: right;
  margin-top: 1.5rem
}

@media (max-width: 1023px) {
  .registration__thankyou .link-to-list {
      font-size:11px
  }
}

.convenient__list {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: -15px 0 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.convenient__list .convenient__item {
  width: calc(100% * (1/5) - 15px);
  margin: 15px 0 0 15px;
  padding: 10px;
  color: #4c97be;
  border-radius: 5px;
  background-color: #fff;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media (max-width: 767px) {
  .convenient__list .convenient__item {
      width:calc(100% * (1/2) - 15px)
  }
}

.convenient__list .convenient__item .item--text {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.2rem;
  display: table-cell;
  height: 4.4rem;
  padding-left: 20px;
  text-align: center;
  vertical-align: middle
}

@media (max-width: 1023px) {
  .convenient__list .convenient__item .item--text {
      font-size:12px
  }
}

.convenient__list .convenient__item .fa {
  font-size: 35px;
  display: table-cell;
  vertical-align: middle
}

@media (max-width: 1023px) {
  .convenient__list .convenient__item .fa {
      font-size:33px
  }
}

.support__list {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: -15px 0 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.support__list .support__item {
  width: calc(100% * (1/4) - 15px);
  margin: 15px 0 0 15px;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media (max-width: 767px) {
  .support__list .support__item {
      width:calc(100% * (1/2) - 15px)
  }
}

.support__list .support__item.link-to-list {
  position: relative
}

.support__list .support__item.link-to-list:after {
  position: absolute;
  top: 40%;
  right: 15px;
  color: #111
}

.support__list .support__item.business-support {
  color: #9e0b0f
}

.support__list .support__item.funding-support {
  color: #d94d41
}

.support__list .support__item.MandA {
  color: #f60
}

.support__list .support__item.store-design {
  color: #9e6016
}

.support__list .support__item.insurance {
  color: #36abec
}

.support__list .support__item.POS-system {
  color: #3e6093
}

.support__list .support__item.creadit-card-support {
  color: #10b5bf
}

.support__list .support__item.recruitment {
  color: #820618
}

.support__list .support__item.school {
  color: #5da1be
}

.support__list .support__item.website-support {
  color: #9e7f5a
}

.support__list .support__item.outsourcing {
  color: #f6799b
}

.support__list .support__item.purchasing {
  color: #e80404
}

.support__list .support__item .item--text {
  font-size: 14px;
  font-weight: 700;
  line-height: 2rem;
  display: table-cell;
  width: 100%;
  height: 4rem;
  padding-right: 15%;
  padding-left: 20px;
  text-align: left;
  vertical-align: middle
}

@media (max-width: 1023px) {
  .support__list .support__item .item--text {
      font-size:11px
  }
}

.support__list .support__item .fa {
  font-size: 20px;
  display: table-cell;
  vertical-align: middle
}

@media (max-width: 1023px) {
  .support__list .support__item .fa {
      font-size:14px
  }
}

.payment-method-list {
  display: inline-block;
  list-style-type: none;
  counter-reset: item
}

.payment-method-list li {
  position: relative;
  float: left;
  width: 281px;
  margin-bottom: 5px;
  counter-increment: item;
  text-align: center
}

@media (max-width: 1199px) {
  .payment-method-list li {
      margin-bottom:15px
  }

  .payment-method-list li:nth-child(2n+1) {
      clear: left;
      margin-left: 0
  }

  .summary-order-bottom .cash-box .input-cash,.summary-order-right .cash-box .input-cash {
      transform: translateY(-19%)
  }
}

@media (max-width: 600px) {
  .payment-method-list li {
      clear:left;
      margin-left: 0!important
  }
}

.payment-method-list li+li {
  margin-left: 15px
}

.payment-method-list li img {
  max-width: 100%
}

.payment-method-list li:before {
  font-size: 40px;
  font-weight: 700;
  line-height: 5rem;
  position: absolute;
  top: 0;
  left: 1.5rem;
  display: inline-block;
  margin-right: 10px;
  content: counter(item);
  color: #3d9ed1;
  border-radius: 100%
}

@media (max-width: 1023px) {
  .payment-method-list li:before {
      font-size:38px
  }
}

.payment-method-list li p {
  font-weight: 700;
  line-height: 2.2rem;
  padding: 0 5.5rem;
  color: #111
}

.payment-method-list li .link-to-list {
  font-size: 12px;
  line-height: 2.2rem;
  display: block;
  margin-top: 1.5rem;
  padding: 0 4rem
}

@media (max-width: 1023px) {
  .payment-method-list li .link-to-list {
      font-size:10px
  }
}

.registration-confirm .header-info {
  font-size: 16px;
  text-align: center;
  color: #111
}

.registration-confirm .btn-default-custom {
  line-height: 40px;
  position: relative;
  display: inline-block;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: 0 0
}

.registration-confirm .btn-default-custom .fa {
  font-size: 12px;
  position: relative;
  top: 0;
  display: inline-block
}

.registration-confirm .btn-default-custom .fa .fa-chevron-left {
  margin-right: 1rem
}

.registration-confirm .btn-default-custom:focus,.registration-confirm .btn-default-custom:hover {
  transition: border-color .2s ease;
  border-color: #3d9ed1
}

@media (max-width: 1023px) {
  .registration-confirm .header-info {
      font-size:12px
  }

  .registration-confirm .btn-default-custom {
      line-height: 100%;
      margin-bottom: 2rem
  }

  .registration-confirm .btn-default-custom .fa {
      font-size: 10px
  }

  .registration-confirm .info-group {
      padding: 10px 0
  }
}

.registration-confirm .info-group .input-info {
  margin-bottom: 0
}

.registration-confirm .info-group .footer {
  margin-top: 3rem
}

.registration-confirm .info-group .form-group .user__input-result {
  font-size: 14px;
  color: #111
}

.registration-confirm .info-group .form-group .user__input-result ul {
  list-style: none inside
}

.registration-confirm .info-group .form-group .user__input-result ul li .list-style-bullet {
  position: relative;
  top: 7px;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: .5rem;
  border-radius: 5px;
  background: #333
}

@media (max-width: 1023px) {
  .registration-confirm .info-group .form-group .user__input-result {
      font-size:11px;
      margin-top: 0
  }

  .registration-confirm .info-group .form-group .user__input-result ul li .list-style-bullet {
      top: 5px;
      width: 2px;
      height: 2px
  }
}

.registration-confirm .info-group .form-group .additional-result {
  margin-top: 15px
}

.popup-password-forgotten p {
  font-size: 13px
}

@media (max-width: 1023px) {
  .popup-password-forgotten p {
      font-size:10px
  }
}

.popup-password-forgotten label {
  font-weight: 700
}

.popup-password-forgotten .password-reset {
  display: none
}

.popup-password-forgotten .block-contact-us {
  text-align: center
}

.popup-password-forgotten .contact-phone {
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  padding: 10px 5px;
  border: 1px solid #eee;
  border-radius: 4px
}

.popup-password-forgotten .contact-email .fa,.popup-password-forgotten .contact-phone .fa {
  margin-right: 5px
}

.popup-password-forgotten .contact-title {
  font-size: 22px
}

@media (max-width: 1023px) {
  .popup-password-forgotten .contact-title {
      font-size:20px
  }
}

.postcode-error {
  font-size: 12px;
  color: #111
}

.register-form .shipping-address__address-field--left {
  min-width: auto;
  margin-top: 10px;
  margin-right: 10px
}

.register-form>label {
  line-height: 2
}

.js-form-anonymous .shipping-address__address-field--left {
  min-width: auto;
  margin-right: 10px
}

.js-form-anonymous.confirmation #gen-postcode-checkout,.js-form-anonymous.confirmation .nice-select,.js-form-anonymous.confirmation label {
  pointer-events: none!important
}

@media (max-width: 767px) {
  .register-form .shipping-address__address-field--left {
      margin-top:8px
  }

  .js-form-anonymous .shipping-address__address-field--left {
      line-height: 40px
  }

  .js-form-anonymous.confirmation .shipping-address__address-field--left {
      line-height: 1.4
  }

  .js-form-anonymous.confirmation .shipping-address__address-field--right input {
      font-size: 11px;
      padding: 0
  }

  .js-form-anonymous .postal-code-result-list {
      top: 36px!important
  }
}

.js-form-anonymous.confirmation .form-none-input {
  display: block;
  height: 0!important;
  min-height: 0;
  padding: 0!important;
  opacity: 0
}

.js-form-anonymous.confirmation .an_form--item--text span,.js-form-anonymous.confirmation .an_form--item--textarea span {
  white-space: pre-line;
  word-wrap: break-word
}

@media (min-width: 768px) {
  .support-option li:nth-child(4n+1) {
      clear:left
  }

  .js-form-anonymous.confirmation .an_form--item--text span,.js-form-anonymous.confirmation .an_form--item--textarea span {
      display: block;
      padding: 10px 0
  }
}

.denki-info-group-2,.denki-info-group-3,.salon_information {
  display: none
}

.js-form-anonymous .postal-code-result-list {
  left: 15px!important
}

.js-form-anonymous .postal-code-result-list p {
  margin: 0!important
}

@media (max-width: 767px) {
  .js-form-anonymous .container .row [class*=col-],.js-form-anonymous .container-fluid .row [class*=col-] {
      padding-right:inherit;
      padding-left: inherit
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .js-form-anonymous .container {
      width:calc((100% - 30px))
  }
}

.register_more {
  margin-top: 30px;
  margin-bottom: 50px
}

.register_more .js-register-next {
  line-height: 60px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle
}

@media (max-width: 1023px) {
  .postcode-error {
      font-size:11px
  }

  .register_more .js-register-next {
      line-height: 35px
  }
}

.fa-chevron-down-arrow {
  line-height: 58px;
  position: absolute
}

@media (max-width: 1023px) {
  .fa-chevron-down-arrow {
      line-height:33px
  }
}

.fa-chevron-down-arrow:before {
  content: "\f078"
}

.registration__top-link {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center
}

.checkout-steps {
  margin-top: 4.5rem;
  counter-reset: checkout-steps
}

.checkout-steps>li {
  position: relative;
  margin-bottom: 6rem
}

.checkout-steps>li:before {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  position: absolute;
  top: .6rem;
  left: 0;
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  content: counter(checkout-steps);
  counter-increment: checkout-steps;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #333
}

.salon-contract__agreement .last-list li,.salon-contract__agreement ol li,.salon-contract__confirmation .last-list li,.salon-contract__confirmation ol li,.salon-contract__main .last-list li,.salon-contract__main ol li,.salon-contract__term .last-list li,.salon-contract__term ol li {
  counter-increment: myIndex
}

@media (max-width: 1023px) {
  .checkout-steps>li:before {
      font-size:12px;
      line-height: 19px
  }
}

.checkout-steps .checkout-step-item .checkout-special-term {
  font-size: 16px;
  display: inline-table;
  margin-top: 15px;
  padding: 15px;
  border: 1px solid red;
  background-color: #fff8f8
}

@media (max-width: 767px) {
  .checkout-steps .checkout-step-item .checkout-special-term {
      font-size:14px
  }
}

.checkout-steps .checkout-step-item .checkout-special-term .js-special-mark {
  border: 1px solid #7f7f7f
}

.checkout-steps .checkout-step-item .checkout-special-term .text--red {
  font-weight: 700;
  margin-bottom: 5px;
  color: red
}

.checkout-steps .checkout-step-item .checkout-special-term .text--normal {
  font-weight: 700;
  margin-bottom: 5px
}

.checkout-steps .checkout-step-item .checkout-special-term .text--underline {
  margin-bottom: 5px;
  text-decoration: underline
}

.orders-table__content__show-more__button:hover,.price ins {
  text-decoration: none
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #fff8f8
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt {
  width: 4%
}

@media (max-width: 1023px) {
  .checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt {
      width:6%
  }

  .checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__table .sto_header {
      font-size: 11px
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  .checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt {
      width:8%
  }
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt_note {
  font-weight: 700;
  color: #111
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__text {
  margin-bottom: 5px
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__checked {
  color: #3d9ed1
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__checked span {
  font-weight: 700
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__gd {
  margin-top: 5px
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__table {
  border-spacing: 10px;
  border-collapse: separate
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__table .sto_header {
  font-weight: 700;
  width: 25%;
  text-align: center;
  vertical-align: middle;
  color: #4c97be;
  background-color: #e2eef5
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__table .sto_content {
  width: 25%
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt__table .sto_content img {
  max-width: 100%;
  max-height: 100%
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .special-term-opt_right .custom-radio-1 {
  padding: 8px;
  background-color: #e9e9e9
}

.checkout-steps .checkout-step-item .checkout-special-term__content .checkout-special-term-opt .check_text_opt {
  cursor: pointer
}

.checkout-steps .checkout-step-item__header {
  padding-bottom: 1rem;
  border-bottom: 2px solid #eee
}

.checkout-steps .checkout-step-item__header h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.6rem;
  display: inline-block;
  margin: .6rem 0 0;
  padding-left: 4rem;
  color: #111
}

@media (max-width: 1023px) {
  .checkout-steps .checkout-step-item__header h2 {
      font-size:12px
  }
}

.checkout-steps .checkout-step-item__header__step3-express {
  padding-bottom: 3rem;
  border-bottom: none
}

.checkout-steps .checkout-step-item__header__step3-express h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.6rem;
  display: inline-block;
  margin: .6rem 0 0;
  padding-left: 4rem;
  color: #111
}

.checkout-steps .checkout-step-item__content,.checkout-steps .checkout-step-item__replenishment {
  margin-top: 15px
}

@media (max-width: 1023px) {
  .checkout-steps .checkout-step-item__header__step3-express h2 {
      font-size:12px
  }
}

.checkout-steps .checkout-step-item__content textarea {
  width: 100%
}

.checkout-steps .checkout-step-item__content--container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 768px) {
  .checkout-steps .checkout-step-item__content--container {
      margin-right:0;
      margin-left: 0
  }
}

.checkout-steps .checkout-step-item__content--container.warning {
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid red;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .checkout-steps .checkout-step-item__content--container.warning {
      padding-top:10px;
      padding-bottom: 10px;
      padding-left: 5px
  }
}

@media (min-width: 1200px) {
  .checkout-steps .checkout-step-item__content--info {
      margin-left:-50px
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .checkout-steps .checkout-step-item__content--info {
      margin-left:-40px
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .checkout-steps .checkout-step-item__content--info {
      margin-left:-20px
  }
}

.checkout-steps .checkout-step-item__content--info .text--notice {
  font-size: 16px;
  font-weight: 700;
  color: red
}

@media (max-width: 1023px) {
  .checkout-steps .checkout-step-item__content--info .text--notice {
      font-size:14px
  }
}

.checkout-steps .checkout-step-item__replenishment h3 {
  display: inline;
  margin-right: 20px
}

.checkout-steps .checkout-step-item__replenishment .replenishmentSpecify {
  margin-top: 10px
}

@media (min-width: 1024px) {
  .checkout-steps .cart__item__heading {
      margin-top:-3.9rem
  }
}

.table-list__step1 {
  display: table;
  width: 100%
}

.table-list__step1 .table-list__row {
  display: table-row
}

.table-list__step1 .table-list__row>.table-list__cell-label {
  font-size: 1.3rem;
  position: relative;
  display: table-cell;
  width: 20%;
  padding-right: 5%
}

.table-list__step1 .table-list__row>.table-list__cell-label:after {
  position: absolute;
  right: 10%;
  content: ":"
}

.table-list__step1 .table-list__row>.table-list__cell-value {
  font-size: 1.4rem;
  display: table-cell
}

.table-list__step1 .table-list__row:nth-child(2n)>.table-list__cell-label,.table-list__step1 .table-list__row:nth-child(2n)>.table-list__cell-value {
  padding-top: 20px
}

.table-list__step1 .table-list__row:nth-child(2n)>.table-list__cell-label:after {
  top: 20px
}

.table-list__step1--container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 768px) {
  .table-list__step1--container {
      margin-right:0;
      margin-left: 0
  }
}

.table-list__step1.warning {
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid red;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .table-list__step1.warning {
      padding-top:10px;
      padding-bottom: 10px;
      padding-left: 5px
  }

  .table-list-shipping-container:first-child .table-list-shipping-divider {
      height: 0;
      border-top: 0
  }
}

@media (min-width: 1200px) {
  .table-list__step1--info {
      margin-left:-50px
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .table-list__step1--info {
      margin-left:-40px
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .table-list__step1--info {
      margin-left:-20px
  }
}

.table-list__step1--info .text--notice {
  font-size: 16px;
  font-weight: 700;
  color: red
}

@media (max-width: 1023px) {
  .table-list__step1--info .text--notice {
      font-size:14px
  }
}

.table-list__step4 .table-list__row {
  display: table-row
}

.table-list__step4 .table-list__row>.table-list__cell-label {
  font-size: 1.3rem;
  position: relative;
  display: table-cell;
  width: 40%;
  padding-right: 5%
}

.table-list__step4 .table-list__row>.table-list__cell-label:after {
  position: absolute;
  right: 10%;
  content: ":"
}

.table-list__step4 .table-list__row>.table-list__cell-value {
  font-size: 1.2rem;
  display: table-cell
}

.table-list__step4 .table-list__cell-label.laundry-service {
  color: red
}

.table-list__step4 .table-list__cell-label.laundry-service:after {
  color: #000
}

.table-list-shipping-container {
  padding-top: 0;
  border-top: 0
}

@media (max-width: 767px) {
  .table-list-shipping-container .table-list-shipping-divider {
      height:15px;
      border-top: 1px solid #eee
  }
}

.table-list-shipping-container .table-list-store-name {
  font-size: 2rem;
  font-weight: 700;
  padding: 2px 0;
  text-align: center;
  background-color: #eaeaea
}

.table-list-shipping-container .table-list-store-detail {
  width: 100%!important;
  padding-top: 20px!important;
  border: 0
}

.list-custom--inline {
  margin-left: 0;
  padding: 0;
  list-style: none
}

.list-custom--inline>li {
  display: inline;
  padding: 0
}

.list-custom--inline>li+li {
  margin-left: 15px
}

.list-custom--inline>li+li:before {
  display: inline-block;
  margin-right: 15px;
  content: "|"
}

.list-custom--block>li:before {
  position: relative;
  top: -4px;
  display: inline-block;
  margin-right: 5px;
  content: "."
}

.shipping-info+.shipping-info {
  margin-top: 60px
}

.shipping-info .bold__reduce_tax {
  font-weight: 700;
  display: inline-block
}

.shipping-info .orders-table-reduce-tax {
  margin-top: 6px;
  margin-left: -7px
}

.shipping-info p {
  line-height: 2.2rem
}

.shipping-info__header {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin: 0 0 1rem
}

.shipping-info .dropdown-toggle {
  width: 18rem!important;
  margin-bottom: 10px!important
}

@media (min-width: 1024px) {
  .cart__table__review+.cart__table__review {
      margin-top:60px
  }
}

@media (max-width: 1023px) {
  .cart__table__review+.cart__table__review {
      margin-top:30px
  }
}

.cart__table__review .cart__item {
  padding: 20px 0
}

.cart__table__review .cart__item__wrapper {
  min-height: inherit
}

.cart__table__review .cart__item__img {
  max-width: 70px;
  margin-right: 4rem
}

.cart__table__review .cart__item__img img {
  width: 100%
}

.cart__table__review .cart__item__heading__quantity,.cart__table__review .cart__item__quantity {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.cart__table__review .cart__item__heading__price,.cart__table__review .cart__item__price {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0
}

@media (min-width: 1024px) {
  .cart__table__review .cart__item__heading__quantity,.cart__table__review .cart__item__quantity {
      float:left;
      width: 16.66666667%
  }

  .cart__table__review .cart__item__heading__price,.cart__table__review .cart__item__price {
      float: left;
      width: 25%
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .cart__table__review .cart__item__price {
      font-size:18px
  }
}

.cart__table__review .cart__item--name {
  margin-bottom: 5px
}

.cart__table__review .cart__item--image3 {
  float: left;
  margin: 0 5px 5px 0
}

.cart__table__review .cart__item--image3+.pdp__prices {
  clear: both
}

.shipping-address__item {
  margin-bottom: 6rem
}

@media (min-width: 768px) {
  .shipping-address__item:nth-child(3n+1) {
      clear:left
  }
}

.summary-order-bottom .tax-separated .shipping,.summary-order-bottom .total-payment .shipping,.summary-order-right .tax-separated .shipping,.summary-order-right .total-payment .shipping {
  clear: both
}

@media (max-width: 767px) {
  .shipping-address__item {
      margin-bottom:15px
  }

  .shipping-address__item:first-child .table-list__step1 {
      padding-top: 0;
      border-top: 0
  }

  .shipping-address__item .shipping-address__form,.shipping-address__item .table-list__step1 {
      padding-top: 15px;
      border-top: 1px solid #eee
  }
}

.shipping-address__item:last-child {
  margin-bottom: 0
}

.shipping-address__item .table-list__step1 .table-list__cell-label {
  font-size: 11px;
  width: 30%
}

.shipping-address__item .list-custom--inline {
  line-height: 30px;
  margin-top: 2rem
}

.shipping-address__item .list-custom--inline li>form {
  display: inline
}

.shipping-address__item .shipping-address__form,.shipping-address__item .table-list__step1 {
  display: table;
  width: 97%
}

.shipping-address__item-footer {
  text-align: center
}

.shipping-address__item-footer .shipping-address__checkbox-default {
  margin-top: 0
}

.shipping-address__link-register-new {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee
}

.shipping-address__default {
  font-size: 1.3rem;
  line-height: 30px;
  position: relative;
  height: 30px;
  margin: 2rem 0 0;
  text-align: center;
  color: #036;
  border: 1px solid #036;
  background-color: #f9f9f9
}

.shipping-address__address-field .input-address-2,.shipping-address__form {
  margin-bottom: 1rem
}

.payment-method__visa-delete,.payment-method__visa-delete:focus,.payment-method__visa-delete:hover,.shipping-address__postcode-field__link-zipcode:focus,.shipping-address__postcode-field__link-zipcode:hover,.shipping-address__text--clickable:focus,.shipping-address__text--clickable:hover {
  color: #3d9ed1
}

.shipping-address__default .fa-sort-asc {
  font-size: 16px;
  position: absolute;
  top: -.7rem;
  left: 50%
}

@media (max-width: 1023px) {
  .shipping-address__default .fa-sort-asc {
      font-size:12px
  }
}

.shipping-address__form .table-list__row {
  display: table-row
}

.shipping-address__form .table-list__row>.table-list__cell-label {
  font-size: 1.1rem;
  position: relative;
  display: table-cell;
  width: 43%;
  padding-right: 5%
}

.shipping-address__form .table-list__row>.table-list__cell-label:after {
  position: absolute;
  right: 10%;
  content: ":"
}

.shipping-address__address-field .table-list__cell-value,.shipping-address__postcode-field .table-list__cell-value {
  position: relative
}

.shipping-address__form .table-list__row>.table-list__cell-value {
  font-size: 1.3rem;
  display: table-cell
}

.shipping-address__form input {
  font-size: 11px
}

@media (max-width: 1023px) {
  .shipping-address__form input {
      font-size:8px
  }
}

.shipping-address__form .table-list__cell-label,.shipping-address__form .table-list__cell-value {
  padding-top: 1rem
}

.shipping-address__form .table-list__cell-label {
  line-height: 30px;
  vertical-align: top
}

.shipping-address__form .table-list__cell-label:after {
  content: ""!important
}

.shipping-address__form .table-list__cell-value {
  line-height: 30px
}

.shipping-address__address-field--right {
  float: left;
  width: 50%
}

.shipping-address__address-field--left {
  float: left;
  min-width: 50%
}

.shipping-address__postcode-field--left {
  width: 100%;
  padding-right: 100px
}

@media (max-width: 1023px) and (min-width:768px) {
  .shipping-address__postcode-field--left {
      padding-right:0
  }
}

@media (max-width: 767px) {
  .shipping-address__link-register-new {
      padding-bottom:15px;
      text-align: center
  }

  .shipping-address__postcode-field--left {
      padding-right: 84px
  }
}

.shipping-address__postcode-field__btn-search-postcode {
  position: absolute;
  top: 1rem;
  right: 0;
  width: 95px;
  padding: 5px 0
}

@media (max-width: 1023px) and (min-width:768px) {
  .shipping-address__postcode-field__btn-search-postcode {
      position:static;
      top: 0;
      margin-top: 10px
  }
}

.shipping-address__postcode-field__link-zipcode {
  font-size: 12px;
  display: inline-block
}

@media (max-width: 1023px) {
  .shipping-address__postcode-field__link-zipcode {
      font-size:10px
  }
}

.shipping-address__text--clickable {
  font-weight: 400;
  color: #3d9ed1;
  background-color: transparent
}

.payment-method__visa--border {
  max-width: 34px
}

@media (min-width: 768px) {
  .payment-method__visa--border {
      margin-left:30px
  }
}

.payment-method__visaID {
  margin-left: 5px;
  text-transform: none
}

.payment-method__visa-delete {
  font-size: 14px
}

@media (max-width: 1023px) {
  .payment-method__visa-delete {
      font-size:11px
  }
}

@media (min-width: 768px) {
  .payment-method__visa-delete {
      margin-left:30px
  }
}

.payment-method__submit {
  float: none
}

.payment-method__icon {
  max-height: 20px
}

.payment-method__bank-tranfer,.payment-method__bank-tranfer .checkout-modal__content {
  overflow: hidden
}

.payment-method__bank-tranfer .table-list__cell-label {
  font-size: 1.3rem;
  float: left
}

.payment-method__bank-tranfer .table-list__cell-label:after {
  display: inline-block;
  content: ":"
}

.payment-method__bank-tranfer .table-list__cell-value {
  float: left;
  margin-left: 3rem
}

.payment-method__visa-tranfer .table-list__cell-label {
  font-size: 1.3rem;
  float: left
}

.payment-method__visa-tranfer .table-list__cell-label:after {
  display: inline-block
}

.payment-method__visa-tranfer .table-list__cell-value {
  float: left
}

@media (max-width: 767px) {
  .shipping-address__postcode-field__btn-search-postcode {
      width:80px;
      padding: 8px 0!important
  }

  .payment-method__visa-form .table-list__row {
      display: table-row
  }

  .payment-method__visa-form .table-list__row>.table-list__cell-label {
      font-size: 1.3rem;
      position: relative;
      display: table-cell;
      width: 40%;
      padding-right: 7.5%
  }

  .payment-method__visa-form .table-list__row>.table-list__cell-label:after {
      position: absolute;
      right: 15%;
      content: ":"
  }

  .payment-method__visa-form .table-list__row>.table-list__cell-value {
      font-size: 1.3rem;
      display: table-cell
  }
}

@media (min-width: 768px) {
  .payment-method__visa-form {
      display:table;
      width: 100%;
      padding-left: 30px
  }

  .payment-method__visa-form .table-list__row {
      display: table-row
  }

  .payment-method__visa-form .table-list__row>.table-list__cell-label {
      font-size: 1.3rem;
      position: relative;
      display: table-cell;
      width: 22%;
      padding-right: 5%
  }

  .payment-method__visa-form .table-list__row>.table-list__cell-label:after {
      position: absolute;
      right: 10%;
      content: ":"
  }

  .payment-method__visa-form .table-list__row>.table-list__cell-value {
      font-size: 1.3rem;
      display: table-cell
  }

  .payment-method__visa-form .form-control--height30 {
      width: 35%
  }
}

.payment-method__visa-form .table-list__cell-label,.payment-method__visa-form .table-list__cell-value {
  padding-top: 1rem
}

.payment-method__visa-form .table-list__cell-label {
  line-height: 30px;
  vertical-align: top
}

.payment-method__visa-form .form-select-custom {
  display: inline-block
}

.payment-method__visa-form .form-select-custom .dropdown-toggle {
  width: 60px
}

.payment-method__visa-form .form-select-custom .dropdown-menu {
  min-width: 80px
}

.payment-method__visa-form .form-select-custom+label {
  padding: 0 2rem 0 1rem
}

@media (max-width: 480px) {
  .payment-method__visa-form .form-select-custom .dropdown-toggle {
      width:50px
  }

  .payment-method__visa-form .form-select-custom+label {
      padding-left: 2px
  }
}

@media (max-width: 767px) {
  .payment-method__visa-radio--new {
      display:block
  }

  .payment-method__visa-text {
      margin-top: 2rem
  }
}

@media (min-width: 768px) {
  .payment-method__visa-text {
      display:inline-block
  }
}

.payment-method__visa-text span {
  font-size: 1.3rem;
  margin: 0 1.5rem;
  color: #111
}

.payment-method__convenience-store .table-wrapper {
  display: table;
  width: 100%
}

.payment-method__convenience-store .table-list__row {
  display: table-row
}

.payment-method__convenience-store .table-list__row>.table-list__cell-label {
  font-size: 1.3rem;
  position: relative;
  display: table-cell;
  width: 18%;
  padding-right: 7.5%
}

.payment-method__convenience-store .table-list__row>.table-list__cell-label:after {
  position: absolute;
  right: 15%;
  content: ":"
}

.payment-method__convenience-store .table-list__row>.table-list__cell-value {
  font-size: 1.3rem;
  display: table-cell
}

.payment-method__convenience-store .table-list__cell-label {
  line-height: 30px;
  vertical-align: top
}

@media (max-width: 767px) {
  .payment-method__visa-text span {
      margin-left:0
  }

  .payment-method__convenience-store .table-list__cell-label {
      width: 30%!important
  }
}

.payment-method__convenience-store .table-list__cell-label,.payment-method__convenience-store .table-list__cell-value {
  padding-top: 1rem
}

.payment-method__convenience-store .custom-radio-1 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.payment-method__convenience-store .custom-radio-1>label {
  margin-right: 2rem
}

.payment-method__convenience-store .form-select-custom {
  display: inline-block
}

@media (min-width: 768px) {
  .payment-method__convenience-store .table-list__cell-value>input {
      width:30%
  }

  .payment-method__convenience-store .form-select-custom .dropdown-menu,.payment-method__convenience-store .form-select-custom .dropdown-toggle {
      width: 22rem
  }
}

@media (max-width: 767px) {
  .payment-method__convenience-store .form-select-custom .dropdown-menu,.payment-method__convenience-store .form-select-custom .dropdown-toggle {
      width:140px
  }
}

.payment-method__convenience-store-list {
  font-size: 1.3rem;
  line-height: 2.1rem;
  margin-bottom: 1rem
}

.payment-method__convenience-store .target-blank {
  display: inline-block;
  margin-bottom: 1rem
}

.payment-method__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111
}

.modal-checkout-ars.modal-pdp .modal-dialog,.modal-payment-method.modal-pdp .modal-dialog,.modal-shipping-address.modal-pdp .modal-dialog,.mycompany-edit-shipping.modal-pdp .modal-dialog {
  width: auto;
  max-width: 930px
}

.modal-checkout-ars.modal-pdp .modal-body,.modal-payment-method.modal-pdp .modal-body,.modal-shipping-address.modal-pdp .modal-body,.mycompany-edit-shipping.modal-pdp .modal-body {
  padding: 30px
}

@media (max-width: 767px) {
  .modal-checkout-ars.modal-pdp .modal-body,.modal-payment-method.modal-pdp .modal-body,.modal-shipping-address.modal-pdp .modal-body,.mycompany-edit-shipping.modal-pdp .modal-body {
      padding:10px
  }
}

.modal-point-of-use .payment {
  margin-left: 5px;
  text-transform: lowercase
}

.modal-point-of-use .form-group {
  margin-bottom: 0
}

.modal-point-of-use .input-point-wrapper {
  position: relative
}

.modal-point-of-use .input-point-wrapper .input-point-inner {
  width: 100%;
  padding-right: 55px
}

@media (max-width: 767px) {
  .modal-point-of-use .input-point-wrapper .input-point-inner {
      padding-right:45px
  }
}

.modal-point-of-use .input-point-wrapper .btn-submit-point {
  position: absolute;
  top: 0;
  right: 0
}

.checkout-modal__content {
  padding: 1.5rem 5rem 2rem
}

@media (max-width: 767px) {
  .checkout-modal__content {
      padding-right:0;
      padding-left: 0
  }
}

.checkout-modal__content .custom-checkbox-1,.checkout-modal__content .custom-radio-1 {
  margin-top: 0;
  padding: 1rem 0;
  background-color: transparent
}

.checkout-modal__content .custom-checkbox-1>label,.checkout-modal__content .custom-radio-1>label {
  font-size: 1.3rem;
  color: #111
}

.checkout-modal__content .card-warning-message .text1 {
  font-size: 13px
}

.checkout-modal__content .card-warning-message .text2 {
  font-size: 11px;
  padding: 10px 0 20px
}

@media (max-width: 767px) {
  .checkout-modal__content .card-warning-message .text1 {
      font-size:11px
  }

  .checkout-modal__content .card-warning-message .text2 {
      font-size: 10px;
      padding: 5px 0 15px
  }
}

.checkout-modal__content .card-warning-message .card-icons img {
  padding: 10px 0
}

.checkout-modal__content .card-warning-message .width-50 {
  max-width: 50px
}

.checkout-modal__content .card-warning-message .width-80 {
  max-width: 80px
}

#cboxWrapper,.cboxPhoto {
  max-width: none
}

.checkout-modal__content .card-warning-message .visa--border {
  margin-right: 20px
}

.checkout-modal__content .card-warning-message .external-link-bg {
  color: #3d9ed1
}

.checkout-modal__content .card-warning-message .external-link-eg {
  color: #ff3c6c
}

.checkout-modal__block .custom-checkbox-1,.checkout-modal__block .custom-radio-1 {
  margin-top: 0
}

.checkout-modal__subtitle {
  font-size: 1.5rem;
  font-weight: 700;
  display: inline
}

.checkout-modal__errorMsg {
  font-size: 12px;
  display: none;
  color: #ff3c6c
}

@media (max-width: 767px) {
  .checkout-modal__content .card-warning-message .card-icons img {
      padding:5px 0
  }

  .checkout-modal__content .card-warning-message .visa--border {
      margin-right: 5px
  }

  .checkout-modal__block .custom-radio-1--padding {
      padding: 15px
  }

  .checkout-modal__errorMsg {
      font-size: 10px
  }
}

.checkout-modal__noted {
  display: none;
  margin-bottom: -10px;
  color: #ff3c6c
}

.checkout-ars__block .table-list__row {
  display: table-row
}

.checkout-ars__block .table-list__row>.table-list__cell-label {
  font-size: 1.3rem;
  position: relative;
  display: table-cell;
  width: 40%;
  padding-right: 7.5%
}

.checkout-ars__block .table-list__row>.table-list__cell-label:after {
  position: absolute;
  right: 15%;
  content: ":"
}

.checkout-ars__block .table-list__row>.table-list__cell-value {
  font-size: 1.3rem;
  display: table-cell
}

.checkout-ars__block .form-select-custom .dropdown-menu,.checkout-ars__block .form-select-custom .dropdown-toggle {
  width: 220px
}

.checkout-ars__block .form-select-custom .dropdown-menu--custom {
  top: -185px;
  max-height: 220px
}

.checkout-ars__submit {
  float: none
}

.checkout-ars__note-text {
  margin-top: 1.5rem
}

label.terms {
  margin: 15px 0
}

.checkout-confirmation,.checkout-confirmation-convenience {
  font-size: 14px;
  line-height: 2.2rem;
  color: #111
}

@media (max-width: 1023px) {
  .checkout-confirmation,.checkout-confirmation-convenience {
      font-size:11px
  }
}

.checkout-confirmation h5,.checkout-confirmation-convenience h5 {
  font-size: 1.5rem;
  margin-bottom: 2rem
}

.checkout-confirmation .header-section,.checkout-confirmation-convenience .header-section {
  padding-bottom: 6rem;
  text-align: center;
  color: #111
}

.checkout-confirmation .header-section .page-header,.checkout-confirmation-convenience .header-section .page-header {
  line-height: 3.6rem;
  margin-bottom: 2rem
}

.checkout-confirmation .header-section .time-text,.checkout-confirmation-convenience .header-section .time-text {
  font-size: 12px;
  margin-bottom: 3rem
}

@media (max-width: 1023px) {
  .checkout-confirmation .header-section .time-text,.checkout-confirmation-convenience .header-section .time-text {
      font-size:10px
  }
}

.checkout-confirmation .header-section .checkout-id,.checkout-confirmation-convenience .header-section .checkout-id {
  font-size: 2.2rem;
  font-weight: 700;
  color: #111
}

.checkout-confirmation .info-group,.checkout-confirmation-convenience .info-group {
  padding-top: 3rem;
  padding-bottom: 4rem;
  border-top: 1px solid #eee
}

.checkout-confirmation .info-item,.checkout-confirmation-convenience .info-item {
  margin-bottom: 3rem
}

.checkout-confirmation .info-item:last-child,.checkout-confirmation-convenience .info-item:last-child {
  margin-bottom: 0
}

.checkout-confirmation .box-info,.checkout-confirmation-convenience .box-info {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem 2.5rem;
  border: 1px solid #eee
}

.checkout-confirmation .box-info.transfer-destination,.checkout-confirmation-convenience .box-info.transfer-destination {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  padding: 2.5rem
}

.checkout-confirmation .text--small,.checkout-confirmation-convenience .text--small {
  font-size: 12px
}

@media (max-width: 1023px) {
  .checkout-confirmation .text--small,.checkout-confirmation-convenience .text--small {
      font-size:10px
  }
}

.checkout-confirmation .btn-continue,.checkout-confirmation-convenience .btn-continue {
  font-size: 16px;
  margin-top: 4rem;
  margin-bottom: 7rem;
  padding-top: 2rem;
  padding-bottom: 2rem
}

.checkout-confirmation .btn-continue .fa,.checkout-confirmation-convenience .btn-continue .fa {
  font-size: 12px;
  line-height: 1.2rem;
  right: auto;
  margin-left: 1.5rem
}

.checkout-confirmation .post-link,.checkout-confirmation .post-link:focus,.checkout-confirmation .post-link:hover,.checkout-confirmation-convenience .post-link,.checkout-confirmation-convenience .post-link:focus,.checkout-confirmation-convenience .post-link:hover {
  color: #3d9ed1
}

.checkout-confirmation-convenience .header-section .payment-store {
  display: block;
  margin-bottom: 3rem;
  padding-top: 3rem;
  padding-bottom: 2rem;
  color: #111;
  background-color: #f9f9f9
}

.summary-order-bottom,.summary-order-right {
  padding: 5rem;
  background-color: #f9f9f9
}

@media (max-width: 1023px) {
  .checkout-confirmation .btn-continue,.checkout-confirmation-convenience .btn-continue {
      font-size:12px
  }

  .checkout-confirmation .btn-continue .fa,.checkout-confirmation-convenience .btn-continue .fa {
      font-size: 10px
  }

  .summary-order-bottom,.summary-order-right {
      padding-right: 10px;
      padding-bottom: 30px;
      padding-left: 10px
  }
}

.summary-order-bottom .order-list .order-item,.summary-order-right .order-list .order-item {
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.multiple-address-summary__container .summary-order-bottom .order-list .order-item,.multiple-address-summary__container .summary-order-right .order-list .order-item,.mypage__order-details .summary-order-bottom .order-list .order-item,.mypage__order-details .summary-order-right .order-list .order-item {
  margin-right: 0!important
}

.summary-order-bottom .order-list .order-item .order-title,.summary-order-right .order-list .order-item .order-title {
  font-size: 14px;
  position: relative;
  display: inline-block;
  color: #111
}

@media (max-width: 1023px) {
  .summary-order-bottom .order-list .order-item .order-title,.summary-order-right .order-list .order-item .order-title {
      font-size:11px
  }
}

.summary-order-bottom .order-list .order-item .order-title:after,.summary-order-right .order-list .order-item .order-title:after {
  position: absolute;
  left: 145px;
  content: ":";
  color: #999
}

.summary-order-bottom .order-list .order-item .order-title.text--small,.summary-order-right .order-list .order-item .order-title.text--small {
  font-size: 12px;
  color: #111
}

@media (max-width: 1023px) {
  .summary-order-bottom .order-list .order-item .order-title.text--small,.summary-order-right .order-list .order-item .order-title.text--small {
      font-size:10px
  }
}

.summary-order-bottom .order-list .order-item .payment,.summary-order-right .order-list .order-item .payment {
  font-size: 14px;
  color: #111
}

@media (max-width: 1023px) {
  .summary-order-bottom .order-list .order-item .payment,.summary-order-right .order-list .order-item .payment {
      font-size:11px
  }
}

.summary-order-bottom .order-list .order-item .payment.text--small,.summary-order-right .order-list .order-item .payment.text--small {
  font-size: 12px
}

@media (max-width: 1023px) {
  .summary-order-bottom .order-list .order-item .payment.text--small,.summary-order-right .order-list .order-item .payment.text--small {
      font-size:10px
  }
}

.summary-order-bottom .order-list .order-item .btn-additional,.summary-order-right .order-list .order-item .btn-additional {
  position: absolute;
  top: 4px;
  right: -60px
}

.summary-order-bottom .order-list .order-item.additional,.summary-order-right .order-list .order-item.additional {
  position: relative;
  margin-bottom: 5px
}

.summary-order-bottom .order-list .order-item.additional .error-element,.summary-order-right .order-list .order-item.additional .error-element {
  margin-top: 2rem
}

.summary-order-bottom .order-list .order-item.additional .text--small,.summary-order-right .order-list .order-item.additional .text--small {
  margin-top: 10px
}

.summary-order-bottom .order-list .order-item .input-custom-asm,.summary-order-right .order-list .order-item .input-custom-asm {
  width: 35%;
  height: 35px
}

.summary-order-bottom .order-list .order-item.order-item-loyalty-point,.summary-order-right .order-list .order-item.order-item-loyalty-point {
  position: relative;
  margin-top: 30px
}

.summary-order-bottom .order-list .order-item.order-item-loyalty-point .btn-loyalty-points-show,.summary-order-right .order-list .order-item.order-item-loyalty-point .btn-loyalty-points-show {
  position: absolute;
  right: -60px;
  bottom: 0
}

.summary-order-bottom .text--tiny,.summary-order-right .text--tiny {
  font-size: 1rem
}

.summary-order-bottom .total-payment,.summary-order-right .total-payment {
  overflow: hidden;
  margin-top: 1rem;
  padding: 1.2rem 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc
}

.summary-order-bottom .total-payment label,.summary-order-right .total-payment label {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 0;
  color: #111
}

.summary-order-bottom .total-payment .payment,.summary-order-right .total-payment .payment {
  font-size: 24px;
  font-weight: 700;
  line-height: 3rem;
  float: right;
  color: #ff3c6c
}

.summary-order-bottom .total-payment .payment::first-letter,.summary-order-right .total-payment .payment::first-letter {
  font-size: 18px
}

.summary-order-bottom .total-payment .payment .sub-text,.summary-order-right .total-payment .payment .sub-text {
  font-size: 12px
}

.summary-order-bottom .tax-separated,.summary-order-right .tax-separated {
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  padding-top: 6px;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .summary-order-bottom .tax-separated,.summary-order-right .tax-separated {
      padding-right:6px
  }
}

.summary-order-bottom .tax-separated .tax-separated-table,.summary-order-right .tax-separated .tax-separated-table {
  float: right;
  width: 40%
}

@media (max-width: 767px) {
  .summary-order-bottom .order-list .order-item .order-title:after,.summary-order-right .order-list .order-item .order-title:after {
      left:95px
  }

  .summary-order-bottom .tax-separated,.summary-order-right .tax-separated {
      padding-right: 6px
  }

  .summary-order-bottom .tax-separated .tax-separated-table,.summary-order-right .tax-separated .tax-separated-table {
      width: 80%
  }
}

@media (min-width: 767px) and (max-width:1023px) {
  .summary-order-bottom .tax-separated .tax-separated-table,.summary-order-right .tax-separated .tax-separated-table {
      width:70%
  }
}

@media (max-width: 1200px) and (min-width:768px) {
  .summary-order-bottom .tax-separated .tax-separated-table,.summary-order-right .tax-separated .tax-separated-table {
      width:70%
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .summary-order-bottom .tax-separated .tax-separated-table,.summary-order-right .tax-separated .tax-separated-table {
      width:60%
  }

  .summary-order-bottom .tax-separated .tax-separated-table .order-list-tax-item,.summary-order-right .tax-separated .tax-separated-table .order-list-tax-item {
      padding: 3px
  }
}

.summary-order-bottom .tax-separated .tax-separated-table .order-list-tax-item,.summary-order-right .tax-separated .tax-separated-table .order-list-tax-item {
  text-align: right
}

.summary-order-bottom .tax-separated .tax-separated-table-right,.summary-order-right .tax-separated .tax-separated-table-right {
  float: right;
  width: 75%
}

@media (max-width: 767px) {
  .summary-order-bottom .tax-separated .tax-separated-table-right,.summary-order-right .tax-separated .tax-separated-table-right {
      width:58%
  }
}

@media (max-width: 1023px) {
  .summary-order-bottom .tax-separated .tax-separated-table-right,.summary-order-right .tax-separated .tax-separated-table-right {
      width:80%
  }

  .summary-order-bottom .tax-separated .tax-separated-table-right .order-list-tax-item,.summary-order-right .tax-separated .tax-separated-table-right .order-list-tax-item {
      padding: 3px
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .summary-order-bottom .tax-separated .tax-separated-table-right,.summary-order-right .tax-separated .tax-separated-table-right {
      width:100%
  }

  .summary-order-bottom .tax-separated .tax-separated-table-right .order-list-tax-item,.summary-order-right .tax-separated .tax-separated-table-right .order-list-tax-item {
      padding: 0
  }
}

@media (min-width: 1024px) {
  .summary-order-bottom .tax-separated .tax-separated-table-right,.summary-order-right .tax-separated .tax-separated-table-right {
      width:89%
  }

  .summary-order-bottom .tax-separated .tax-separated-table-right .order-list-tax-item,.summary-order-right .tax-separated .tax-separated-table-right .order-list-tax-item {
      padding: 0
  }

  .summary-order-right .order-list .order-item .order-title:after {
      left: 122px
  }
}

.summary-order-bottom .tax-separated .order-list-tax-item,.summary-order-right .tax-separated .order-list-tax-item {
  padding: 0;
  text-align: right
}

.summary-order-bottom .tax-separated .order-item-tax-percent,.summary-order-right .tax-separated .order-item-tax-percent {
  position: relative;
  width: 30%;
  text-align: right;
  color: #111
}

.summary-order-bottom .tax-separated .order-item-tax-text,.summary-order-right .tax-separated .order-item-tax-text {
  position: relative;
  display: inline-block;
  text-align: right;
  color: #111
}

.summary-order-bottom .cash-box,.summary-order-right .cash-box {
  position: relative;
  margin: 2rem 0 0;
  padding: 2rem;
  background-color: #fdedf2
}

.summary-order-bottom .cash-box input,.summary-order-right .cash-box input {
  font-size: 14px;
  width: 140px;
  height: 30px;
  padding-left: 10px;
  border: 1px solid #eee;
  border-radius: 5px
}

@media (max-width: 1023px) {
  .summary-order-bottom .cash-box input,.summary-order-right .cash-box input {
      font-size:11px
  }
}

.summary-order-bottom .cash-box input:focus,.summary-order-right .cash-box input:focus {
  outline: 0;
  box-shadow: none
}

.summary-order-bottom .cash-box input.input-cash,.summary-order-right .cash-box input.input-cash {
  margin-left: 5px
}

.summary-order-bottom .cash-box .input-cash,.summary-order-right .cash-box .input-cash {
  font-size: 16px;
  font-weight: 700;
  float: right;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .summary-order-bottom .cash-box .input-cash,.summary-order-right .cash-box .input-cash {
      font-size:12px
  }
}

.summary-order-bottom .cash-box label,.summary-order-right .cash-box label {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ff3c6c
}

.summary-order-bottom .cash-box .text--small,.summary-order-right .cash-box .text--small {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 0;
  color: #111
}

@media (max-width: 1023px) {
  .summary-order-bottom .cash-box .text--small,.summary-order-right .cash-box .text--small {
      font-size:10px
  }
}

@media (max-width: 1199px) {
  .summary-order-bottom .cash-box .text--small,.summary-order-right .cash-box .text--small {
      margin-top:10px
  }

  .mypage__order-history-invoice .table-infomation .btn-secondary {
      min-width: 6rem
  }
}

.summary-order-bottom .footer,.summary-order-right .footer {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.4rem;
  position: relative;
  margin-top: 2rem;
  text-align: center;
  color: #111
}

@media (max-width: 1023px) {
  .summary-order-bottom .footer,.summary-order-right .footer {
      font-size:12px;
      margin-bottom: 0
  }
}

.summary-order-bottom .footer .text--note,.summary-order-right .footer .text--note {
  font-weight: 400;
  margin-bottom: 40px;
  text-align: left;
  color: #111
}

@media (max-width: 1023px) {
  .summary-order-bottom .footer .text--note,.summary-order-right .footer .text--note {
      margin-bottom:30px
  }
}

.summary-order-bottom .footer .text--note div:not(:last-child),.summary-order-right .footer .text--note div:not(:last-child) {
  margin-bottom: 10px
}

.summary-order-bottom .footer .text--note span,.summary-order-right .footer .text--note span {
  font-size: 13px
}

@media (max-width: 767px) {
  .summary-order-bottom .cash-box input,.summary-order-right .cash-box input {
      width:115px
  }

  .summary-order-bottom .footer .text--note span,.summary-order-right .footer .text--note span {
      font-size: 11px
  }
}

.summary-order-bottom .footer .text--medium,.summary-order-right .footer .text--medium {
  font-size: 14px;
  font-weight: 400;
  line-height: 2.2rem;
  color: #111
}

@media (max-width: 1023px) {
  .summary-order-bottom .footer .text--medium,.summary-order-right .footer .text--medium {
      font-size:11px
  }
}

.summary-order-bottom .footer .text--red,.summary-order-right .footer .text--red {
  font-size: 14px;
  text-align: left;
  color: red
}

.summary-order-bottom .footer .text--red.first,.summary-order-right .footer .text--red.first {
  padding-top: 15px
}

.summary-order-bottom .footer .text--red a,.summary-order-right .footer .text--red a {
  color: #3d9ed1
}

.summary-order-bottom .footer .btn-confirm-order,.summary-order-bottom .footer .btn-previous-step,.summary-order-right .footer .btn-confirm-order,.summary-order-right .footer .btn-previous-step {
  margin-top: 3rem
}

.summary-order-bottom .footer .btn-confirm-order,.summary-order-right .footer .btn-confirm-order {
  margin-bottom: 2rem
}

@media (max-width: 767px) {
  .summary-order-bottom .footer .text--red,.summary-order-right .footer .text--red {
      font-size:13px
  }

  .summary-order-bottom .footer .text--red.first,.summary-order-right .footer .text--red.first {
      padding-top: 20px
  }

  .summary-order-bottom .footer .btn-confirm-order,.summary-order-right .footer .btn-confirm-order {
      margin-bottom: 2.5rem
  }
}

.summary-order-bottom .footer .btn-confirm-order.place-order__disable,.summary-order-right .footer .btn-confirm-order.place-order__disable {
  cursor: default!important;
  pointer-events: none;
  color: #888;
  background-color: #d2d2d2
}

.summary-order-bottom .footer .link-to-new-page,.summary-order-right .footer .link-to-new-page {
  font-size: 14px;
  font-weight: 400;
  margin-top: 80px
}

.summary-order-bottom .footer .text-confirm,.summary-order-right .footer .text-confirm {
  margin-top: 2rem
}

.summary-order-bottom .footer .replacementorder-block,.summary-order-right .footer .replacementorder-block {
  display: none
}

.summary-order-bottom .footer .text--center,.summary-order-right .footer .text--center {
  text-align: center
}

.summary-order-right {
  padding: 0 0 5rem
}

.summary-order-right .order--dcr {
  margin-right: 5px;
  margin-bottom: 2rem;
  margin-left: 5px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dcdcdc
}

@media (min-width: 768px) {
  .summary-order-right .hide-on-pc-customized {
      display:none
  }

  .multiple-shipping-address__set-address .wrapper-pdp-information {
      border-right: 1px solid #eee
  }
}

.summary-order-right .addrs__title {
  position: absolute
}

.summary-order-right .addrs__contents {
  display: block;
  padding-left: 45px
}

.summary-order-right .addrs__contents--item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.summary-order-right .footer,.summary-order-right .order-list {
  padding-right: 2rem;
  padding-left: 2rem
}

.summary-order-right .total-payment {
  margin-right: 2rem;
  margin-left: 2rem
}

@media (max-width: 1023px) {
  .summary-order-bottom .footer .link-to-new-page,.summary-order-right .footer .link-to-new-page {
      font-size:11px
  }

  .summary-order-right .footer,.summary-order-right .order-list {
      padding-right: 5px;
      padding-left: 5px
  }

  .summary-order-right .total-payment {
      margin-right: 5px;
      margin-left: 5px
  }

  .summary-order-right .order-list .order-item .order-title:after {
      left: 95px
  }
}

.summary-order-right .footer {
  margin-bottom: 0
}

.summary-order-right .footer .placeOrderForm1 {
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #dcdcdc
}

.summary-order-right .footer .placeOrderForm1 .placeOrderNoted {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 1rem;
  text-align: left;
  color: #ff3c6c
}

@media (max-width: 767px) {
  .summary-order-right .footer .placeOrderForm1 .placeOrderNoted {
      font-size:11px;
      margin-bottom: 2rem
  }
}

.summary-order-right .footer .btn-confirm-order {
  font-size: 14px;
  line-height: 40px;
  height: 40px
}

@media (max-width: 1023px) {
  .summary-order-right .footer .btn-confirm-order {
      font-size:11px
  }
}

.summary-order-right .footer .btn-confirm-order.place-order__disable {
  margin-top: 1rem
}

.summary-order-right .footer .link-to-new-page {
  margin-top: 0;
  transform: translateY(20px)
}

@media (max-width: 1199px) and (min-width:1023px) {
  .summary-order-right .total-payment label {
      font-size:16px
  }
}

@media (max-width: 1199px) and (min-width:1023px) and (max-width:1023px) {
  .summary-order-right .total-payment label {
      font-size:12px
  }
}

.multiple-address-summary__container .checkout-step-item__content {
  margin-top: 0
}

.multiple-address-summary__container .panel-heading {
  padding: 0
}

.multiple-address-summary__container .panel-heading+.panel-collapse>.panel-body {
  border-top-color: #eee
}

.multiple-address-summary__container .panel-title {
  font-size: 16px;
  line-height: 2rem;
  padding: 1.8rem 0;
  cursor: pointer;
  color: #111
}

@media (max-width: 1023px) {
  .multiple-address-summary__container .panel-title {
      font-size:12px
  }
}

.multiple-address-summary__container .panel-title.collapsed:after {
  content: "\f078"
}

.multiple-address-summary__container .panel-title:after {
  font-family: FontAwesome;
  display: inline-block;
  float: right;
  margin-right: 1rem;
  content: "\f077";
  color: #ccc
}

.multiple-address-summary__container .panel+.panel {
  margin: 0;
  border-top: 1px solid #eee
}

.multiple-address-summary__container .panel-body,.multiple-address-summary__payment-method {
  padding: 2.5rem;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .multiple-address-summary__container .panel-body,.multiple-address-summary__payment-method {
      padding-right:10px;
      padding-left: 10px
  }
}

.multiple-address-summary__order-summary .footer {
  margin-top: 2rem
}

.multiple-shipping-address__container {
  margin-bottom: 6rem
}

.multiple-shipping-address__container .summary-order-right {
  margin-top: 20px
}

.multiple-shipping-address__container .summary-order-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
  margin: 0 0 20px;
  text-align: center;
  color: #111
}

@media (max-width: 1023px) {
  .multiple-shipping-address__container .summary-order-title {
      font-size:12px
  }
}

.multiple-shipping-address__container .summary-order-bottom {
  display: inline-block;
  width: 100%;
  margin: 4rem 0
}

.multiple-shipping-address__container .btn-confirm-order,.multiple-shipping-address__container .multiple-shipping-address__title {
  margin-top: 4rem
}

.multiple-shipping-address__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
  margin: 0 0 20px;
  padding: 15px 0;
  color: #111;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

.multiple-shipping-address__set-address .address-line+.address-line,.multiple-shipping-address__set-address .pdp__information-row+.pdp__information-row {
  margin-top: 10px
}

@media (max-width: 1023px) {
  .multiple-shipping-address__title {
      font-size:12px
  }
}

.multiple-shipping-address__set-address .pdp__information .table-list__row {
  display: table-row
}

.multiple-shipping-address__set-address .pdp__information .table-list__row>.table-list__cell-label {
  font-size: 1.3rem;
  position: relative;
  display: table-cell;
  width: 77px;
  padding-right: 5%
}

.multiple-shipping-address__set-address .pdp__information .table-list__row>.table-list__cell-label:after {
  position: absolute;
  right: 10%;
  content: ":"
}

.multiple-shipping-address__set-address .pdp__information .table-list__row>.table-list__cell-value {
  font-size: 1.4rem;
  display: table-cell
}

@media (max-width: 767px) {
  .multiple-shipping-address__set-address .pdp__information .table-list__cell-label {
      width:60px!important
  }

  .multiple-shipping-address__set-address .quantity-text {
      padding-right: 5px
  }
}

.multiple-shipping-address__set-address .pdp__information-row>p {
  margin-bottom: 0
}

.multiple-shipping-address__set-address .cart__item__img {
  margin-right: 3rem
}

.multiple-shipping-address__set-address .quantity {
  display: inline-block
}

.multiple-shipping-address__set-address .quantity .dropdown-menu,.multiple-shipping-address__set-address .quantity .dropdown-toggle {
  width: 65px
}

.multiple-shipping-address__set-address .quantity-text {
  font-size: 1.3rem
}

.multiple-shipping-address__set-address .quantity-text:after {
  display: inline;
  content: ":"
}

@media (max-width: 767px) {
  .multiple-shipping-address__set-address .quantity-text:after {
      display:none
  }
}

@media (min-width: 1024px) {
  .multiple-shipping-address__set-address .quantity-text:after {
      padding-left:.5rem
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .multiple-shipping-address__set-address .quantity-input {
      width:38px!important
  }
}

.multiple-shipping-address__set-address .remove-icon {
  font-size: 16px;
  line-height: 30px;
  display: block;
  text-align: center;
  color: #ccc
}

@media (max-width: 1023px) {
  .multiple-shipping-address__set-address .remove-icon {
      font-size:12px
  }
}

.multiple-shipping-address__set-address .store-name {
  font-size: 1.3rem;
  line-height: 30px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

#cboxContent,#cboxWrapper,#colorbox {
  overflow: visible
}

.multiple-shipping-address__set-address .address-line .quantity-select-label:after {
  display: inline-block;
  margin-left: 3px;
  content: ":"
}

@media (max-width: 1199px) and (min-width:480px) {
  .multiple-shipping-address__set-address .wrapper-remove-icon {
      padding-left:0
  }
}

@media (max-width: 767px) {
  .multiple-shipping-address__set-address .address-line .quantity-select-label {
      width:auto
  }

  .multiple-shipping-address__set-address .address-line .quantity-select-label:after {
      content: ""
  }

  .multiple-shipping-address__set-address .wrapper-pdp-information {
      margin-bottom: 15px
  }

  .multiple-shipping-address__set-address .cart__item {
      display: block
  }
}

.multiple-shipping-address__set-address .cart__table__review {
  display: inline-block;
  width: 100%;
  margin-top: 20px
}

.multiple-shipping-address__set-address .wrapper-quantity-select {
  padding-right: 0;
  padding-left: 0
}

.multiple-shipping-address__set-address .btn-previous-step {
  margin-top: 4rem
}

.popup-add-shipping-destination .wrapper-checkbox-all-destination {
  border-bottom: 1px solid #eee
}

.popup-add-shipping-destination .wrapper-checkbox-all-destination .custom-checkbox-2 {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px
}

.popup-add-shipping-destination .custom-checkbox-2 {
  padding: 10px 0;
  background-color: transparent
}

.popup-add-shipping-destination .btn-primary-custom {
  margin-top: 10px
}

.btn-previous-step .fa {
  font-size: 12px;
  position: static;
  margin: 0 1rem 0 0
}

@media (max-width: 1023px) {
  .btn-previous-step .fa {
      font-size:10px
  }
}

.checkout__delete-shipping-address {
  text-align: center
}

.checkout__delete-shipping-address .modal-custom {
  width: 430px
}

.checkout__delete-shipping-address .modal-content .modal-body {
  padding: 30px
}

.reduced_tax_icon.entry_icon,.reduced_tax_icon_quo.entry_icon {
  padding-left: 4px
}

.checkout__delete-shipping-address .modal-content .modal-body .text-context {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin-top: 3rem;
  margin-bottom: 5rem;
  text-align: center
}

.reduced_tax_icon,.reduced_tax_icon_quo {
  font-weight: bolder;
  color: #0095e3;
  display: inline-block
}

.btn-default-2.scheduleReplenishmentButton {
  font-size: 14px;
  margin: 0 0 2rem!important
}

@media (max-width: 767px) {
  .checkout__delete-shipping-address .modal-custom {
      width:300px
  }

  .btn-default-2.scheduleReplenishmentButton {
      font-size: 11px
  }
}

.btn-default-2.scheduleReplenishmentResetButton {
  font-size: 14px;
  margin: 0 0 2rem!important
}

@media (max-width: 767px) {
  .btn-default-2.scheduleReplenishmentResetButton {
      font-size:11px
  }
}

.bold__reduce_tax_quo {
  display: inline-block
}

.page-header--left--customized {
  margin-bottom: 1rem;
  text-align: left
}

.page-header--left--customized .page-header--customized {
  font-size: 28px;
  font-weight: 700;
  line-height: 3rem;
  margin: 0;
  padding: 1.8rem 0 1.5rem;
  border-top: 2px solid #eee
}

@media (max-width: 1023px) {
  .page-header--left--customized .page-header--customized {
      font-size:18px
  }
}

.page-header--left--customized .text--medium {
  line-height: 2.1rem
}

.vendor-part .shipping-info__subheader {
  font-size: 12px;
  font-weight: 700;
  margin-top: 10px;
  color: #ff3c6c
}

.search__delivery--address {
  background: #f9f9f9;
  margin: -30px -30px 2rem!important
}

.search__delivery--address .search__delivery--address--title {
  font-size: 1.5rem;
  padding-right: 160px;
  padding-bottom: 10px;
  padding-left: 20px
}

@media (max-width: 1023px) {
  .search__delivery--address .search__delivery--address--title {
      padding-right:80px;
      padding-bottom: 20px;
      padding-left: 20px
  }
}

@media (max-width: 767px) {
  .search__delivery--address .search__delivery--address--title {
      font-size:10.5px;
      padding: 20px 25px 10px 39px
  }
}

@media (max-width: 374px) {
  .header .nav-info-wrapper {
      letter-spacing:-.5px
  }

  .search__delivery--address .search__delivery--address--title {
      padding-right: 5px
  }
}

@media (max-width: 319px) {
  .search__delivery--address .search__delivery--address--title {
      padding-right:2px
  }
}

.search__delivery--address .search__delivery--address--text1 {
  padding-right: 175px
}

@media (max-width: 1023px) {
  .search__delivery--address .search__delivery--address--text1 {
      padding-right:80px
  }
}

@media (min-width: 1024px) and (max-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .search__delivery--address .search__delivery--address--text1 {
      padding-right:120px
  }
}

@media (max-width: 767px) {
  .search__delivery--address .search__delivery--address--text1 {
      padding-right:5px
  }
}

@media (max-width: 376px) {
  .search__delivery--address .search__delivery--address--text1 {
      padding-right:20px
  }
}

@media (max-width: 360px) {
  .search__delivery--address .search__delivery--address--text1 {
      padding-right:20px
  }
}

@media (max-width: 319px) {
  .search__delivery--address .search__delivery--address--text1 {
      padding-right:0
  }
}

@media (max-width: 359px) {
  .search__delivery--address .search__delivery--address--text1 {
      padding-right:5px
  }
}

.search__delivery--address .search__delivery--address--text2 {
  margin-right: 280px
}

@media (max-width: 1023px) {
  .search__delivery--address .search__delivery--address--text2 {
      margin-right:190px
  }

  .search__delivery--address {
      margin-top: -21px!important
  }
}

@media (min-width: 1024px) and (max-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .search__delivery--address .search__delivery--address--text2 {
      margin-right:250px
  }
}

@media (max-width: 767px) {
  .search__delivery--address .search__delivery--address--text2 {
      margin-right:40px
  }

  #cboxLoadedContent {
      margin-top: 45px!important
  }
}

@media (max-width: 376px) {
  .search__delivery--address .search__delivery--address--text2 {
      margin-right:20px
  }
}

@media (max-width: 360px) {
  .search__delivery--address .search__delivery--address--text2 {
      margin-right:18px
  }
}

@media (max-width: 319px) {
  .search__delivery--address .search__delivery--address--text2 {
      margin-right:0
  }

  .search__delivery--address .form-control {
      font-size: 10.5px!important;
      width: 90%!important;
      padding: 0!important
  }
}

@media (max-width: 359px) {
  .search__delivery--address .search__delivery--address--text2 {
      margin-right:2px
  }
}

.delivery-address__pagination {
  margin-bottom: 2rem
}

.delivery-address__pagination .pagination>li>a,.delivery-address__pagination .pagination>li>span {
  cursor: pointer
}

@media (max-width: 1023px) {
  .delivery-address__pagination .pagination>li>a,.delivery-address__pagination .pagination>li>span {
      font-size:10.5px!important
  }
}

.chekout__registration--title {
  font-size: 1.5rem!important;
  font-weight: 700
}

.voucher-list {
  margin-top: -5px;
  padding-left: 0;
  list-style: none
}

.voucher-list .cart__coupon {
  display: -ms-flexbox;
  display: flex
}

.voucher-list .cart__coupon i {
  padding-top: 2px
}

@media (max-width: 1023px) {
  .voucher-list__item {
      display:block;
      padding-right: 5px
  }
}

.gift__coupon {
  width: 80%;
  margin: 0 auto 55px;
  padding-top: 20px;
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
  border-top: 1px solid #dcdcdc
}

.cboxIframe,.cboxPhoto {
  display: block;
  border: 0
}

@media (max-width: 1024px) {
  .gift__coupon {
      padding-right:20px;
      padding-left: 20px
  }
}

.gift__coupon span {
  display: block
}

@media (max-width: 480px) {
  .gift__coupon {
      width:90%
  }
}

@media (min-width: 1024px) {
  .gift__coupon {
      width:40%
  }
}

.gift__coupon .gift__coupon--title {
  margin-bottom: 5px
}

.gift__coupon .gift__coupon--name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px
}

.headline {
  font-size: 18px;
  margin-bottom: 10px
}

#cboxOverlay,#cboxWrapper,#colorbox {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0
}

#cboxOverlay {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000
}

#cboxBottomLeft,#cboxMiddleLeft {
  clear: left
}

.mypage__links+.mypage__links,.table-infomation .tax-separated .shipping {
  clear: both
}

#cboxTitle {
  margin: 0
}

#cboxLoadingGraphic,#cboxLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.cboxPhoto {
  float: left;
  margin: auto;
  -ms-interpolation-mode: bicubic
}

.cboxIframe {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff
}

#cboxContent,#colorbox {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active,#colorbox {
  outline: 0
}

#cboxTopLeft,#cboxTopRight {
  width: 14px;
  height: 14px
}

#cboxTopCenter {
  height: 14px
}

#cboxBottomLeft,#cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight {
  width: 14px
}

#cboxBottomCenter {
  height: 43px
}

#cboxContent {
  position: relative;
  border-radius: 8px;
  background: #fff
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}

#cboxLoadedContent {
  -webkit-overflow-scrolling: touch;
  width: 100%!important;
  height: auto!important;
  border-radius: 0 0 8px 8px;
  background: #fff
}

#cboxCurrent {
  font-weight: 700;
  position: absolute;
  bottom: -25px;
  left: 58px;
  color: #7c7c7c
}

#cboxNext,#cboxPrevious,#cboxSlideshow {
  cursor: pointer;
  position: absolute;
  bottom: -29px;
  overflow: visible;
  width: 23px;
  height: 23px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  border: 0
}

#cboxPrevious {
  left: 0;
  background-position: -51px -25px
}

#cboxPrevious:hover {
  background-position: -51px 0
}

#cboxNext {
  left: 27px;
  background-position: -75px -25px
}

#cboxNext:hover {
  background-position: -75px 0
}

.cboxSlideshow_on #cboxSlideshow {
  right: 27px;
  background-position: -125px 0
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0
}

.cboxSlideshow_off #cboxSlideshow {
  right: 27px;
  background-position: -150px -25px
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0
}

#cboxTitle {
  position: absolute;
  top: 0;
  display: table;
  width: 100%;
  padding: 15px 15px 15px 20px;
  border-bottom: 1px solid #eee;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #f9f9f9
}

#cboxTitle .colorbox__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.1rem;
  margin: 0;
  color: #111
}

#cboxClose {
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  top: 1.7rem;
  right: 2rem;
  padding: 0;
  color: #ccc;
  border: 0;
  background: 0 0
}

#cboxClose:focus,#cboxClose:hover,.price del {
  color: #111
}

.mypage__block.orders-summary,.vip-club__block {
  background-color: #f9f9f9
}

#cboxLoadedContent {
  margin-top: 5.2rem;
  padding: 30px
}

@media (max-width: 767px) {
  #cboxLoadedContent {
      margin-top:50px;
      padding: 10px
  }

  #cboxLoadedContent .btn,#cboxLoadedContent button {
      height: 30px
  }

  #cboxLoadedContent button {
      line-height: 30px
  }

  #cboxLoadedContent .btn {
      line-height: 14px;
      padding: 8px
  }
}

#cboxLoadedContent .row {
  margin-right: -5px;
  margin-left: -5px
}

#cboxLoadedContent .row [class*=col-] {
  padding-right: 5px;
  padding-left: 5px
}

#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 60px
}

#cboxLoadedContent .addressEntry+.addressEntry,#cboxLoadedContent .saved-payment-entry+.saved-payment-entry {
  margin-top: 55px
}

#cboxLoadedContent .addressEntry ul,#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -15px;
  margin-bottom: 30px
}

#cboxLoadedContent .modal-details {
  line-height: 1.8em
}

#cboxLoadedContent .modal-actions {
  margin-top: 30px
}

#cboxLoadingGraphic:before {
  position: absolute;
  z-index: 10000;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  content: "";
  animation: spinner .6s linear infinite;
  border: 2px solid #ccc;
  border-top-color: #333;
  border-radius: 50%
}

.price del {
  font-weight: 700
}

.price ins {
  color: #a94442
}

a.price ins:hover {
  color: #843534
}

.price.msrp {
  color: #111
}

.vip-club__block {
  margin-top: 4rem;
  padding: 25px
}

@media (max-width: 767px) {
  .vip-club__block {
      padding-right:5px;
      padding-left: 5px
  }

  .vip-club__bglogo {
      text-align: center
  }
}

.vip-club__block.premier-vip-club .vip-club__line {
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc
}

@media (max-width: 1023px) {
  .vip-club__block.premier-vip-club .vip-club__line {
      padding:10px 0
  }
}

.vip-club__content {
  margin-top: 20px;
  padding-top: 25px;
  border-top: 1px solid #dcdcdc
}

.vip-club__line p {
  margin-bottom: 0
}

.vip-club__line a,.vip-club__line p {
  line-height: 2.3rem
}

.vip-club__line+.vip-club__line {
  margin-top: 10px
}

.vip-club__bglogo img {
  width: 23px;
  vertical-align: top
}

.vip-club__bglogo-name {
  font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  margin-left: 8px;
  text-transform: uppercase;
  color: #111
}

.vip-club__label {
  font-size: 12px;
  font-weight: 700;
  line-height: 2.5rem;
  display: block;
  margin-top: 15px;
  padding: 8px 5px;
  color: #111;
  border: 2px solid
}

.mypage .orders-table-reduce-tax .bold__reduce_tax,.mypage__note span {
  display: inline-block;
  font-weight: 700
}

@media (max-width: 1023px) {
  .vip-club__label {
      font-size:10px
  }
}

.vip-club__logo {
  width: 13rem;
  margin: 10px 0 15px
}

.mypage .usually-buy_sort button {
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width: 767px) {
  .mypage .usually-buy_sort button,.mypage .usually-buy_sort ul.dropdown-menu {
      width:100%
  }
}

.mypage .orders-table-reduce-tax {
  margin-bottom: 6rem;
  margin-left: -6px
}

.mypage__point {
  margin-bottom: 5px;
  color: #111
}

.mypage__point span {
  font-weight: 700
}

.mypage__note {
  margin-bottom: 2rem;
  color: #111
}

.mypage__note span {
  min-width: 6rem;
  margin-right: 1rem
}

.mypage__block {
  float: left;
  width: 100%;
  margin-bottom: 1rem
}

.mypage__block .register__email-add-button {
  text-align: right
}

.mypage__block .js-register-email-btn {
  width: 10%;
  text-align: center
}

.mypage__block .register__submit-email {
  margin-top: 5rem
}

.mypage__block .form-general__row .payment-status {
  font-size: 12px
}

@media (max-width: 767px) {
  .mypage__block .js-register-email-btn {
      width:30%
  }

  .mypage__block .form-general__row .js-register-email-del-btn {
      margin-top: 5px;
      margin-right: 5px;
      margin-left: 5px
  }

  .mypage__block .form-general__row .payment-status {
      font-size: 10px
  }
}

.mypage__block__fee-COD {
  margin-bottom: 2rem;
  padding-top: 2rem;
  text-align: center;
  border-top: 1px solid #dcdcdc
}

.mypage__block__fee-COD .orders-table__heading-text {
  display: inline
}

.mypage__block.orders-summary .table-infomation {
  margin: 7px
}

@media (max-width: 1200px) and (min-width:768px) {
  .mypage__block.orders-summary .table-infomation {
      margin:7px
  }
}

.mypage__block.orders-summary .table-infomation .cart__list {
  font-size: 1.3rem;
  display: inline-block;
  float: left;
  width: 25%
}

@media (max-width: 767px) {
  .mypage__block.orders-summary .table-infomation {
      margin:0
  }

  .mypage__block.orders-summary .table-infomation .cart__item__cell>.row {
      border: 0
  }

  .mypage__block.orders-summary .table-infomation .cart__item {
      border: 0!important
  }

  .mypage__block.orders-summary .table-infomation .cart__item__heading--mobile {
      position: relative;
      text-align: left
  }

  .mypage__block.orders-summary .table-infomation .cart__item__heading--mobile:after {
      position: absolute;
      top: 0;
      right: 10px;
      content: ":"
  }

  .mypage__block.orders-summary .table-infomation .orders-summary__total .cart__item__heading--mobile:after {
      content: ""
  }

  .mypage__block.orders-summary .table-infomation .cart__list {
      width: 100%
  }
}

@media (max-width: 1023px) {
  .mypage__block.orders-summary .table-infomation {
      margin:0
  }

  .mypage__block.orders-summary .table-infomation .cart__list {
      width: 100%
  }
}

@media (max-width: 1200px) and (min-width:768px) {
  .mypage__block.orders-summary .table-infomation .cart__list {
      width:25%
  }
}

.mypage__block.orders-summary .table-infomation .cart__list .value_new {
  border-top: 0
}

.mypage__block.orders-summary .table-infomation .cart__list .cart__item_row_new {
  display: inline-block;
  padding: 15px 0 0
}

@media (min-width: 768px) {
  .mypage__block.orders-summary .table-infomation .cart__list .cart__item_row_new {
      padding:10px 35px 10px 0
  }
}

.mypage__block.orders-summary .table-infomation .cart__list .cart__item__cell {
  float: left;
  width: 100%;
  padding: 2px;
  text-align: right
}

.mypage__block.orders-summary .table-infomation .cart__list .cart__item__wrapper {
  border-bottom: 0
}

.mypage__block.orders-summary .table-infomation .cart__list .cart__item__wrapper .value_row {
  border-left: 0
}

.mypage__block.orders-summary .table-infomation .cart__item__cell_total {
  width: 50%
}

.mypage__block.orders-summary .table-infomation .cart__item__cell_total_new {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 700px
}

@media (max-width: 1200px) and (min-width:768px) {
  .mypage__block.orders-summary .table-infomation .cart__item__cell_total_new {
      width:58%
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .mypage__block.orders-summary .table-infomation .cart__item__cell_total_new {
      width:51%
  }
}

.mypage__block.orders-summary .table-infomation .cart__item__cell+.orders-summary__total {
  display: none
}

@media (max-width: 767px) {
  .mypage__block.orders-summary .table-infomation .cart__item__cell+.orders-summary__total {
      display:block
  }

  .mypage__block .order-summary--value {
      text-align: right
  }
}

@media (max-width: 1023px) {
  .mypage__block.orders-summary .table-infomation .cart__item__cell+.orders-summary__total {
      display:block
  }
}

@media (max-width: 1200px) and (min-width:768px) {
  .mypage__block.orders-summary .table-infomation .cart__item__cell+.orders-summary__total {
      display:none
  }
}

.mypage__links {
  float: right;
  margin-top: 1rem
}

.mypage .nav-block__title- -order:before {
  content: "\f0d1"
}

.mypage .nav-block__title- -member-info:before {
  content: "\f007"
}

.mypage .nav-block__title- -other-support:before {
  content: "\f1cd"
}

.mypage .nav-block__title- -store-info:before {
  content: "\f1ad"
}

.mypage .custom-style-calendar {
  margin-top: 10px;
  margin-bottom: 6rem;
  padding: 3.5rem 5rem;
  background-color: #f9f9f9
}

@media (min-width: 1024px) {
  .mypage .custom-style-calendar__label {
      margin-right:16%
  }
}

@media (max-width: 1023px) and (min-width:768px) {
  .mypage .custom-style-calendar__label {
      display:inline-block;
      margin-right: 12%
  }
}

@media (max-width: 767px) {
  .mypage__links {
      float:left
  }

  .mypage .custom-style-calendar {
      padding: 20px 5px
  }

  .mypage .custom-style-calendar__label {
      display: block;
      margin-bottom: 10px
  }

  .mypage .pagination-bar.top {
      display: none
  }
}

.mypage__group-links {
  margin-bottom: 2rem;
  text-align: center
}

.mypage__reorder-list {
  border-bottom: 1px solid #dcdcdc
}

.mypage .pagination-bar {
  float: right;
  margin: 0
}

.mypage .pagination-bar.bottom {
  margin: 0 0 60px
}

@media (max-width: 767px) {
  .mypage .pagination-bar.bottom {
      width:100%;
      margin-bottom: 30px
  }

  .mypage .sort-form {
      width: 100%
  }
}

.mypage .sort-form {
  float: left;
  margin-bottom: 4rem
}

.mypage__order-history-details .block-header {
  margin: 0 0 2rem
}

.mypage__order-history-details .orders-summary {
  margin-top: 6rem
}

.mypage__order-history-listing__id {
  font-size: 20px;
  font-weight: 700;
  padding-top: 20px;
  color: #111
}

@media (max-width: 1023px) {
  .mypage__order-history-listing__id {
      font-size:14px
  }
}

.mypage__order-history-listing__id>a {
  margin-left: 1rem;
  color: #3d9ed1
}

.mypage__order-history-listing .mypage__btn-refine-by,.mypage__order-history-listing .mypage__btn-reset-date {
  margin-left: 20px;
  padding-right: 40px;
  padding-left: 40px
}

@media (min-width: 768px) and (max-width:1023px) {
  .mypage__order-history-listing .mypage__btn-refine-by,.mypage__order-history-listing .mypage__btn-reset-date {
      margin-left:10px
  }
}

@media (max-width: 767px) {
  .mypage .sort-form .dropdown-menu,.mypage .sort-form .dropdown-toggle {
      width:100%
  }

  .mypage__order-history-details .btn-invoice,.mypage__order-history-details .btn-receipt {
      margin-bottom: 10px
  }

  .mypage__order-history-listing .mypage__btn-refine-by,.mypage__order-history-listing .mypage__btn-reset-date {
      display: block;
      width: 100%;
      margin-top: 20px;
      margin-left: 0
  }
}

.mypage__order-history-listing .mypage__btn-reset-date {
  margin-left: 6px;
  padding-right: 26px;
  padding-left: 26px;
  color: #999;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff
}

@media (max-width: 767px) {
  .mypage__order-history-listing .mypage__btn-reset-date {
      height:26px;
      margin-top: 10px;
      margin-left: 0;
      padding: 5px 10px
  }

  .mypage .orders-summary {
      padding-right: 10px;
      padding-left: 10px;
      background-color: #f9f9f9
  }

  .mypage .orders-summary .cart__item__wrapper {
      border: 0
  }
}

.mypage .orders-summary__total-number {
  font-size: 1.8rem;
  font-weight: 700
}

.mypage .orders-summary__total-number .text--large {
  font-weight: 700
}

.mypage .orders-summary__total-number .price-data {
  font-size: 18px;
  display: inline-block
}

.mypage .orders-summary__total-number .price-data::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .mypage .orders-summary__total-number .price-data {
      font-size:14px
  }

  .mypage .orders-summary__total-number .price-data::first-letter {
      font-size: 12px
  }
}

.mypage__order-history-invoice .form-general__calendar>form {
  display: inline-block
}

@media (min-width: 768px) {
  .mypage .orders-summary .cart__item__cell {
      float:left;
      width: 80%;
      padding: 2px;
      text-align: left
  }

  .mypage .orders-summary__total-number .text--large {
      display: inline-block
  }

  .mypage__order-history-invoice .mypage__btn-refine-by {
      margin-left: 30px
  }
}

@media (max-width: 767px) {
  .mypage .orders-summary__total {
      margin-top:10px;
      padding-top: 10px!important;
      padding-bottom: 10px!important;
      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc
  }

  .mypage .orders-summary__total .cart__item__heading--mobile {
      line-height: 16px;
      color: #111
  }

  .mypage__order-history-invoice .mypage__btn-refine-by {
      display: block;
      width: 100%;
      margin-top: 20px
  }
}

.mypage__comment {
  float: left;
  width: 100%;
  padding: 6rem 3rem;
  background-color: #f9f9f9
}

.mypage__comment__line {
  position: relative;
  float: left;
  width: 100%
}

.mypage__comment__line+.mypage__comment__line {
  margin-top: 3rem
}

.mypage__comment__line .mypage__comment__info {
  float: left
}

@media (min-width: 768px) {
  .mypage__comment__line .mypage__comment__info {
      display:-ms-flexbox;
      display: flex;
      flex-direction: row;
      margin-left: 3rem;
      -ms-flex-direction: row;
      -ms-flex-align: end;
      align-items: flex-end
  }

  .mypage__comment__BG .mypage__comment__info .popover {
      -ms-flex-order: 1;
      order: 1
  }
}

.mypage__comment__line .mypage__comment__time {
  font-size: 1.3rem;
  vertical-align: bottom
}

@media (max-width: 767px) {
  .mypage__comment {
      padding:30px 15px
  }

  .mypage__comment__line .mypage__comment__info {
      width: 85%
  }

  .mypage__comment__line .mypage__comment__time {
      float: left;
      width: 100%;
      margin-top: 3px
  }

  .mypage__comment__BG .mypage__comment__time {
      margin-left: -5%
  }
}

.mypage__comment__BG .mypage__comment__info {
  float: right
}

.mypage__comment__from {
  font-size: 1.3rem;
  float: right;
  margin-top: 2rem
}

.mypage__comment__from span {
  font-weight: 700
}

.mypage__comment .fa-user,.mypage__comment .fa-user-o {
  font-size: 20px
}

@media (max-width: 1023px) {
  .mypage__comment .fa-user,.mypage__comment .fa-user-o {
      font-size:14px
  }
}

.mypage__comment .fa-user-o:before,.mypage__comment .fa-user:before {
  font-size: 5rem
}

.mypage__comment .fa-user {
  float: left
}

.mypage__comment .fa-user-o {
  font-size: 20px;
  font-weight: 700;
  float: right;
  text-align: center;
  color: #3d9ed1
}

.mypage__comment .fa-user-o:before {
  font-weight: 400;
  display: block;
  margin-bottom: 5px
}

.mypage__comment .popover {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 68rem;
  color: #111;
  box-shadow: none
}

.mypage__comment .popover>.arrow {
  top: 3rem;
  border-width: 8px
}

.mypage__comment .popover.right {
  float: left
}

.mypage__comment .popover.right>.arrow {
  left: -17px
}

@media (min-width: 768px) {
  .mypage__comment__BG .mypage__comment__time {
      padding:0 30px 12px 0
  }

  .mypage__comment .popover.right~.mypage__comment__time {
      padding: 0 0 12px 20px
  }
}

.mypage__comment .popover.left {
  float: right;
  margin-right: 3rem;
  background-color: #edf4f7
}

.mypage__comment .popover.left>.arrow {
  right: -17px
}

.mypage__comment .popover.left>.arrow:after {
  border-left-color: #edf4f7
}

.mypage__comment__write {
  padding: 5rem;
  background-color: #eaeaea
}

@media (max-width: 767px) {
  .mypage__comment .fa-user,.mypage__comment .fa-user-o {
      width:10%
  }

  .mypage__comment .popover {
      width: 100%;
      max-width: none
  }

  .mypage__comment .popover.right {
      margin-left: 5%
  }

  .mypage__comment .popover.right~.mypage__comment__time {
      margin-left: 5%;
      text-align: right
  }

  .mypage__comment .popover.left {
      margin-right: 5%
  }

  .mypage__comment__write {
      padding: 15px
  }
}

.mypage__comment__write textarea {
  margin-bottom: 3rem
}

.mypage .cart__table__review {
  padding: 5rem;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .mypage .cart__table__review {
      padding:15px 5px
  }

  .mypage__replenishment-order-detail-disable {
      display: block
  }
}

.mypage .cart__table__review .cart__item__quantity .approval-js-form {
  width: -moz-min-content;
  width: min-content
}

.mypage .replenishment-order-detail {
  float: left
}

@media (max-width: 1023px) {
  .mypage__comment .fa-user-o {
      font-size:14px
  }

  .mypage .replenishment-order-detail {
      width: 100%;
      margin-top: 10px;
      padding: 10px;
      border: 2px solid #dcdcdc
  }
}

.mypage__replenishment-order-detail-disable {
  line-height: 3rem
}

@media (min-width: 768px) {
  .mypage__replenishment-order-detail {
      position:relative;
      padding-top: 50px
  }

  .mypage__replenishment-order-detail-disable {
      float: right;
      margin-right: 3rem;
      margin-bottom: 2rem
  }

  .mypage__replenishment-order-detail-delete {
      float: right
  }

  .mypage__replenishment-order-detail__block-top {
      position: absolute;
      top: 0;
      right: 0
  }
}

@media (max-width: 767px) {
  .mypage__replenishment-order-detail-delete {
      min-width:70px;
      margin-top: 25px
  }

  .mypage__order-details .cart__item__cell,.mypage__replenishment-order-detail__block-top {
      text-align: center
  }

  .mypage__order-details .cart__item__cell+.cart__item__cell {
      border-left: 1px solid #dcdcdc
  }
}

.mypage__order-details .summary-order-bottom {
  padding-top: 0
}

.mypage__order-details .summary-order-bottom .order-list li {
  margin-top: 0
}

.mypage__order-details .summary-order-bottom .order-list li>span {
  position: static!important;
  float: right
}

@media (min-width: 768px) {
  .mypage__order-details .summary-order-bottom {
      padding:0 5rem 5rem
  }

  .table-infomation {
      text-align: center
  }
}

.mypage__order-details .cart__table__review .cart__list .cart__item__price {
  padding-right: 15px
}

.mypage__order-details .cart__table__review .cart__list .cart__item__price .pdp__prices {
  font-size: 14px;
  font-weight: 400;
  color: #111
}

.mypage__order-rejected-link {
  margin-left: 1rem
}

.mypage__order-approval label,.mypage__order-rejection label {
  font-weight: 700
}

.mypage__usually-buy-list {
  margin: 2rem 0 3rem;
  border-bottom: 1px solid #dcdcdc
}

.mypage__usually-buy-list .actions-container-for-UsuallyBuyProductsPageComponent {
  float: left;
  width: 100%
}

.mypage__delete-member-info .btn-cancel {
  height: 40px
}

.mypage__delete-member-info p {
  font-size: 13px;
  margin-bottom: 2rem
}

@media (max-width: 1023px) {
  .mypage__delete-member-info p {
      font-size:11px
  }
}

.mypage .btn-order-rejection .fa {
  font-size: 16px;
  position: static;
  margin-left: 1rem
}

.mypage__recently-view-products .btn-text-display .display-one-line {
  display: block!important;
  padding: 0
}

.mypage__recently-view-products .btn-text-display .display-two-line {
  display: none
}

.btn-invoice,.btn-receipt,.orders-table .btn-secondary,.table-infomation .btn-secondary {
  font-size: 12px;
  line-height: 16px;
  float: left;
  width: 48%;
  padding: 6px 0
}

@media (max-width: 1023px) {
  .mypage .btn-order-rejection .fa {
      font-size:12px
  }

  .btn-invoice,.btn-receipt,.orders-table .btn-secondary,.table-infomation .btn-secondary {
      font-size: 10px
  }
}

.btn-invoice+.btn-secondary,.btn-receipt+.btn-secondary,.orders-table .btn-secondary+.btn-secondary,.table-infomation .btn-secondary+.btn-secondary {
  margin-left: 4%
}

.table-infomation {
  color: #111
}

.table-infomation .cart__item__heading- -mobile,.table-infomation .cart__item__heading_new- -mobile {
  color: #999;
  font-weight: 700
}

.table-infomation .cart__item__wrapper {
  min-height: inherit
}

.table-infomation .cart__item__wrapper:first-child {
  border-top: 1px solid #dcdcdc
}

@media (min-width: 1024px) {
  .table-infomation .cart__item__wrapper:first-child {
      border-top:2px solid #dcdcdc
  }
}

.table-infomation .btn-secondary {
  min-width: 7rem
}

@media (min-width: 768px) {
  .table-infomation .btn-secondary {
      float:none;
      width: auto
  }
}

.table-infomation .btn-secondary+.btn-secondary {
  margin-left: 1rem
}

@media (max-width: 767px) {
  .table-infomation .cart__item__wrapper {
      border:0
  }

  .table-infomation .cart__item__wrapper:nth-child(2n) .cart__item {
      background-color: #f7f6f6
  }

  .table-infomation .cart__item__wrapper:last-child .cart__item {
      border-bottom: 1px solid #dcdcdc
  }

  .table-infomation .btn-secondary {
      width: 49%;
      min-width: inherit
  }

  .table-infomation .btn-secondary+.btn-secondary {
      margin-left: 2%
  }
}

.table-infomation .cart__item__heading_new {
  font-size: 1.3rem;
  font-weight: 700;
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 28%;
  padding: 10px 0 10px 10px;
  text-align: center;
  color: #999
}

.table-infomation .cart__item__heading_new .cart__delimiter {
  padding: 2px
}

.table-infomation .cart__item {
  padding: 10px 0
}

@media (max-width: 767px) {
  .table-infomation .cart__item {
      display:block;
      padding: 15px 0 20px;
      border-top: 1px solid #dcdcdc
  }

  .table-infomation .cart__item .cart__item__cell {
      font-size: 10px;
      padding-top: 2px;
      padding-bottom: 2px
  }

  .table-infomation .cart__item .cart__item__cell>.row {
      margin-right: 0;
      margin-left: 0;
      padding: 5px 0;
      border-bottom: 1px solid #dcdcdc
  }
}

.table-infomation .tax-separated {
  float: right;
  overflow: hidden;
  width: 47%;
  padding-right: 10px;
  border-top: 1px solid #dcdcdc
}

@media (max-width: 1023px) {
  .table-infomation .tax-separated {
      width:44%;
      padding-right: 10px
  }
}

@media (min-width: 1024px) {
  .table-infomation .tax-separated {
      width:43%;
      padding-top: 10px;
      padding-right: 10px
  }
}

@media (max-width: 767px) {
  .table-infomation .tax-separated {
      width:65%;
      padding-right: 0;
      border-top: 0
  }
}

.table-infomation .tax-separated .tax-separated-table {
  float: right;
  width: 50%
}

@media (max-width: 767px) {
  .table-infomation .tax-separated .tax-separated-table {
      width:70%
  }
}

@media (max-width: 1023px) {
  .table-infomation .tax-separated .tax-separated-table {
      width:80%
  }
}

@media (max-width: 1200px) and (min-width:768px) {
  .table-infomation .tax-separated .tax-separated-table {
      width:70%
  }
}

.table-infomation .tax-separated .tax-separated-table .order-list-tax-item {
  padding: 0;
  text-align: right
}

.table-infomation .tax-separated .order-item-tax-percent {
  font-size: 1.3rem;
  position: relative;
  width: 30%;
  text-align: right;
  color: #111
}

@media (max-width: 767px) {
  .table-infomation .tax-separated .order-item-tax-percent {
      font-size:10px
  }
}

.table-infomation .tax-separated .order-item-tax-text {
  font-size: 1.3rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  text-align: right;
  color: #999
}

.orders-table {
  border-bottom: 1px solid #dcdcdc
}

.orders-table__heading {
  padding-right: 1rem;
  padding-left: 1rem;
  color: #111;
  border: 1px solid #dcdcdc;
  background-color: #f9f9f9
}

@media (min-width: 768px) {
  .table-infomation .cart__item .cart__item__cell {
      -ms-flex-pack:center;
      justify-content: center
  }

  .table-infomation .cart__item .cart__item__cell+.cart__item__cell {
      border-left: 1px solid #dcdcdc
  }

  .orders-table__heading {
      text-align: center;
      border-bottom: 0
  }

  .orders-table__heading-text {
      display: block;
      margin-bottom: 20px
  }
}

.orders-table__heading .cart__item {
  padding-top: 2rem
}

@media (max-width: 767px) {
  .table-infomation .tax-separated .order-item-tax-text {
      font-size:10px;
      font-weight: 400;
      color: #111
  }

  .orders-table__heading {
      border-right: 0;
      border-bottom: 0;
      border-left: 0
  }

  .orders-table__heading .cart__item {
      display: block
  }

  .orders-table__heading-text {
      width: 30%!important
  }
}

.orders-table__heading-text {
  font-size: 1.3rem;
  font-weight: 700;
  color: #999
}

.orders-table__ship-count-label {
  font-size: 16px;
  color: #111
}

@media (max-width: 767px) {
  .orders-table__ship-count-label {
      font-size:11px
  }
}

.orders-table__ship-count {
  font-size: 18px;
  font-weight: 700;
  color: #111
}

.orders-table__explanation-link {
  font-size: 14px;
  color: #3d9ed1
}

@media (max-width: 767px) {
  .orders-table__ship-count {
      font-size:14px
  }

  .orders-table__explanation-link {
      font-size: 10px
  }
}

.orders-table__h2 {
  font-size: 24px
}

@media (min-width: 768px) {
  .orders-table__cell+.orders-table__cell {
      border-left:1px solid #dcdcdc
  }
}

@media (max-width: 767px) {
  .orders-table__h2 {
      font-size:16px
  }

  .orders-table__cell {
      padding-top: 5px;
      padding-bottom: 5px
  }

  .orders-table__cell:last-child .orders-table__heading-text {
      margin-bottom: 5px
  }

  .orders-table__cell>span {
      float: left;
      width: 70%
  }

  .orders-table__cell+.orders-table__cell {
      border-top: 1px solid #dcdcdc
  }
}

.orders-table__cell .payment-cell {
  margin: 0
}

.orders-table__cell .payment-cell .payment-status {
  font-size: 12px
}

.orders-table .label-current-price {
  font-weight: 700
}

.orders-table .label-delivery-note {
  float: left;
  width: 48%;
  margin-right: 4%
}

.orders-table .btn-secondary:first-child {
  clear: left
}

.orders-table__content {
  padding: 2rem 2rem 0;
  border: 1px solid #dcdcdc;
  border-bottom: 0
}

@media (max-width: 767px) {
  .orders-table__cell .payment-cell .payment-status {
      font-size:10px
  }

  .orders-table .label-current-price {
      font-size: 11px;
      display: inline-block;
      margin-top: 10px
  }

  .orders-table .label-delivery-note {
      width: 60px;
      margin-top: 10px;
      margin-right: 0
  }

  .orders-table__content {
      margin: 15px 5px 0;
      padding: 0;
      border-top: 0;
      border-right: 0;
      border-left: 0
  }
}

.orders-table__content__show-more {
  padding: 1.5rem;
  text-align: center;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
  background-color: #f9f9f9
}

.orders-table__content__show-more__button {
  font-weight: 700
}

.main-banner .top-link:focus,.main-banner .top-link:hover,.site-search .ui-autocomplete .ui-state-focus .name,.site-search .ui-historycomplete .ui-state-focus .name,.user__link:focus .username,.user__link:hover .username {
  text-decoration: underline
}

.orders-table__content__heading {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #111
}

@media (min-width: 768px) {
  .orders-table__content__heading {
      padding-bottom:5px;
      text-align: center
  }
}

.orders-table__content__heading .label-delivery-item {
  font-size: 18px;
  font-weight: 700;
  padding-right: 0
}

@media (max-width: 767px) {
  .orders-table__content__heading .label-delivery-item>span {
      font-size:14px;
      display: block;
      margin-bottom: 10px;
      padding: 10px 0;
      border-bottom: 1px solid #dcdcdc
  }
}

.orders-table__content__heading .label-delivery-item .pre-order__annotation {
  font-size: 12px;
  display: inline-block;
  padding-left: 20px;
  color: #ff3c6c
}

@media (max-width: 767px) {
  .orders-table__content__heading .label-delivery-item .pre-order__annotation {
      font-size:10px;
      padding-left: 15px
  }
}

.orders-table__content__heading .pre-order__label-item {
  padding-left: 30px;
  text-align: left
}

@media (min-width: 768px) {
  .orders-table__content__heading .col-sm-2-customized {
      width:15%;
      padding-right: 0;
      padding-left: 0
  }
}

@media (min-width: 1024px) and (max-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .orders-table__content__heading.row.heading__customized {
      font-size:1.2rem
  }
}

.orders-table__content__heading.row.heading__customized .tracking-number {
  text-align: left
}

@media (max-width: 767px) {
  .orders-table__content__heading-label {
      display:inline-block;
      width: 60px
  }

  .orders-table__content__heading-label:after {
      float: right
  }
}

.orders-table__content__heading-label:after {
  display: inline;
  margin-right: 3px;
  padding-left: 3px;
  content: ":"
}

.orders-table__content .btn-delivery-note {
  position: relative;
  top: -7px;
  text-align: center
}

@media (max-width: 767px) {
  .orders-table__content .btn-delivery-note {
      width:calc((100% - 60px));
      margin-top: 10px
  }

  .orders-table__content .item__product,.orders-table__content .pdp__prices,.orders-table__content .quantity-select {
      padding: 0 10px;
      background-color: #f9f9f9
  }

  .orders-table__content .pdp__prices {
      margin-top: 10px
  }

  .orders-table__content .quantity-select {
      width: 100%
  }
}

.orders-table__content .pdp__prices--padding {
  margin-top: 0;
  padding-left: 0
}

.orders-table__content .item__product {
  font-size: 0;
  width: 100%;
  margin: 0
}

.orders-table__content .item__product .add_to_cart__order-history button {
  width: 100%
}

@media (max-width: 767px) {
  .orders-table__content .item__product {
      max-width:none;
      padding: 10px
  }

  .orders-table__content .item__product .add_to_cart_form {
      padding-right: 45px
  }

  .orders-table__content .item__product .add_to_cart__order-history {
      padding-right: 0
  }
}

@media (max-width: 599px) {
  .orders-table__content .item__product .item__add-wish-list {
      line-height:30px;
      right: 10px;
      bottom: 10px;
      width: 30px;
      height: 30px
  }

  .orders-table__content .item__product .add_to_cart_form {
      padding-right: 35px
  }

  .orders-table__content .item__product .add_to_cart__order-history {
      padding-right: 0
  }
}

@media (max-width: 767px) {
  .orders-table__content .item__product__order-history {
      padding:10px 0 0
  }

  .orders-table__content .item__product__order-history button {
      float: right;
      width: 45%
  }
}

.orders-table__content .item__product__order-history .add_to_cart_form {
  padding-right: 0
}

@media (min-width: 768px) {
  .orders-table__content .quantity-select {
      top:4px;
      float: right
  }

  .orders-table__content .item__product {
      float: right
  }

  .orders-table__content .write-product-review {
      float: right;
      margin-top: 15px
  }
}

@media (max-width: 767px) {
  .orders-table__content .write-product-review {
      display:block;
      padding-right: 10px;
      padding-bottom: 10px;
      text-align: right;
      background-color: #f9f9f9
  }

  .orders-table .product-line-info .price__order-history .basic-price,.orders-table .product-line-info .price__order-history .bg-price {
      font-size: 10px
  }
}

.popover-vip-info,.popover-vip-logo {
  display: table-cell;
  vertical-align: top
}

.orders-table .product-line-info .price__order-history .price-data,.orders-table .product-line-info .price__order-history .vip-price {
  font-size: 18px
}

.orders-table .product-line-info .price__order-history .price-data::first-letter,.orders-table .product-line-info .price__order-history .vip-price::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .orders-table .product-line-info .price__order-history .price-data,.orders-table .product-line-info .price__order-history .vip-price {
      font-size:14px
  }

  .orders-table .product-line-info .price__order-history .price-data::first-letter,.orders-table .product-line-info .price__order-history .vip-price::first-letter {
      font-size: 12px
  }
}

@media (max-width: 767px) {
  .orders-table .product-line-info .price__order-history .form-control-static {
      width:auto
  }
}

.popover-vip-logo img {
  width: 60px;
  margin-right: 20px
}

.popover-vip-info .popover-vip-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 2.4rem;
  margin: 0;
  color: #0a3162
}

@media (max-width: 1023px) {
  .popover-vip-info .popover-vip-title {
      font-size:11px
  }
}

.popover-vip-info .popover-vip-info {
  font-size: 12px;
  line-height: 1.8rem;
  color: #0a3162
}

@media (max-width: 1023px) {
  .popover-vip-info .popover-vip-info {
      font-size:10px
  }
}

.popover-vip-info .popover-vip-info-link {
  font-size: 12px;
  font-weight: 700;
  float: right;
  margin-top: 1rem;
  color: #999
}

@media (max-width: 1023px) {
  .popover-vip-info .popover-vip-info-link {
      font-size:10px
  }
}

.popover-vip-info .popover-vip-info-link .fa {
  font-size: 1rem
}

.popover-custom.popover {
  width: 380px;
  max-width: none;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 0 15px 1px rgba(0,0,0,.5)
}

@media (max-width: 1023px) {
  .popover-custom.popover {
      z-index:99;
      width: 285px
  }
}

.popover-custom.popover .arrow {
  top: -8px;
  width: 0;
  height: 0;
  margin-left: -6px;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 6px solid transparent
}

.popover-custom.popover .arrow:after {
  display: none
}

.popover-custom.popover .popover-content {
  padding: 1.5rem 1rem 1.5rem 1.5rem
}

.popover-custom.popover .popover-close {
  font-size: 1.8rem;
  position: absolute;
  top: .8rem;
  right: 1rem;
  color: #ccc
}

.block-header {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-top: 0;
  color: #111
}

@media (max-width: 1023px) {
  .block-header {
      font-size:14px
  }
}

.mypage-cvs {
  display: table;
  width: 100%
}

.mypage-cvs .table-list__row {
  display: table-row
}

.mypage-cvs .table-list__row>.table-list__cell-label {
  font-size: 1.3rem;
  position: relative;
  display: table-cell;
  width: 40%;
  padding-right: 5%
}

.mypage-cvs .table-list__row>.table-list__cell-label:after {
  position: absolute;
  right: 10%;
  content: ":"
}

.mypage-cvs .table-list__row>.table-list__cell-value {
  font-size: 1.4rem;
  display: table-cell
}

.simple-table,table th {
  font-size: 13px
}

.mypage-cvs__label--block:after {
  content: ""!important
}

.mypage-cvs .table-list__cell-label {
  font-weight: 700
}

.mypage-cvs__link {
  float: left;
  clear: both
}

.mypage-cvs .table-list__cell-label,.mypage-cvs .table-list__cell-value,.mypage-cvs__link {
  padding-bottom: 10px
}

.mypage-cvs .reduced_tax_icon {
  display: inline-block;
  color: #0095e3
}

.page-header__wrapper .customer-info-qr {
  text-align: -webkit-center
}

.page-header__wrapper .customer-info-qr .customer-info-qr-img {
  max-width: 150px
}

table {
  width: 100%
}

table th {
  font-weight: 400;
  padding: 8px 10px;
  vertical-align: top
}

table td {
  padding: 30px 10px;
  vertical-align: top
}

.responsive-table th:first-child {
  padding-left: 30px
}

.responsive-table th:last-child {
  padding-right: 30px;
  text-align: right
}

@media (max-width: 1024px) {
  .responsive-table th:first-child {
      padding-left:20px
  }

  .responsive-table th:last-child {
      padding-right: 20px
  }
}

@media (min-width: 768px) {
  .responsive-table td:nth-child(2) {
      padding-left:20px
  }
}

@media (min-width: 1024px) {
  .responsive-table td:nth-child(2) {
      padding-left:30px
  }

  .form-select-custom .dropdown-menu {
      max-height: 212px
  }
}

.responsive-table td:last-child {
  padding-right: 30px;
  text-align: right
}

@media (max-width: 768px) {
  .responsive-table td:last-child {
      padding-right:20px
  }
}

.responsive-table-item {
  padding: 15px
}

@media (max-width: 768px) {
  .responsive-table-item {
      padding:10px 20px
  }
}

.responsive-table-item:nth-child(even) {
  background-color: #fff
}

.responsive-table-item a.responsive-table-link {
  color: #428bca
}

.responsive-table-item a:focus,.responsive-table-item a:hover {
  color: #2a6496
}

.responsive-table-item td:last-child {
  text-align: right
}

@media (max-width: 1023px) {
  .simple-table {
      font-size:10px
  }
}

@media (max-width: 767px) {
  .page-header__wrapper .customer-info-qr .customer-info-qr-img {
      max-width:100px
  }

  .responsive-table-item,.responsive-table-item .status strong {
      display: block
  }

  .responsive-table-item td {
      display: inline-block;
      width: 40%;
      padding: 3px 10px
  }

  .responsive-table-item td:last-child {
      text-align: left
  }

  .responsive-table-item td.responsive-table-cell {
      width: 55%
  }

  .responsive-table-item td.responsive-table-cell-bold {
      font-weight: 600
  }

  .simple-table {
      min-width: 260px
  }

  .simple-table th {
      font-size: 11px
  }
}

.simple-table th {
  font-weight: 700;
  width: 50%;
  text-align: center;
  color: #999
}

.simple-table th:first-child {
  text-align: left
}

.simple-table tbody {
  border-bottom: 1px solid #eee
}

.simple-table td {
  text-align: center;
  vertical-align: middle
}

.simple-table td:first-child {
  text-align: left
}

.simple-table td,.simple-table th {
  line-height: 40px!important;
  padding: 0!important
}

@media (max-width: 767px) {
  .simple-table td,.simple-table th {
      line-height:30px!important
  }
}

.simple-table .text-red {
  font-size: 18px;
  font-weight: 700;
  color: #ff3c6c
}

@media (max-width: 1023px) {
  .simple-table .text-red {
      font-size:14px
  }
}

input[type=checkbox],input[type=radio] {
  margin-right: 10px;
  margin-bottom: 20px
}

input[type=text],input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

label {
  font-size: 12px;
  font-weight: 400;
  color: #111
}

@media (max-width: 1023px) {
  label {
      font-size:10px
  }
}

.form-control:focus {
  border-color: #118ac9;
  outline: 0;
  box-shadow: none
}

::-webkit-input-placeholder {
  color: #999!important
}

::-moz-placeholder {
  opacity: 1;
  color: #999!important
}

:-ms-input-placeholder {
  color: #999!important
}

:-moz-placeholder {
  color: #999!important
}

select.form-control {
  font-size: 13px
}

.form-select-custom {
  position: relative
}

.form-select-custom .dropdown-toggle {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px!important;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100px;
  height: 30px;
  margin: 0;
  padding: 4px 20px 4px 6px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-select-custom .dropdown-toggle:focus,.form-select-custom .dropdown-toggle:hover {
  border-color: #3d9ed1
}

.form-select-custom .dropdown-toggle .fa-caret-down {
  position: absolute;
  top: 33%;
  right: 7px;
  color: #999
}

.form-select-custom .dropdown-toggle--width {
  width: auto
}

.form-select-custom .btn-secondary {
  text-align: center;
  color: #fff;
  background-color: #3d9ed1
}

.form-select-custom .btn-secondary .fa {
  color: #fff
}

.form-select-custom .btn-secondary .fa-search {
  margin-left: 5px
}

.form-select-custom .btn-secondary:focus,.form-select-custom .btn-secondary:focus .fa,.form-select-custom .btn-secondary:hover,.form-select-custom .btn-secondary:hover .fa {
  color: #3d9ed1
}

.form-select-custom .dropdown-menu {
  position: absolute;
  top: -1px;
  left: -1px;
  overflow-y: auto;
  min-width: 170px;
  margin: 0;
  padding: 0;
  opacity: .95;
  color: #111;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 0 10px 1px rgba(6,0,1,.3)
}

@media (max-width: 1023px) {
  .form-select-custom .dropdown-menu {
      max-height:152px
  }
}

.form-select-custom .dropdown-menu.dropdown-menu--no-scroll {
  max-height: none
}

.form-select-custom .dropdown-menu>li:first-child>a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.form-select-custom .dropdown-menu>li:last-child>a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.form-select-custom .dropdown-menu>li>a {
  font-size: 14px;
  line-height: 2rem;
  position: relative;
  padding: 1rem 20px;
  cursor: pointer;
  white-space: normal
}

@media (max-width: 1023px) {
  .form-select-custom .dropdown-menu>li>a {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .form-select-custom .dropdown-menu>li>a {
      padding-left:10px
  }
}

.form-select-custom .dropdown-menu>li>a.active,.form-select-custom .dropdown-menu>li>a:hover {
  color: #4c97be;
  background-color: #d6e5ee
}

.form-select-custom .dropdown-menu>li>a.active:after {
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  content: "\f00c";
  color: #4c97be
}

.form-select-custom .dropdown-menu>li.pdp__pulldown-sil>a {
  padding: 5px 6px
}

@media (max-width: 767px) {
  .form-select-custom .dropdown-menu>li.pdp__pulldown-sil>a {
      padding-left:6px
  }
}

@media (min-width: 768px) {
  .form-select-custom.form-select--height40 .dropdown-toggle {
      height:40px
  }
}

.form-control {
  box-shadow: none
}

.form-control[disabled],fieldset[disabled] .form-control {
  color: #111;
  border-color: #f7f6f6;
  background-color: #f7f6f6;
  box-shadow: none
}

.form-control[readonly] {
  cursor: default;
  background-color: #fff
}

.form-control::-ms-clear {
  display: none;
  width: 0;
  height: 0
}

.custom-checkbox-1 .checkbox-label,.custom-checkbox-1 .radio-label,.custom-checkbox-2 .checkbox-label,.custom-checkbox-2 .radio-label,.custom-radio-1 .checkbox-label,.custom-radio-1 .radio-label,.custom-radio-2 .checkbox-label,.custom-radio-2 .radio-label,textarea {
  width: 100%
}

.form-control--height30 {
  height: 30px!important;
  padding: 0 5px;
  border-radius: 4px
}

.form-control.error {
  border-color: #ff3c6c
}

.has-error .control-label {
  color: #111
}

.has-error input.form-control {
  border-color: #ff3c6c;
  background: #fff
}

.has-error .help-block {
  font-weight: 600;
  color: #ff3c6c
}

.has-success .control-label {
  color: #111
}

.has-success input.form-control {
  border-color: #dcdcdc;
  background: 0 0
}

.has-success .help-block {
  font-weight: 600;
  color: #111
}

legend {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 0
}

.form-element-icon {
  position: relative
}

.form-element-icon .glyphicon {
  position: absolute
}

.form-element-icon.datepicker .glyphicon {
  top: 32px;
  right: 10px;
  cursor: pointer;
  color: #111
}

.form-control-checkbox,.form-control-radio {
  display: block
}

.form-control-checkbox input,.form-control-radio input {
  float: left;
  margin-bottom: 0
}

.form-control-checkbox .form-control-label,.form-control-radio .form-control-label {
  margin-left: 25px
}

fieldset>div:last-of-type input,fieldset>div:last-of-type label {
  margin-bottom: 0
}

.legend {
  margin-bottom: 30px
}

textarea {
  min-height: 150px;
  padding-top: 10px!important;
  padding-bottom: 10px!important
}

textarea+.help-block {
  font-size: 12px;
  margin-bottom: 25px;
  text-align: right
}

.custom-checkbox-1 label,.custom-checkbox-2 label,.custom-radio-1 label,.custom-radio-2 label {
  line-height: 20px;
  padding-left: 0;
  color: #111
}

.custom-checkbox-1 label:hover,.custom-checkbox-2 label:hover,.custom-radio-1 label:hover,.custom-radio-2 label:hover {
  color: #3d9ed1
}

.custom-checkbox-1 label.disable,.custom-checkbox-2 label.disable,.custom-radio-1 label.disable,.custom-radio-2 label.disable {
  pointer-events: none
}

.custom-checkbox-1 input[type=checkbox],.custom-checkbox-1 input[type=radio],.custom-checkbox-2 input[type=checkbox],.custom-checkbox-2 input[type=radio],.custom-radio-1 input[type=checkbox],.custom-radio-1 input[type=radio],.custom-radio-2 input[type=checkbox],.custom-radio-2 input[type=radio] {
  visibility: hidden;
  height: 0;
  opacity: 0
}

.custom-checkbox-1 input[type=checkbox]:checked~.checkbox-mark,.custom-checkbox-1 input[type=checkbox]~.checkbox-mark,.custom-checkbox-1 input[type=radio]:checked~.radio-mark,.custom-checkbox-1 input[type=radio]~.radio-mark,.custom-checkbox-2 input[type=checkbox]:checked~.checkbox-mark,.custom-checkbox-2 input[type=checkbox]~.checkbox-mark,.custom-checkbox-2 input[type=radio]:checked~.radio-mark,.custom-checkbox-2 input[type=radio]~.radio-mark,.custom-radio-1 input[type=checkbox]:checked~.checkbox-mark,.custom-radio-1 input[type=checkbox]~.checkbox-mark,.custom-radio-1 input[type=radio]:checked~.radio-mark,.custom-radio-1 input[type=radio]~.radio-mark,.custom-radio-2 input[type=checkbox]:checked~.checkbox-mark,.custom-radio-2 input[type=checkbox]~.checkbox-mark,.custom-radio-2 input[type=radio]:checked~.radio-mark,.custom-radio-2 input[type=radio]~.radio-mark {
  transition: background-color .2s linear
}

.custom-checkbox-1,.custom-radio-1 {
  margin-bottom: 0;
  padding: 20px;
  background-color: #f7f6f6
}

@media (max-width: 767px) {
  .custom-checkbox-1 label,.custom-checkbox-2 label,.custom-radio-1 label,.custom-radio-2 label {
      line-height:16px
  }

  .custom-checkbox-1,.custom-radio-1 {
      padding: 0
  }
}

.custom-checkbox-1 label,.custom-radio-1 label {
  font-size: 13px
}

@media (max-width: 1023px) {
  .form-element-icon.datepicker .glyphicon {
      top:38px
  }

  .custom-checkbox-1 label,.custom-radio-1 label {
      font-size: 14px;
      line-height: 1.5
  }
}

.custom-radio-1 input[type=radio]~.radio-mark,.custom-radio-2 input[type=radio]~.radio-mark {
  position: relative;
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 0 4px 0 0;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background-color: #fff
}

@media (max-width: 767px) {
  .custom-radio-1 input[type=radio]~.radio-mark,.custom-radio-2 input[type=radio]~.radio-mark {
      width:16px;
      height: 16px
  }
}

.custom-radio-1 input[type=radio]~.radio-mark:before,.custom-radio-2 input[type=radio]~.radio-mark:before {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  content: none;
  border-radius: 50%;
  background-color: #3d9ed1
}

@media (max-width: 767px) {
  .custom-radio-1 input[type=radio]~.radio-mark:before,.custom-radio-2 input[type=radio]~.radio-mark:before {
      top:4px;
      left: 4px;
      width: 6px;
      height: 6px
  }
}

.custom-radio-1 input[type=radio]:checked~.radio-mark,.custom-radio-2 input[type=radio]:checked~.radio-mark {
  border-color: #d4e4ed;
  background-color: #d4e4ed
}

.custom-radio-1 input[type=radio]:checked~.radio-mark:before,.custom-radio-2 input[type=radio]:checked~.radio-mark:before {
  content: ""
}

.custom-radio-1 .radio-text,.custom-radio-2 .radio-text {
  display: inline;
  float: left;
  width: calc((100% - 30px));
  margin-left: 5px;
  color: #111
}

.custom-checkbox-1 input[type=checkbox]~.checkbox-mark,.custom-checkbox-2 input[type=checkbox]~.checkbox-mark {
  position: relative;
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 0 4px 0 0;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  background-color: #fff
}

.custom-checkbox-1 input[type=checkbox]~.checkbox-mark:before,.custom-checkbox-2 input[type=checkbox]~.checkbox-mark:before {
  font-family: FontAwesome;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  content: "";
  transform: translateY(-50%);
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .custom-checkbox-1 input[type=checkbox]~.checkbox-mark:before,.custom-checkbox-2 input[type=checkbox]~.checkbox-mark:before {
      margin-left:-4px
  }
}

@media (max-width: 767px) {
  .custom-checkbox-1 input[type=checkbox]~.checkbox-mark,.custom-checkbox-2 input[type=checkbox]~.checkbox-mark {
      width:16px;
      height: 16px
  }

  .custom-checkbox-1 input[type=checkbox]~.checkbox-mark:before,.custom-checkbox-2 input[type=checkbox]~.checkbox-mark:before {
      line-height: 1
  }
}

.custom-checkbox-1 .checkbox-text,.custom-checkbox-2 .checkbox-text {
  font-weight: 400!important;
  display: inline;
  float: left;
  width: calc((100% - 30px));
  margin-left: 5px;
  color: #111
}

.custom-checkbox-1 input[type=checkbox]:checked~.checkbox-mark,.custom-checkbox-2 input[type=checkbox]:checked~.checkbox-mark {
  border-color: #d4e4ed;
  background-color: #d4e4ed
}

.custom-checkbox-1 input[type=checkbox]:checked~.checkbox-mark:before,.custom-checkbox-2 input[type=checkbox]:checked~.checkbox-mark:before {
  content: "\f00c"
}

.custom-checkbox-1 input[type=checkbox]:focus~.checkbox-mark,.custom-checkbox-1 input[type=checkbox]:hover~.checkbox-mark,.custom-checkbox-2 input[type=checkbox]:focus~.checkbox-mark,.custom-checkbox-2 input[type=checkbox]:hover~.checkbox-mark {
  color: #3d9ed1;
  border-color: #d4e4ed
}

.custom-checkbox-1 .checkbox-label:focus .checkbox-mark,.custom-checkbox-1 .checkbox-label:hover .checkbox-mark,.custom-checkbox-1 input[type=checkbox]:focus .checkbox-mark,.custom-checkbox-1 input[type=checkbox]:hover .checkbox-mark,.custom-checkbox-2 .checkbox-label:focus .checkbox-mark,.custom-checkbox-2 .checkbox-label:hover .checkbox-mark,.custom-checkbox-2 input[type=checkbox]:focus .checkbox-mark,.custom-checkbox-2 input[type=checkbox]:hover .checkbox-mark {
  border-color: #d4e4ed
}

.custom-checkbox-1 .checkbox-label:focus .checkbox-text,.custom-checkbox-1 .checkbox-label:hover .checkbox-text,.custom-checkbox-1 input[type=checkbox]:focus .checkbox-text,.custom-checkbox-1 input[type=checkbox]:hover .checkbox-text,.custom-checkbox-2 .checkbox-label:focus .checkbox-text,.custom-checkbox-2 .checkbox-label:hover .checkbox-text,.custom-checkbox-2 input[type=checkbox]:focus .checkbox-text,.custom-checkbox-2 input[type=checkbox]:hover .checkbox-text {
  color: #3d9ed1
}

.custom-checkbox-2,.custom-radio-2 {
  margin-bottom: 0;
  padding: 10px 0;
  background-color: #fff
}

.custom-checkbox-2 input[type=checkbox]~.checkbox-mark,.custom-checkbox-2 input[type=radio]+.radio-mark,.custom-radio-2 input[type=checkbox]~.checkbox-mark,.custom-radio-2 input[type=radio]+.radio-mark {
  float: left;
  margin-right: 5px
}

.custom-checkbox-2 label,.custom-radio-2 label {
  font-size: 13px
}

@media (max-width: 1023px) {
  .custom-checkbox-2 label,.custom-radio-2 label {
      font-size:11px
  }
}

.pdp-quantity-select .quantity-select-label {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  width: 80px;
  margin-right: 5px
}

@media (max-width: 1023px) {
  .pdp-quantity-select .quantity-select-label {
      font-size:10px
  }
}

.pdp-quantity-select .quantity-select-label:after {
  position: absolute;
  right: 0;
  content: ":"
}

.quantity-select {
  position: relative;
  max-width: 160px;
  margin-bottom: 10px;
  white-space: nowrap
}

@media (max-width: 767px) {
  .custom-checkbox-2,.custom-radio-2 {
      padding:5px;
      background-color: #f7f6f6
  }

  .pdp-quantity-select .quantity-select-label {
      width: 40px
  }

  .quantity-select {
      width: 58.3%;
      max-width: none;
      margin-bottom: 0
  }

  .quantity-select .quantity-select-label {
      font-size: 12px;
      font-weight: 700;
      position: relative;
      width: 40px;
      margin-right: 5px
  }

  .quantity-select .quantity-select-label:after {
      position: absolute;
      right: 0;
      content: ":"
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .quantity-select .quantity-select-label {
      font-size:10px
  }
}

.quantity-select .btn-selector[disabled] {
  border-color: #f7f6f6;
  background-color: #f7f6f6
}

.quantity-select .form-control {
  display: inline-block;
  float: none;
  width: auto;
  width: 55px;
  margin: 0 10px;
  padding: 0 5px;
  text-align: center;
  border-radius: 5px!important
}

@media (max-width: 767px) {
  .quantity-select .form-control {
      width:40px;
      margin: 0 5px;
      padding-right: 3px;
      padding-left: 3px;
      vertical-align: middle;
      border-radius: 4px!important
  }

  .quantity-select.quantity-select--small .quantity-input {
      width: 40px
  }
}

.quantity-select.quantity-select--small {
  margin-bottom: 0
}

.quantity-select.quantity-select--small .quantity-input {
  height: 30px;
  margin: 0 3px;
  padding: 0 1px
}

.quantity-select.quantity-select--small .btn-selector {
  margin: 0!important
}

.quantity-select.quantity-select__usually-buy {
  margin-bottom: 10px
}

@media (min-width: 768px) and (max-width:1023px) {
  .quantity-select.quantity-label .quantity-select-label {
      position:absolute;
      top: -15px
  }
}

.quantity-select.quantity-select__order-history {
  width: auto
}

@media (max-width: 767px) {
  .quantity-select.quantity-select--small .quantity-select-label {
      width:auto
  }

  .quantity-select.quantity-select__usually-buy {
      padding-left: 10px
  }

  .quantity-select.quantity-select__order-history {
      padding-top: 15px
  }
}

.btn-selector {
  font-size: 1rem;
  line-height: 30px;
  width: 28px;
  height: 30px;
  padding: 0;
  text-align: center;
  color: #999;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  background-color: #fff
}

.btn-selector:focus,.btn-selector:hover {
  border-color: #3d9ed1
}

@media (max-width: 767px) {
  .btn,.form-control {
      border-radius:4px
  }

  .cart__item .quantity-select__wrapper {
      margin-bottom: 10px
  }

  .cart__item .quantity-select__wrapper .control-label {
      padding-top: 10px
  }
}

@media (max-width: 1023px) {
  .cart__item .quantity-select .btn-default {
      display:block;
      margin: 5px 0;
      padding: 6px 12px
  }
}

@media (min-width: 1024px) {
  .quantity-select.quantity-select--small {
      max-width:none!important
  }

  .cart__item .quantity-select {
      display: block;
      max-width: 100px;
      text-align: center;
      white-space: normal
  }

  .cart__page .cart__item .quantity-select {
      max-width: 75px
  }

  .cart__item .quantity-select .btn-selector,.cart__item .quantity-select .form-control {
      display: inline-block
  }

  .cart__item .quantity-select .btn-selector {
      margin-top: 10px;
      margin-bottom: 15px
  }

  .cart__item .quantity-select .form-control {
      width: 60px;
      height: 30px;
      margin: 0
  }

  .cart__item .quantity-select .btn-default {
      padding: 6px 12px
  }

  .cart__item .quantity-select .btn-default[disabled] {
      color: #fff
  }
}

.form-general {
  color: #111
}

.form-general .dropdown-menu,.form-general .dropdown-toggle {
  width: 270px
}

.form-general .custom-checkbox-1,.form-general .custom-radio-1 {
  margin: 0;
  padding: 0;
  background-color: transparent
}

.form-general .custom-checkbox-1>label,.form-general .custom-radio-1>label {
  margin-bottom: 15px
}

.form-general--gray {
  margin-bottom: 6rem;
  padding: 5rem;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .form-general--gray {
      padding:15px 5px
  }
}

.form-general__label label {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
  color: #999
}

.form-general__row {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #dcdcdc
}

.form-general__row+.form-general__row {
  padding-top: 2.5rem
}

.form-general__calendar {
  display: inline-block
}

@media (max-width: 767px) {
  .form-general__calendar>label {
      display:block
  }
}

.form-general__calendar .form-select-custom {
  display: inline-block
}

.form-general__calendar .dropdown-menu,.form-general__calendar .dropdown-toggle {
  width: 17rem
}

.form-general__calendar .hasDatepicker {
  display: inline-block;
  width: 17rem
}

.form-general__calendar .ui-datepicker-trigger {
  width: 1.8rem;
  margin-left: 3px
}

.form-general .text--medium {
  line-height: normal;
  margin: 0
}

.form-general__note {
  font-size: 12px;
  margin: .7rem 0 2rem
}

.input-row,.upload-group {
  margin: 10px 0
}

.form-general--info .form-general__row {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.form-general--info .form-general__label label {
  line-height: 1
}

.upload-group input[type=file] {
  display: none
}

.upload-group .custom-file-upload {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  border-radius: 5px;
  background-color: #4c97be
}

.upload-group .custom-file-upload:hover {
  transition: all .2s linear;
  color: #111;
  border-color: #3d9ed1;
  background-color: #fff
}

.input-row label {
  margin-top: 10px
}

@media (max-width: 1023px) {
  .form-general__note {
      font-size:10px
  }

  .input-datetime {
      margin-top: 10px
  }
}

.input-datetime .form-select-custom {
  display: inline-block
}

.input-datetime .form-select-custom .dropdown-menu,.input-datetime .form-select-custom .dropdown-toggle {
  width: 60px
}

.popup-general .top-desc {
  font-size: 1.3rem;
  line-height: 2.1rem;
  margin-bottom: 2rem;
  color: #111
}

.popup-general .btn-default,.popup-general .btn-primary-custom {
  font-size: 1.3rem;
  font-weight: 700
}

.popup-add-cart-success .cart__item__img,.popup-add-wish-list .cart__item__img,.popup-cart-error .cart__item__img,.popup-cart-error-quality .cart__item__img {
  width: 90px;
  margin-top: 6px;
  margin-right: 10px
}

.popup-add-cart-success .cart__item__img img,.popup-add-wish-list .cart__item__img img,.popup-cart-error .cart__item__img img,.popup-cart-error-quality .cart__item__img img {
  max-width: 100%
}

.popup-add-cart-success .cart__item__img img:hover,.popup-add-cart-success .cart__item__img imgfocus,.popup-add-wish-list .cart__item__img img:hover,.popup-add-wish-list .cart__item__img imgfocus,.popup-cart-error .cart__item__img img:hover,.popup-cart-error .cart__item__img imgfocus,.popup-cart-error-quality .cart__item__img img:hover,.popup-cart-error-quality .cart__item__img imgfocus {
  transition: all .2s linear;
  opacity: .7
}

.popup-add-cart-success .btn-primary-custom,.popup-add-wish-list .btn-primary-custom,.popup-cart-error .btn-primary-custom,.popup-cart-error-quality .btn-primary-custom {
  margin-top: 3rem
}

.popup-add-cart-success .add-cart-product,.popup-add-wish-list .add-cart-product,.popup-cart-error .add-cart-product,.popup-cart-error-quality .add-cart-product {
  float: left;
  width: 100%
}

.popup-add-cart-success .add-cart-product+.add-cart-product,.popup-add-wish-list .add-cart-product+.add-cart-product,.popup-cart-error .add-cart-product+.add-cart-product,.popup-cart-error-quality .add-cart-product+.add-cart-product {
  margin-top: 10px
}

.popup-edit-save-cart .form-group span,.popup-save-cart .form-group span {
  position: absolute;
  left: 110px
}

.popup-delete-save-cart .form-group,.popup-restore-save-cart .form-group {
  display: table
}

.popup-delete-save-cart .form-group label,.popup-restore-save-cart .form-group label {
  display: table-cell;
  width: 65px;
  margin-right: 10px
}

.popup-delete-save-cart .form-group span,.popup-restore-save-cart .form-group span {
  display: table-cell
}

.popup-delete-save-cart .top-desc,.popup-edit-save-cart .top-desc,.popup-restore-save-cart .top-desc,.popup-save-cart .top-desc {
  margin-bottom: 0
}

.popup-delete-save-cart .form-group,.popup-edit-save-cart .form-group,.popup-restore-save-cart .form-group,.popup-save-cart .form-group {
  margin-top: 1.5rem
}

.popup-delete-save-cart .form-group label,.popup-edit-save-cart .form-group label,.popup-restore-save-cart .form-group label,.popup-save-cart .form-group label {
  font-size: 1.3rem;
  font-weight: 700;
  color: #111
}

.popup-delete-save-cart .form-group label.control-label,.popup-edit-save-cart .form-group label.control-label,.popup-restore-save-cart .form-group label.control-label,.popup-save-cart .form-group label.control-label {
  width: 100%
}

.popup-delete-save-cart .form-group textarea,.popup-edit-save-cart .form-group textarea,.popup-restore-save-cart .form-group textarea,.popup-save-cart .form-group textarea {
  width: 100%;
  min-height: 110px;
  padding: 10px 15px
}

.popup-delete-save-cart .form-group input,.popup-delete-save-cart .form-group textarea,.popup-edit-save-cart .form-group input,.popup-edit-save-cart .form-group textarea,.popup-restore-save-cart .form-group input,.popup-restore-save-cart .form-group textarea,.popup-save-cart .form-group input,.popup-save-cart .form-group textarea {
  font-size: 14px;
  color: #111
}

@media (max-width: 1023px) {
  .popup-delete-save-cart .form-group input,.popup-delete-save-cart .form-group textarea,.popup-edit-save-cart .form-group input,.popup-edit-save-cart .form-group textarea,.popup-restore-save-cart .form-group input,.popup-restore-save-cart .form-group textarea,.popup-save-cart .form-group input,.popup-save-cart .form-group textarea {
      font-size:11px
  }
}

.popup-delete-save-cart .form-group span,.popup-edit-save-cart .form-group span,.popup-restore-save-cart .form-group span,.popup-save-cart .form-group span {
  font-size: 14px
}

@media (max-width: 1023px) {
  .popup-delete-save-cart .form-group span,.popup-edit-save-cart .form-group span,.popup-restore-save-cart .form-group span,.popup-save-cart .form-group span {
      font-size:11px
  }
}

.popup-restore-save-cart .custom-checkbox-1 {
  padding-top: 0;
  padding-left: 0;
  background: 0 0
}

.popup-delete-request-account .question {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2.1rem;
  margin-bottom: 2rem;
  color: #111
}

.popup-download-address {
  font-size: 1.3rem;
  line-height: 2.1rem
}

.popup-download-address p {
  margin-bottom: 0
}

.popup-download-address .block-info {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #f9f9f9
}

.popup-download-address .title {
  font-weight: 700
}

.popup-download-address .content-group {
  margin: 2rem 0
}

.popup-download-address .content-group .title {
  margin-bottom: 1rem
}

.popup-download-address .text--pink {
  font-size: 12px;
  margin-top: 5px
}

@media (max-width: 1023px) {
  .popup-download-address .text--pink {
      font-size:10px
  }
}

.popup-download-address .control-label {
  font-weight: 700;
  width: 20%;
  color: #999
}

.popup-download-address input {
  font-size: 1.3rem;
  float: right;
  width: 80%;
  padding: 10px 15px;
  transform: translateY(-10%);
  vertical-align: middle;
  color: #111;
  border: 1px solid #eee;
  border-radius: 5px
}

.popup-download-address input:focus {
  outline: 0;
  box-shadow: none
}

.popup-download-address .btn-primary-custom {
  margin-top: 2rem
}

.postal-code-wrapper {
  position: relative;
  display: inline-block
}

.postal-code-wrapper label.error {
  position: absolute;
  top: 40px;
  left: 0
}

.postal-code-wrapper~.postcode-error {
  line-height: 20px;
  color: #ff3c6c
}

.postal-code-wrapper.shipping-address__postcode-field--left .postal-code-result-list {
  top: 30px
}

.postal-code-wrapper .postal-code-result-list {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: .95;
  color: #111;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(6,0,1,.3)
}

.postal-code-wrapper .postal-code-result-list>li {
  font-size: 14px;
  line-height: 2rem;
  position: relative;
  padding: 1rem 15px;
  white-space: normal
}

@media (max-width: 1023px) {
  .postal-code-wrapper .postal-code-result-list>li {
      font-size:11px
  }
}

.postal-code-wrapper .postal-code-result-list>li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.postal-code-wrapper .postal-code-result-list>li:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.postal-code-wrapper .postal-code-result-list>li.ui-state-focus,.postal-code-wrapper .postal-code-result-list>li:hover {
  color: #3d9ed1;
  background-color: #d6e5ee
}

.form-read-only-input {
  padding: 0!important;
  border: 0!important
}

.input-dropdown-hidden {
  visibility: hidden;
  height: 0;
  opacity: 0
}

.radio-company-unit {
  float: left
}

.radio-company-unit:first-child {
  width: 30%
}

.radio-company-unit:last-child {
  width: 70%;
  margin-top: 0
}

@media (max-width: 767px) {
  .postal-code-wrapper .postal-code-result-list {
      top:30px;
      min-width: 160px
  }

  .radio-company-unit {
      width: 50%!important
  }
}

.radio-company-unit .error-element {
  position: absolute;
  top: 20px
}

.dropdown-prefecture {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px!important;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 270px;
  height: 30px;
  padding: 4px 20px 4px 6px;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #fff
}

.link-to-compatible-price {
  color: #3d9ed1
}

.info-group .form-group .form-airconditioner {
  width: 140px;
  height: 40px;
  margin-right: 10px;
  text-align: left
}

@media (max-width: 886px) {
  .info-group .form-group .col-form-airconditioner {
      width:50%
  }
}

@media (max-width: 767px) {
  .info-group .form-group .col-form-airconditioner {
      width:100%
  }
}

.info-group .form-group .col-form-airconditioner.col-brand-contract {
  padding-left: 0
}

.facet__values .facet__list__mark {
  border-radius: 0!important
}

.facet__list__color .facet__list__mark {
  border-radius: 5px!important
}

#modal-facet-isSoldSeparately .facet__list__mark,#modal-facet-reviewAvgRating .facet__list__mark,#modal-facetisSoldSeparately .facet__list__mark,#modal-facetreviewAvgRating .facet__list__mark {
  border-radius: 50%!important
}

.form-estimation-register .form-group+.form-group {
  margin-top: 3rem
}

.form-estimation-register .payment-checkbox-row {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%
}

.form-estimation-register .payment-checkbox-note-row {
  width: 50%;
  margin-left: 50%
}

.form-estimation-register .payment-checkbox-note-row .checkbox-note {
  padding-top: 2px;
  text-align: center;
  color: #70ad47;
  border: 1px solid
}

.form-estimation-register .payment-checkbox-note-row .checkbox-note .link {
  text-decoration: underline;
  color: #70ad47
}

.site-search {
  margin-top: 10px
}

.site-search .search-panel {
  vertical-align: top
}

.site-search .search-panel .btn-option-choice {
  font-size: 12px;
  font-weight: 500;
  line-height: 40px;
  z-index: 3;
  display: inline-block;
  overflow: hidden;
  min-width: 130px;
  height: 40px;
  padding: 0 10px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #111;
  border: 1px solid #e0e0e0;
  border-top-left-radius: 5px!important;
  border-bottom-left-radius: 5px!important;
  background-color: #fff
}

.site-search .search-panel .btn-option-choice:focus,.site-search .search-panel .btn-option-choice:hover {
  border-color: #3d9ed1
}

.site-search .search-panel .btn-option-choice .caret {
  color: #111
}

.site-search .search-panel .btn-option-choice .btn--text {
  display: inline-block;
  overflow: hidden;
  width: 100px;
  margin-right: 10px
}

@media (max-width: 1023px) {
  .site-search {
      margin-top:0;
      margin-bottom: 5px
  }

  .site-search .search-panel .btn-option-choice {
      font-size: 10px;
      line-height: 30px;
      min-width: 70px;
      height: 30px
  }

  .site-search .search-panel .btn-option-choice .btn--text {
      width: 40px;
      margin-right: 5px
  }

  .site-search .search-panel__dropdown {
      font-size: 1.3rem;
      width: 110px;
      min-width: auto
  }
}

.site-search .search-panel .btn-option-choice .fa {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -5px
}

.site-search .search-panel__dropdown {
  top: 0;
  overflow: hidden;
  margin-top: 0;
  padding-top: 0;
  border-radius: 5px;
  background-color: rgba(255,255,255,.95)
}

.site-search .search-panel__dropdown li a {
  position: relative;
  padding: 10px 30px 10px 15px
}

@media (max-width: 1023px) {
  .site-search .search-panel__dropdown li a {
      font-size:1.3rem
  }
}

.site-search .search-panel__dropdown li a.active,.site-search .search-panel__dropdown li a:focus,.site-search .search-panel__dropdown li a:hover {
  color: #3d9ed1;
  background-color: #d6e5ee
}

.site-search .search-panel__dropdown li a.active:after {
  font: normal normal normal 12px/1 FontAwesome;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  content: "\f00c";
  color: #3d9ed1
}

.site-search .js-site-search-input {
  font-size: 1.3rem;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #e0e0e0
}

.site-search .ui-historycomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.site-search .ui-autocomplete,.site-search .ui-historycomplete {
  padding-bottom: 10px;
  border-top: 0 solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 0 none #fff;
  border-left: 1px solid #dcdcdc;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 15px 1px rgba(0,0,0,.5)
}

@media (min-width: 768px) {
  .site-search .ui-autocomplete,.site-search .ui-historycomplete {
      padding-bottom:10px;
      border-radius: 5px
  }
}

@media (max-width: 767px) {
  .site-search .ui-autocomplete,.site-search .ui-historycomplete {
      top:36px!important;
      right: 0!important;
      left: 0!important;
      width: auto!important;
      border-top: 1px solid #dcdcdc;
      border-right: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
      border-left: 1px solid #dcdcdc;
      border-radius: 8px
  }
}

.site-search .ui-autocomplete .ui-state-focus,.site-search .ui-historycomplete .ui-state-focus {
  margin: 0;
  background-color: transparent
}

.site-search .ui-autocomplete>li:first-child,.site-search .ui-historycomplete>li:first-child {
  padding-top: 5px
}

.site-search .ui-autocomplete>li:last-child,.site-search .ui-historycomplete>li:last-child {
  border-bottom: 0 none #fff
}

.site-search .ui-autocomplete .ui-autocomplete-category,.site-search .ui-historycomplete .ui-autocomplete-category {
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  padding: 0 15px;
  text-align: left;
  color: #111;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background-color: #f9f9f9
}

@media (max-width: 1023px) {
  .site-search .js-site-search-input {
      line-height:30px;
      height: 30px
  }

  .site-search .ui-autocomplete .ui-autocomplete-category,.site-search .ui-historycomplete .ui-autocomplete-category {
      font-size: 10px
  }
}

.site-search .ui-autocomplete .ui-autocomplete-category:first-child,.site-search .ui-historycomplete .ui-autocomplete-category:first-child {
  padding-top: 0;
  border-top: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.site-search .ui-autocomplete .ui-menu-item,.site-search .ui-historycomplete .ui-menu-item {
  padding: 0 15px;
  text-align: left;
  border-bottom: 1px solid #dcdcdc
}

@media (max-width: 767px) {
  .site-search .ui-autocomplete .ui-menu-item,.site-search .ui-historycomplete .ui-menu-item {
      padding:10px;
      border-bottom: 1px solid #dcdcdc
  }
}

.site-search .ui-autocomplete .ui-menu-item.site-search-product,.site-search .ui-historycomplete .ui-menu-item.site-search-product {
  padding-top: 10px;
  padding-bottom: 10px
}

.site-search .ui-autocomplete .ui-menu-item a:hover,.site-search .ui-historycomplete .ui-menu-item a:hover {
  color: #111
}

.site-search .ui-autocomplete .ui-menu-item a:hover img,.site-search .ui-historycomplete .ui-menu-item a:hover img {
  transition: all .2s linear;
  opacity: .7
}

.site-search .ui-autocomplete .ui-menu-item .thumb,.site-search .ui-historycomplete .ui-menu-item .thumb {
  display: table-cell;
  width: 65px;
  text-align: center;
  border: 1px solid #eee
}

.site-search .ui-autocomplete .ui-menu-item .thumb img,.site-search .ui-historycomplete .ui-menu-item .thumb img {
  width: 100%
}

.site-search .ui-autocomplete .ui-menu-item .thumb+.name,.site-search .ui-historycomplete .ui-menu-item .thumb+.name {
  padding-left: 15px
}

.site-search .ui-autocomplete .ui-menu-item .name,.site-search .ui-historycomplete .ui-menu-item .name {
  font-size: 14px;
  line-height: 22px;
  display: table-cell;
  vertical-align: top
}

.modal-dialog,.modal:before,.user__link,.user__type {
  vertical-align: middle
}

@media (max-width: 1023px) {
  .site-search .ui-autocomplete .ui-menu-item .name,.site-search .ui-historycomplete .ui-menu-item .name {
      font-size:11px
  }
}

.site-search .top-level-category {
  font-size: 12px;
  color: #3d9ed1
}

@media (max-width: 1023px) {
  .site-search .top-level-category {
      font-size:10px
  }

  .site-search .ui-historycomplete {
      top: 83px!important
  }

  .site-search .search-hide-radio-btn .ui-historycomplete {
      top: 46px!important
  }

  .site-search .global-search-section .radio {
      margin-top: 5px;
      margin-bottom: 10px
  }
}

.input-group-btn .btn-search {
  font-size: 14px;
  z-index: 3;
  height: 40px;
  padding: 0 13px;
  color: #fff;
  border: 1px solid #3d9ed1;
  border-top-right-radius: 5px!important;
  border-bottom-right-radius: 5px!important;
  background: #3d9ed1
}

@media (max-width: 1023px) {
  .input-group-btn .btn-search {
      font-size:11px;
      height: 30px;
      padding: 0 10px
  }
}

.input-group-btn .btn-search:focus,.input-group-btn .btn-search:hover {
  opacity: .7
}

.user__infor:after,.user__infor:before {
  display: table;
  content: " "
}

.modal .modal-title,.modal-dialog,.modal:before,.user__link,.user__type {
  display: inline-block
}

.user__infor:after {
  clear: both
}

.user__link {
  font-size: 11px;
  position: relative;
  color: #111
}

.user__link:focus,.user__link:hover {
  color: #111
}

.user__link:last-child {
  padding-right: 0
}

.user__link+.user__link {
  margin-left: 16px
}

.user__link+.user__link:before {
  left: -10px
}

.user__link+.user__link:before,.user__link.popover-toggel:before {
  position: absolute;
  top: 50%;
  width: 1px;
  margin-top: -5px;
  content: "";
  background-color: #666
}

@media (min-width: 768px) {
  .user__link+.user__link:before,.user__link.popover-toggel:before {
      height:10px
  }
}

.user__link.popover-toggel {
  margin-right: 16px;
  padding: 0
}

.user__link.popover-toggel:before {
  right: -12px;
  margin-top: -6px
}

.user__link.popover-toggel>img {
  position: relative;
  top: -1px;
  max-width: 18px
}

.user__info {
  min-height: 18px!important;
  padding-top: 10px
}

.user__info--right {
  line-height: 18px;
  position: relative
}

@media (max-width: 767px) {
  .user__link {
      font-size:8px
  }

  .user__link+.user__link:before,.user__link.popover-toggel:before {
      height: 8px
  }

  .user__link.popover-toggel:before {
      margin-top: -4px
  }

  .user__info {
      min-height: 13px!important;
      padding-top: 5px
  }

  .user__info--right {
      line-height: 13px
  }
}

.modal-fullscreen .modal-header {
  padding: 10px;
  background: #f7f6f6
}

.modal-fullscreen .modal-body {
  padding: 0
}

.modal-fullscreen .modal-content,.modal-fullscreen .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.modal-fullscreen .modal-dialog {
  width: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: none
}

.modal {
  padding: 0!important;
  text-align: center
}

.modal:before {
  height: 100%;
  margin-right: -4px;
  content: ""
}

.modal-dialog {
  text-align: left
}

.modal .modal-title {
  font-weight: 700;
  color: #111
}

.modal-searchBox .modal-header {
  color: #999;
  border-bottom: 0
}

.modal-searchBox .close {
  font-size: 3rem;
  font-weight: 700;
  margin-left: 10px;
  padding: 5px 0
}

.modal-searchBox .js-bind-search-autocomplete {
  margin: 0 -10px
}

.modal-searchBox .js-bind-search-autocomplete .ui-autocomplete {
  top: 10px!important
}

.modal .btnIcon__wrapper {
  padding: 10px 0;
  background: #f7f6f6
}

.modal .btnIcon__list {
  display: table;
  overflow: hidden;
  width: 100%
}

.modal .btnIcon__item {
  display: table-cell;
  width: 20%;
  border-right: 1px solid #e0e0e0
}

.modal .btnIcon__item:last-of-type {
  border-right: 0
}

.modal .btnIcon__item--link {
  font-size: 1.3rem;
  display: block;
  padding: 5px;
  text-align: center
}

.modal .btnIcon__item--link .fa {
  font-size: 1.7rem
}

.modal .btnIcon__item--link span {
  display: block;
  padding-top: 5px
}

.modal-menuXs .user__info {
  overflow: hidden;
  text-align: center
}

.modal-menuXs .user__link {
  font-size: 14px
}

@media (max-width: 1023px) {
  .modal-menuXs .user__link {
      font-size:11px
  }
}

.modal-menuXs .modal-header .close {
  margin-top: 3px
}

.modal-menuXs .menuXs__wrapper {
  border-bottom: 1px solid #e0e0e0;
  background: #f7f6f6
}

.modal-menuXs .menuXs__heading a {
  font-size: 1.57rem;
  font-weight: 700;
  display: block;
  padding: 10px 25px 10px 10px;
  color: #fff;
  background: #333
}

.modal-menuXs .menuXs__item:last-of-type {
  padding: 15px 10px
}

.modal-menuXs .menuXs__item--bolder {
  font-weight: 700;
  color: #111;
  background: #fff
}

.modal-menuXs .menuXs__item--link {
  font-size: 14px;
  position: relative;
  display: block;
  padding: 10px 25px 10px 10px;
  border-bottom: 1px solid #e0e0e0
}

@media (max-width: 1023px) {
  .modal-menuXs .menuXs__item--link {
      font-size:11px
  }
}

.modal-menuXs .menuXs__item--link .fa {
  margin-right: 5px
}

.modal-menuXs .menuXs__item--link:after {
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  content: "\f054";
  color: #ccc
}

@media (max-width: 1023px) {
  .modal-menuXs .menuXs__item--link:after {
      font-size:12px
  }
}

.modal-menuXs .menuXs__item--end {
  border-bottom-width: 3px
}

.modal-menuXs .menuXs__item--text {
  font-size: 14px;
  line-height: 1.6;
  display: block
}

@media (max-width: 1023px) {
  .modal-menuXs .menuXs__item--text {
      font-size:11px
  }

  .modal-menuXs .menuXs__item--search-bar .js-mobile-search-box .search-hide-radio-btn .ui-historycomplete,.modal-menuXs .menuXs__item--search-bar .js-mobile-search-box .ui-autocomplete,.modal-menuXs .menuXs__item--search-bar .js-mobile-search-box .ui-historycomplete {
      top: 0!important
  }
}

.modal-menuXs .menuXs__item--text.time-text {
  margin-left: 17px
}

.modal-menuXs .menuXs__item--text .fa {
  margin-right: 10px
}

.modal-menuXs .menuXs__item--divider {
  height: 2px;
  background-color: #e0e0e0
}

.modal-menuXs .menuXs__item--search-bar {
  display: block;
  border-bottom: 1px solid #e0e0e0
}

.modal-menuXs .menuXs__item--search-bar .site-search {
  margin-bottom: 0
}

.modal-menuXs .menuXs__item--search-bar .menu__item-title {
  font-size: 11px!important;
  font-weight: 700!important;
  color: #333!important
}

.modal-menuXs .menuXs__item--search-bar .menu__item--title-2 {
  padding-left: 20px!important
}

.modal-menuXs .menuXs__item--search-bar .input-group-mb {
  width: 99.5%;
  padding: 5px 0
}

.modal-menuXs .menuXs__item--search-bar .row {
  margin-right: 0!important;
  margin-left: 0!important
}

.modal-menuXs .menuXs__item--search-bar .search-history-no-top {
  position: relative;
  top: 0!important
}

.modal-facet__searchBrand {
  color: #111
}

.modal-facet__searchBrand .modal-footer,.modal-facet__searchBrand .modal-header {
  margin-right: 25px;
  margin-left: 25px;
  padding-right: 0;
  padding-left: 0
}

.modal-facet__searchBrand .modal-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-top: 10px
}

.modal-facet__searchBrand .modal-footer {
  text-align: center
}

.modal-facet__searchBrand .close {
  font-size: 1.8rem;
  margin-top: 10px
}

.modal-facet__searchBrand .modal-body {
  padding: 0 25px
}

.modal-facet-mobile .modal-header {
  padding-top: 7px;
  padding-bottom: 7px
}

.modal-facet-mobile .modal-header .modal-title {
  font-size: 14px;
  font-weight: 700;
  color: #999
}

.modal-facet-mobile .modal-header .close {
  font-size: 1.8rem;
  margin-top: 2px
}

@media (max-width: 1023px) {
  .modal-facet-mobile .modal-body {
      background-color:#f9f9f9
  }
}

.modal-facet-mobile .modal-footer {
  text-align: center;
  background-color: #f7f6f6
}

.modal-pdp .modal-dialog {
  width: 430px
}

.modal-pdp .modal-content {
  overflow: hidden
}

.modal-pdp .modal-header {
  padding-right: 15px;
  padding-left: 20px;
  background-color: #f9f9f9
}

.modal-pdp .modal-header .modal-title {
  font-size: 1.5rem
}

.modal-pdp .modal-body {
  padding: 20px 25px
}

.modal-pdp .fa-close {
  font-size: 18px
}

.modal-showroom .showroom__item__name {
  font-size: 14px;
  font-weight: 700;
  line-height: 2.2rem;
  position: relative;
  overflow: hidden;
  max-height: 4.4rem;
  margin-bottom: 20px;
  color: #111
}

@media (max-width: 1023px) {
  .modal-showroom .showroom__item__name {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .modal-pdp .modal-dialog {
      width:auto
  }

  .modal-pdp .modal-body {
      padding: 15px
  }

  .modal-showroom .showroom__item__name {
      margin-bottom: 10px
  }
}

.modal-showroom .showroom__item .img-wrapper {
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  margin: 0 10px 1.5rem 0;
  border: 1px solid #eee
}

@media (max-width: 767px) {
  .modal-showroom .showroom__item .img-wrapper {
      width:50px;
      height: 50px
  }
}

.modal-showroom .showroom__item .img-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.modal-showroom .showroom__item__price {
  font-size: 13px;
  line-height: 1;
  overflow: hidden
}

@media (max-width: 1023px) {
  .modal-showroom .showroom__item__price {
      font-size:11px
  }
}

.modal-showroom .showroom__item__price .vip-price {
  font-size: 22px
}

.modal-showroom .showroom__item__price .vip-price span {
  margin-left: 5px
}

.modal-showroom .showroom__list {
  font-size: 14px;
  clear: both;
  margin-bottom: 20px
}

@media (max-width: 1023px) {
  .modal-showroom .showroom__item__price .vip-price {
      font-size:14px
  }

  .modal-showroom .showroom__list {
      font-size: 11px
  }
}

.modal-showroom .showroom__list li {
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
  border-bottom: 1px solid #e0e0e0
}

.modal-showroom .showroom__address {
  width: 50%;
  color: #3d9ed1
}

.modal-showroom .showroom__status {
  width: 50%;
  color: #111
}

.modal-showroom .hint-text {
  font-size: 13px
}

@media (max-width: 1023px) {
  .modal-showroom .hint-text {
      font-size:10px
  }
}

.modal-shippingCost .link-to-page,.modal-showroom .link-to-page {
  font-weight: 700
}

.modal-content-box--gray {
  padding: 10px;
  background-color: #f9f9f9
}

.modal-enter-receipt-name {
  font-size: 13px
}

.modal-enter-receipt-name form {
  margin-top: 3rem
}

.modal-enter-receipt-name form .form-group {
  margin-bottom: 10px
}

@media (min-width: 768px) {
  .modal-enter-receipt-name form .form-group {
      margin-bottom:20px
  }
}

.modal-addCoupon .btn-black {
  line-height: 41px;
  height: 41px;
  margin-left: -1px;
  padding: 0 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

@media (max-width: 767px) {
  .replenishment-order-cancel-modal .btn-primary-custom {
      margin-bottom:10px
  }

  .modal-addCoupon .btn-black {
      line-height: 31px;
      height: 31px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }
}

.footer-brand-search-mobile {
  z-index: 10500;
  display: none;
  text-align: center;
  background-color: #f7f6f6
}

@media (max-width: 1023px) {
  .modal-enter-receipt-name {
      font-size:11px
  }

  .js-fixed-modal {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0
  }

  .footer-brand-search-mobile .btn-reset,.footer-brand-search-mobile .btn-submit {
      width: calc(45%)
  }

  .btn-cancel-range-price,.btn-submit-range-price,.hide-on-mobile {
      display: none
  }

  .modal-facetCategory {
      min-height: 16.43px;
      padding: 10px;
      border-bottom: 1px solid #e5e5e5;
      background: #f7f6f6
  }

  .facet__category .btn-default-custom .fa {
      font-size: 2rem;
      right: 7px;
      color: #999
  }

  .facet__category .btn-default-custom {
      font-size: 14px;
      text-align: left
  }

  .refine-facet-list {
      padding-left: 0
  }

  .menu__side .menu__item__heading .link-refine-facet {
      padding-left: 20px
  }

  .btn-refine-facet-cancel {
      font-size: 12px;
      width: 34%;
      min-height: 45px
  }

  .btn-price-slider,.btn-refine-facet-submit {
      font-size: 12px;
      float: right;
      width: 65%;
      min-height: 45px;
      color: #fff;
      background-color: #3d9ed1
  }

  .btn-refine {
      float: right
  }

  .facet__category {
      min-height: 13px!important
  }

  .facet__category--right {
      line-height: 13px;
      position: relative
  }

  .modal-content .modal-header .close-to-PLP {
      font-size: 2.2rem;
      font-weight: 700;
      float: right;
      margin-right: 10px;
      padding: 0;
      opacity: .2;
      color: #111;
      background: 0 0;
      text-shadow: 0 1px 0 #fff
  }

  .modal-content .modal-header .back-cushion-modal {
      font-size: 2rem;
      font-weight: 700;
      float: left;
      margin-left: 10px;
      padding: 0;
      opacity: .2;
      color: #111;
      background: 0 0;
      text-shadow: 0 1px 0 #fff
  }

  .brand__list .brand__name,.link-refine-facet-mobile,.product__facet .facet__values {
      background-color: #fff
  }

  .form-select-custom .dropdown-recommend {
      border: 0;
      border-left: 1px solid #e0e0e0
  }

  .form-select-custom .dropdown-customPageSize {
      border-right: 1px solid #e0e0e0
  }

  .td-btn-dropdown-recommend {
      font-size: 12px;
      padding: 0;
      vertical-align: inherit
  }

  .td-btn-dropdown-recommend.custom {
      padding-bottom: 20px
  }

  .dropdown-recommend-right {
      float: right
  }

  .plp__pagination-bar.top .pagination-toolbar {
      padding-top: 0
  }

  .modal-header .fa-close {
      font-size: 18px
  }

  .modal-header .fa-chevron-left {
      font-size: 15px
  }

  .modal-fullscreen .modal-header {
      text-align: center
  }

  .modal-facet-mobile .modal-header {
      padding: 10px 0
  }

  .modal-facet-mobile .modal-header .modal-title {
      color: #111
  }

  .modal-facet-mobile .js-category-title .fa-close {
      margin-right: 10px
  }

  .brand__list .brand__name .li-refine-facet-mobile,.product__facet .facet .facet__list .li-refine-facet-mobile {
      margin-right: 0;
      margin-left: 0;
      padding-right: 10px;
      padding-left: 10px
  }

  .facet-mobile .modal-header .modal-title {
      font-size: 14px
  }

  .text-facet-overflow {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
  }

  .brand__list .brand__name .li-refine-facet-mobile {
      border-bottom: 1px solid #e0e0e0
  }

  .modal-field-button-facet {
      position: fixed;
      z-index: 10500;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      min-height: 16.43px;
      padding: 10px;
      border-bottom: 1px solid #e5e5e5;
      background: #f7f6f6
  }

  .brand__name__text,.facet__list__label {
      font-size: 12px
  }

  .refine-facet-box-bg:checked+.brand__name__label .brand__name__text {
      font-weight: 700;
      color: #3d9ed1
  }

  .refine-facet-box-eg:checked+.brand__name__label .brand__name__text {
      font-weight: 700;
      color: #e079a6
  }
}

@media (max-width: 1023px) and (max-width:340px) {
  .form-select-custom .dropdown-customPageSize.custom,.form-select-custom .dropdown-recommend.custom {
      font-size:11px;
      width: 85px
  }
}

@media (min-width: 1024px) {
  .hide-on-pc,.modal-facet-mobile .modal-dialog .back-cushion-modal,.modal-facet-mobile .modal-dialog .close-to-PLP,.modal-field-button-facet,.section-btn-priceForSlider {
      display:none
  }
}

.eg-btn-apply {
  background-color: #e079a6
}

.selected-background-checkbox {
  background-color: #f9f9f9
}

@media (min-width: 768px) {
  .info-exceed-points {
      font-size:20px;
      width: auto
  }
}

.section__heading {
  padding: 2rem 0;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee
}

.section__title {
  font-size: 28px;
  line-height: 1.4;
  margin: 0
}

.section__sub {
  line-height: 1.6;
  margin-top: 15px;
  margin-bottom: 0
}

@media (max-width: 1023px) {
  .section__title {
      font-size:16px
  }

  .section__sub {
      padding-top: 15px;
      border-top: 2px solid #eee
  }

  .section {
      padding: 15px 0
  }

  .section__order__top,.section__quick__order {
      padding: 0
  }

  .section__order__top .section__heading {
      border-bottom: 0
  }
}

.sample {
  text-align: center
}

@media (min-width: 768px) {
  .sample .row {
      margin-right:-7.5px;
      margin-left: -7.5px
  }

  .sample .col-md-3 {
      padding-right: 7.5px;
      padding-left: 7.5px
  }

  .sample .sample-item {
      margin-bottom: 15px
  }
}

.sample-item {
  min-height: 14rem;
  margin-bottom: 10px;
  padding: 20px;
  background-color: #ccc
}

.promotion__section {
  padding-top: 60px;
  border-bottom: 1px solid #eee
}

@media (max-width: 1023px) {
  .promotion__section {
      padding-top:35px
  }
}

.promotion__item {
  font-weight: 700;
  display: block;
  text-align: center
}

@media (max-width: 767px) {
  .promotion__item {
      margin-bottom:15px
  }
}

.promotion__item:hover>img {
  opacity: .7
}

.promotion__item span {
  font-size: 14px;
  line-height: 1.6;
  display: block;
  padding: 10px 30px;
  color: #111
}

.promotion__item img {
  width: 100%
}

.news-wrapper {
  padding: 30px;
  border: 2px solid #e0e0e0
}

.banner__booking {
  margin-bottom: 30px
}

@media (max-width: 1023px) {
  .promotion__item span {
      font-size:11px
  }

  .banner__booking {
      margin-bottom: 15px
  }
}

.banner__booking:last-child {
  margin-bottom: 0
}

.banner .bgd-inline {
  position: relative;
  overflow: hidden
}

.banner .bgd-inline .fa-apple {
  font-size: 16px
}

.banner .bgd-inline .fa-play {
  font-size: 12px
}

.banner .bgd-inline .fa-apple,.banner .bgd-inline .fa-play {
  position: static;
  margin-right: 2rem
}

@media (max-width: 767px) {
  .banner .bgd-inline .fa-apple,.banner .bgd-inline .fa-play {
      margin-right:5px
  }
}

.banner .bgd-inline__top {
  top: 20px
}

@media (max-width: 1199px) and (min-width:1024px) {
  .banner .bgd-inline__top {
      top:10px
  }
}

@media (max-width: 1023px) and (min-width:768px) {
  .banner .bgd-inline__top {
      top:5px
  }
}

.banner .bgd-inline__bottom {
  bottom: 20px
}

@media (max-width: 1199px) and (min-width:1024px) {
  .banner .bgd-inline__bottom {
      bottom:10px
  }
}

@media (max-width: 1023px) and (min-width:768px) {
  .banner .bgd-inline__bottom {
      bottom:5px
  }
}

@media (max-width: 767px) and (min-width:640px) {
  .banner .bgd-inline__top {
      top:1px
  }

  .banner .bgd-inline__bottom {
      bottom: 1px
  }
}

@media (max-width: 639px) {
  .banner .bgd-inline__top {
      top:initial;
      left: 10px
  }

  .banner .bgd-inline__bottom {
      right: 10px!important;
      padding-right: 5px;
      padding-left: 5px
  }
}

.banner .bgd-inline__bottom,.banner .bgd-inline__top {
  position: absolute;
  right: 20px;
  width: 21%
}

@media (max-width: 1199px) and (min-width:1024px) {
  .banner .bgd-inline__bottom,.banner .bgd-inline__top {
      right:10px
  }
}

@media (max-width: 1023px) and (min-width:768px) {
  .banner .bgd-inline__bottom,.banner .bgd-inline__top {
      right:5px
  }
}

@media (max-width: 767px) and (min-width:640px) {
  .banner .bgd-inline__bottom,.banner .bgd-inline__top {
      right:1px
  }
}

@media (max-width: 639px) {
  .banner .bgd-inline__bottom,.banner .bgd-inline__top {
      bottom:10px;
      width: 44%
  }

  .banner .bgd-inline__bottom .fa-chevron-right,.banner .bgd-inline__top .fa-chevron-right {
      right: 10px
  }
}

.banner .bgd-inline>img {
  width: 100%;
  max-width: 1170px
}

@media (max-width: 1023px) {
  .banner .bgd-inline .fa-apple {
      font-size:12px
  }

  .banner .bgd-inline .fa-play {
      font-size: 10px
  }

  .main-banner .main-slider,.snap__banner {
      position: relative
  }
}

.main-banner .main-slider,.snap__banner .main-slider {
  background-color: #fff
}

.page-homepage .main-banner .main-slider,.page-homepage .snap__banner .main-slider {
  background-color: #f7f6f6
}

.main-banner .main-slider .banner-wrapper,.snap__banner .main-slider .banner-wrapper {
  position: absolute;
  right: 0;
  left: 0;
  width: 890px;
  height: 390px;
  margin: auto
}

@media (max-width: 1024px) {
  .main-banner .main-slider .banner-wrapper,.snap__banner .main-slider .banner-wrapper {
      display:none;
      width: 100%;
      height: 80%;
      margin-top: 30px
  }
}

.main-banner .main-slider .banner-wrapper .owl-prev,.snap__banner .main-slider .banner-wrapper .owl-prev {
  width: 50px;
  height: 50px;
  opacity: .8;
  border: 0;
  border-left: none;
  border-radius: 50%;
  background-color: #fff
}

.main-banner .main-slider .banner-wrapper .owl-prev span.fa,.snap__banner .main-slider .banner-wrapper .owl-prev span.fa {
  font-size: 35px;
  line-height: 50px;
  left: -4px;
  color: #111!important
}

@media (max-width: 480px) {
  .main-banner .main-slider .banner-wrapper,.snap__banner .main-slider .banner-wrapper {
      margin-top:15px
  }

  .main-banner .main-slider .banner-wrapper .owl-prev,.snap__banner .main-slider .banner-wrapper .owl-prev {
      width: 30px;
      height: 30px
  }

  .main-banner .main-slider .banner-wrapper .owl-prev span.fa,.snap__banner .main-slider .banner-wrapper .owl-prev span.fa {
      font-size: 19px;
      line-height: 30px;
      top: -1px
  }
}

.main-banner .main-slider .banner-wrapper .owl-prev:hover span.fa,.snap__banner .main-slider .banner-wrapper .owl-prev:hover span.fa {
  color: #3d9ed1!important
}

.main-banner .main-slider .banner-wrapper .owl-next,.snap__banner .main-slider .banner-wrapper .owl-next {
  width: 50px;
  height: 50px;
  opacity: .8;
  border: 0;
  border-right: none;
  border-radius: 50%;
  background-color: #fff
}

.main-banner .main-slider .banner-wrapper .owl-next span.fa,.snap__banner .main-slider .banner-wrapper .owl-next span.fa {
  font-size: 35px;
  line-height: 50px;
  left: 4px;
  color: #111!important
}

@media (max-width: 480px) {
  .main-banner .main-slider .banner-wrapper .owl-next,.snap__banner .main-slider .banner-wrapper .owl-next {
      width:30px;
      height: 30px
  }

  .main-banner .main-slider .banner-wrapper .owl-next span.fa,.snap__banner .main-slider .banner-wrapper .owl-next span.fa {
      font-size: 19px;
      line-height: 30px;
      top: -1px
  }
}

.main-banner .main-slider .banner-wrapper .owl-next:hover span.fa,.snap__banner .main-slider .banner-wrapper .owl-next:hover span.fa {
  color: #3d9ed1!important
}

.main-banner .owl-carousel,.snap__banner .owl-carousel {
  display: block;
  overflow: hidden
}

@media (min-width: 770px) {
  .main-banner .owl-carousel,.snap__banner .owl-carousel {
      height:390px
  }
}

@media (min-width: 600px) and (max-width:769px) {
  .main-banner .owl-carousel,.snap__banner .owl-carousel {
      height:300px
  }
}

@media (max-width: 599px) {
  .main-banner .owl-carousel,.snap__banner .owl-carousel {
      height:162px
  }
}

.main-banner .owl-carousel:before,.snap__banner .owl-carousel:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: -8px auto 0;
  content: "";
  background-image: url(/_ui/responsive/common/images/spinner-loader.gif)
}

.main-banner .owl-carousel.owl-loaded,.snap__banner .owl-carousel.owl-loaded {
  height: auto
}

.main-banner .owl-carousel.owl-loaded:before,.snap__banner .owl-carousel.owl-loaded:before {
  content: none
}

.main-banner .owl-carousel.owl-loaded .item,.snap__banner .owl-carousel.owl-loaded .item {
  display: block
}

@media (max-width: 769px) {
  .main-banner .owl-carousel .item,.snap__banner .owl-carousel .item {
      display:none
  }
}

@media (min-width: 770px) {
  .main-banner .owl-carousel .item>img,.snap__banner .owl-carousel .item>img {
      position:relative;
      z-index: 2;
      margin: auto
  }
}

.main-banner .owl-carousel a.item:hover>img,.snap__banner .owl-carousel a.item:hover>img {
  transition: all .2s linear;
  opacity: .7
}

@media (min-width: 1024px) {
  .main-banner .owl-carousel .owl-dots,.main-banner .owl-carousel .owl-nav,.snap__banner .owl-carousel .owl-dots,.snap__banner .owl-carousel .owl-nav {
      display:none
  }
}

.main-banner .owl-dots,.snap__banner .owl-dots {
  margin-top: 10px
}

@media (max-width: 1023px) {
  .main-banner .owl-dots.disabled,.snap__banner .owl-dots.disabled {
      display:block
  }
}

.main-banner .owl-nav .owl-next,.main-banner .owl-nav .owl-prev,.snap__banner .owl-nav .owl-next,.snap__banner .owl-nav .owl-prev {
  position: absolute!important;
  z-index: 2;
  top: 50%;
  display: table;
  overflow: hidden;
  width: 32px;
  height: 44px;
  margin-top: 4px;
  cursor: pointer;
  transition: .3s ease-out;
  transform: translate(0,-50%);
  text-align: center;
  color: #fff;
  border: 1px solid #e6e5e5;
  background-color: rgba(255,255,255,.7)
}

@media (max-width: 1023px) {
  .main-banner .owl-nav .owl-next,.main-banner .owl-nav .owl-prev,.snap__banner .owl-nav .owl-next,.snap__banner .owl-nav .owl-prev {
      margin-top:-22px
  }
}

.main-banner .owl-nav .owl-next span.fa,.main-banner .owl-nav .owl-prev span.fa,.snap__banner .owl-nav .owl-next span.fa,.snap__banner .owl-nav .owl-prev span.fa {
  font-size: 30px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  transition: .3s ease-in;
  color: #ccc
}

.main-banner .owl-nav .owl-next:hover,.main-banner .owl-nav .owl-next:hover span.fa,.main-banner .owl-nav .owl-prev:hover,.main-banner .owl-nav .owl-prev:hover span.fa,.snap__banner .owl-nav .owl-next:hover,.snap__banner .owl-nav .owl-next:hover span.fa,.snap__banner .owl-nav .owl-prev:hover,.snap__banner .owl-nav .owl-prev:hover span.fa {
  color: #3d9ed1
}

.main-banner .owl-nav .owl-next.disabled,.main-banner .owl-nav .owl-prev.disabled,.snap__banner .owl-nav .owl-next.disabled,.snap__banner .owl-nav .owl-prev.disabled {
  cursor: default
}

.main-banner .owl-nav .owl-next.disabled:hover span.fa,.main-banner .owl-nav .owl-prev.disabled:hover span.fa,.snap__banner .owl-nav .owl-next.disabled:hover span.fa,.snap__banner .owl-nav .owl-prev.disabled:hover span.fa {
  color: #ccc
}

.main-banner .owl-nav .owl-prev,.snap__banner .owl-nav .owl-prev {
  left: 0;
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.main-banner .owl-nav .owl-next,.snap__banner .owl-nav .owl-next {
  right: 0;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.main-banner {
  padding-bottom: 2rem
}

.page-homepage .main-banner {
  background-color: #f7f6f6
}

.main-banner .main-slider--link {
  margin-bottom: 0
}

@media (min-width: 768px) and (max-width:1023px) {
  .main-banner .main-slider-clp {
      margin-right:-15px;
      margin-left: -15px
  }

  .main-banner .main-slider-clp .main-slider--link {
      margin-right: 15px
  }
}

@media (max-width: 767px) {
  .main-banner .main-slider-clp {
      margin-right:-5px;
      margin-left: -5px
  }

  .main-banner .main-slider-clp .main-slider--link {
      margin-right: 5px
  }
}

.main-banner .main-slider-clp .thumb-slider-wrapper {
  max-width: 1170px;
  margin: 0 auto
}

.banner-slider .item:last-of-type,.thumb-slider .item:last-of-type {
  margin-right: 0
}

.main-banner .banner--heading {
  padding: 20px 0;
  text-align: center;
  background-color: #f7f6f6
}

@media (max-width: 1023px) {
  .main-banner .banner--heading {
      padding:10px 0
  }
}

@media (min-width: 767px) {
  .main-banner .owl-carousel .owl-item img {
      max-width:770px
  }
}

.main-banner .clp--heading {
  margin-bottom: 20px;
  padding: 8px;
  text-align: center;
  border: 2px solid #3d9ed1;
  background-color: #fff
}

.main-banner .clp--heading .top-link .fa {
  margin-left: 30px;
  color: #3d9ed1
}

.main-banner .top-link {
  font-size: 12px;
  color: #3d9ed1
}

.main-banner .top-link .fa {
  margin-left: 10px
}

.main-banner .main-slider--link {
  font-weight: 700;
  margin-top: 1.5rem;
  text-align: right
}

.thumb-slider-wrapper {
  overflow: hidden;
  padding-top: 15px
}

.thumb-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.thumb-slider .item {
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (min-width: 1024px) {
  .thumb-slider-wrapper {
      position:relative
  }

  .thumb-slider .item {
      width: 141.88px;
      transition: border-color .2s ease
  }
}

@media (max-width: 1023px) {
  .main-banner .top-link {
      font-size:10px
  }

  .thumb-slider .item {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background-color: #666
  }

  .thumb-slider .item .img-responsive {
      display: none
  }
}

.thumb-slider .item+.item {
  margin-left: 5px
}

@media (min-width: 1024px) {
  .thumb-slider .item.active,.thumb-slider .item:hover {
      border-color:#3d9ed1
  }

  .thumb-slider .item.active:before,.thumb-slider .item:hover:before {
      position: absolute;
      top: -8px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -6px;
      content: "";
      border-right: 5px solid transparent;
      border-bottom: 6px solid #3d9ed1;
      border-left: 5px solid transparent
  }

  .banner-slider .item {
      transition: border-color 0s ease
  }
}

@media (max-width: 1023px) {
  .thumb-slider .item.active {
      border:2px solid #036;
      background: #fff
  }

  .thumb-slider .item.active:before {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 6px;
      height: 6px;
      margin-top: -3px;
      margin-left: -3px;
      content: "";
      border-radius: 50%;
      background-color: #036
  }
}

.banner-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.banner-slider .item {
  position: relative;
  width: 8px;
  height: 8px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 50%;
  background-color: #b2b2b2;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.banner-slider .item .img-responsive {
  display: none
}

.banner-slider .item+.item {
  margin-left: 14px
}

@media (min-width: 1024px) {
  .banner-slider .item.active,.banner-slider .item:hover {
      border:2px solid #023365;
      background: #fff
  }

  .banner-slider .item.active:before,.banner-slider .item:hover:before {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 6px;
      height: 6px;
      margin-top: -3px;
      margin-left: -3px;
      content: "";
      border-right: none;
      border-bottom: none;
      border-left: none;
      border-radius: 50%;
      background-color: #036
  }
}

@media (max-width: 1023px) {
  .banner-slider .item.active {
      border:2px solid #023365;
      background: #fff
  }

  .banner-slider .item.active:before {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 6px;
      height: 6px;
      margin-top: -3px;
      margin-left: -3px;
      content: "";
      border-right: none;
      border-bottom: none;
      border-left: none;
      border-radius: 50%;
      background-color: #036
  }
}

.user-guide__section {
  padding: 30px 0;
  background: #3d9ed1
}

@media (max-width: 1023px) {
  .user-guide__section {
      padding-top:20px
  }
}

.user-guide-wrapper {
  position: relative;
  margin-bottom: 20px;
  padding-top: 10px
}

.user-guide--heading {
  position: relative;
  color: #fff
}

.user-guide--welcome-text {
  position: absolute;
  top: -25px;
  left: 0;
  display: inline-block;
  width: 135px;
  height: 60px;
  background: url(../../common/images/user-guide-title.png) no-repeat
}

.menu-xs-comp .menu__item--heading.collapsed,.modal .menu__item--heading.collapsed,.user-guide-item {
  background-color: #fff
}

@media (max-width: 1023px) {
  .user-guide-wrapper {
      margin-bottom:0
  }

  .user-guide--heading {
      margin-right: 0;
      text-align: center
  }

  .user-guide--welcome-text {
      top: -20px;
      left: 44%;
      width: 100px;
      height: 44px;
      margin-left: -130px;
      background-size: cover!important
  }
}

.user-guide--welcome-text p {
  font-size: 16px;
  font-weight: 700;
  line-height: 45px;
  display: inline-block;
  overflow: hidden;
  width: 100px;
  height: 45px;
  margin-bottom: 0;
  transform: rotate(-7deg);
  text-align: center;
  color: #4c97be
}

@media (max-width: 1023px) {
  .user-guide--welcome-text p {
      font-size:12px;
      line-height: 30px;
      display: block;
      width: 70px;
      height: 30px
  }
}

.user-guide--title {
  font-size: 26px;
  font-weight: 700;
  line-height: 4rem;
  float: right;
  margin: 0;
  color: #fff
}

@media (min-width: 1024px) {
  .user-guide--title {
      position:relative;
      right: -10px
  }
}

@media (max-width: 1199px) and (min-width:1024px) {
  .user-guide--title {
      width:40%
  }
}

@media (max-width: 1023px) {
  .user-guide--title {
      font-size:18px;
      display: inline-block;
      float: none;
      margin-left: 5px
  }
}

.user-guide--desc {
  font-size: 16px;
  color: #fff
}

@media (max-width: 1023px) {
  .user-guide--desc {
      font-size:12px;
      padding: 10px 0;
      text-align: center
  }

  .user-guide--desc>p {
      margin-bottom: 5px
  }
}

.user-guide-item-wrapper {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: -15px 0 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width: 1023px) {
  .user-guide-item-wrapper {
      margin:-5px 0 0 -5px;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
  }
}

.user-guide-item {
  width: calc(100% * (1/5) - 15px);
  margin: 15px 0 0 15px;
  padding: 10px 10px 10px 23px;
  color: #4c97be;
  border-radius: 5px;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media (max-width: 1023px) {
  .user-guide-item {
      width:25%;
      margin: 5px 0 0 5px;
      padding: 10px 5px
  }
}

.user-guide-item a {
  display: block;
  color: #4c97be
}

.user-guide-item a:hover {
  transition: all .2s linear;
  text-decoration: none;
  opacity: .7
}

.user-guide-item .item--text {
  font-size: 17px;
  font-weight: 700;
  display: table-cell;
  padding-left: 20px;
  text-align: center;
  vertical-align: middle
}

@media (max-width: 1023px) {
  .user-guide-item .item--text {
      font-size:12px;
      display: block;
      padding-top: 10px;
      padding-left: 0
  }
}

.user-guide-item .fa {
  font-size: 3.2rem;
  display: table-cell;
  vertical-align: middle
}

.switch-link {
  font-size: 1.3rem;
  font-weight: 700;
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff
}

.switch-link:focus,.switch-link:hover {
  color: #fff
}

@media (max-width: 767px) {
  .switch-link {
      right:5px
  }
}

@media (max-width: 1023px) {
  .user-guide-item .fa {
      display:block;
      text-align: center
  }

  .switch-link {
      top: 19px
  }
}

.switch-link:after {
  font-family: FontAwesome;
  font-size: 1rem;
  display: inline-block;
  margin-left: 10px;
  content: "\f054"
}

.menu-xs-comp .menu__item,.modal .menu__item {
  border-left-width: 5px;
  border-left-style: solid
}

.menu-xs-comp .menu__item__eg,.menu-xs-comp .menu__item__facet,.modal .menu__item__eg,.modal .menu__item__facet {
  border-left-style: none
}

.menu-xs-comp .menu__item:nth-child(1),.modal .menu__item:nth-child(1) {
  border-left-color: #0097c3
}

.menu-xs-comp .menu__item:nth-child(2),.modal .menu__item:nth-child(2) {
  border-left-color: #ea5026
}

.menu-xs-comp .menu__item:nth-child(3),.modal .menu__item:nth-child(3) {
  border-left-color: #10ba02
}

.menu-xs-comp .menu__item:nth-child(4),.modal .menu__item:nth-child(4) {
  border-left-color: #bb56e6
}

.menu-xs-comp .menu__item:nth-child(5),.modal .menu__item:nth-child(5) {
  border-left-color: #ee3f90
}

.menu-xs-comp .menu__item:nth-child(6),.modal .menu__item:nth-child(6) {
  border-left-color: #ccc
}

.menu-xs-comp .menu__item__img,.modal .menu__item__img {
  position: absolute;
  top: 25%;
  margin-left: 10px;
  max-width: 25px;
  max-height: 25px
}

.menu-xs-comp .menu__item:last-child .title,.modal .menu__item:last-child .title {
  padding-left: 10px
}

.menu-xs-comp .menu__item__eg .title,.modal .menu__item__eg .title {
  padding-left: 10px!important
}

.menu-xs-comp .menu__item--heading,.modal .menu__item--heading {
  position: relative;
  color: #111;
  background-color: #fff
}

.menu-xs-comp .menu__item--heading:after,.modal .menu__item--heading:after {
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  content: "\f068";
  color: #ccc
}

@media (max-width: 1023px) {
  .menu-xs-comp .menu__item--heading:after,.modal .menu__item--heading:after {
      font-size:12px
  }
}

@media (min-width: 1023px) {
  .menu-xs-comp .menu__item--heading:after,.modal .menu__item--heading:after {
      margin-top:-11px
  }
}

.menu-xs-comp .menu__item--heading.collapsed .title,.modal .menu__item--heading.collapsed .title {
  color: #111;
  border-bottom: 0
}

.menu-xs-comp .menu__item--heading.collapsed:after,.modal .menu__item--heading.collapsed:after {
  content: "\f067";
  color: #ccc
}

.menu-xs-comp .menu__item--heading.no__sub-menu:after,.modal .menu__item--heading.no__sub-menu:after {
  content: "\f054"
}

.menu-xs-comp .menu__item--heading .title,.modal .menu__item--heading .title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 0;
  padding: 13px 25px 13px 40px;
  color: #111;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0
}

@media (max-width: 1023px) {
  .menu-xs-comp .menu__item--heading .title,.modal .menu__item--heading .title {
      font-size:12px
  }
}

.menu-xs-comp .menu__item--heading .title:focus,.menu-xs-comp .menu__item--heading .title:hover,.modal .menu__item--heading .title:focus,.modal .menu__item--heading .title:hover {
  text-decoration: none
}

.menu-xs-comp .menu__item .current .title,.modal .menu__item .current .title {
  font-size: 1.28rem;
  font-weight: 400;
  color: #111;
  background-color: #f7f6f6
}

.menu-xs-comp .menu__item .current:after,.modal .menu__item .current:after {
  color: #ccc
}

.menu-xs-comp .menu__item .sub__menu,.modal .menu__item .sub__menu {
  padding-left: 10px
}

.menu-xs-comp .menu__item .sub__menu__link,.modal .menu__item .sub__menu__link {
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  color: #111;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f9f9f9;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1023px) {
  .menu-xs-comp .menu__item .sub__menu__link,.modal .menu__item .sub__menu__link {
      font-size:12px
  }
}

.menu-xs-comp .menu__item .sub__menu__link:last-child,.modal .menu__item .sub__menu__link:last-child {
  border-bottom: 0
}

.menu-xs-comp .menu__item .sub__menu__link>a,.modal .menu__item .sub__menu__link>a {
  position: relative;
  display: block;
  padding: 11px 25px 11px 5px;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.menu-xs-comp .menu__item .sub__menu__link>a:after,.modal .menu__item .sub__menu__link>a:after {
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  content: "\f054";
  color: #ccc
}

.menu-xs-comp .menu__item .sub__menu__link--padding,.modal .menu__item .sub__menu__link--padding {
  padding-left: 10px!important
}

.menu-xs-comp .menu__item .sub__menu__link>img,.modal .menu__item .sub__menu__link>img {
  width: 30px;
  height: 30px
}

.menu-xs-comp .menu__item .sub__menu__link--last>a,.modal .menu__item .sub__menu__link--last>a {
  display: block;
  margin: 15px 0 0 -5px
}

.menu-xs-comp .menu__item .sub__menu__link--last:last-child>a,.modal .menu__item .sub__menu__link--last:last-child>a {
  padding-bottom: 15px
}

.menu-xs-comp .menu__item .sub__menu__link__top,.modal .menu__item .sub__menu__link__top {
  margin-left: 10px
}

.menu-xs-comp .menu__item .sub__menu__link__top>a,.modal .menu__item .sub__menu__link__top>a {
  padding-left: 0!important
}

.menu-xs-comp .menu__item--body,.modal .menu__item--body {
  padding: 0 5px;
  background-color: #f9f9f9
}

.menu-xs-comp .menu-toggle,.modal .menu-toggle {
  border-bottom: 1px solid #e0e0e0
}

.menu-xs-comp {
  margin-right: -5px;
  margin-left: -5px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f9f9f9
}

#searchBox-menu .menu__item {
  border-left-width: 5px;
  border-left-style: solid
}

#searchBox-menu .menu__item .title {
  padding-left: 40px!important
}

#searchBox-menu .menu__item:nth-child(1) .title,#searchBox-menu .menu__item:nth-child(7):not(.menu__item__eg) .title,#searchBox-menu .menu__item__eg:first-child .title {
  padding-left: 10px!important
}

#searchBox-menu .menu__item:nth-child(1) {
  border-left-width: 0;
  border-left-style: none
}

#searchBox-menu .menu__item:nth-child(2) {
  border-left-color: #0097c3
}

#searchBox-menu .menu__item:nth-child(3) {
  border-left-color: #ea5026
}

#searchBox-menu .menu__item:nth-child(4) {
  border-left-color: #10ba02
}

#searchBox-menu .menu__item:nth-child(5) {
  border-left-color: #bb56e6
}

#searchBox-menu .menu__item:nth-child(6) {
  border-left-color: #ee3f90
}

#searchBox-menu .menu__item:nth-child(7):not(.menu__item__eg) {
  border-left-color: #ccc
}

#searchBox-menu .menu__item__eg {
  border-left-style: none
}

#searchBox-menu .menu__item__eg .title {
  padding-left: 20px!important
}

.menu__side .menu__item {
  padding: 0;
  background-color: #fff
}

@media (max-width: 1023px) {
  .menu-xs-comp .menu__item .sub__menu__link>a:after,.modal .menu__item .sub__menu__link>a:after {
      font-size:12px
  }

  .menu-xs-comp .menu__item__ancestor,.modal .menu__item__ancestor {
      margin-bottom: -1px
  }

  .menu__side .menu__item {
      padding-top: 0;
      padding-bottom: 0
  }
}

.menu__side .menu__item:first-of-type {
  border-top: 0
}

.menu__side .menu__item .number-products {
  font-size: 12px;
  color: #999
}

.menu__side .menu__item .active>a {
  font-weight: 700;
  color: #3d9ed1
}

.menu__side .menu__item .active>a:focus,.menu__side .menu__item .active>a:hover {
  cursor: default;
  text-decoration: none
}

.menu__side .menu__item .active>a:before {
  content: none
}

.menu__side .menu__item .active>a .number-products {
  font-weight: 400;
  color: #999
}

.menu__side .menu__item__heading a {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  display: block;
  padding: 6px 24px 6px 10px
}

@media (max-width: 1023px) {
  .menu__side .menu__item__heading a {
      font-size:12px;
      padding: 9px 10px;
      border-bottom: 1px solid #e0e0e0
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .menu__side .menu__item__heading a {
      font-size:12px
  }
}

.menu__side .menu__item__heading>a:before,.menu__side .menu__link:after {
  font-size: 10px;
  position: absolute;
  margin-top: -11px;
  color: #ccc;
  top: 50%;
  font-family: FontAwesome
}

.menu__side .menu__item__heading>a {
  background-color: #fff
}

.menu__side .menu__item__heading>a:before {
  left: 0;
  content: "\f053"
}

@media (max-width: 1023px) {
  .menu__side .menu__item__heading>a {
      padding-left:20px
  }

  .menu__side .menu__item__heading>a:before {
      left: 2px
  }
}

.menu__side .menu__item--sub {
  padding-left: 10px
}

@media (max-width: 1023px) {
  .menu__side .menu__item--sub {
      padding-left:20px
  }

  .menu__side .menu__item--clp .menu__item__heading>a {
      padding-right: 10px;
      padding-left: 10px
  }
}

@media (min-width: 1024px) {
  .menu__side .menu__item--clp .menu__item__heading a {
      padding-right:0;
      padding-left: 0
  }
}

.menu__side .menu__link:after {
  right: 10px;
  content: "\f054"
}

.menu__side .menu__link--has-sub.collapsed:after {
  content: "\f067"
}

.menu__side .menu__link--has-sub:after {
  content: "\f068"
}

.advertising-area .banner__wrapper {
  margin-bottom: 15px
}

.seo-area .list-custom--inline {
  font-size: 11px
}

.seo-area .list-custom--inline li+li {
  margin-left: 5px
}

.seo-area .list-custom--inline li+li:before {
  margin-right: 5px
}

@media (max-width: 1023px) {
  .seo-area .list-custom--inline {
      font-size:10px
  }

  .menu-sidebar {
      margin: 10px -15px;
      border-top: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0
  }

  .menu-sidebar__name {
      font-size: 12px;
      padding: 6px 10px;
      border-bottom: 1px solid #e0e0e0;
      background-color: #f4fafb
  }
}

@media (max-width: 767px) {
  .menu-sidebar {
      margin:10px -5px
  }

  .plp__heading {
      margin-right: -5px;
      margin-left: -5px
  }
}

.product__facet .menu__side--topleft.facet .facet__name {
  background-color: #f4fafb
}

.plp__heading {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 80px;
  margin-bottom: 25px;
  padding: 10px 20px;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1023px) {
  .plp__heading {
      margin:0 -15px 15px
  }
}

.plp__heading--link {
  color: #111
}

@media (max-width: 767px) {
  .plp__heading--link>span {
      display:inline-block;
      min-width: 52px
  }
}

.plp__heading--title {
  font-size: 28px;
  font-weight: 700;
  display: inline-block;
  margin: 0;
  color: #111
}

@media (max-width: 1023px) {
  .plp__heading--title {
      font-size:18px
  }
}

@media (max-width: 1199px) {
  .plp__heading--title {
      width:45%
  }
}

@media (min-width: 1200px) {
  .plp__heading--title {
      width:57%
  }
}

.plp__heading--contact {
  font-weight: 700;
  line-height: 30px
}

.plp__heading--contact:last-child {
  margin-left: 30px
}

@media (min-width: 768px) {
  .plp__heading--contact {
      display:inline
  }
}

@media (max-width: 767px) {
  .plp__heading--contact {
      font-size:10px;
      line-height: 2;
      clear: both
  }

  .plp__heading--contact:last-child {
      margin-left: 0
  }
}

.plp__heading--parents-category {
  font-size: 14px;
  display: block;
  margin-bottom: 5px
}

.plp__content--brandlogo {
  margin-top: 20px
}

@media (max-width: 1023px) {
  .plp__heading--parents-category {
      font-size:11px
  }

  .plp__content--brandlogo {
      overflow-x: scroll;
      width: 100%;
      margin-top: 10px
  }
}

.plp__content--brandlogo .all {
  display: none
}

.plp__content--brandlogo .all:after {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 4px;
  content: "\f054"
}

.plp__content--brandlogo p.more {
  display: none;
  margin-top: 10px;
  text-align: right
}

.plp__content--brandlogo p.more:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 4px;
  content: "\f078"
}

.plp__content--brandlogo p.more a {
  cursor: pointer;
  color: #111
}

.plp__content--brandlogo .inner {
  margin: 0
}

@media (max-width: 1023px) {
  .plp__content--brandlogo .inner {
      display:-ms-flexbox;
      display: flex;
      overflow: auto;
      width: -moz-max-content;
      width: max-content;
      margin: 0;
      white-space: normal
  }

  .plp__content--brandlogo .inner.inline-inner {
      display: block;
      overflow: hidden;
      width: auto;
      white-space: normal
  }

  .plp__content--brandlogo .inner.inline-inner .sp-box {
      display: contents
  }

  .plp__content--brandlogo .inner.inline-inner .sp-box li {
      display: inline-block;
      width: 98px
  }
}

.plp__content--brandlogo .inner ul {
  overflow: hidden;
  margin: 0 -1.2%;
  letter-spacing: -.4em
}

.plp__content--brandlogo .inner ul.opener {
  display: none;
  transition: all .5s
}

@media (max-width: 1023px) {
  .plp__content--brandlogo .inner ul.sp-box {
      display:inline-block;
      width: 116px;
      margin: 0;
      padding: 0 8px;
      vertical-align: top
  }
}

@media (max-width: 767px) {
  .plp__content--brandlogo .inner ul.sp-box {
      width:108px;
      margin: 0;
      padding: 0 4px;
      vertical-align: top
  }

  .plp__content--brandlogo .inner ul.sp-box li.inline-box {
      width: 98px
  }
}

@media (max-width: 1023px) {
  .plp__content--brandlogo .inner ul.sp-box li {
      display:block;
      width: 98px
  }
}

.plp__content--brandlogo .inner ul li {
  display: inline-block;
  width: calc(14.26666667%);
  margin: 5px 1.2%;
  text-align: center;
  vertical-align: top;
  letter-spacing: normal
}

@media (max-width: 1023px) {
  .plp__content--brandlogo .inner ul li {
      display:block;
      width: 98px
  }
}

.plp__content--brandlogo .inner ul li a .empty_img,.plp__content--brandlogo .inner ul li a img {
  width: 100%;
  max-width: 168px;
  height: auto;
  max-height: 79px;
  border: 1px solid #ddd
}

.plp__content--brandlogo .inner ul li a {
  display: block
}

.plp__content--brandlogo .inner ul li a:hover {
  opacity: .4
}

.plp__content--brandlogo .inner ul li a .empty_img {
  position: relative;
  margin: 0 auto;
  text-align: center
}

.plp__content--brandlogo .inner ul li a .empty_img:before {
  display: block;
  padding-top: 47%;
  content: ""
}

.plp__content--brandlogo .inner ul li a .empty_img span {
  font-size: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 96%;
  transform: translate(-50%,-50%);
  color: #ccc
}

@media (max-width: 1023px) {
  .plp__content--brandlogo .inner ul li a .empty_img span {
      line-height:1.4;
      overflow: hidden;
      height: calc(2.8em)
  }
}

.plp__content--brandlogo .inner ul li a .brand_name {
  font-size: 12px;
  font-weight: 700;
  margin: 5px auto 0;
  text-align: center;
  color: #999;
  overflow-wrap: normal
}

@media (max-width: 1023px) {
  .plp__content--brandlogo .inner ul li a .brand_name {
      font-size:8px;
      margin: 2px auto 0;
      color: #aaa
  }

  .plp__content--brandlogo .inner.inline-inner {
      display: block;
      overflow: hidden;
      width: auto;
      white-space: normal
  }

  .plp__content--brandlogo .inner.inline-inner ul li {
      display: inline-block;
      width: 98px
  }
}

.plp__content--clp {
  margin-bottom: 0;
  padding: 0 0 25px
}

.plp__content--title {
  font-size: 26px;
  font-weight: 700;
  margin: 30px;
  text-align: center
}

.plp__content--title span {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.6rem;
  display: inline-block;
  vertical-align: top
}

@media (max-width: 1023px) {
  .plp__content--clp {
      padding-bottom:15px
  }

  .plp__content--title {
      font-size: 16px;
      margin-top: 20px
  }

  .plp__content--title span {
      font-size: 12px
  }
}

@media (max-width: 767px) {
  .plp__content--title span {
      line-height:1.5rem
  }
}

.plp__content--title.plp__brandThumbimgWrap {
  line-height: 1.2;
  display: -ms-flexbox;
  display: flex;
  margin: 0 30px 5px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.plp__content--title.plp__brandThumbimgWrap .plp__brandThumbimg {
  width: 300px;
  padding-right: 5px
}

@media (max-width: 1023px) {
  .plp__content--title.plp__brandThumbimgWrap {
      margin:10px 5px;
      text-align: left
  }

  .plp__content--title.plp__brandThumbimgWrap .plp__brandThumbimg {
      width: 150px
  }
}

.plp__content--description {
  font-size: 14px;
  margin-top: 30px;
  color: #111
}

@media (max-width: 1023px) {
  .plp__content--description {
      font-size:13px
  }
}

.plp__content .headline-text-sub {
  margin: 10px 0;
  text-align: center
}

@media (max-width: 1023px) {
  .plp__content .headline-text-sub {
      margin:5px 0
  }
}

.plp__content .clear-filter-opt--btn {
  color: #3d9ed1
}

.plp__content .facet__list_filterTerm-add li {
  position: relative;
  float: left;
  margin: 5px 10px 5px 0;
  padding: 2px 8px;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: #f9f9f9
}

.plp__content .facet__list_filterTerm-add li a {
  text-decoration: none
}

.plp__content .facet__list_filterTerm-add li.clear-filter-hard:hover,.plp__content .facet__list_filterTerm-add li.clear-filter-opt:hover,.plp__content .facet__list_filterTerm-add li.rm-filter-term:hover {
  opacity: .6
}

.plp__content .facet__list_filterTerm-add li.clear-filter-opt {
  cursor: pointer
}

.plp__content .facet__list_filterTerm-add {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px
}

@media (max-width: 767px) {
  .plp__content p {
      font-size:10px
  }

  .plp__content .cancel-term-icon {
      font-size: 12px
  }
}

.plp__content .clear-filter-hard--custom,.plp__content .clear-filter-opt--custom {
  margin-top: 10px
}

@media (min-width: 1200px) {
  .plp__pagination-bar .pagination-bar-results .variant-toggle-sw,.plp__pagination-bar .pagination-toolbar .variant-toggle-sw {
      margin-top:6px
  }
}

@media (max-width: 1023px) {
  .plp__pagination-bar .pagination-bar-results .toggle-title,.plp__pagination-bar .pagination-toolbar .toggle-title {
      font-size:14px
  }

  .plp__pagination-bar .pagination-bar-results .sort-form.custom,.plp__pagination-bar .pagination-toolbar .sort-form.custom {
      float: right;
      margin-top: 5px
  }
}

@media (max-width: 340px) {
  .plp__pagination-bar .pagination-bar-results .toggle-title,.plp__pagination-bar .pagination-toolbar .toggle-title {
      font-size:11px
  }
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct {
  position: relative;
  width: 5rem;
  height: 2rem;
  margin: 0 4rem;
  padding: 0;
  color: #6b7381;
  border: none;
  border-radius: 2rem;
  background: #bdc1c8
}

@media (max-width: 1023px) {
  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct {
      width:7.5rem;
      height: 2.8rem
  }
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.focus,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.focus.active,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:focus,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:focus.active,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.focus,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.focus.active,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:focus,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:focus.active {
  outline: 0
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:after,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:before {
  font-size: .75rem;
  font-weight: 600;
  line-height: 2rem;
  position: absolute;
  bottom: 0;
  width: 4rem;
  transition: opacity .25s;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:before {
  left: -4rem;
  content: "Off"
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:after {
  right: -4rem;
  content: "On";
  opacity: .5
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct>.handle {
  position: absolute;
  top: .25rem;
  left: .25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: left .25s;
  border-radius: 1.5rem;
  background: #fff
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.active,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.active {
  transition: background-color .25s;
  background-color: #29b5a8
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.active>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.active>.handle {
  left: 3.25rem;
  transition: left .25s
}

@media (max-width: 1023px) {
  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct>.handle {
      width:2.25rem;
      height: 2.25rem
  }

  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.active>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.active>.handle {
      left: 4.875rem
  }
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.active:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.active:before {
  opacity: .5
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.active:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.active:after {
  left: 1rem;
  transition: left .4s;
  opacity: 1
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:before {
  left: 1.4rem;
  color: #fff
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:after,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct:before {
  color: #6b7381
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct {
  position: relative;
  width: 5rem;
  height: 2rem;
  margin: 0 .3rem;
  padding: 0;
  border: none;
  border-radius: 2rem
}

@media (max-width: 1023px) {
  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:before {
      font-size:1.7rem;
      line-height: 2.8rem;
      left: 3rem
  }

  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.active:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.active:after {
      font-size: 1.7rem;
      line-height: 2.8rem;
      left: 1.5rem
  }

  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct {
      width: 7.5rem;
      height: 2.8rem
  }
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.focus,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.focus.active,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:focus,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:focus.active,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.focus,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.focus.active,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:focus,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:focus.active {
  outline: 0
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:before {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 2rem;
  position: absolute;
  bottom: 0;
  width: .3rem;
  transition: opacity .25s;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:before {
  left: -.3rem;
  content: "Off"
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct:after {
  right: -.3rem;
  content: "On";
  opacity: .5
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct>.handle {
  position: absolute;
  top: .25rem;
  left: .25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: left .25s;
  border-radius: 1.5rem;
  background: #fff
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.active,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.active {
  transition: background-color .25s
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.active>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.active>.handle {
  left: 3.25rem;
  transition: left .25s
}

@media (max-width: 1023px) {
  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct>.handle {
      width:2.25rem;
      height: 2.25rem
  }

  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.active>.handle,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.active>.handle {
      left: 4.875rem
  }
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.active:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.active:before {
  opacity: .5
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.active:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.active:after {
  left: 1rem;
  transition: left .4s;
  opacity: 1
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct:before {
  line-height: 2rem;
  left: 1.4rem;
  width: 3.1rem;
  letter-spacing: .5px;
  color: #fff
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct:before {
  text-align: right
}

@media (max-width: 1023px) {
  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct:before {
      font-size:1.7rem;
      line-height: 2.8rem;
      left: 3rem
  }
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct:after {
  text-align: left;
  opacity: 0
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct.active:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct.active:before {
  opacity: 0
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct.active:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct.active:after {
  left: 1rem;
  opacity: 1
}

@media (max-width: 1023px) {
  .plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-sm-ct.btn-sm-ct.active:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-sm-ct.btn-sm-ct.active:after {
      font-size:1.7rem;
      line-height: 2.8rem;
      left: 1.5rem
  }
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-secondary-ct,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-secondary-ct {
  color: #6b7381;
  background: #bdc1c8
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-secondary-ct:after,.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-secondary-ct:before,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-secondary-ct:after,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-secondary-ct:before {
  color: #6b7381
}

.plp__pagination-bar .pagination-bar-results .btn-toggle-ct.btn-secondary-ct.active,.plp__pagination-bar .pagination-toolbar .btn-toggle-ct.btn-secondary-ct.active {
  background-color: #666
}

.image-component {
  padding: 40px 0 15px;
  border-bottom: 1px solid #eee
}

@media (max-width: 767px) {
  .image-component {
      padding:35px 0 25px
  }
}

.image-component>ul {
  max-width: 970px;
  margin: 0 auto
}

@media (min-width: 768px) {
  .image-component>ul li {
      padding-right:12.5px;
      padding-left: 12.5px
  }
}

.image-component--link {
  display: block;
  margin-bottom: 25px
}

@media (max-width: 767px) {
  .image-component--link {
      margin-bottom:10px
  }
}

.image-component--link:focus,.image-component--link:hover {
  transition: all .2s linear;
  opacity: .7
}

.btn-refinement {
  margin-bottom: 15px
}

.btn-refinement .dropdown-menu,.btn-refinement .dropdown-toggle {
  width: 100%
}

.btn-refinement .dropdown-menu {
  top: 0;
  left: 0;
  max-height: none
}

.btn-refinement .dropdown-menu>li>a:after {
  font-family: FontAwesome;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  content: "\f054";
  color: #ccc
}

.search__empty__cmp {
  margin-bottom: 40px
}

.search__empty__cmp .headline-text-sub {
  margin-left: 0;
  text-align: center
}

.search__empty__result {
  margin-top: 40px;
  padding: 50px 20px;
  text-align: center;
  background-color: #f9f9f9
}

.search__empty__result--title {
  font-size: 2rem;
  font-weight: 400;
  color: #111
}

.search__category--title {
  font-size: 14px;
  cursor: pointer
}

@media (max-width: 1023px) {
  .search__empty__result {
      margin-top:15px;
      padding: 20px 0
  }

  .search__category--title {
      font-size: 11px
  }
}

@media (max-width: 767px) {
  .search__category {
      margin-right:-5px;
      margin-left: -5px
  }

  .search__category--title>.fa {
      float: right;
      color: #ccc
  }

  .search__category--title {
      margin: 0;
      padding: 10px 5px;
      border-bottom: 1px solid #eee
  }

  .search__category__list li>a {
      line-height: 1.1;
      display: block;
      padding: 10px;
      border-bottom: 1px solid #eee
  }
}

@media (min-width: 768px) {
  .search__category__list {
      margin-bottom:40px
  }
}

@media (min-width: 1024px) {
  .search__category__list {
      width:20%
  }

  .search__category__list:nth-child(5n+1) {
      clear: left
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .search__category__list:nth-child(4n+1) {
      clear:left
  }
}

.search__category__list li {
  position: relative
}

.search__category__list li>.fa {
  position: absolute;
  top: 13px;
  right: 15px;
  color: #ccc
}

.search__category__brand,.search__category__text {
  line-height: 1.1;
  padding: 10px 5px;
  border-bottom: 1px solid #eee;
  background-color: #f7f6f6
}

.search__category__text {
  border-top: 1px solid #eee
}

.search__category__brand {
  display: block
}

.search__category__brand .fa {
  float: right;
  color: #ccc
}

.all-categories-carousel {
  padding-bottom: 30px
}

.bg-error-page {
  padding-bottom: 60px;
  border-bottom: 1px solid #eee
}

.blue__bgd--heading {
  background: #f4fafb!important
}

.green__bgd--heading {
  background: #f8fdf7!important
}

.pink__bgd--heading {
  background: #fdf7fa!important
}

.orange__bgd--heading {
  background: #fef9f7!important
}

.purple__bgd--heading {
  background: #fbf8fd!important
}

.blue--link {
  color: #4c97be!important
}

.green--link {
  color: #77be3d!important
}

.pink--link {
  color: #d93981!important
}

.orange--link {
  color: #fd6169!important
}

.purple--link {
  color: #96c!important
}

.bgd__top-heading {
  background-color: #e9f6f8
}

#plp-cat-navWrap {
  margin-top: 5px
}

#plp-cat-navWrap #plp-cat-nav-list {
  width: 100%
}

#plp-cat-navWrap #plp-cat-nav-list h2.other_filter {
  font-size: 1.4em;
  text-align: center
}

#plp-cat-navWrap #plp-cat-nav-list h2.other_filter:first-child {
  margin-top: 35px
}

#plp-cat-navWrap #plp-cat-nav-list p#categoryDetail {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #dcdcdc
}

#plp-cat-navWrap #plp-cat-nav-list p#categoryDetail:first-child {
  border: none
}

#plp-cat-navWrap #plp-cat-nav-list ul {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin: 0;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-flex-wrap: wrap
}

#plp-cat-navWrap #plp-cat-nav-list h2+ul {
  padding-top: 15px;
  border-top: solid 1px #dcdcdc
}

#plp-cat-navWrap #plp-cat-nav-list ul li {
  overflow: hidden;
  width: calc((25% - (45px / 4)));
  height: auto;
  margin: 0 15px 15px 0;
  border-radius: 5px
}

#plp-cat-navWrap #plp-cat-nav-list ul li:nth-child(4n) {
  margin-right: 0
}

#plp-cat-navWrap #plp-cat-nav-list ul li a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  height: 72px;
  padding: 6px 28px 6px 6px;
  letter-spacing: -1em;
  color: #111;
  background: #f7f6f6;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-justify-content: flex-start
}

#plp-cat-navWrap #plp-cat-nav-list ul li a:hover {
  text-decoration: none;
  opacity: .7
}

#plp-cat-navWrap #plp-cat-nav-list ul li a:after {
  font-family: FontAwesome;
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -.6em;
  content: "\f054";
  letter-spacing: normal;
  color: #ccc
}

.snap__list .page-header,.snap__title span {
  font-family: "Myriad Pro",Helvetica,Arial,sans-serif
}

#plp-cat-navWrap #plp-cat-nav-list ul li a img {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 1em
}

#plp-cat-navWrap #plp-cat-nav-list ul li a .keyword {
  font-size: 1em;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  letter-spacing: normal
}

#plp-cat-navWrap #plp-cat-nav-list ul li a img+.keyword {
  width: calc(100% - 60px - 1em)
}

#plp-cat-navWrap #plp-cat-nav-list ul li a img+.keyword small {
  color: #999
}

#plp-cat-navWrap #plp-cat-nav-list ul.brand_logo li a {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

#plp-cat-navWrap #plp-cat-nav-list ul.brand_logo li a .logo_img {
  position: relative;
  width: 45%;
  max-width: 127.6px;
  height: 100%;
  background: #fff
}

#plp-cat-navWrap #plp-cat-nav-list ul.brand_logo li a .logo_img img {
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  width: 100%;
  height: auto;
  margin: auto
}

#plp-cat-navWrap #plp-cat-nav-list ul.brand_logo li a .logo_img+.keyword {
  font-size: .8em;
  width: 55%;
  padding-left: 1em
}

#plp-cat-navWrap #plp-cat-nav-list .category_imagecut {
  padding: 0;
  text-align: center
}

#plp-cat-navWrap #plp-cat-nav-list .category_imagecut img {
  max-width: 100%;
  margin: 0 auto
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li {
  width: calc(33.333% - (30px / 3))
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li:nth-child(3n) {
  margin-right: 0
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li:nth-child(4n) {
  margin-right: 15px
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a {
  display: block;
  height: auto;
  padding: 6px
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a:after {
  display: none
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .renewal {
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 6px;
  width: calc(100% - 12px);
  text-align: center;
  letter-spacing: normal;
  color: #fff;
  background: #ff3c6c
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .thumbcov {
  position: relative;
  z-index: 0
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a img {
  width: 100%;
  height: auto;
  margin: 0
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .keyword {
  width: 100%;
  margin: 10px 0;
  text-align: center
}

#plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .keyword+p {
  margin-bottom: 0;
  letter-spacing: normal
}

#plp-cat-navWrap #plp-cat-nav-list .select_bland {
  width: calc(100% + 15px);
  margin-right: calc(-15px / 2)!important;
  margin-left: calc(-15px / 2)!important
}

#plp-cat-navWrap #plp-cat-nav-list .select_bland li {
  width: calc(16.66666667% - 15px);
  max-width: 170px;
  margin-right: calc(15px / 2)!important;
  margin-left: calc(15px / 2)!important
}

#plp-cat-navWrap #plp-cat-nav-list .select_bland li a {
  height: auto;
  padding: 0;
  background: 0 0
}

#plp-cat-navWrap #plp-cat-nav-list .select_bland li a:after {
  display: none!important
}

#plp-cat-navWrap #plp-cat-nav-list .select_bland li a .blang_logo {
  width: 100%;
  margin: 0;
  border: 1px solid #eee
}

#plp-cat-navWrap #plp-cat-nav-list .select_bland li a .blang_logo img {
  display: block;
  width: 100%;
  height: auto
}

#plp-cat-navWrap #plp-cat-nav-list .select_bland li a .bland_name {
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  margin: 5px 0 0;
  text-align: center;
  letter-spacing: normal
}

@media (max-width: 1023px) {
  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .renewal {
      line-height:16px
  }

  #plp-cat-navWrap #plp-cat-nav-list .select_bland li {
      width: calc(33.33333333% - 15px)
  }
}

@media screen and (max-width: 767px) {
  #plp-cat-navWrap #plp-cat-nav-list ul {
      -ms-flex-pack:justify;
      justify-content: space-between;
      -webkit-justify-content: space-between
  }

  #plp-cat-navWrap #plp-cat-nav-list ul li {
      width: calc(50% - 5px);
      margin-right: 0;
      margin-bottom: 10px
  }

  #plp-cat-navWrap #plp-cat-nav-list ul li a {
      height: 100%;
      min-height: 50px;
      padding: 5px 20px 5px 5px
  }

  #plp-cat-navWrap #plp-cat-nav-list ul li a:after {
      right: 5px
  }

  #plp-cat-navWrap #plp-cat-nav-list ul li a img {
      width: 40px;
      height: auto
  }

  #plp-cat-navWrap #plp-cat-nav-list ul li a img+.keyword {
      width: calc(100% - 1em - 40px)
  }

  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li {
      width: calc(50% - 5px)
  }

  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li:nth-child(4n) {
      margin-right: 0
  }

  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a {
      padding: 5px
  }

  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .renewal {
      line-height: 16px;
      top: 5px;
      left: 5px;
      width: calc(100% - 10px)
  }

  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .thumbcov {
      overflow: hidden;
      width: 100%;
      height: 110px
  }

  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .thumbcov>img {
      position: absolute;
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%;
      width: auto;
      height: 100%;
      margin: auto
  }

  #plp-cat-navWrap #plp-cat-nav-list ul.bigthumb li a .keyword {
      margin: 8px 0
  }

  #plp-cat-navWrap #plp-cat-nav-list .select_bland li {
      width: calc(50% - 15px);
      max-width: none
  }

  #plp-cat-navWrap #plp-cat-nav-list .select_bland li a .blang_logo img {
      max-width: 168px;
      margin: 0 auto
  }
}

@media screen and (max-width: 736px) and (min-width:429px) {
  #plp-cat-navWrap #plp-cat-nav-list ul.brand_logo li a .logo_img img {
      width:auto;
      height: 40px
  }
}

@media screen and (max-width: 767px) {
  #plp-cat-navWrap #plp-cat-nav-list.scrollBox {
      overflow-x:scroll;
      width: 100%;
      white-space: nowrap
  }

  #plp-cat-navWrap #plp-cat-nav-list.scrollBox ul.sp-box {
      display: inline-block;
      width: 44%;
      margin: 0 1%;
      vertical-align: top;
      white-space: normal
  }

  #plp-cat-navWrap #plp-cat-nav-list.scrollBox ul.sp-box li {
      width: 100%
  }
}

.fa-times-circle:before {
  font-size: 16px;
  content: "\f00d";
  color: #666
}

@media screen and (max-width: 1023px) {
  .fa-times-circle:before {
      font-size:14px
  }
}

.snap__name--confirm {
  margin-left: 15px
}

.snap__registration .form-select-custom .dropdown-toggle {
  width: 160px;
  padding-left: 15px
}

.snap__registration .input-datetime .form-select-custom {
  display: inline-block
}

.snap__registration .input-datetime .form-select-custom .dropdown-toggle {
  width: 65px
}

.snap__registration .input-datetime .form-select-custom .dropdown-menu {
  width: 70px;
  min-width: initial
}

.snap__registration .input-datetime .form-select-custom .dropdown-menu>li>a {
  padding-right: 0
}

@media (min-width: 768px) {
  .snap__registration .input-datetime .form-select-custom .dropdown-menu>li>a,.snap__registration .input-datetime .form-select-custom .dropdown-toggle {
      padding-left:10px
  }

  .snap__content-notfound {
      border-bottom: 1px solid #eee
  }
}

@media (max-width: 767px) {
  .snap__registration .input-datetime {
      margin-right:-5px;
      margin-left: -5px
  }

  .snap__registration .input-datetime .first-label {
      float: left;
      width: calc(16.66666667%);
      padding-right: 5px;
      padding-left: 5px
  }

  .snap__registration .input-datetime .form-select-custom {
      float: left;
      width: calc(33.33333333%);
      padding-right: 5px;
      padding-left: 5px
  }

  .snap__registration .input-datetime .form-select-custom .dropdown-menu,.snap__registration .input-datetime .form-select-custom .dropdown-toggle {
      width: 100%
  }

  .snap__registration .input-datetime label {
      float: left;
      width: calc(8.33333333%);
      padding-right: 5px;
      padding-left: 5px
  }

  .snap__registration .input-datetime label:nth-of-type(2) {
      text-align: center
  }
}

.snap__registration .info-group .form-group {
  display: block;
  width: auto
}

.snap__link,.snap__list .sort-refine-bar .form-select-custom .dropdown-toggle,.snap__registration textarea {
  width: 100%
}

.snap__registration .custom-file-upload {
  font-size: 12px;
  line-height: 18px;
  min-width: 70px
}

.snap__registration .js-salon-upload-file>span {
  color: #111
}

.snap__registration .input-row label {
  font-size: 13px;
  color: #111
}

@media (max-width: 767px) {
  .snap__registration .custom-file-upload {
      min-width:60px;
      padding-top: 5px;
      padding-bottom: 5px
  }

  .snap__registration .custom-checkbox-2 {
      background-color: transparent
  }
}

.snap__content {
  margin-bottom: 80px
}

@media (max-width: 1023px) {
  .snap__registration .info-group .input-datetime .form-select-custom .dropdown-menu,.snap__registration .info-group .input-datetime .form-select-custom .dropdown-toggle {
      margin-top:0
  }

  .snap__registration .info-group .dropdown-menu,.snap__registration .info-group .dropdown-toggle {
      width: 100%;
      margin-top: 10px
  }

  .snap__registration .input-row label {
      font-size: 11px
  }

  .snap__content {
      margin-bottom: 40px
  }
}

.snap__content p {
  font-size: 16px
}

.snap__content-notfound {
  margin: 0;
  padding-bottom: 6rem
}

.snap__link {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  clear: both;
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 3px
}

@media (max-width: 1023px) {
  .snap__content p {
      font-size:12px
  }

  .snap__link {
      font-size: 10px
  }
}

.snap__link .fa {
  font-size: 1rem
}

.snap__slider .botline {
  font-weight: 700;
  margin-top: 30px
}

.snap__heading {
  padding-top: 30px;
  padding-bottom: 30px
}

@media (max-width: 1023px) {
  .snap__slider .botline {
      margin-top:10px
  }

  .snap__heading {
      padding-top: 15px;
      padding-bottom: 15px;
      background-color: #e2eef6
  }

  .snap__heading p {
      font-size: 16px
  }
}

@media (max-width: 1023px) and (max-width:1023px) {
  .snap__heading p {
      font-size:12px
  }
}

.snap__heading .btn-large {
  font-size: 2.2rem;
  margin-top: 40px
}

.snap__heading .btn-large .fa {
  font-size: 2.2rem
}

.snap__type {
  font-size: 16px;
  font-weight: 700;
  color: #036
}

@media (max-width: 1023px) {
  .snap__heading .btn-large {
      margin-top:0
  }

  .snap__type {
      font-size: 12px
  }
}

.snap__title {
  font-size: 2.8rem;
  color: #036
}

.snap__title span {
  font-size: 4.8rem
}

@media (max-width: 1023px) {
  .snap__title {
      font-size:2.5rem;
      margin: 0
  }

  .snap__title span {
      font-size: 4rem
  }
}

.snap__banner .caption {
  font-size: 20px;
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  text-align: right;
  opacity: .7;
  color: #fff;
  background: rgba(40,40,40,.73)
}

.snap__item {
  display: block;
  overflow: hidden;
  margin-bottom: 15px
}

.snap__item:hover img {
  transition: all .2s linear;
  opacity: .7
}

.snap__item .img-wrapper {
  position: relative;
  min-height: 50px
}

.snap__item .img-wrapper img {
  max-width: 100%;
  height: auto
}

.snap__item__caption {
  font-size: 14px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  background: rgba(0,0,0,.5)
}

@media (max-width: 1023px) {
  .snap__banner .caption {
      font-size:14px;
      padding: 10px
  }

  .snap__item {
      margin-top: 5px;
      margin-bottom: 5px
  }

  .snap__item__caption {
      font-size: 11px
  }
}

.snap__item__number,.snap__item__text {
  display: table-cell;
  padding: 5px;
  vertical-align: middle
}

.snap__item__number {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  min-width: 30px;
  text-align: center
}

@media (max-width: 1023px) {
  .snap__item__number {
      font-size:10px
  }
}

.snap__item--red {
  background-color: #fd6169
}

.snap__item--blue {
  background-color: #4c97be
}

.snap__item--green {
  background-color: #77be3d
}

.snap__item__wrapper {
  margin-top: 30px
}

.snap__item__name {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6
}

@media (min-width: 1023px) and (max-width:1199px) {
  .snap__list .input-group-btn .btn-search {
      height:40px;
      padding: 0 13px
  }
}

.snap__list .sort-refine-bar .form-select-custom {
  margin-top: 5px
}

@media (max-width: 1023px) {
  .snap__item__name {
      font-size:11px
  }

  .snap__list .pagination-bar {
      margin-top: 0
  }
}

@media (max-width: 767px) {
  .snap__item__wrapper .col-md-3:nth-child(2n+1) {
      clear:left
  }

  .snap__list .page-header {
      font-size: 20px
  }
}

.snap__confirm--span {
  display: block;
  overflow: hidden
}

.snap__confirm__time label {
  float: left;
  margin-right: 15px
}

.snap__confirm__time p {
  display: inline-block
}

.snap__confirm .form-info {
  line-height: 1.5;
  margin: 10px 0
}

.snap__registration .salon__title {
  margin: 3rem 0 10px
}

.snap__registration .snap-addidion-info {
  margin-top: 10px
}

.snap__registration .additional-info {
  margin: 10px 0
}

.snap__registration .salon__dark__bgd {
  margin-bottom: 30px
}

.salon__dark__bgd {
  padding: 10px 30px 20px;
  background-color: #f9f9f9
}

.salon__info {
  margin: 70px 0
}

@media (max-width: 1023px) {
  .snap__confirm .form-group {
      font-size:1.3rem
  }

  .salon__dark__bgd {
      padding: 10px
  }

  .salon__info {
      margin: 40px 0
  }
}

.salon__info h4 {
  margin: 0
}

.salon__info .salon__wrap__title-name {
  display: table
}

.salon__info .salon__title {
  color: #111
}

.salon__brand,.showroom__overlay p,.showroom__title {
  color: #fff;
  font-weight: 700
}

@media (min-width: 1024px) {
  .snap__item__wrapper .col-md-3:nth-child(4n+1) {
      clear:left
  }

  .salon__info .salon__heading .salon__title {
      margin: 10px 0
  }

  .salon__brand {
      max-width: 30%
  }
}

@media (max-width: 1023px) {
  .salon__info .salon__heading .salon__title {
      margin:20px 0 5px
  }
}

.salon__info .salon__comment {
  margin: 2rem 0
}

.salon__info .salon__comment p {
  margin: 0
}

.salon__brand {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  padding: 25px 45px
}

@media (max-width: 1023px) {
  .salon__brand {
      font-size:12px;
      display: block;
      float: none;
      margin: 0;
      padding: 10px;
      text-align: center
  }
}

.salon__heading {
  overflow: hidden;
  margin-bottom: 30px
}

.salon__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3
}

@media (max-width: 1023px) {
  .salon__heading {
      margin-bottom:25px
  }

  .salon__title {
      font-size: 12px
  }
}

.salon__name {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3
}

.showroom__banner {
  margin: 40px 0 80px
}

.showroom__info {
  position: relative;
  overflow: hidden
}

.showroom__info>a:hover .showroom__overlay,.showroom__info>a:hover>img {
  opacity: .7
}

.showroom__info img {
  max-width: 1170px
}

@media (max-width: 640px) {
  .showroom__info img {
      width:100%
  }
}

.showroom__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px 30px;
  transform: translate(-50%,-50%);
  text-align: center;
  background: rgba(40,40,40,.73)
}

.brand__desc,.brand__maker .brand__filter {
  text-align: left
}

@media (min-width: 1024px) and (max-width:1199px) {
  .showroom__overlay {
      padding:20px
  }
}

@media (max-width: 1023px) {
  .salon__name {
      font-size:17px
  }

  .showroom__banner {
      margin: 15px 0
  }

  .showroom__overlay {
      right: 0;
      left: 0;
      margin: 0 100px;
      padding: 15px;
      transform: translate(0,-50%)
  }
}

.showroom__overlay p {
  font-size: 1.5rem
}

@media (max-width: 767px) {
  .showroom__overlay {
      margin-right:15px;
      margin-left: 15px
  }

  .showroom__overlay p {
      font-size: 12px
  }
}

.showroom__title {
  font-size: 47px;
  margin-top: 0
}

@media (min-width: 1024px) and (max-width:1199px) {
  .showroom__title {
      font-size:40px
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .snap__item__wrapper .col-md-3:nth-child(3n+1) {
      clear:left
  }

  .showroom__title {
      font-size: 40px
  }
}

.showroom__title span {
  font-size: 35px;
  margin-left: 10px
}

@media (min-width: 1024px) and (max-width:1199px) {
  .showroom__title span {
      font-size:30px
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .showroom__title span {
      font-size:30px
  }
}

@media (max-width: 767px) {
  .showroom__title {
      font-size:20px
  }

  .showroom__title span {
      font-size: 2.2rem
  }
}

.showroom__title .fa {
  margin-right: 10px
}

.showroom__desc {
  font-size: 2.6rem;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  color: #cbbf70
}

@media (max-width: 1023px) {
  .showroom__desc {
      font-size:2.1rem
  }
}

@media (max-width: 767px) {
  .showroom__desc {
      font-size:12px
  }
}

.salon__dark__bgd {
  margin-bottom: 40px
}

.snap__bottom,.snap__list--banner {
  margin-top: 80px;
  margin-bottom: 80px
}

@media (max-width: 1023px) {
  .snap__bottom,.snap__list--banner {
      margin-top:30px;
      margin-bottom: 30px
  }
}

.snap__register--banner {
  margin-top: 30px;
  margin-bottom: 60px
}

.register-form .snap__confirm {
  font-size: 14px;
  color: #111
}

@media (max-width: 1023px) {
  .snap__register--banner {
      margin-top:0;
      margin-bottom: 30px
  }

  .register-form .snap__confirm {
      font-size: 11px
  }
}

.register-form .snap__confirm .salon__title {
  font-size: 13px;
  color: #111
}

@media (max-width: 1023px) {
  .register-form .snap__confirm .salon__title {
      font-size:11px
  }

  .snap__registration .btn-group--bottom {
      margin-bottom: 30px
  }
}

.brand_block:hover {
  opacity: .7
}

.brand__logo {
  float: left;
  margin-right: 20px
}

.brand__desc {
  overflow: hidden
}

.brand__desc .read-more {
  line-height: 2.2rem;
  position: relative;
  overflow: hidden
}

.brand__desc .read-less+.link-read-more {
  display: none!important
}

.brand__desc .text-link {
  display: block;
  padding: 5px
}

@media (max-width: 767px) {
  .brand__logo {
      max-width:35%;
      margin-right: 10px
  }

  .brand__desc .read-more {
      height: 86px
  }

  .brand__desc .text-link {
      padding-bottom: 0
  }
}

.brand__maker .brand__filter-rs {
  text-decoration: none
}

.brand__maker .brand__filter-rs .text--blue {
  border-bottom: .5px solid #3d9ed1
}

.brand__maker .brand__filter-rs .text--blue:hover {
  text-decoration: none;
  border-bottom: none
}

.brand__maker .brand__type__filter.bg__filters .type_alpha,.brand__maker .brand__type__filter.bg__filters .type_kana {
  text-decoration: none;
  pointer-events: none
}

.brand__maker .brand__type__filter.bg__filters .type_alpha.deactive_filter,.brand__maker .brand__type__filter.bg__filters .type_kana.deactive_filter {
  text-decoration: underline;
  pointer-events: stroke
}

.brand__maker .brand__type__filter.bg__filters .type_alpha:hover,.brand__maker .brand__type__filter.bg__filters .type_kana:hover {
  text-decoration: none
}

.brand__maker .brand__search__box {
  padding-top: 20px
}

.brand__grid .brand_name,.brand__grid .brand_thumb .text-link,.campaign__promo__content {
  text-align: center
}

.brand__maker .brand__filter__options li {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0 4px
}

@media (max-width: 767px) {
  .brand__maker .brand__filter__options li {
      font-size:16px;
      margin: 0 3px
  }

  .brand__maker .brand__filter,.brand__maker .brand__search__box {
      border-top: 1px solid #e0e0e0
  }

  .brand__maker .brand__search__box {
      padding-top: 0
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .brand__maker .brand__filter__options li {
      font-size:12px
  }
}

.brand__maker .brand__filter__options li:first-child {
  margin-left: 0!important;
  padding-left: 0!important
}

.brand__maker .brand__filter__options.bg__opt li {
  font-size: 16px;
  font-weight: 700
}

.brand__maker .brand__filter__options.bg__opt li a {
  text-decoration: underline
}

.brand__maker .brand__filter__options.bg__opt li a:hover {
  text-decoration: none
}

.review__profile__page__info .modal-body .update-avatar label:hover,.review__profile__page__info p.link--profile:hover,.wishlist .list-category--eg button:hover {
  text-decoration: underline
}

.brand__grid {
  margin: 60px 0;
  border-top: 1px solid #e0e0e0
}

@media (max-width: 767px) {
  .brand__grid {
      margin:0;
      border: 0
  }
}

.brand__grid .brand_thumb.thumb-border,.brand__grid .brand_thumb.thumb-empty {
  margin-top: 20px;
  margin-bottom: 10px;
  border: 1px solid #eee
}

.brand__grid .brand_thumb.thumb-empty {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column
}

.brand__body.in,.brand__header {
  border-bottom: 1px solid #e0e0e0
}

.brand__grid .brand_thumb.thumb-empty .brand__name-inside {
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
  color: #999
}

.brand__grid .brand_thumb .text-link .brand_thumb-img {
  width: 100%;
  max-width: 168px
}

.brand__grid .brand_name .text-link {
  font-weight: 700;
  color: #111
}

.brand__grid .brand_name.eg__brand .text-link {
  color: #b2a21f
}

.brand__header a {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
  padding: 10px 20px 10px 10px
}

@media (max-width: 1023px) {
  .brand__header a {
      font-size:12px
  }
}

@media (max-width: 767px) {
  .brand__header a {
      padding:10px
  }

  .brand__body.in {
      border-bottom: 0
  }
}

.brand__header a:focus,.brand__header a:hover {
  color: #111
}

.brand__header a .fa {
  float: right;
  margin-top: 4px;
  color: #ccc
}

.brand__body.collapsing,.brand__body.in {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.brand__body li:not(.brand_custom) {
  display: inline-block
}

@media (min-width: 768px) {
  .brand__body {
      padding:20px 15px
  }

  .brand__body li:not(.brand_custom) {
      width: calc(33.33333333%);
      padding: 10px 20px
  }
}

@media (max-width: 767px) {
  .brand__body li:not(.brand_custom) {
      width:50%;
      margin-bottom: 0;
      padding: 10px;
      border-bottom: 1px solid #e0e0e0
  }

  .brand__body li:not(.brand_custom):nth-child(odd) {
      border-right: 1px solid #e0e0e0
  }

  .brand__body li:not(.brand_custom) a {
      font-size: 16px
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .brand__body li:not(.brand_custom) a {
      font-size:12px
  }
}

.campaign__promo {
  margin: 10px 0
}

.campaign__promo__content {
  font-size: 13px;
  display: block;
  padding: 5px;
  color: #fff;
  background-color: #ff3c6c
}

@media (max-width: 1023px) {
  .campaign__promo__content {
      font-size:10px
  }
}

.campaign__promo__content>p {
  margin-bottom: 0
}

.campaign__control {
  margin-top: 40px;
  padding: 20px;
  background: #f7f6f6
}

.campaign__control .block-categories-list__item {
  clear: none!important;
  width: auto
}

@media (max-width: 767px) {
  .campaign__control {
      margin-top:20px;
      padding: 5px
  }

  .campaign__control .block-categories-list__item {
      display: block;
      margin-right: 0
  }

  .campaign__control .block-categories-list__title {
      border-top: 0
  }
}

@media (min-width: 768px) {
  .campaign__control .block-categories-list__item {
      padding:0 20px
  }
}

.campaign__control .block-categories-list__item .fa {
  font-size: 11px;
  margin-left: 10px;
  color: #111
}

.campaign__control .block-categories-list__title {
  font-weight: 400;
  position: relative
}

.showroow-calendar .page-year-subtitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 767px) {
  .showroow-calendar .page-year-subtitle {
      display:block;
      padding-left: 30%
  }
}

.showroow-calendar .page-year-subtitle p:not(:last-child) {
  margin-right: 30px
}

.showroow-calendar .page-businesshours {
  width: 29%;
  margin: 20px auto 0;
  text-align: right
}

@media (max-width: 1023px) {
  .showroow-calendar .page-businesshours {
      width:auto;
      text-align: center
  }
}

.showroow-calendar .header-more-info1:before,.showroow-calendar .header-more-info2:before,.showroow-calendar .header-more-info3:before {
  display: inline-block;
  width: 30px;
  height: 24px;
  margin-right: 1rem;
  vertical-align: middle;
  content: ""
}

.showroow-calendar span.tail-more-info {
  float: right
}

.showroow-calendar .page-header__wrapper {
  text-align: inherit
}

.showroow-calendar .page-header,.wishlist .btn-category {
  text-align: center
}

.showroow-calendar .header-more-info1 {
  font-size: 14px;
  color: #111
}

@media (max-width: 1023px) {
  .showroow-calendar .header-more-info1 {
      font-size:11px
  }
}

.showroow-calendar .header-more-info1:before {
  background-color: #ff3c6c
}

.showroow-calendar .header-more-info2 {
  font-size: 14px;
  color: #111
}

@media (max-width: 1023px) {
  .showroow-calendar .header-more-info2 {
      font-size:11px
  }
}

.showroow-calendar .header-more-info2:before {
  background-color: #3d9ed1
}

.showroow-calendar .header-more-info3 {
  font-size: 14px;
  color: #111
}

.showroow-calendar .header-more-info3:before {
  background-color: #ff813c
}

.wishlist .btn-drag,.wishlist .item__product {
  background-color: #fff
}

.showroow-calendar .next-year {
  margin-top: 2rem;
  border-top: 1px solid #dcdcdc
}

@media (max-width: 1023px) {
  .showroow-calendar .header-more-info3 {
      font-size:11px
  }

  .wishlist .item__product .thumb {
      margin-bottom: 0
  }
}

.wishlist__sortable {
  overflow: hidden;
  margin-bottom: 30px
}

@media (max-width: 1023px) {
  .wishlist__sortable {
      margin-bottom:5px
  }
}

.wishlist.ui-sortable-dragging .item-wrapper {
  min-height: auto
}

.wishlist .find-out-more {
  margin-bottom: 30px
}

@media (max-width: 1023px) {
  .wishlist .find-out-more {
      font-size:1.7rem;
      margin-bottom: 10px
  }
}

.wishlist .btn-drag,.wishlist .btn-remove {
  line-height: 1;
  position: absolute;
  z-index: 1;
  top: 0;
  padding: 5px 7px;
  color: #ccc;
  border-radius: 3px
}

.wishlist .btn-drag:hover,.wishlist .btn-remove:hover {
  color: #111
}

.wishlist .btn-remove {
  right: 0
}

.wishlist .btn-drag {
  left: 0;
  color: #3d9ed1;
  border: 1px solid #dcdcdc
}

.wishlist__pagination-bar {
  margin: 1rem 0 3rem;
  padding-top: 3rem;
  border-top: 2px solid #eee
}

.wishlist__pagination-bar .sort-form {
  float: none;
  margin-bottom: 0
}

@media (max-width: 767px) {
  .wishlist__pagination-bar {
      margin-right:5px;
      margin-left: 5px
  }
}

.wishlist .div-category {
  overflow-x: hidden;
  width: 165px;
  padding: 10px 0;
  border: 1px solid #d8d8d8;
  background: #f9f9f9
}

@media (min-width: 1200px) {
  .wishlist .div-category {
      width:100%
  }

  .product-list-type-2 .item-wrapper:nth-child(6n+1) {
      clear: left
  }
}

.wishlist .div-list-category button {
  font: inherit;
  font-size: 13px;
  display: block;
  margin: 0 0 10px 10%;
  padding: 0;
  cursor: pointer;
  color: #111;
  border: none;
  outline: inherit;
  background: 0 0
}

.wishlist .div-list-category button:first-child {
  margin-left: 5%
}

.wishlist .div-list-category button:hover {
  text-decoration: underline;
  color: #4c97be
}

.wishlist .div-list-category .active {
  font-weight: 700;
  color: #4c97be
}

.wishlist .div-list-category .active--eg {
  font-weight: 700;
  color: #e079a6
}

.wishlist .list-category--eg button:hover {
  color: #e079a6
}

.wishlist .btn-category .btn-desktop {
  font-size: 13px;
  padding: 5%;
  color: #fff;
  border-radius: 5px;
  background: #3d9ed1
}

.wishlist .btn-showCategory-mobile {
  font-size: 15px;
  float: right;
  height: 30px;
  margin: 0 2px 10px;
  color: #71accb;
  border: 1px solid #71accb;
  border-radius: 5px;
  background: #fff
}

.wishlist .btn-showCategory-mobile--eg {
  color: #e079a6;
  border: 1px solid #e079a6
}

.wishlist .btn-category-mobile {
  font-size: 17px;
  width: 90%;
  height: 40px;
  margin: 20px;
  color: #71accb;
  border: 1px solid #71accb;
  border-radius: 5px;
  background: #fff
}

.wishlist .text-category-name {
  font-size: 20px;
  font-weight: 700;
  display: inline;
  color: #111
}

@media (max-width: 767px) {
  .wishlist .btn-category {
      padding-right:5px;
      padding-left: 5px
  }

  .wishlist .text-category-name {
      font-size: 18px;
      padding-left: 5px
  }
}

.wishlist .text-category-warn {
  font-size: 12px;
  display: inline;
  margin-left: 20px;
  color: #111
}

.wishlist .border {
  padding-bottom: 1rem;
  border-bottom: 2px solid #eee
}

.wishlist .list-categories {
  overflow-x: hidden;
  overflow-y: auto;
  height: 265px;
  background: #f4f4f4
}

@media (max-width: 767px) {
  .wishlist .text-category-warn {
      font-size:11px
  }

  .wishlist .list-categories {
      height: auto
  }

  .wishlist .list-categories li .active {
      color: #4c97be
  }

  .wishlist .list-categories li .active--eg {
      color: #d83980
  }
}

.wishlist .list-category-child {
  width: 100%;
  border-bottom: 1px solid #dbdbdb
}

.wishlist .list-category-child:not(.active):hover {
  color: #3d9ed1
}

.wishlist .list-category-child--eg:not(.active):hover {
  color: #e079a6
}

.wishlist .content-category {
  position: relative;
  height: 44px;
  transition: height .2s ease-out
}

.wishlist .show-add-category {
  position: relative;
  cursor: pointer;
  transition: height .2s ease-out
}

@media (max-width: 767px) {
  .wishlist .show-add-category input {
      color:#111
  }
}

.wishlist .show-remove-category {
  position: relative;
  height: 115px;
  transition: height .2s ease-out
}

.wishlist .inactive:hover {
  color: #3d9ed1
}

.wishlist .icon-add-category,.wishlist .icon-update-category {
  position: absolute;
  width: 44px;
  height: 44px;
  cursor: pointer
}

.wishlist .icon-remove-category {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  cursor: pointer
}

.wishlist .text-add-category {
  font-size: 14px;
  line-height: 44px;
  display: block;
  width: 324px;
  height: 44px;
  margin-left: 44px
}

.wishlist .text-add-category-modal,.wishlist .text-name-category-modal {
  margin-left: 20px;
  font-size: 14px;
  line-height: 44px;
  width: 324px;
  height: 44px;
  display: block
}

.wishlist .text-name-category-modal {
  cursor: default
}

.wishlist .text-name-category {
  font-size: 14px;
  line-height: 44px;
  display: block;
  width: 324px;
  height: 44px;
  margin-left: 44px;
  cursor: pointer
}

.wishlist .text-name-remove {
  font-size: 13px;
  position: absolute;
  top: 16px;
  left: 16px
}

.wishlist .text-warn-remove {
  font-size: 13px;
  position: absolute;
  top: 40px;
  left: 16px;
  color: #bf0000
}

.wishlist .text-add-error {
  position: absolute;
  top: 53px;
  left: 10px;
  color: #bf0000
}

.wishlist .input-add-category {
  position: absolute;
  top: 16px;
  left: 10px;
  display: block;
  width: 253px;
  height: 34px;
  padding-left: 5px;
  border: 1px solid #e2e2e2
}

@media (max-width: 767px) {
  .wishlist .input-add-category {
      width:210px;
      height: 34px;
      border-radius: 0
  }
}

.wishlist .input-update-category {
  position: absolute;
  top: 16px;
  left: 10px;
  display: block;
  width: 253px;
  height: 34px;
  padding-left: 5px;
  border: 1px solid #e2e2e2
}

@media (max-width: 767px) {
  .wishlist .input-update-category {
      width:210px;
      height: 34px;
      border-radius: 0
  }
}

.wishlist .input-add-category:focus,.wishlist .input-update-category:focus {
  outline: 0
}

.wishlist .btn-add-category {
  position: absolute;
  top: 16px;
  left: 264px;
  width: 46px;
  height: 34px;
  cursor: default;
  opacity: .7;
  color: #fff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background: #3d9ed1
}

@media (max-width: 767px) {
  .wishlist .btn-add-category {
      left:220px
  }
}

.wishlist .btn-cancel-category {
  position: absolute;
  top: 16px;
  left: 312px;
  width: 85px;
  height: 34px;
  color: #111;
  border: 1px solid #e2e2e2;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background: #fff
}

@media (max-width: 767px) {
  .wishlist .btn-cancel-category {
      left:270px;
      width: 90px
  }
}

.wishlist .btn-remove-category {
  position: absolute;
  top: 75px;
  left: 110px;
  display: block;
  width: 84px;
  height: 34px;
  color: #fff;
  border-radius: 2px;
  background: #bf0000
}

.wishlist .notification-category {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
  width: 180px;
  height: auto;
  margin-top: -65px;
  margin-left: -90px;
  padding: 10px 5px 5px;
  transition: opacity 1s ease;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: rgba(0,0,0,.7)
}

.wishlist .notification-category i {
  font-size: 60px;
  margin-bottom: 10px
}

.wishlist .checkbox-move {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 30px;
  height: 25px;
  margin: 0 -2px
}

.wishlist .checkbox-move:hover {
  cursor: pointer
}

.link-right {
  display: inline;
  float: right;
  margin-top: 15px
}

.link-right p {
  font-size: 14px;
  display: inline;
  color: #3d9ed1
}

@media (max-width: 767px) {
  .wishlist .notification-category {
      padding:15px 5px 0
  }

  .link-right p {
      color: #71accb
  }
}

.link-right p:not(:last-child) {
  margin-right: 5px;
  padding-right: 10px;
  border-right: 1px solid #d8d8d8
}

.link-right p:hover {
  font-weight: 700;
  cursor: pointer
}

@media (max-width: 767px) {
  .link-right {
      font-size:14px;
      width: 100%;
      padding-right: 5px;
      text-align: right
  }

  .link-brand {
      font-size: 14px;
      width: auto;
      padding-top: 5px;
      text-align: right
  }

  .wishlist-brand .count__brand {
      margin-left: 5px
  }
}

.link--eg p {
  color: #e079a6
}

.wishlist-brand .count__brand {
  font-size: 21px;
  font-weight: 600;
  float: left;
  color: #111
}

.wishlist-brand .count__brand p {
  font-size: 14px;
  display: inline
}

.wishlist-brand .action__brand {
  width: 100%;
  height: 45px;
  padding-top: 20px
}

.wishlist-brand .action__brand div {
  margin-top: 0
}

.wishlist-brand .list__brand {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #eee;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.wishlist-brand .list__brand li {
  position: relative;
  flex: 0 0 33.333333%;
  width: 260px;
  height: 45px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #3d9ed1;
  -ms-flex: 0 0 33.333333%
}

.wishlist-brand .list__brand li a,.wishlist-brand .list__brand li label {
  font-size: 15px;
  float: left;
  margin: 7px 0 0 35px;
  cursor: pointer;
  color: #3d9ed1
}

@media (max-width: 767px) {
  .wishlist-brand .list__brand li a,.wishlist-brand .list__brand li label {
      font-size:14px;
      display: block;
      width: 85%;
      margin-top: 0;
      margin-left: 10px;
      padding-right: 10px
  }
}

.wishlist-brand .list__brand li i {
  font-size: 25px;
  position: absolute;
  top: 10px;
  right: 10px
}

.wishlist-brand .list__brand li input {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin-left: 10px
}

@media (max-width: 767px) {
  .wishlist-brand .list__brand li input {
      top:16px;
      width: 16px;
      height: 16px;
      margin-left: 10px
  }

  .wishlist-brand .list__brand li {
      display: -ms-flexbox;
      display: flex;
      width: 103%;
      height: 50px;
      margin: 0 0 0 -5px;
      border-top: 1px solid #e0e0e0;
      -ms-flex-align: center;
      align-items: center
  }

  .wishlist-brand .list__brand li:last-child {
      margin-bottom: 30px;
      border-bottom: 1px solid #e0e0e0
  }

  .wishlist-brand .list__brand {
      display: inline-block;
      margin-top: 10px;
      border: none
  }
}

.wishlist-brand .list__brand--eg li,.wishlist-brand .list__brand--eg li a,.wishlist-brand .list__brand--eg li label {
  color: #e079a6
}

.wishlist-brand .div-remove-brand {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.wishlist-brand .div-remove-brand button {
  font-size: 15px;
  width: 175px;
  height: 40px;
  padding-right: 20px;
  color: #fff;
  border-radius: 4px;
  background-color: #036
}

.wishlist-brand .div-remove-brand button i {
  font-size: 20px;
  float: right
}

.wishlist-brand .div-remove-brand button:hover {
  opacity: .7
}

@media (max-width: 767px) {
  .wishlist-brand .div-remove-brand button {
      width:90%
  }

  .wishlist-brand .div-remove-brand {
      position: fixed;
      z-index: 2;
      bottom: 0;
      height: 80px;
      background-color: rgba(216,231,239,.9)
  }
}

.wishlist-brand .remove-brand--eg button {
  background-color: #d83980
}

.wishlist-brand .div-add-brand {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.div-assign-category,.switch__wishlist {
  display: -ms-flexbox;
  -ms-flex-pack: center
}

.wishlist-brand .div-add-brand button {
  font-size: 15px;
  width: 400px;
  height: 40px;
  padding-right: 20px;
  color: #fff;
  border-radius: 4px;
  background-color: #036
}

.wishlist-brand .div-add-brand button i {
  font-size: 20px;
  float: right
}

.wishlist-brand .div-add-brand button:hover {
  opacity: .7
}

.wishlist-brand .add-brand--eg button {
  background-color: #d83980
}

.text-title-category {
  font-size: 17px;
  font-weight: 700;
  margin: 0 7px 10px;
  padding-bottom: 2px;
  text-align: center;
  color: #111;
  border-bottom: 1px solid #d8d8d8
}

@media (max-width: 767px) {
  .wishlist-brand .div-add-brand button {
      width:100%
  }

  .text-title-category {
      font-size: 15px;
      border-bottom: none
  }
}

.wihstlist-mobile {
  margin: 0
}

.wihstlist-mobile .list-category-child:not(.active):hover {
  color: unset!important
}

.div-assign-category {
  position: fixed;
  z-index: 2;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 100px;
  background-color: rgba(216,231,239,.9);
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.div-assign-category select {
  font-weight: 700;
  width: 40%;
  height: 40%;
  border-radius: 4px;
  background: #fff
}

.div-assign-category button {
  font-size: 15px;
  width: 175px;
  height: 40px;
  padding-right: 20px;
  color: #fff;
  border-radius: 4px;
  background-color: #036
}

.div-assign-category button i {
  font-size: 20px;
  float: right
}

.assign-category--eg {
  background-color: rgba(252,240,246,.9)
}

.assign-category--eg button {
  background-color: #d83980
}

@media (max-width: 767px) {
  .div-assign-category {
      height:80px
  }

  .div-assign-category select {
      font-size: 14px;
      width: 90%;
      height: 40px
  }

  .div-assign-category button {
      width: 90%
  }

  .modal-category {
      margin: 0
  }
}

.switch__wishlist {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  width: 420px;
  margin: 0 auto 30px;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.switch__wishlist li {
  display: -ms-flexbox;
  display: flex;
  width: 210px;
  height: 44px;
  transition: .4s;
  text-align: center;
  border: 1px solid #ccc;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.switch__wishlist li:not(.active):hover {
  cursor: pointer;
  opacity: .7
}

.switch__wishlist .switch__left {
  border-radius: 10px 0 0 10px
}

.switch__wishlist .switch__right {
  border-radius: 0 10px 10px 0
}

.switch__wishlist .active {
  background: #666
}

.switch__wishlist .active a,.switch__wishlist .active span {
  color: #fff
}

.header__switch {
  position: relative;
  margin: 0 0 15px;
  border-bottom: 1px solid #eee
}

.text-right--custom {
  position: absolute;
  top: 15px;
  right: 0
}

.brand__maker .menu-industry,.product-list-type-2 .item__product .thumb {
  position: relative
}

.text-right--custom a {
  color: #3d9ed1
}

@media (max-width: 767px) {
  .switch__wishlist {
      width:100%
  }

  .header__switch {
      padding-bottom: 20px
  }

  .text-right--custom {
      top: 65px
  }
}

.text-right--eg a {
  color: #e079a6
}

.plp__brand--favorite[data-favorite=false] {
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  padding: 0 15px;
  cursor: pointer;
  transition: none;
  color: #3d9ed1;
  border: 1px solid #3d9ed1;
  border-radius: 30px;
  background-color: transparent
}

.plp__brand--favorite[data-favorite=false] i {
  font-size: 15px;
  margin-right: 5px;
  color: #d1d1d1
}

@media (max-width: 767px) {
  .plp__brand--favorite[data-favorite=false] i {
      font-size:13px
  }

  .plp__brand--favorite[data-favorite=false] {
      font-size: 12px;
      height: 28px
  }
}

.plp__brand--favorite[data-favorite=false]:hover {
  opacity: .8
}

.plp__brand--favorite[data-favorite=true] {
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  padding: 0 15px;
  cursor: default;
  transition: none;
  color: #aaa;
  border: 1px solid transparent;
  border-radius: 30px;
  background: #eee
}

.plp__brand--favorite[data-favorite=true] i {
  font-size: 15px;
  margin-right: 5px;
  color: #ff7683
}

@media (max-width: 767px) {
  .plp__brand--favorite[data-favorite=true] i {
      font-size:13px
  }

  .plp__brand--favorite[data-favorite=true] {
      font-size: 12px;
      height: 28px
  }
}

.plp__brand--favorite[data-favorite=true]:hover {
  cursor: pointer;
  opacity: .7
}

.plp__brand--favorite--eg[data-favorite=false] {
  color: #e079a6;
  border: 1px solid #e079a6
}

.product-list-type-2 .item__product {
  max-width: 170px
}

@media (min-width: 480px) {
  .product-list-type-2 .item__product .thumb {
      min-height:auto
  }
}

.product-list-type-2 .item-wrapper {
  float: left
}

@media (min-width: 1024px) and (max-width:1199px) {
  .product-list-type-2 .item-wrapper {
      width:20%
  }

  .product-list-type-2 .item-wrapper:nth-child(5n+1) {
      clear: left
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .product-list-type-2 .item-wrapper {
      width:25%
  }

  .product-list-type-2 .item-wrapper:nth-child(4n+1) {
      clear: left
  }
}

@media (max-width: 767px) and (min-width:600px) {
  .product-list-type-2 .item-wrapper {
      width:33.33333333%
  }

  .product-list-type-2 .item-wrapper:nth-child(3n+1) {
      clear: left
  }
}

@media (max-width: 599px) {
  .product-list-type-2 .item-wrapper {
      width:50%
  }

  .product-list-type-2 .item-wrapper:nth-child(2n+1) {
      clear: left
  }
}

.product-list-type-2.wishlist__sortable .item-wrapper {
  display: inline-block;
  float: none!important;
  clear: none!important;
  vertical-align: top
}

@media (min-width: 1024px) and (max-width:1199px) {
  .product-list-type-2.wishlist__sortable .item-wrapper {
      width:calc((100%/5 - 1px))
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .product-list-type-2.wishlist__sortable .item-wrapper {
      width:calc((100%/4 - 1px))
  }
}

@media (max-width: 767px) and (min-width:600px) {
  .product-list-type-2.wishlist__sortable .item-wrapper {
      width:calc((100%/3 - 1px))
  }
}

@media (max-width: 599px) {
  .product-list-type-2.wishlist__sortable .item-wrapper {
      width:calc((100%/2 - 1px))
  }
}

.product-list-type-2.wishlist__sortable .item-wrapper .btn-text-display .display-one-line {
  display: block!important;
  padding: 0
}

.product-list-type-2.wishlist__sortable .item-wrapper .btn-text-display .display-two-line {
  display: none
}

.brand__maker .dropdown-select-industry {
  padding-top: 15px;
  padding-bottom: 15px
}

.brand__maker .sub-industry-container {
  margin-left: 0
}

.brand__maker .container-industry {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.brand__maker .item1 {
  width: 30%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.brand__maker .item2 {
  width: 70%
}

.brand__maker .brand__search__box {
  border-top: none
}

@media (min-width: 768px) {
  .brand__maker .brand__search__box {
      background-color:#f0f0f0
  }
}

.brand__maker .menu-industry-item {
  float: left;
  width: 15.8%;
  height: 33px;
  margin: 0 10px 0 0;
  text-align: center;
  border-bottom: solid 2px #e0e0e0
}

.brand__maker .menu-industry-item.nav__active {
  border-bottom: solid 5px #4c97be
}

@media (max-width: 767px) {
  .brand__maker .menu-industry-item {
      line-height:30px;
      width: -moz-fit-content;
      width: fit-content;
      min-width: 85px;
      margin: 0 4px;
      -ms-flex-negative: 0;
      flex-shrink: 0
  }
}

.brand__maker .menu-industry-item.sub-industry {
  font-size: 12px;
  font-weight: 700;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4px 6px 4px 0;
  border: none;
  border-radius: 5px;
  background-color: #f0f0f0
}

.brand__maker .menu-industry-item:hover:not(.sub-industry) {
  border-bottom: solid 5px #4c97be
}

.brand__maker .menu-industry-item:hover.sub-industry {
  opacity: .7
}

.brand__maker .menu-industry-item-link {
  font-size: 16px;
  font-weight: 700;
  display: block;
  color: #999
}

.brand__maker .menu-industry-item-link.active {
  font-weight: 700;
  color: #111
}

.brand__maker .menu-industry-item-link.sub-industry-link {
  font-size: 14px;
  padding: 5px 8px;
  color: #545454
}

.brand__maker .menu-industry-item-link.sub-industry-link.active {
  color: #fff;
  border-radius: 5px;
  background-color: #666
}

.brand__maker .menu-industry-item-link:hover {
  font-weight: 700;
  text-decoration: none;
  color: #111
}

.brand__maker .menu-industry-item-link:hover .industry-indicator {
  height: 5px;
  margin-top: 8px;
  border-bottom: 2px solid #eee;
  border-bottom: 1px solid #3d9ed1;
  background-color: #3d9ed1
}

.brand__maker .navbar-industry-tab {
  margin-bottom: 20px
}

@media (max-width: 767px) {
  .brand__maker .menu-industry-item-link {
      font-size:14px
  }

  .brand__maker .menu-industry-item-link.sub-industry-link {
      font-size: 12px;
      padding: 0 5px
  }

  .brand__maker .navbar-industry-tab {
      overflow-x: scroll;
      overflow-y: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .brand__maker .navbar-industry-tab::-webkit-scrollbar {
      display: none
  }

  .brand__maker .navbar-industry-tab .container {
      overflow: auto;
      width: -moz-max-content;
      width: max-content
  }
}

.brand__maker .navbar-industry-tab .container {
  padding: 0
}

.order__item,.order__item__info,.order__piece__img,.quick__order__info,.quick__order__specs {
  overflow: hidden
}

.brand__maker .brand__header {
  background-color: #f9f9f9
}

.brand__maker .btn-dropdown-industry {
  width: 100%
}

@media (max-width: 767px) {
  .brand_maker_field .js-brand-list li:not(.brand_custom) {
      width:100%;
      border-right: none
  }

  .field-btn-list-nav-hp {
      margin-top: 16px;
      margin-bottom: 16px
  }

  .field-btn-list-nav-hp ul {
      display: -ms-flexbox;
      display: flex
  }

  .field-btn-list-nav-hp ul li.btn-item-nav {
      width: 25%;
      border-left: 1px solid #eee
  }

  .field-btn-list-nav-hp ul li.btn-item-nav:first-child {
      border-left: none
  }

  .field-btn-list-nav-hp ul li.btn-item-nav .btn-item-nav-link {
      display: block;
      text-align: center;
      color: #1f1f1f
  }

  .field-btn-list-nav-hp ul li.btn-item-nav img {
      height: 25px
  }

  .field-btn-list-nav-hp ul li.btn-item-nav .btn-item-nav-text {
      font-size: 12px;
      display: block;
      margin-top: 8px
  }
}

.review__page__header {
  text-align: center
}

.review__page__header button {
  font-size: 14px;
  max-width: 600px;
  margin-bottom: 50px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background-color: #f9f9f9
}

.notification-error-review,.notification-error-review-pdp {
  position: fixed;
  top: 30%;
  left: 50%;
  height: auto;
  padding: 10px 5px 5px;
  transition: opacity 2s ease;
  transform: translate(-50%,-50%);
  color: #fff;
  background-color: rgba(0,0,0,.7);
  text-align: center;
  z-index: 2000
}

@media (max-width: 767px) {
  .review__page__header button {
      font-size:12px;
      max-width: 300px;
      margin-bottom: 10px
  }
}

.review__page__header button:hover {
  opacity: .7
}

.review__page__header button p {
  margin: 5px 5px 5px 20px
}

@media (max-width: 767px) {
  .review__page__header button p {
      display:-ms-flexbox;
      display: flex;
      margin-left: 10px;
      -ms-flex-align: center;
      align-items: center
  }
}

.review__page__header button p:after {
  font-family: FontAwesome;
  font-size: 15px;
  margin-left: 20px;
  content: "\f105"
}

.review__profile__page__info .modal-body .update-info .require-field,.review__profile__page__reviews .review__content__result--item .item__header p {
  margin-left: 10px
}

.review__page--component {
  max-width: 1170px
}

.notification-error-review {
  width: 420px
}

@media (max-width: 767px) {
  .notification-error-review {
      width:330px
  }
}

.notification-error-review-pdp {
  top: 50%;
  width: 420px
}

.review__profile__page .long-word-break {
  word-break: break-all
}

.review__profile__page__header {
  text-align: center
}

.review__profile__page__header p {
  font-weight: 700
}

.review__profile__page__header .name--profile__margin {
  margin-bottom: 80px
}

@media (max-width: 767px) {
  .notification-error-review-pdp {
      width:330px
  }

  .review__profile__page__header .name--profile__margin {
      margin-bottom: 50px
  }
}

.review__profile__page__header .total--review {
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 80px
}

@media (max-width: 767px) {
  .review__profile__page__header .total--review {
      font-size:12px;
      margin-bottom: 50px
  }
}

.review__profile__page__header .number--review {
  font-size: 20px
}

.review__profile__page__info {
  padding: 10px;
  background-color: #f7f6f6
}

.review__profile__page__info--margin {
  margin-bottom: 80px
}

@media (max-width: 767px) {
  .review__profile__page__header .number--review {
      font-size:16px
  }

  .review__profile__page__info {
      display: -ms-flexbox;
      display: flex
  }

  .review__profile__page__info--margin {
      margin-bottom: 30px
  }
}

.review__profile__page__info--avatar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.review__profile__page__info--avatar img {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  -o-object-fit: cover;
  object-fit: cover
}

.review__profile__page__info--name {
  position: relative
}

.review__profile__page__info--name .nickname {
  text-align: center
}

@media (max-width: 767px) {
  .review__profile__page__info--avatar {
      -ms-flex-pack:start;
      justify-content: start
  }

  .review__profile__page__info--avatar img {
      width: 80px;
      height: 80px
  }

  .review__profile__page__info--name {
      width: 100%;
      padding-left: 10px
  }

  .review__profile__page__info--name .nickname {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 7px;
      text-align: left
  }

  .review__profile__page__info--name .description {
      margin-bottom: 28px
  }

  .review__profile__page__info--name .info--user-no-description {
      margin-bottom: 27px
  }

  .review__profile__page__info--name .link--profile {
      position: absolute;
      right: 0;
      bottom: 0;
      margin-bottom: 0
  }

  .review__profile__page__info--name .no-margin-bottom {
      margin-bottom: 0
  }
}

.review__profile__page__info--user {
  margin-bottom: 20px;
  text-align: center
}

.review__profile__page__info--user .review-user-item {
  font-size: 13px;
  line-height: 13px;
  padding-right: 3px
}

@media (max-width: 767px) {
  .review__profile__page__info--user {
      margin-bottom:14px;
      text-align: left
  }

  .review__profile__page__info--user .review-user-item {
      font-size: 10px;
      line-height: 10px
  }
}

.review__profile__page__info--user .review-user-item+.review-user-item:before {
  font-size: 15px;
  position: relative;
  left: -3px;
  content: "|";
  color: #666
}

.review__profile__page__info p.link--profile {
  cursor: pointer;
  text-align: right;
  color: #3d9ed1
}

.review__profile__page__info .modal-dialog {
  width: 455px
}

@media (max-width: 767px) {
  .review__profile__page__info--user .review-user-item+.review-user-item:before {
      font-size:11px
  }

  .review__profile__page__info .modal-dialog {
      width: auto
  }
}

.review__profile__page__info .modal-body {
  padding: 20px
}

.review__profile__page__info .modal-body img {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  -o-object-fit: cover;
  object-fit: cover
}

.review__profile__page__info .modal-body .update-avatar {
  display: inline-block;
  margin-left: 10px
}

.review__profile__page__info .modal-body .update-avatar label {
  font-size: 13px;
  margin-right: 4px;
  cursor: pointer;
  color: #3d9ed1
}

.review__profile__page__info .modal-body .update-avatar .border-left-btn {
  line-height: 13px;
  padding-left: 8px;
  border-left: 1px solid #666
}

.review__profile__page__info .modal-body .update-avatar input {
  display: none
}

.review__profile__page__info .modal-body .update-info {
  margin-top: 10px
}

.review__profile__page__info .modal-body .update-info label {
  font-size: 13px;
  font-weight: 700;
  color: #999
}

.review__profile__page__info .modal-body .update-info input,.review__profile__page__info .modal-body .update-info textarea {
  font-size: 13px;
  line-height: 1.33;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  vertical-align: middle;
  color: #111;
  border: 1px solid #e0e0e0;
  border-radius: 4px
}

.review__profile__page__info .modal-body .update-info input:focus,.review__profile__page__info .modal-body .update-info textarea:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: none
}

.review__profile__page__info .modal-body .update-info>div:not(:last-child) {
  margin-bottom: 20px
}

.review__profile__page__info .modal-body .update-info .udpate-info__btn button {
  width: 49%
}

.review__profile__page__info .modal-body .update-info .udpate-info__btn button:not(:last-child) {
  margin-right: 2px
}

.review__profile__page__reviews .empty-list {
  font-size: 16px
}

@media (max-width: 767px) {
  .review__profile__page__reviews .empty-list {
      font-size:12px;
      margin-bottom: 80px;
      text-align: center
  }
}

.review__profile__page__reviews .form-select-custom {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-pack: end;
  justify-content: end
}

.review__profile__page__reviews .form-select-custom .dropdown-toggle {
  width: 170px;
  height: 40px
}

.review__profile__page__reviews .form-select-custom .dropdown-sort-review {
  font-size: 12px!important;
  left: unset
}

@media (max-width: 1023px) {
  .review__profile__page__reviews .form-select-custom .dropdown-toggle {
      height:28px
  }

  .review__profile__page__reviews .form-select-custom {
      margin-top: 20px
  }
}

.review__profile__page__reviews .review__content__result--item {
  margin-bottom: 20px;
  padding: 15px 15px 0;
  border: .5px solid #eee
}

.review__profile__page__reviews .review__content__result--item .item__header {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  border-bottom: .5px solid #eee
}

.review__profile__page__reviews .review__content__result--item .item__header .thumb {
  border: .5px solid #eee;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.review__profile__page__reviews .review__content__result--item .item__header .thumb img {
  width: 70px;
  height: 70px
}

.review__profile__page__reviews .review__content__result--item .item__header p.name {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
  color: #111
}

@media (max-width: 767px) {
  .review__profile__page__reviews .review__content__result--item .item__header p.name {
      font-size:12px
  }
}

.review__profile__page__reviews .review__content__result--item .item__header p.comment-variantInfo {
  font-size: 1.3rem
}

.review__profile__page__reviews .review__content__result--item .item__header p.comment-variantInfo a {
  color: #3d9ed1
}

.review__profile__page__reviews .review__content__result--item .item__body {
  padding-top: 10px
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment {
  margin-top: 5px;
  margin-bottom: 15px;
  word-break: break-all
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
  word-break: break-all;
  color: #111
}

@media (max-width: 767px) {
  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-title {
      font-size:12px;
      display: block
  }

  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful .count--normal {
      font-size: 10px
  }
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful {
  font-weight: 700;
  display: inline-block;
  padding: 5px 10px
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful .color {
  color: red
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful--background {
  background-color: #f9f9f9
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful .count--normal {
  font-weight: 400
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-date {
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media (max-width: 767px) {
  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-date {
      font-size:10px
  }
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-date--right {
  float: right;
  padding-top: 10px
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn {
  position: relative;
  height: 36px;
  margin-top: 20px
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .js-btn-helpful {
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  right: 0;
  display: inline-block;
  height: 30px;
  padding: 0 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff
}

@media (max-width: 1023px) {
  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .js-btn-helpful {
      font-size:11px
  }
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .js-btn-helpful:focus,.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .js-btn-helpful:hover {
  text-decoration: none;
  opacity: .7;
  color: #3d9ed1
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .js-btn-helpful.eg-btn:focus,.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .js-btn-helpful.eg-btn:hover {
  text-decoration: none;
  opacity: .7;
  color: #d83980
}

@media (max-width: 767px) {
  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .js-btn-helpful {
      line-height:30px;
      height: 30px;
      padding: 0 10px
  }

  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .anonymous-thanks-text {
      font-size: smaller
  }
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .anonymous-thanks-text {
  line-height: 40px;
  color: red
}

@media (max-width: 320px) {
  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .anonymous-thanks-text {
      font-size:8px
  }
}

.review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .thanks-text {
  line-height: 40px;
  position: absolute;
  right: 0;
  display: none;
  color: red
}

@media (max-width: 767px) {
  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .thanks-text {
      font-size:smaller;
      line-height: 30px
  }
}

@media (max-width: 320px) {
  .review__profile__page__reviews .review__content__result--item .item__body .review__tab__dl .comment-helpful-btn .thanks-text {
      font-size:8px
  }
}

.review__profile__page__reviews .review__content__result--paging {
  float: right;
  margin-bottom: 20px
}

.notification-reviewProfile {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
  width: 180px;
  height: auto;
  margin-top: -65px;
  margin-left: -90px;
  padding: 10px 5px 5px;
  transition: opacity 1s ease;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: rgba(0,0,0,.7)
}

.notification-reviewProfile i {
  font-size: 60px;
  margin-bottom: 10px
}

.section__quick__order {
  margin-bottom: 60px
}

@media (max-width: 767px) {
  .review__profile__page__reviews .review__content__result--paging {
      float:none;
      text-align: center
  }

  .section__quick__order {
      margin: 0 -5px 20px
  }
}

.section__quick__order .btn-clear-all {
  margin: 20px 0
}

@media (max-width: 767px) {
  .section__quick__order .btn-clear-all {
      margin-bottom:10px;
      padding: 8px
  }
}

.quick__order__stock .form-group .control-label {
  width: 80px;
  vertical-align: middle;
  word-wrap: break-word
}

.quick__order__stock .form-group .dropdown-menu,.quick__order__stock .form-group .dropdown-toggle {
  width: 220px
}

.quick__order__stock__info .form-group .control-label {
  width: 40px;
  min-width: 40px;
  margin-right: 10px;
  vertical-align: middle;
  word-break: break-all
}

.quick__order__stock__info .form-select-custom .dropdown-toggle {
  width: 200px
}

.quick__order__title {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 20px 0
}

.quick__order__title .text-link {
  display: inline-block;
  margin: 10px 30px 20px 0
}

@media (max-width: 1023px) {
  .quick__order__stock__info .form-select-custom .dropdown-toggle {
      width:auto
  }

  .quick__order__title .text-link {
      margin: 15px 0 10px
  }

  .quick__order__title .quick__order--download {
      display: table;
      margin: 3px 0
  }

  .quick__order__title .content:last-of-type {
      padding-bottom: 15px
  }

  .quick__order__title {
      margin-bottom: 15px;
      padding: 0
  }

  .quick__order__title p {
      margin-bottom: 0
  }

  .quick__order__title ul {
      margin-top: 15px
  }
}

.quick__order__title .blue__link {
  margin-top: 15px;
  margin-bottom: 15px
}

.quick__order__title ul li {
  float: left
}

.quick__order--download {
  position: relative
}

.quick__order--download:after {
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  top: -2px;
  right: -16px;
  content: "\f1c1";
  color: #111
}

@media (max-width: 1023px) {
  .quick__order__title ul li {
      float:none;
      margin: 0
  }

  .quick__order__title ul li .blue__link {
      margin: 0
  }

  .quick__order--download:after {
      font-size: 11px
  }
}

.quick__order__heading {
  font-size: 1.3rem;
  font-weight: 700;
  margin-right: 0;
  margin-left: 0;
  padding: 10px 0;
  text-align: center;
  color: #999;
  border-bottom: 2px solid #eee
}

.quick__order__heading__code,.quick__order__heading__info,.quick__order__heading__stock,.quick__order__info,.quick__order__stock {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative
}

.quick__order__code,.quick__order__info,.quick__order__stock {
  border-right: 1px solid #eee
}

.quick__order__info .campaign__promo {
  margin-top: 10px
}

.quick__order__info,.quick__order__stock {
  min-height: 200px
}

@media (max-width: 1023px) {
  .quick__order__code,.quick__order__info,.quick__order__stock {
      border-right:0
  }

  .quick__order__info,.quick__order__stock {
      min-height: 0;
      padding: 10px;
      border-top: 1px solid #eee
  }
}

.quick__order__action,.quick__order__code {
  position: relative;
  min-height: 1px;
  min-height: 200px;
  padding-right: 15px;
  padding-left: 15px
}

@media (min-width: 1024px) {
  .quick__order__heading__code {
      float:left;
      width: 16.66666667%
  }

  .quick__order__heading__info,.quick__order__heading__stock,.quick__order__info,.quick__order__stock {
      float: left;
      width: 33.33333333%
  }

  .quick__order__action,.quick__order__code {
      float: left;
      width: 16.66666667%
  }
}

@media (max-width: 1023px) {
  .quick__order__action,.quick__order__code {
      min-height:0;
      padding: 10px
  }
}

.quick__order__action .quantity-select {
  display: inline-block
}

.quick__order__action .btn-place-order {
  display: block;
  width: 100%;
  margin-bottom: 10px
}

.quick__order__action .btn-secondary-custom {
  line-height: 16px;
  padding: 4px
}

.quick__order__action .btn-grey-custom {
  vertical-align: middle
}

.quick__order__action .btn-grey-custom>span {
  display: block
}

@media (max-width: 1023px) {
  .quick__order__action {
      padding-top:10px;
      padding-bottom: 10px;
      border-top: 1px solid #eee
  }

  .quick__order__action .btn-grey-custom,.quick__order__action .btn-place-order {
      display: inline-block
  }

  .quick__order__code {
      border-top: 1px solid #eee;
      background-color: #f7f6f6
  }
}

.quick__order__item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee
}

@media (max-width: 767px) {
  .quick__order__action .btn-grey-custom,.quick__order__action .btn-place-order,.quick__order__action .btn-secondary-custom {
      width:calc(41.66% - 4px)
  }

  .quick__order__action .btn-product-inquiry {
      width: 100%
  }

  .quick__order__item {
      padding: 0
  }

  .quick__order__item .pdp__promotion {
      margin: 0
  }

  .quick__order__item .row-eq-height {
      display: block
  }

  .quick__order__item .btn-clear {
      font-size: 12px;
      padding: 8px
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .quick__order__item .btn-clear {
      font-size:10px
  }
}

.quick__order__item .form-group .control-group {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle
}

.quick__order--empty {
  color: #999
}

.quick__order--empty .quick__order__info,.quick__order--empty .quick__order__stock {
  margin-top: 10px;
  text-align: center
}

.quick__order__img {
  float: left;
  max-width: 70px;
  margin-right: 15px;
  border: 1px solid #eee
}

.quick__order__img:focus,.quick__order__img:hover {
  transition: all .2s linear;
  opacity: .7
}

.quick__order--name {
  font-weight: 700;
  color: #111
}

@media (max-width: 767px) {
  .quick__order--empty .quick__order__info,.quick__order--empty .quick__order__stock {
      display:none
  }

  .quick__order__img {
      max-width: 45px;
      margin-right: 20px
  }

  .quick__order--name {
      font-size: 12px
  }

  .quick__order__button__group {
      padding-right: 5px;
      padding-left: 5px
  }
}

@media (max-width: 767px) and (max-width:1023px) {
  .quick__order--name {
      font-size:10px
  }
}

.quick__order__specs {
  margin-bottom: 10px
}

.quick__order__specs .pdp__prices .form-control-static {
  width: 100%
}

.quick__order__specs .pdp__prices .vip-price span {
  margin-left: 0
}

.quick__order__stock {
  font-size: 12px
}

.quick__order__stock .pdp__bundle__list .pdp__bundle__item .form-select-custom .dropdown-toggle {
  width: 80px
}

.quick__order__stock .pdp__bundle__list .pdp__bundle__item .form-select-custom .dropdown-menu {
  min-width: 80px
}

@media (max-width: 1023px) {
  .quick__order__stock {
      font-size:10px
  }

  .quick__order__stock .pdp__bundle__list {
      padding: 20px 10px;
      background-color: #f7f6f6
  }
}

.quick__order__stock .text-colored {
  color: #ff3c6c
}

.quick__order__stock .pdp__bundle__list {
  border-bottom: 0
}

.quick__order__stock .pdp__bundle__list .pdp__bundle__item--text {
  width: 80%;
  padding-right: 25px
}

.quick__order__stock__info ul {
  margin-bottom: 20px
}

.quick__order__stock__info ul li {
  margin-bottom: 5px
}

.quick__order__stock--title {
  font-size: 1.3rem;
  color: #111
}

@media (min-width: 1200px) {
  .container-fluid-dm2,.container-fluid-dm3 {
      padding-right:150px;
      padding-left: 150px
  }
}

.order__info__wrapper .order__table--fullcol {
  display: -ms-flexbox;
  display: flex
}

.order__price--bg {
  font-size: 14px
}

@media (max-width: 1023px) {
  .order__price--bg {
      font-size:11px
  }
}

.order__price--bg .higher-price-icon {
  display: none
}

.order__price--bg .bg-price .price-data {
  font-size: 18px;
  display: inline-block
}

.order__price--bg .bg-price .price-data:first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .order__price--bg .bg-price .price-data {
      font-size:14px
  }

  .order__price--bg .bg-price .price-data:first-letter {
      font-size: 12px
  }
}

.order__price--bg,.order__price--vip {
  font-weight: 700;
  color: #ff3c6c
}

.order__price--title {
  font-size: 13px;
  display: inline-block;
  width: 50px
}

@media (max-width: 1023px) {
  .order__price--title {
      font-size:11px;
      position: relative;
      margin-right: 5px
  }

  .order__price--title:after {
      position: absolute;
      top: 50%;
      right: -5px;
      margin-top: -8px;
      content: ":"
  }
}

@media (max-width: 1199px) and (min-width:1024px) {
  .order__price--title {
      font-size:12px
  }
}

.order__price--vip {
  font-size: 18px
}

.order__price--vip:first-letter {
  font-size: 14px
}

.order__item {
  margin-top: 50px
}

@media (max-width: 1023px) {
  .order__price--vip {
      font-size:14px
  }

  .order__price--vip:first-letter {
      font-size: 12px
  }

  .order__price .quantity-select--small {
      display: inline-block
  }

  .order__item {
      margin-top: 30px;
      padding-top: 0
  }
}

.order__item__img {
  float: left;
  margin-right: 30px;
  border: 1px solid #eee
}

@media (max-width: 767px) {
  .order__item {
      margin-top:2rem;
      padding-top: 2rem
  }

  .order__item__img {
      max-width: 30%;
      margin-right: 20px
  }
}

.order__piece__img,.order__piece__img--header {
  max-width: 70px;
  max-height: 70px
}

@media (max-width: 480px) {
  .order__item__img {
      margin-right:10px
  }
}

.order__item__wrapper {
  padding-bottom: 40px
}

.order__item__info {
  font-size: 14px
}

@media (max-width: 1023px) {
  .order__item__info {
      font-size:10px
  }
}

.order__item--name {
  font-size: 22px;
  line-height: 1.4;
  margin: 10px 10px 10px 0;
  color: #111
}

@media (max-width: 1023px) {
  .order__item--name {
      font-size:18px
  }
}

@media (max-width: 767px) {
  .order__item__wrapper {
      padding-bottom:15px
  }

  .order__item--name {
      font-size: 13px;
      margin: 0 0 10px
  }
}

.order__item--name .product-new-release {
  color: red
}

.order__item--link {
  display: inline-block;
  margin-bottom: 10px
}

.order__item--details {
  display: inline-block!important;
  margin-top: 15px
}

.order__item--details:hover {
  text-decoration: none;
  opacity: .6
}

.order__item--details button {
  font-size: 13px;
  display: block!important;
  width: 160px;
  padding: 10px;
  color: #111;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background-color: #f9f9f9
}

.order__item--details button i {
  font-size: 12px;
  display: inline-block!important
}

@media (max-width: 767px) {
  .order__item--details button {
      font-size:11px;
      width: 140px
  }

  .order__item--details button i {
      font-size: 10px
  }
}

.order__piece--link {
  font-size: 13px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  word-break: break-all;
  color: #3d9ed1
}

.order__piece--link .fa {
  margin-left: 5px
}

@media (max-width: 1023px) {
  .order__piece--link {
      font-size:11px
  }
}

@media (max-width: 1199px) and (min-width:1024px) {
  .order__piece--link {
      font-size:12px
  }
}

.order__piece--link:after {
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -8px
}

.order__piece--link:hover {
  color: #3d9ed1
}

.order__piece--name {
  padding: 10px;
  word-break: break-all
}

.order__piece--heading {
  font-size: 1.5rem;
  font-weight: 700;
  display: block;
  text-align: center;
  color: #111
}

.order__piece--heading .product-new-release {
  color: red
}

.order__piece__heading {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 88px;
  padding-top: 20px;
  padding-bottom: 20px;
  -ms-flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.order__piece__info {
  padding: 8px
}

.order__piece__info .quantity-select {
  margin: 10px auto 0
}

.order__piece__info .order__price .order__price--vip {
  display: inline-block
}

.order__piece__info .order__price .order__price--vip::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .order__piece__info .order__price .order__price--vip::first-letter {
      font-size:12px
  }
}

.order__piece__info .order__price .order__price--bg.line--through .price-data {
  font-size: 14px;
  display: inline-block;
  text-decoration: line-through
}

@media (max-width: 1023px) {
  .order__piece__info .order__price .order__price--bg.line--through .price-data {
      font-size:12px
  }
}

.order__piece__info .order__price .order__price--bg .price-data {
  font-size: 18px;
  display: inline-block
}

.order__piece__info .order__price .order__price--bg .price-data::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .order__piece__info .order__price .order__price--bg .price-data {
      font-size:14px
  }

  .order__piece__info .order__price .order__price--bg .price-data::first-letter {
      font-size: 12px
  }
}

.order__piece--title {
  font-size: 11px;
  position: relative;
  display: inline-block;
/*    width: 50px;*/
  margin-right: 5px;
  vertical-align: middle;
  word-break: break-all
}

@media (max-width: 1023px) {
  .order__piece--title {
      font-size:11px
  }
}

@media (max-width: 1199px) and (min-width:1024px) {
  .order__piece--title {
      font-size:12px
  }
}

.order__piece--title:after {
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -8px;
  content: ":"
}

.order__piece--title--top {
  vertical-align: text-top
}

.order__piece__img img {
  margin: 0 auto
}

.order__piece--value {
  font-size: 11px;
  display: inline-block;
  width: calc(100% - 60px);
  vertical-align: middle;
  word-break: break-all
}

@media (max-width: 1023px) {
  .order__piece--value {
      font-size:11px
  }
}

.order__piece--value--top {
  vertical-align: text-top
}

.order__piece--futureMsg {
  font-size: 10px
}

.order__table {
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 100px;
  margin: 30px 0;
  border: 1px solid #dcdcdc
}

@media (max-width: 767px) {
  .order__table {
      margin:0
  }
}

.order__table.two-dms {
  text-align: center
}

.order__table.two-dms .first-header .order__table--fullcol,.order__table.two-dms .order__table__body .order__table--fullcol {
  width: 160px
}

.order__table.two-dms .order__table__body .order__table--fullcol:nth-child(even) {
  background-color: #fbfbfb
}

.order__table.two-dms .order__table__body .order__table--fullcol .order__piece__info {
  margin: 0 auto;
  text-align: left
}

.order__table.two-dms .order__table--secondcol {
  background: url(../../common/images/bg/order-table-bgd.png)
}

.order__table.three-dms-new-pc,.order__table.two-dms-new-pc {
  overflow-x: unset;
  overflow-y: unset;
  text-align: center
}

.order__table.three-dms-new-pc .order__table__body_left_special_2d .fixed_header,.order__table.two-dms-new-pc .order__table__body_left_special_2d .fixed_header {
  position: fixed;
  z-index: 999;
  top: 0
}

.order__table.three-dms-new-pc .order__table__body_left_special_2d .order__table--firstcol,.order__table.two-dms-new-pc .order__table__body_left_special_2d .order__table--firstcol {
  width: 40px;
  background-color: #666
}

.order__table.three-dms-new-pc .order__table__body_left_special_2d .order__table--secondcol,.order__table.two-dms-new-pc .order__table__body_left_special_2d .order__table--secondcol {
  width: 40px
}

.order__table.three-dms-new-pc .first-header,.order__table.two-dms-new-pc .first-header {
  min-height: 35px
}

.order__table.three-dms-new-pc .first-header .order__table--fullcol,.order__table.two-dms-new-pc .first-header .order__table--fullcol {
  width: 165px;
  min-width: 165px;
  padding-top: 0;
  padding-bottom: 0
}

.order__table.three-dms-new-pc .first-header .order__table--fullcol .order__piece--name,.order__table.two-dms-new-pc .first-header .order__table--fullcol .order__piece--name {
  font-size: 12px;
  line-height: 1.1
}

.order__table.three-dms-new-pc .order__table__body .order__table--fullcol,.order__table.two-dms-new-pc .order__table__body .order__table--fullcol {
/*
  width: 165px;
  min-width: 165px
*/
  width: 140px;
  min-width: 140px

}

.order__table.three-dms-new-pc .order__table__body .order__table--fullcol .order__piece__info .order__piece--value,.order__table.two-dms-new-pc .order__table__body .order__table--fullcol .order__piece__info .order__piece--value {
  display: contents
}

.order__table.three-dms-new-pc .order__table__body .order__table--fullcol .order__piece__info .variant-different-price,.order__table.two-dms-new-pc .order__table__body .order__table--fullcol .order__piece__info .variant-different-price {
  font-size: 12px;
  font-weight: 700
}

.order__table.three-dms-new-pc .order__table__header .order__table--firstcol,.order__table.two-dms-new-pc .order__table__header .order__table--firstcol {
  width: 132px
}

.order__table.three-dms-new-pc .order__table__header.fixed_header,.order__table.two-dms-new-pc .order__table__header.fixed_header {
  position: fixed;
  z-index: 999;
  top: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.order__box__list,.order__mobile__inner .order__box.order_box_two_dimensions {
  position: relative
}

.order__table.three-dms-new-pc .order__table__header.fixed_header::-webkit-scrollbar,.order__table.two-dms-new-pc .order__table__header.fixed_header::-webkit-scrollbar {
  display: none
}

.order__table.three-dms-new-pc .order__table__body .order__info__wrapper .order__table--fullcol:nth-child(odd),.order__table.two-dms-new-pc .order__table__body .order__info__wrapper .order__table--fullcol:nth-child(odd) {
/*
  background-color: #fbfbfb
*/
}

.order__table.three-dms-new-pc .order__table__body .order__info__wrapper .order__table--fullcol .order__piece__info,.order__table.two-dms-new-pc .order__table__body .order__info__wrapper .order__table--fullcol .order__piece__info {
  margin: 0 auto;
  text-align: left
}

.order__table.three-dms-new-pc .order__table__body_special_detail_2d,.order__table.two-dms-new-pc .order__table__body_special_detail_2d {
  overflow-x: auto;
  overflow-y: auto;
     height: 650px;
  width: 1200px;
}

.order__table.three-dms-new-pc .order__table--secondcol,.order__table.two-dms-new-pc .order__table--secondcol {
  background: url(../../common/images/bg/order-table-bgd.png)
}

.order__table--bg-gray {
  background-color: #f8f8f8!important
}

.order__table .first-header {
  font-size: 16px;
  height: auto;
  min-height: 80px;
  color: #fff;
  background-color: #333
}

@media (max-width: 1023px) {
  .order__table .first-header {
      font-size:12px
  }
}

.order__table .first-header .order__table--fullcol {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #333;
  -ms-flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.order__table .second-header {
  font-size: 16px
}

@media (max-width: 1023px) {
  .order__table .second-header {
      font-size:12px
  }
}

.order__table .second-header .order__table--firstcol,.order__table .second-header .order__table--halfcol {
  background: url(../../common/images/bg/order-table-bgd.png)
}

.order__table .second-header .order__table--firstcol,.order__table .second-header .order__table--fullcol {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #dcdcdc
}

.order__table .second-header .order__table--firstcol {
  min-height: 90px
}

.order__table__header {
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  text-align: center
}

.order__table__header .order__piece__img>img {
  margin-bottom: 10px
}

.order__table--row {
  display: -ms-flexbox;
  display: flex
}

.order__table--row .product-new-release {
  font-weight: 700;
  height: 20px;
  margin: 0;
  color: red
}

.order__table__body {
  display: -ms-flexbox;
  display: flex
}

.order__table__body .order__piece__img {
  margin: 10px auto
}

.order__table__body .order__piece__img>img {
  border: 1px solid #eee
}

.order__table--fullcol {
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc
}

.order__table--halfcol {
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 160px;
  border-right: 1px solid #dcdcdc;
  -ms-flex-pack: center;
  justify-content: center
}

.order__table--halfcol:last-of-type {
  border-right: 0
}

.order__table--firstcol,.order__table--secondcol {
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc
}

.order__table--halfcol:nth-child(odd) {
  background-color: #fbfbfb
}

.order__table--firstcol,.order__table--secondcol,.order__table__vertical {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.order__table__vertical {
  font-size: 15px;
  font-weight: 700;
  width: 90px;
  min-width: 90px;
  padding: 10px;
  word-break: break-all;
  border: 1px solid #dcdcdc;
  border-top: 0;
  background-color: #f8f8f8
}

.order__table--secondcol {
  font-size: 15px;
  font-weight: 700;
  width: 132px
}

.order__table--firstcol {
  width: 222px
}

.order__table--title {
  padding: 10px
}

.order__box {
  float: left;
  width: calc(10%);
  padding: 12px;
  border: 1px solid #eee
}

.order__box:nth-child(odd) {
  background-color: #fbfbfb
}

@media (max-width: 1719px) {
  .order__box {
      width:calc(11.11111111%)
  }
}

@media (max-width: 1549px) {
  .order__box {
      width:calc(12.5%)
  }
}

@media (max-width: 1379px) {
  .order__box {
      width:calc(14.28571429%)
  }
}

@media (max-width: 1199px) {
  .order__box {
      width:calc(16.66666667%)
  }
}

@media (min-width: 1024px) and (max-width:1199px) {
  .container-fluid-dm2 .order__box,.container-fluid-dm3 .order__box {
      padding-right:10px;
      padding-left: 10px
  }
}

.order__box .quantity-select--small {
  margin: 5px auto 0
}

@media (min-width: 1024px) {
  .order__box__list {
      display:-ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }
}

@media (min-width: 768px) and (max-width:1023px) {
  .order__box {
      width:calc(50%)
  }

  .container-fluid-dm1 .order__box__list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }
}

.order__box__list__wrapper {
  position: relative;
  clear: both;
  height: auto;
  margin: 30px 0
/*
  min-height: 100%;
*/
}

@media (min-width: 768px) and (max-width:1199px) {
  .order__box__list__wrapper {
      margin-right:100px
  }
}

@media (max-width: 767px) {
  .order__box {
      width:100%;
      border-right: 0;
      border-left: 0
  }

  .order__box__list__wrapper {
      margin-top: 10px;
/*      margin-right: 40px;*/
      margin-right: 0px;
      margin-bottom: 0
  }

  .order__box__list .order__box:last-child {
      margin-bottom: 10px
  }
}

.container-fluid-dm1 .order__box__list__wrapper,.order__box__list__wrapper.order__box__list__wrapper--mobile {
  margin-right: 0!important;
  overflow: hidden
}

.order__box__list__wrapper .order-form-spinner {
  width: 100%;
  margin-top: 40px;
  text-align: center
}

.order__box__list .order__box .order__box--name .product-new-release {
  color: red
}

.order__box__img img {
  margin: 0 auto
}

@media (max-width: 1023px) {
  .order__box {
      padding-right:5px;
      padding-left: 5px;
      background-color: transparent!important
  }

  .order__box__img {
      float: left;
      max-width: 35%
  }

  .order__box__img img {
      float: left;
      max-width: 80%;
      border: 1px solid #eee
  }
}

.order__box__info {
  padding: 10px 0
}

.order__box__info .order__price .order__price--vip {
  display: inline-block
}

.order__box__info .order__price .order__price--vip::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .order__box__info {
      overflow:hidden;
      padding: 0
  }

  .order__box__info .order__price .order__price--vip::first-letter {
      font-size: 12px
  }
}

.order__box__info .order__price .order__price--bg.line--through .price-data {
  font-size: 14px;
  display: inline-block;
  text-decoration: line-through
}

@media (max-width: 1023px) {
  .order__box__info .order__price .order__price--bg.line--through .price-data {
      font-size:12px
  }
}

.order__box__info .order__price .order__price--bg .price-data {
  font-size: 18px;
  display: inline-block
}

.order__box__info .order__price .order__price--bg .price-data::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .order__box__info .order__price .order__price--bg .price-data {
      font-size:14px
  }

  .order__box__info .order__price .order__price--bg .price-data::first-letter {
      font-size: 12px
  }
}

.order__box--name {
  font-size: 15px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  word-break: break-all;
  color: #111
}

.order__mobile__list .order__mobile__header .order__mobile__body .product-new-release,.order__mobile__list.mobile-two-dms .order__mobile__inner .order__mobile__body .product-new-release {
  color: red
}

.order__mobile__header {
  overflow: hidden
}

.order__mobile__list.mobile-two-dms .order__mobile__inner {
  padding: 0
}

.order__mobile__list.mobile-two-dms .order__mobile__header {
  padding: 10px
}

@media (max-width: 1023px) {
  .order__box--name {
      font-size:13px;
      text-align: left
  }

  .order__mobile__item .order__box .quantity-select--small {
      margin-left: 0
  }
}

@media (min-width: 1024px) {
  .order__box__img img {
      max-width:90px
  }

  .order__mobile__item .order__price:last-of-type .order__piece--value {
      display: block;
      width: auto
  }

  .order__mobile__body .order__box__img {
      margin-bottom: 6px
  }
}

.order__mobile__img {
  display: table-cell;
  width: 64px;
  height: 64px
}

@media (max-width: 767px) {
  .order__mobile__img {
      width:44px;
      height: 44px
  }
}

.order__mobile__img~.order__mobile--heading {
  padding-left: 5px
}

.order__mobile__img div,.order__mobile__img>img {
  width: 64px;
  height: 64px;
  border: 1px solid #dcdcdc
}

@media (max-width: 767px) {
  .order__mobile__img div,.order__mobile__img>img {
      width:44px;
      height: 44px
  }
}

.order__mobile__inner {
  clear: both;
  border-bottom: 1px solid #dcdcdc
}

.order__mobile__inner a.order__mobile__header,.order__mobile__inner>a {
  display: table;
  overflow: hidden;
  width: 100%;
  padding: 10px
}

.order__mobile__inner .order__mobile__header.order_mobile_link_two_dimensions,.order__mobile__inner .order_mobile_link_three_dimensions {
  padding-right: 25px
}

.order__mobile__inner .order__mobile__header.order_mobile_link_two_dimensions .order__mobile--link .fa,.order__mobile__inner .order_mobile_link_three_dimensions .order__mobile--link .fa {
  font-size: 12px;
  line-height: 12px;
  margin-left: 7px
}

.order__mobile__inner .order__mobile__header.order_mobile_link_two_dimensions .order__mobile--link .fa-chevron-down-arrow:before,.order__mobile__inner .order_mobile_link_three_dimensions .order__mobile--link .fa-chevron-down-arrow:before {
  content: "\f077"
}

.order__mobile__inner .order__mobile__header.order_mobile_link_two_dimensions .order__mobile--link.collapsed .fa-chevron-down-arrow:before,.order__mobile__inner .order_mobile_link_three_dimensions .order__mobile--link.collapsed .fa-chevron-down-arrow:before {
  content: "\f078"
}

.order__mobile__inner .order__mobile__header.order_mobile_link_two_dimensions .order__mobile--heading,.order__mobile__inner .order_mobile_link_three_dimensions .order__mobile--heading {
  font-weight: 700
}

.order__mobile__inner .order__box.order_box_two_dimensions .order_select_quantity {
  position: absolute;
  right: 5px;
  bottom: 12px
}

.order__mobile__inner .order__box.order_box_two_dimensions .order__box__info .order__piece--row,.order__mobile__inner .order__box.order_box_two_dimensions .order__box__info .order__price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start
}

.order__mobile__inner .order__box.order_box_two_dimensions .order__piece--title:after,.order__mobile__inner .order__box.order_box_two_dimensions .order__price--title:after {
  padding-right: 4px
}

.order__mobile--heading {
  font-size: 11px;
  display: table-cell;
  vertical-align: middle
}

.order__mobile--link {
  font-size: 10px;
  display: table-cell;
  padding-left: 10px;
  text-align: right;
  vertical-align: middle
}

.order__mobile--link .fa {
  font-size: 8px;
  margin-left: 5px
}

.order__mobile__summary {
  font-size: 13px;
  display: block;
  padding: 15px 10px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background: #f7f6f6
}

.order__item__wrapper .order__item .order__item__info .pdp__desc,.order__mobile__inner.collapse.in {
  border-bottom: none
}

.order__mobile__body .order__box--name {
  margin-left: 0
}

.order__mobile__body .order__box__img {
  margin-top: 0
}

.order__control {
  padding-top: 10px
}

.order__control__first {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #dcdcdc
}

.order__control__first .fa {
  font-size: 8px;
  margin-right: 15px;
  color: #ccc
}

.order__control--label {
  color: #999
}

.order__control--link {
  color: #111
}

.order__control__second {
  font-size: 9px;
  padding: 10px;
  border-top: 1px solid #dcdcdc
}

.order__control__second .fa {
  font-size: 8px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ccc
}

.section__order__form .pdp__ribbon__item {
  float: none
}

.js-order-list-footer {
  position: fixed;
  z-index: 3;
  bottom: 0;
  padding: 15px 0;
  background-color: #fff
}

.js-order-list-footer.static {
  position: static
}

.js-order-list-footer .pdp__promotion.text-center {
  margin-top: 15px
}

.js-order-list-footer .btn-basket-add-orderform {
  margin-bottom: 0
}

.js-order-list-footer .btnExpress-basket-add-orderform {
  font-size: 16px;
  line-height: 47px;
  width: 100%;
  height: 60px;
  margin-bottom: 0;
  padding: 6px;
  border-radius: 5px
}

@media (max-width: 1023px) {
  .js-order-list-footer .btnExpress-basket-add-orderform {
      font-size:12px
  }
}

.orderFormBtn {
  position: fixed;
  right: 35px;
  bottom: 0
}

@media (min-width: 768px) and (max-width:1199px) {
  .orderFormBtn {
      right:15px
  }
}

@media (max-width: 767px) {
  .js-order-list-footer .btnExpress-basket-add-orderform {
      line-height:31px;
      height: 36px;
      padding: 2px 4px
  }

  .orderFormBtn {
      right: 5px
  }
}

.orderFormBtn.absolute {
  position: absolute;
  right: -115px;
  bottom: 0
}

@media (min-width: 768px) and (max-width:1199px) {
  .orderFormBtn.absolute {
      right:-100px
  }
}

.orderFormBtn.top {
  top: 0
}

.orderFormBtn a {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  margin: 14px 0;
  border-radius: 40px;
  background: #666
}

.orderFormBtn a:hover {
  opacity: .7
}

.orderFormBtn a.disabled {
  pointer-events: none;
  opacity: .2
}

.orderFormBtn a .fa {
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff
}

@media (max-width: 767px) {
  .orderFormBtn.absolute {
      right:-40px
  }

  .orderFormBtn a {
      width: 30px;
      height: 30px;
      margin: 5px 0
  }

  .orderFormBtn a .fa {
      font-size: 12px
  }
}

.orderFormBtn a .fa-chevron-left {
  transform: translateY(-50%) translateX(-60%)
}

.orderFormBtn a .fa-chevron-right {
  transform: translateY(-50%) translateX(-40%)
}

.order__item__wrapper .order__item .order__item__info .control-group,.order__item__wrapper .order__item .order__item__info .pdp__desc {
  display: block
}

.order__item__wrapper .order__item .order__item__info .order__item--name .product-new-release {
  display: inline-block
}

.order__item__wrapper .order__price--title-normal,.order__item__wrapper .order__price--title-vip {
  display: contents
}

.order__item__wrapper .order__price--title-normal.display-inline,.order__item__wrapper .order__price--title-vip.display-inline {
  display: inline-block!important;
  min-width: 51px
}

.order__item__wrapper .order__price--bg-grossnormal,.order__item__wrapper .order__price--bg-grossvip {
  font-weight: 400;
  color: #666
}

.order__item__wrapper .order__item .order__item__info .link.text-link {
  display: inline
}

.first-header .order__table--fullcol {
  padding-top: 20px;
  padding-bottom: 20px
}

.order__list__footer .quantity_basket_picked {
  display: inherit
}

.order__list__footer .js-order-list-footer.static {
  background-color: #fff
}

.order__list__footer .js-order-list-footer {
  padding: 15px 20px;
  background-color: rgba(212,228,237,.9)
}

.order__list__footer .btn-width-fullscreen {
  right: 0;
  left: 0
}

.order__mobile__inner.collapse.in .order__box.order_box_two_dimensions {
  border-top: none
}

.three-dms-custom .order__table__header__wrap .order__table--row {
  height: 36px!important;
  min-height: 36px
}

.order__table.three-dms-new-pc .order__table__body_left_special_2d .fixed_header_3dms,.order__table.three-dms-new-pc .order__table__body_left_special_2d .relavive_header_3dms {
  background: url(../../common/images/bg/order-table-bgd.png) #fbfbfb
}

.order__table.three-dms-new-pc .first-header.second_row_header .order__table--fullcol {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  color: #111;
  background: url(../../common/images/bg/order-table-bgd.png) #fff;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column
}

.order__table.three-dms-new-pc .first-header.second_row_header .order__table--fullcol:nth-child(odd) {
  background-color: #fbfbfb
}

.order__table.three-dms-new-pc .first-header.second_row_header .order__table--fullcol:nth-child(even) {
  background-color: #fff
}

#tableTemplate {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 12px;
  line-height: 1.4;
  box-sizing: content-box;
  color: #111;
  width: 1170px;
  margin: 0 auto
}

#tableTemplate a {
  text-decoration: underline;
  color: #13a408
}

#tableTemplate a:hover {
  text-decoration: none
}

#tableTemplate table th {
  font-weight: 700
}

#tableTemplate table td,#tableTemplate table th {
  padding: 9px 5px;
  text-align: center;
  border: 1px solid #ccc
}

#tableTemplate thead th {
  background: #e6e6e6
}

#tableTemplate table td {
  height: 103px
}

@media screen and (max-width: 1024px) {
  .order__item__wrapper .order__price--title-normal.display-inline:after,.order__item__wrapper .order__price--title-vip.display-inline:after {
      content:""!important
  }

  #tableTemplate table td,#tableTemplate table th {
      padding-right: 1em;
      padding-left: 1em
  }

  #tableTemplate {
      width: auto;
      margin: 0
  }

  #tableTemplate table th {
      white-space: nowrap
  }
}

#tableTemplate .mainVisual {
  width: 1170px;
  margin: 0 0 10px
}

@media screen and (max-width: 1024px) {
  #tableTemplate .mainVisual {
      width:auto
  }
}

#tableTemplate .mainVisual h1 {
  display: block;
  width: 1170px;
  height: 240px
}

@media screen and (max-width: 1024px) {
  #tableTemplate h1.mainVisual {
      width:auto;
      height: auto;
      padding: 0;
      background: 0 0
  }

  #tableTemplate h1.mainVisual img {
      width: 100%
  }
}

#tableTemplate h2.bedCategory {
  font-size: 18px;
  margin-top: 40px;
  padding: 10px;
  color: #fff;
  border-radius: 4px;
  background: #13a408
}

#tableTemplate table.responsive {
  width: 100%
}

#tableTemplate table ul li {
  line-height: 2;
  text-align: left
}

#tableTemplate table .nameHead {
  font-weight: 700;
  width: 140px;
  text-align: left;
  color: #1f9400;
  background: #f8ffed
}

.three-dms-mobile .lockBox tr,.three-dms-mobile .order__table--fullcol .orderform3dms-selection-quantity,.three-dms-mobile table.data th {
  text-align: center
}

#tableTemplate table .nameHead a {
  display: block
}

#tableTemplate table .nameHead a:active,#tableTemplate table .nameHead a:focus,#tableTemplate table .nameHead a:hover {
  opacity: .7
}

@media screen and (max-width: 1024px) {
  #tableTemplate h2.bedCategory {
      margin:20px 10px 0
  }

  #tableTemplate table .nameHead {
      font-size: 12px;
      width: 100px
  }

  #tableTemplate table .nameHead a {
      text-decoration: none
  }
}

#tableTemplate table .nameHead p {
  float: left;
  box-sizing: border-box;
  width: calc(0%);
  padding-right: 10px
}

#tableTemplate table .nameHead span {
  font-weight: 400;
  display: block;
  margin-top: 5px;
  color: red
}

#tableTemplate table .nameHead p+img {
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  #tableTemplate table .nameHead p {
      float:none;
      width: 100%;
      padding: 0 0 9px
  }

  #tableTemplate table .function {
      font-size: 10px;
      min-width: 150px!important
  }

  table.responsive td,table.responsive th {
      min-width: 120px!important
  }

  .widthM {
      width: 200px
  }

  .widthS {
      width: 180px
  }
}

#tableTemplate .name {
  font-weight: 700;
  color: #dc4fac;
  background: #ffeaf8
}

#tableTemplate strong {
  font-size: 16px
}

.dataArea {
  overflow: hidden;
  width: 1170px;
  margin-top: 10px
}

@media screen and (max-width: 1024px) {
  .dataArea {
      width:auto;
      margin: 10px 10px 0
  }
}

.three-dms-mobile {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px
}

.three-dms-mobile .data.vertical-three-dms-header {
  display: table;
  border-left: 1px solid #ccc
}

.three-dms-mobile .lockBox {
  float: left;
  min-width: 70px;
  max-width: 70px
}

.three-dms-mobile .lockBox .order_table_vertical_3dms {
  background: url(../../common/images/bg/order-table-bgd.png)
}

.three-dms-mobile .lockBox tr.header-vertical {
  height: 36px
}

.three-dms-mobile .lockBox table {
  width: 240px
}

@media screen and (max-width: 1024px) {
  .three-dms-mobile .lockBox table {
      width:100%
  }
}

.three-dms-mobile .scrollBox {
  float: left;
  overflow-x: scroll;
  overflow-y: hidden
}

.three-dms-mobile .scrollBox td {
  width: 90px;
  min-width: 90px;
  max-width: 90px
}

.three-dms-mobile .scrollBox td .js-select-quantity-3dms-eyelash {
  width: 50px;
  height: 18px
}

.three-dms-mobile .scrollBox .order__table--fullcol .order__piece__info .order__piece--title {
  width: 45px;
  margin-right: 2px
}

.three-dms-mobile .scrollBox .order__table--fullcol .order__piece__info .order__piece--title:after {
  right: -2px
}

.three-dms-mobile .scrollBox .order__table--fullcol .order__piece__info .order__piece--value {
  width: auto
}

.three-dms-mobile .scrollBox table {
  width: 929px
}

@media screen and (max-width: 1024px) {
  .three-dms-mobile .scrollBox table {
      width:auto
  }
}

.three-dms-mobile .categoryScroll {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.three-dms-mobile .categoryScroll li {
  box-sizing: border-box;
  width: 25%;
  text-align: center;
  border: 1px solid #333
}

.three-dms-mobile .categoryScroll li+li {
  margin-left: -1px
}

.three-dms-mobile .categoryScroll li a {
  font-size: 18px;
  display: block;
  padding: 10px 0 24px;
  text-decoration: none!important;
  color: #333!important;
  background: url(/_ui/responsive/common/ui_assets/stage/bg/pickup/bedtable/img/catearrow.png) calc(42.5%) bottom no-repeat
}

.three-dms-mobile .categoryScroll li a br.br320 {
  display: none
}

.three-dms-mobile .categoryScroll li a:active,.three-dms-mobile .categoryScroll li a:focus,.three-dms-mobile .categoryScroll li a:hover {
  color: #fff!important;
  background-color: #13a408;
  background-image: url(/_ui/responsive/common/ui_assets/stage/bg/pickup/bedtable/img/catearrow_hover.png)
}

@media screen and (max-width: 1024px) {
  .three-dms-mobile .categoryScroll {
      -ms-flex-pack:center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-flex-wrap: wrap
  }

  .three-dms-mobile .categoryScroll li {
      margin-bottom: 10px
  }

  .three-dms-mobile .categoryScroll li:nth-child(4n) {
      margin-left: 0
  }

  .three-dms-mobile .categoryScroll li a {
      font-size: 12px;
      height: 100%;
      background-position: center bottom;
      background-size: 13px auto
  }
}

@media screen and (max-width: 320px) {
  .three-dms-mobile .categoryScroll li a {
      display:-ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -webkit-justify-content: center
  }

  .three-dms-mobile .categoryScroll li a br.br320 {
      display: block
  }
}

.three-dms-mobile table.data {
  border-spacing: 0;
  border-collapse: collapse
}

.three-dms-mobile table.data td,.three-dms-mobile table.data th {
  padding: 0;
  vertical-align: middle;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.three-dms-mobile table.data th {
  border-top: 1px solid #ccc;
  background: #eef1f4
}

.three-dms-mobile .imgWidth {
  width: 120px
}

.three-dms-mobile table.data td p,.three-dms-mobile table.data th p {
  font-size: 11px;
  font-weight: 700;
  margin: 0
}

.three-dms-mobile .order__table--fullcol {
  border-right: none;
  border-bottom: none;
  border-left: none
}

.three-dms-mobile .order__table--fullcol .orderform3dms-selection-quantity .select-quantity-3dms {
  padding: 5px
}

@media (max-width: 767px) {
  .three-dms-mobile .order__table--fullcol .order__piece__info {
      padding:5px
  }
}

.three-dms-new-mobile .order__mobile__inner.js-order-first-header-3dms-mobile {
  border-bottom: none
}

.three-dms-new-mobile .order__mobile__item {
  border-top: 1px solid #dcdcdc
}

.three-dms-new-mobile .order__mobile__item:last-child {
  border-bottom: 1px solid #dcdcdc
}

.three-dms-new-mobile #order-item-1.order__mobile__item {
  border-top: none
}

#quickOrder .item__list .item__info {
  width: auto
}

@media (min-width: 1024px) {
  #quickOrder .item__quantity {
      text-align:left
  }
}

.quick-order__help-block {
  color: #ff3c6c
}

.quick__order__specs .pdp__prices .bg-price,.quick__order__specs .pdp__prices .vip-price {
  margin-top: 0
}

.quick__order__specs .pdp__prices .basic-price {
  font-size: 12px
}

.quick__order__specs .pdp__prices .vip-price {
  font-size: 18px
}

.quick__order__specs .pdp__prices .vip-price::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .quick__order__specs .pdp__prices .vip-price {
      font-size:14px
  }

  .quick__order__specs .pdp__prices .vip-price::first-letter {
      font-size: 12px
  }
}

.quick__order__specs .pdp__prices .price-data,.quick__order__specs .pdp__prices span.price-data {
  font-size: 18px;
  display: inline-block
}

.quick__order__specs .pdp__prices .price-data::first-letter,.quick__order__specs .pdp__prices span.price-data::first-letter {
  font-size: 14px
}

@media (max-width: 1023px) {
  .quick__order__specs .pdp__prices .price-data,.quick__order__specs .pdp__prices span.price-data {
      font-size:14px
  }

  .quick__order__specs .pdp__prices .price-data::first-letter,.quick__order__specs .pdp__prices span.price-data::first-letter {
      font-size: 12px
  }
}

.quick__order__specs .pdp__prices .price--line-through {
  font-size: 12px
}

.btn-grey-custom-newer {
  height: auto
}

.account-section .account-section-content .import-csv__form {
  padding: 0
}

.file-upload {
  margin-top: 15px
}

.file-upload__label {
  display: block
}

.file-upload__wrapper {
  position: relative;
  overflow: hidden;
  margin-right: 30px
}

.file-upload__input {
  font-size: 20px;
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0
}

.file-upload__file-name {
  font-size: 16px;
  position: relative;
  top: 8px;
  display: inline-block;
  overflow: hidden;
  max-width: 200px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis
}

.noUi-target,.noUi-target * {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: none
}

.noUi-target {
  position: relative;
  direction: ltr
}

.noUi-base {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  transform: translate3d(0,0,0)
}

.noUi-origin {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px
}

.noUi-handle {
  position: relative;
  z-index: 1
}

.noUi-stacking .noUi-handle {
  z-index: 10
}

.noUi-state-tap .noUi-origin {
  transition: left .3s,top .3s
}

.noUi-state-drag * {
  cursor: inherit!important
}

.noUi-horizontal {
  height: 4px
}

.noUi-horizontal .noUi-connect {
  transition: background 450ms;
  background: #999
}

.noUi-vertical {
  width: 5px
}

.noUi-vertical .noUi-connect {
  transition: background 450ms;
  background-color: #999
}

.noUi-background,.noUi-target {
  background: #e3e3e3
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb
}

.noUi-dragable {
  cursor: w-resize
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize
}

.noUi-handle {
  width: 14px;
  height: 14px;
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-horizontal .noUi-handle {
  top: -6px;
  left: -7px
}

@media (max-width: 1023px) {
  .file-upload__file-name {
      font-size:12px
  }

  .noUi-handle {
      width: 25px;
      height: 25px
  }

  .noUi-horizontal .noUi-handle {
      top: -11px;
      left: -12px
  }
}

.noUi-horizontal .noUi-handle:focus,.noUi-horizontal .noUi-handle:hover {
  border-color: #3d9ed1
}

[disabled] .noUi-connect,[disabled].noUi-connect {
  background: #b8b8b8
}

[disabled] .noUi-handle {
  cursor: not-allowed
}

@media print {
  .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
      float: left
  }

  body {
      -webkit-print-color-adjust: exact
  }

  a[href]:after,abbr[title]:after {
      content: ""
  }

  .breadcrumb-section {
      border-top: 2px solid #111;
      border-bottom: 2px solid #111
  }

  .col-xs-12 {
      width: 100%
  }

  .col-xs-11 {
      width: 91.66666667%
  }

  .col-xs-10 {
      width: 83.33333333%
  }

  .col-xs-9 {
      width: 75%
  }

  .col-xs-8 {
      width: 66.66666667%
  }

  .col-xs-7 {
      width: 58.33333333%
  }

  .col-xs-6 {
      width: 50%
  }

  .col-xs-5 {
      width: 41.66666667%
  }

  .col-xs-4 {
      width: 33.33333333%
  }

  .col-xs-3 {
      width: 25%
  }

  .col-xs-2 {
      width: 16.66666667%
  }

  .col-xs-1 {
      width: 8.33333333%
  }

  .col-xs-pull-12 {
      right: 100%
  }

  .col-xs-pull-11 {
      right: 91.66666667%
  }

  .col-xs-pull-10 {
      right: 83.33333333%
  }

  .col-xs-pull-9 {
      right: 75%
  }

  .col-xs-pull-8 {
      right: 66.66666667%
  }

  .col-xs-pull-7 {
      right: 58.33333333%
  }

  .col-xs-pull-6 {
      right: 50%
  }

  .col-xs-pull-5 {
      right: 41.66666667%
  }

  .col-xs-pull-4 {
      right: 33.33333333%
  }

  .col-xs-pull-3 {
      right: 25%
  }

  .col-xs-pull-2 {
      right: 16.66666667%
  }

  .col-xs-pull-1 {
      right: 8.33333333%
  }

  .col-xs-pull-0 {
      right: auto
  }

  .col-xs-push-12 {
      left: 100%
  }

  .col-xs-push-11 {
      left: 91.66666667%
  }

  .col-xs-push-10 {
      left: 83.33333333%
  }

  .col-xs-push-9 {
      left: 75%
  }

  .col-xs-push-8 {
      left: 66.66666667%
  }

  .col-xs-push-7 {
      left: 58.33333333%
  }

  .col-xs-push-6 {
      left: 50%
  }

  .col-xs-push-5 {
      left: 41.66666667%
  }

  .col-xs-push-4 {
      left: 33.33333333%
  }

  .col-xs-push-3 {
      left: 25%
  }

  .col-xs-push-2 {
      left: 16.66666667%
  }

  .col-xs-push-1 {
      left: 8.33333333%
  }

  .col-xs-push-0 {
      left: auto
  }

  .col-xs-offset-12 {
      margin-left: 100%
  }

  .col-xs-offset-11 {
      margin-left: 91.66666667%
  }

  .col-xs-offset-10 {
      margin-left: 83.33333333%
  }

  .col-xs-offset-9 {
      margin-left: 75%
  }

  .col-xs-offset-8 {
      margin-left: 66.66666667%
  }

  .col-xs-offset-7 {
      margin-left: 58.33333333%
  }

  .col-xs-offset-6 {
      margin-left: 50%
  }

  .col-xs-offset-5 {
      margin-left: 41.66666667%
  }

  .col-xs-offset-4 {
      margin-left: 33.33333333%
  }

  .col-xs-offset-3 {
      margin-left: 25%
  }

  .col-xs-offset-2 {
      margin-left: 16.66666667%
  }

  .col-xs-offset-1 {
      margin-left: 8.33333333%
  }

  .col-xs-offset-0 {
      margin-left: 0
  }

  .col-md-12 {
      width: 100%
  }

  .col-md-11 {
      width: 91.66666667%
  }

  .col-md-10 {
      width: 83.33333333%
  }

  .col-md-9 {
      width: 75%
  }

  .col-md-8 {
      width: 66.66666667%
  }

  .col-md-7 {
      width: 58.33333333%
  }

  .col-md-6 {
      width: 50%
  }

  .col-md-5 {
      width: 41.66666667%
  }

  .col-md-4 {
      width: 33.33333333%
  }

  .col-md-3 {
      width: 25%
  }

  .col-md-2 {
      width: 16.66666667%
  }

  .col-md-1 {
      width: 8.33333333%
  }

  .col-md-pull-12 {
      right: 100%
  }

  .col-md-pull-11 {
      right: 91.66666667%
  }

  .col-md-pull-10 {
      right: 83.33333333%
  }

  .col-md-pull-9 {
      right: 75%
  }

  .col-md-pull-8 {
      right: 66.66666667%
  }

  .col-md-pull-7 {
      right: 58.33333333%
  }

  .col-md-pull-6 {
      right: 50%
  }

  .col-md-pull-5 {
      right: 41.66666667%
  }

  .col-md-pull-4 {
      right: 33.33333333%
  }

  .col-md-pull-3 {
      right: 25%
  }

  .col-md-pull-2 {
      right: 16.66666667%
  }

  .col-md-pull-1 {
      right: 8.33333333%
  }

  .col-md-pull-0 {
      right: auto
  }

  .col-md-push-12 {
      left: 100%
  }

  .col-md-push-11 {
      left: 91.66666667%
  }

  .col-md-push-10 {
      left: 83.33333333%
  }

  .col-md-push-9 {
      left: 75%
  }

  .col-md-push-8 {
      left: 66.66666667%
  }

  .col-md-push-7 {
      left: 58.33333333%
  }

  .col-md-push-6 {
      left: 50%
  }

  .col-md-push-5 {
      left: 41.66666667%
  }

  .col-md-push-4 {
      left: 33.33333333%
  }

  .col-md-push-3 {
      left: 25%
  }

  .col-md-push-2 {
      left: 16.66666667%
  }

  .col-md-push-1 {
      left: 8.33333333%
  }

  .col-md-push-0 {
      left: auto
  }

  .col-md-offset-12 {
      margin-left: 100%
  }

  .col-md-offset-11 {
      margin-left: 91.66666667%
  }

  .col-md-offset-10 {
      margin-left: 83.33333333%
  }

  .col-md-offset-9 {
      margin-left: 75%
  }

  .col-md-offset-8 {
      margin-left: 66.66666667%
  }

  .col-md-offset-7 {
      margin-left: 58.33333333%
  }

  .col-md-offset-6 {
      margin-left: 50%
  }

  .col-md-offset-5 {
      margin-left: 41.66666667%
  }

  .col-md-offset-4 {
      margin-left: 33.33333333%
  }

  .col-md-offset-3 {
      margin-left: 25%
  }

  .col-md-offset-2 {
      margin-left: 16.66666667%
  }

  .col-md-offset-1 {
      margin-left: 8.33333333%
  }

  .col-md-offset-0 {
      margin-left: 0
  }

  .col-sm-12 {
      width: 100%
  }

  .col-sm-11 {
      width: 91.66666667%
  }

  .col-sm-10 {
      width: 83.33333333%
  }

  .col-sm-9 {
      width: 75%
  }

  .col-sm-8 {
      width: 66.66666667%
  }

  .col-sm-7 {
      width: 58.33333333%
  }

  .col-sm-6 {
      width: 50%
  }

  .col-sm-5 {
      width: 41.66666667%
  }

  .col-sm-4 {
      width: 33.33333333%
  }

  .col-sm-3 {
      width: 25%
  }

  .col-sm-2 {
      width: 16.66666667%
  }

  .col-sm-1 {
      width: 8.33333333%
  }

  .col-sm-pull-12 {
      right: 100%
  }

  .col-sm-pull-11 {
      right: 91.66666667%
  }

  .col-sm-pull-10 {
      right: 83.33333333%
  }

  .col-sm-pull-9 {
      right: 75%
  }

  .col-sm-pull-8 {
      right: 66.66666667%
  }

  .col-sm-pull-7 {
      right: 58.33333333%
  }

  .col-sm-pull-6 {
      right: 50%
  }

  .col-sm-pull-5 {
      right: 41.66666667%
  }

  .col-sm-pull-4 {
      right: 33.33333333%
  }

  .col-sm-pull-3 {
      right: 25%
  }

  .col-sm-pull-2 {
      right: 16.66666667%
  }

  .col-sm-pull-1 {
      right: 8.33333333%
  }

  .col-sm-pull-0 {
      right: auto
  }

  .col-sm-push-12 {
      left: 100%
  }

  .col-sm-push-11 {
      left: 91.66666667%
  }

  .col-sm-push-10 {
      left: 83.33333333%
  }

  .col-sm-push-9 {
      left: 75%
  }

  .col-sm-push-8 {
      left: 66.66666667%
  }

  .col-sm-push-7 {
      left: 58.33333333%
  }

  .col-sm-push-6 {
      left: 50%
  }

  .col-sm-push-5 {
      left: 41.66666667%
  }

  .col-sm-push-4 {
      left: 33.33333333%
  }

  .col-sm-push-3 {
      left: 25%
  }

  .col-sm-push-2 {
      left: 16.66666667%
  }

  .col-sm-push-1 {
      left: 8.33333333%
  }

  .col-sm-push-0 {
      left: auto
  }

  .col-sm-offset-12 {
      margin-left: 100%
  }

  .col-sm-offset-11 {
      margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
      margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
      margin-left: 75%
  }

  .col-sm-offset-8 {
      margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
      margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
      margin-left: 50%
  }

  .col-sm-offset-5 {
      margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
      margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
      margin-left: 25%
  }

  .col-sm-offset-2 {
      margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
      margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
      margin-left: 0
  }

  .footer__left {
      width: 100%
  }

  .footer__right {
      display: none
  }

  .owl-wrapper {
      width: 100%!important
  }

  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
      display: none!important;
      width: 25%!important
  }

  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
      display: block!important
  }

  .owl-controls {
      display: none!important
  }

  .tabs .tabhead+.tabbody {
      display: block!important
  }

  .back-link .label {
      border: 0
  }

  .carousel-component {
      overflow: hidden;
      height: 320px
  }

  .print-template,html {
      width: 210mm;
      height: 297mm;
      margin: 0;
      padding: 0
  }

  .print-header-top {
      display: none
  }

  .print-brands-title>h3 {
      right: 60px!important
  }
}

@page {
  margin: 2cm;
  padding: 0;
  size: A4
}

.print-template {
  background-color: #ccc
}

.print-template p {
  font-size: 13px
}

@media (max-width: 1199px) {
  .print-template p {
      font-size:11px
  }
}

.print-template .print-container {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 9rem 7.5rem;
  background-color: #fff
}

@media print {
  .print-template .print-container {
      padding: 0
  }
}

.print-template .print-section {
  overflow: hidden
}

.print-template .print-header {
  font-size: 3.6rem;
  font-weight: 700;
  margin-bottom: 9rem;
  text-align: center;
  text-decoration: underline
}

.print-template .print-header-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin-bottom: 30px;
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px solid
}

.print-template .print-header-top .print-envelope,.print-template .print-header-top .print-icon {
  font-size: 16px;
  font-weight: 700;
  display: inline-block!important;
  color: #3d9ed1
}

.print-template .print-header-top .print-envelope .fa,.print-template .print-header-top .print-icon .fa {
  font-size: 18px;
  color: #111
}

.print-template .print-header-top .print-icon {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #333
}

.print-template .table-bordered td {
  border-color: #111!important
}

.print-template .print-info-shop {
  display: inline-block;
  width: 85%;
  margin-left: 30px;
  padding-bottom: 40px;
  vertical-align: text-top
}

.print-template .print-table {
  margin-bottom: 10px;
  border-color: #333
}

.print-template .print-table th {
  vertical-align: top
}

.print-template .print-table td,.print-template .print-table th {
  border-color: #333!important
}

.print-template .print-box-wrapper {
  padding-left: 0
}

.print-template .print-box {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 142px;
  border: 1px solid #111;
  border-bottom-width: 2px
}

.print-template .print-box span {
  display: table-cell;
  height: 100%;
  vertical-align: top
}

.print-template .print-box-title {
  width: 27px;
  text-align: center;
  border-right: 1px solid #111
}

.print-template .print-box-content {
  padding: 0 5px
}

.print-template .print-total-box {
  line-height: 20px;
  overflow: hidden;
  text-align: right;
  border-bottom: 2px solid #111
}

.print-template .print-total-box .print-key {
  float: left;
  clear: left;
  width: 50%
}

.print-template .print-total-box .print-value {
  float: left;
  width: 50%
}

.print-template .print-list {
  margin-left: 16px;
  list-style-type: disc
}

.salon-contract__agreement .last-list,.salon-contract__agreement ol,.salon-contract__confirmation .last-list,.salon-contract__confirmation ol,.salon-contract__main .last-list,.salon-contract__main ol,.salon-contract__term .last-list,.salon-contract__term ol {
  list-style-position: inside;
  list-style-type: none
}

.print-template .print-list li {
  margin-bottom: 10px
}

.print-template .print-logo-no-stock {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right
}

.print-template .print-logo-no-stock img {
  width: 135px
}

.print-template .print-content {
  position: relative
}

.print-template .print-header-no-stock {
  font-size: 25px;
  position: relative;
  margin-top: 0;
  padding-bottom: 32px;
  text-align: center;
  border-bottom: 1px solid
}

.print-template .print-header-no-stock img {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px
}

.print-template .print-brands-info.bg-brands {
  margin-left: 93px
}

@media (max-width: 1199px) {
  .print-template .print-brands-info.bg-brands {
      margin-left:18px
  }
}

.print-template .print-brands-info.eg-brands {
  margin-left: 155px
}

@media (max-width: 1199px) {
  .print-template .print-brands-info.eg-brands {
      margin-left:35px
  }
}

.print-template .print-brands-info.eg-brands>li {
  margin-bottom: 5px;
  text-align: left
}

.print-template .print-brands-info>li {
  font-size: 13px;
  float: left;
  width: 100%;
  text-align: right
}

.print-template .print-brands-info>li:before {
  font-size: 13px;
  display: inline-block;
  float: left;
  margin-right: 2px;
  margin-left: -14px;
  content: "â–¡"
}

.print-template .print-brands-info>li p {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 2px!important;
  padding-left: 10px
}

@media (max-width: 1199px) {
  .print-template .print-brands-info>li p {
      font-size:11px;
      padding-left: 3px
  }
}

.print-template .print-brands-info>li span {
  font-size: 13px;
  float: left
}

.print-template .print-table-signs {
  float: right;
  width: 50%;
  margin: 40px 0 20px
}

.print-template .print-table-signs-place {
  width: 50%;
  height: 120px
}

.print-template .print-brands-title {
  position: relative;
  height: 70px;
  margin: 50px 0 18px
}

@media (max-width: 1199px) {
  .print-template .print-brands-title {
      margin-top:25px
  }
}

.print-template .print-brands-title>.print-text {
  position: absolute;
  right: 10px;
  bottom: 0;
  text-align: right
}

.print-template .print-brands-title>.print-text>h3 {
  font-size: medium;
  font-weight: 600;
  margin-bottom: 2px!important
}

.print-template .print-brands-title>img {
  position: absolute;
  right: 0;
  width: 70px;
  height: 70px
}

.print-template .print-quote-text {
  float: left
}

.print-template .print-total-payment {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  border-top: 1px solid #333
}

.print-template .print-total-payment .print-value .text--small {
  display: inline-block
}

.print-template .print-quotation-name {
  line-height: 23px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden
}

.print-template .print-quotation-name.bg-name,.print-template .print-quotation-name.eg-name {
  height: 56px
}

.print-template .print-quotation-name-bundle-product {
  line-height: 23px;
  overflow: hidden;
  height: auto
}

.print-template .tax-separated {
  overflow: hidden;
  width: 100%;
  margin-top: 10px
}

.print-template .tax-separated .shipping {
  clear: both
}

.print-template .tax-separated .tax-separated-table {
  float: right;
  width: 100%
}

.print-template .tax-separated .tax-separated-table .order-list-tax-item {
  font-size: medium;
  line-height: 20px;
  padding: 0;
  text-align: right;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.print-template .tax-separated .order-item-tax-percent {
  position: relative;
  width: 30%;
  text-align: right;
  color: #111
}

.print-template .tax-separated .order-item-tax-text {
  position: relative;
  display: inline-block;
  text-align: right;
  color: #111
}

.salon-contract__contact {
  margin-bottom: 7rem
}

.salon-contract__contact .contact__list {
  transform: translateX(25%);
  text-align: center
}

@media (max-width: 1199px) {
  .print-template .tax-separated .tax-separated-table .order-list-tax-item {
      font-size:small
  }

  .salon-contract__contact .contact__list {
      transform: none
  }
}

.salon-contract__contact .contact__list .contact__item {
  font-size: 15px;
  font-weight: 700;
  width: 50%;
  height: 7rem;
  margin-bottom: 2rem;
  color: #111;
  border: 1px solid #eee
}

@media (max-width: 1023px) {
  .salon-contract__contact .contact__list .contact__item {
      font-size:13px
  }
}

@media (max-width: 1199px) {
  .salon-contract__contact .contact__list .contact__item {
      width:100%
  }
}

.salon-contract__contact .contact__list .contact__item .contact__item-title {
  display: inline-block;
  display: table;
  float: left;
  width: 50%;
  height: 100%;
  border-right: 1px solid #eee;
  background-color: #f7f6f6
}

.salon-contract__contact .contact__list .contact__item .contact__item-title .item--text {
  display: table-cell;
  vertical-align: middle
}

.salon-contract__contact .contact__list .contact__item .contact__item-info {
  display: table;
  float: left;
  width: 50%;
  height: 100%
}

.salon-contract__contact .contact__list .contact__item .contact__item-info .item--text {
  font-size: 18px;
  display: table-cell;
  vertical-align: middle
}

@media (max-width: 1023px) {
  .salon-contract__contact .contact__list .contact__item .contact__item-info .item--text {
      font-size:16px
  }
}

.salon-contract__contact .contact__list .contact__item .contact__item-info .fa {
  margin-right: .5rem
}

@media (max-width: 480px) {
  .salon-contract__contact .contact__list .contact__item:nth-child(4) .contact__item-info>.item--text {
      font-size:15px;
      display: inline-block;
      margin: 0 10px;
      word-wrap: break-word;
      word-break: break-all
  }
}

.salon-contract__agreement .section-block,.salon-contract__confirmation .section-block,.salon-contract__main .section-block,.salon-contract__term .section-block {
  font-size: 14px;
  line-height: 2.2rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: #111;
  border-bottom: 1px solid #eee
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block,.salon-contract__confirmation .section-block,.salon-contract__main .section-block,.salon-contract__term .section-block {
      font-size:11px
  }
}

.salon-contract__agreement .section-block .group-info,.salon-contract__confirmation .section-block .group-info,.salon-contract__main .section-block .group-info,.salon-contract__term .section-block .group-info {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #eee
}

.salon-contract__agreement .section-block .group-info .hide,.salon-contract__confirmation .section-block .group-info .hide,.salon-contract__main .section-block .group-info .hide,.salon-contract__term .section-block .group-info .hide {
  display: none
}

.salon-contract__agreement .section-block .headline-text,.salon-contract__confirmation .section-block .headline-text,.salon-contract__main .section-block .headline-text,.salon-contract__term .section-block .headline-text {
  font-size: 28px;
  margin-top: 4rem
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .headline-text,.salon-contract__confirmation .section-block .headline-text,.salon-contract__main .section-block .headline-text,.salon-contract__term .section-block .headline-text {
      font-size:18px
  }
}

.salon-contract__agreement .section-block .header__text--center,.salon-contract__confirmation .section-block .header__text--center,.salon-contract__main .section-block .header__text--center,.salon-contract__term .section-block .header__text--center {
  font-size: 16px;
  text-align: center
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .header__text--center,.salon-contract__confirmation .section-block .header__text--center,.salon-contract__main .section-block .header__text--center,.salon-contract__term .section-block .header__text--center {
      font-size:12px
  }
}

.salon-contract__agreement .section-block .text--red,.salon-contract__confirmation .section-block .text--red,.salon-contract__main .section-block .text--red,.salon-contract__term .section-block .text--red {
  color: #ff3c6c
}

.salon-contract__agreement .section-block .text--blue,.salon-contract__confirmation .section-block .text--blue,.salon-contract__main .section-block .text--blue,.salon-contract__term .section-block .text--blue {
  color: #4c97be
}

.salon-contract__agreement .section-block .line-break,.salon-contract__confirmation .section-block .line-break,.salon-contract__main .section-block .line-break,.salon-contract__term .section-block .line-break {
  margin: 3rem 0 0
}

.salon-contract__agreement .section-block .form-control.file-name,.salon-contract__confirmation .section-block .form-control.file-name,.salon-contract__main .section-block .form-control.file-name,.salon-contract__term .section-block .form-control.file-name {
  border-radius: 5px 0 0 5px!important
}

.salon-contract__agreement .section-block .vertical-align,.salon-contract__confirmation .section-block .vertical-align,.salon-contract__main .section-block .vertical-align,.salon-contract__term .section-block .vertical-align {
  line-height: 4rem;
  vertical-align: middle
}

.salon-contract__agreement .section-block .input-group,.salon-contract__confirmation .section-block .input-group,.salon-contract__main .section-block .input-group,.salon-contract__term .section-block .input-group {
  display: inline-block;
  float: left;
  height: 4rem;
  margin: 1.5rem 0
}

.salon-contract__agreement .section-block .input-group .file-name,.salon-contract__confirmation .section-block .input-group .file-name,.salon-contract__main .section-block .input-group .file-name,.salon-contract__term .section-block .input-group .file-name {
  height: 100%;
  padding: 0 15px
}

.salon-contract__agreement .section-block .input-group .btn-reference,.salon-contract__confirmation .section-block .input-group .btn-reference,.salon-contract__main .section-block .input-group .btn-reference,.salon-contract__term .section-block .input-group .btn-reference {
  height: 100%
}

.salon-contract__agreement .section-block .input-group .btn-reference.disable,.salon-contract__confirmation .section-block .input-group .btn-reference.disable,.salon-contract__main .section-block .input-group .btn-reference.disable,.salon-contract__term .section-block .input-group .btn-reference.disable {
  cursor: default;
  color: #bbb;
  border-color: #eee;
  background-color: #f7f6f6
}

.salon-contract__agreement .section-block .upload-group,.salon-contract__confirmation .section-block .upload-group,.salon-contract__main .section-block .upload-group,.salon-contract__term .section-block .upload-group {
  height: 4rem;
  margin-top: 1.5rem
}

.salon-contract__agreement .section-block .upload-group .custom-file-upload,.salon-contract__confirmation .section-block .upload-group .custom-file-upload,.salon-contract__main .section-block .upload-group .custom-file-upload,.salon-contract__term .section-block .upload-group .custom-file-upload {
  font-size: 14px;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .upload-group .custom-file-upload,.salon-contract__confirmation .section-block .upload-group .custom-file-upload,.salon-contract__main .section-block .upload-group .custom-file-upload,.salon-contract__term .section-block .upload-group .custom-file-upload {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .salon-contract__agreement .section-block .upload-group .custom-file-upload,.salon-contract__confirmation .section-block .upload-group .custom-file-upload,.salon-contract__main .section-block .upload-group .custom-file-upload,.salon-contract__term .section-block .upload-group .custom-file-upload {
      padding-top:6px
  }
}

.salon-contract__agreement .section-block .upload-group .custom-file-upload.disable,.salon-contract__confirmation .section-block .upload-group .custom-file-upload.disable,.salon-contract__main .section-block .upload-group .custom-file-upload.disable,.salon-contract__term .section-block .upload-group .custom-file-upload.disable {
  cursor: default;
  pointer-events: none;
  color: #bbb;
  border-color: #eee;
  background-color: #f7f6f6
}

.font-blue-bold1,.salon-contract__agreement .section-block .upload-group .eg-btn-file,.salon-contract__confirmation .section-block .upload-group .eg-btn-file,.salon-contract__main .section-block .upload-group .eg-btn-file,.salon-contract__term .section-block .upload-group .eg-btn-file {
  background-color: #3d9ed1
}

.salon-contract__agreement .section-block .btn-reference,.salon-contract__confirmation .section-block .btn-reference,.salon-contract__main .section-block .btn-reference,.salon-contract__term .section-block .btn-reference {
  padding: 0 20px
}

.salon-contract__agreement .section-block .text--large,.salon-contract__confirmation .section-block .text--large,.salon-contract__main .section-block .text--large,.salon-contract__term .section-block .text--large {
  font-size: 16px;
  text-align: center
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .text--large,.salon-contract__confirmation .section-block .text--large,.salon-contract__main .section-block .text--large,.salon-contract__term .section-block .text--large {
      font-size:12px
  }
}

.salon-contract__agreement .section-block .text--medium,.salon-contract__confirmation .section-block .text--medium,.salon-contract__main .section-block .text--medium,.salon-contract__term .section-block .text--medium {
  font-size: 14px;
  text-align: center
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .text--medium,.salon-contract__confirmation .section-block .text--medium,.salon-contract__main .section-block .text--medium,.salon-contract__term .section-block .text--medium {
      font-size:11px
  }
}

.salon-contract__agreement .section-block .text--medium--alignleft,.salon-contract__confirmation .section-block .text--medium--alignleft,.salon-contract__main .section-block .text--medium--alignleft,.salon-contract__term .section-block .text--medium--alignleft {
  font-size: 14px;
  text-align: left
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .text--medium--alignleft,.salon-contract__confirmation .section-block .text--medium--alignleft,.salon-contract__main .section-block .text--medium--alignleft,.salon-contract__term .section-block .text--medium--alignleft {
      font-size:11px
  }
}

.salon-contract__agreement .section-block .text--medium2,.salon-contract__confirmation .section-block .text--medium2,.salon-contract__main .section-block .text--medium2,.salon-contract__term .section-block .text--medium2 {
  font-size: 13px
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .text--medium2,.salon-contract__confirmation .section-block .text--medium2,.salon-contract__main .section-block .text--medium2,.salon-contract__term .section-block .text--medium2 {
      font-size:11px
  }
}

.salon-contract__agreement .section-block .text--small,.salon-contract__confirmation .section-block .text--small,.salon-contract__main .section-block .text--small,.salon-contract__term .section-block .text--small {
  font-size: 12px
}

@media (max-width: 1023px) {
  .salon-contract__agreement .section-block .text--small,.salon-contract__confirmation .section-block .text--small,.salon-contract__main .section-block .text--small,.salon-contract__term .section-block .text--small {
      font-size:10px
  }
}

.salon-contract__agreement .section-block .btn-form,.salon-contract__confirmation .section-block .btn-form,.salon-contract__main .section-block .btn-form,.salon-contract__term .section-block .btn-form {
  margin: 0
}

.salon-contract__agreement a,.salon-contract__confirmation a,.salon-contract__main a,.salon-contract__term a {
  color: #4c97be
}

.salon-contract__agreement .application-info .confirmation-radio,.salon-contract__confirmation .application-info .confirmation-radio,.salon-contract__main .application-info .confirmation-radio,.salon-contract__term .application-info .confirmation-radio {
  margin: 0;
  padding: 0;
  background: 0 0
}

.salon-contract__agreement ol li:before,.salon-contract__confirmation ol li:before,.salon-contract__main ol li:before,.salon-contract__term ol li:before {
  content: counter(myIndex)
}

.salon-contract__agreement .last-list li:before,.salon-contract__confirmation .last-list li:before,.salon-contract__main .last-list li:before,.salon-contract__term .last-list li:before {
  content: "(" counter(myIndex) ")"
}

.term-of-service .term-of-service__content {
  padding: 1.5rem;
  border: 1px solid #eee
}

.term-of-service .term-of-service__content .scrollbar-content {
  position: relative;
  overflow: auto;
  height: 33rem;
  padding: 2rem
}

.term-of-service .term-of-service__content .scrollbar-content .text--center {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 3rem;
  text-align: center
}

.link-to-newpage,.salon-contrack__term-content .end-content,.term-of-service .term-of-service__content .end-content {
  text-align: right
}

@media (max-width: 1023px) {
  .term-of-service .term-of-service__content .scrollbar-content .text--center {
      font-size:13px
  }
}

.link-to-newpage {
  margin-top: 1rem;
  margin-bottom: 2rem
}

.link-to-newpage .target-blank,.link-to-newpage .target-blank:focus,.link-to-newpage .target-blank:hover {
  color: #3d9ed1
}

.salon-contrack__term-content {
  margin-bottom: 8rem
}

.salon-contract__agreement .btn-default-custom {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 5px;
  background: 0 0
}

.salon-contract__agreement .btn-default-custom .fa-chevron-right {
  font-size: 12px;
  right: auto;
  margin-right: 1rem
}

@media (max-width: 1023px) {
  .salon-contract__agreement .btn-default-custom .fa-chevron-right {
      font-size:10px
  }
}

.salon-contract__agreement .btn-default-custom:focus,.salon-contract__agreement .btn-default-custom:hover {
  position: relative;
  transition: border-color .2s ease;
  border-color: #3d9ed1
}

.salon-contract__agreement .group-button {
  margin-top: 5rem;
  margin-bottom: 2rem
}

.content-in-box {
  font-size: 16px;
  margin-top: 5rem;
  margin-bottom: 6rem;
  padding: 2rem;
  text-align: center;
  color: #3d9ed1;
  border: 2px solid #3d9ed1
}

@media (max-width: 1023px) {
  .content-in-box {
      font-size:12px
  }
}

.content__block--item {
  margin-top: 2rem;
  margin-bottom: 0
}

.content-title {
  font-weight: 700
}

.content__block--item__first {
  margin-top: 4rem;
  margin-bottom: 0
}

.button-description {
  margin-top: 7rem;
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .button-description {
      margin-top:6rem;
      margin-bottom: 2rem
  }
}

.applycontracttop_img img {
  width: 100%
}

@media (min-width: 768px) {
  .application-info .line-break {
      display:inline-block;
      width: 100%;
      height: 0;
      margin: 0 0 3rem;
      background-color: #333
  }

  .col-md-offset-4 {
      margin-left: 0
  }

  .col-md-offset-4.col-md-8 {
      width: 100%
  }

  .salon-contract__main .section-block .group-info .row .col-md-offset-4.col-md-8 {
      padding-top: 1rem;
      padding-bottom: 0;
      border-bottom: 0 solid #eee
  }

  .term-of-service .term-of-service__content .scrollbar-content {
      position: relative;
      overflow: auto;
      height: 20rem;
      padding: 2rem
  }

  .application-info {
      background: #f3fafc
  }

  .salon-contract__main .application-info .section-block {
      line-height: 2.2rem;
      width: 90%;
      margin: 0 auto;
      padding-top: 0;
      padding-bottom: 4rem;
      color: #111;
      border-bottom: 1px solid #eee
  }

  .salon-contract__main .section-block .group-info {
      padding-top: 0;
      padding-bottom: 0;
      border-bottom: 0 solid #eee
  }

  .salon-contract__main .section-block .group-info .row {
      margin-right: 0;
      margin-left: 0;
      background: #fff
  }

  .salon-contract__main .section-block .group-info .row .col-md-4,.salon-contract__main .section-block .group-info .row .col-md-8 {
      padding-top: 2rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid #eee
  }

  .salon-contract__main .section-block .group-info .row .col-md-4 p {
      margin: 0
  }

  .form-control {
      display: block;
      width: 90%
  }

  .js-import-contract {
      width: 100%;
      max-width: 480px;
      margin: 1.4em auto
  }

  dl.salonConfirmationSection {
      margin-bottom: 1em
  }

  .salonConfirmationSection dt {
      position: relative
  }

  .salonConfirmationSection dt span {
      position: absolute;
      top: 30%;
      right: 5%
  }

  .salonConfirmationSection dd {
      line-height: 2.2rem;
      display: none;
      padding: 0 1.5em
  }

  dd.salonConfirmationSection .content__block--item {
      margin-top: 1rem
  }

  .salonConfirmationSection .open {
      display: block
  }

  #getcertificate>.row {
      display: -ms-flexbox;
      display: flex
  }
}

@media (max-width: 767px) {
  .salon-contract__main .container .section-block {
      line-height:1.5!important;
      margin: 0!important;
      padding: 0
  }

  .homepage__block,.section-block {
      border: none!important
  }

  .salon-contract__main .section-block .headline-text {
      line-height: 1.5em;
      margin: 0!important;
      padding: 0 0 0 10px;
      text-align: left;
      border-left: 5px solid #003367
  }

  .section-block__content p.header__text--center {
      text-align: left!important
  }

  .attention {
      margin: 10px 0!important;
      padding: 40px!important;
      background: #ffeaef
  }

  .term-of-service h2 {
      font-weight: 400!important;
      position: relative;
      margin: 10px!important;
      padding: 0!important;
      text-align: center!important;
      border: none!important
  }

  .term-of-service h2:after {
      content: " -"
  }

  .term-of-service h2:before {
      content: "- "
  }

  .term-of-service .term-of-service__content .scrollbar-content {
      height: 10rem;
      padding: 0
  }

  .kzj-1stv h2 {
      margin: 20px 10px!important
  }

  .line-break {
      display: none
  }

  .salon-contract__agreement .section-block .group-info,.salon-contract__confirmation .section-block .group-info,.salon-contract__main .section-block .group-info,.salon-contract__term .section-block .group-info {
      padding: 0;
      border: none
  }

  .kzj-block1 {
      margin-top: 10px!important;
      margin-right: 10px;
      margin-left: 10px;
      padding: 10px 20px!important;
      background: #fff
  }

  #contractApplicationUrl {
      margin: 0 10px
  }

  .js-import-contract {
      margin-top: 10px!important;
      margin-bottom: 30px!important
  }

  .application-info .section-block__content .content__block--item {
      margin-bottom: 10px
  }

  .salon-contract__main .kzj-1stv .headline {
      margin-top: 30px
  }

  #kzj-red-1,#kzj-red-2 {
      padding: 20px 0 0;
      background: #ffeaef
  }

  #kzj-red-2 {
      padding-top: 0!important;
      margin-bottom: 20px;
      padding-bottom: 0;
      border-bottom: 1px solid #d8d8d8
  }

  .term-of-service__content {
      margin-right: 15px;
      margin-left: 15px
  }

  .salon-contract__main {
      margin: 10px!important
  }
}

.contractFormBlock {
  padding: 30px 0;
  text-align: center;
  border-top: solid 1px #eee
}

a.contractFormBtn {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 120%;
  font-weight: 500;
  line-height: 1;
  position: relative;
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 13px 5px;
  text-align: center;
  color: #111;
  border: 1px solid #ccc;
  border-radius: 3px
}

a.contractFormBtn:after {
  font-family: FontAwesome;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 4%;
  margin-top: -7px;
  content: "\f054";
  text-align: center
}

a.contractFormBtn:hover {
  text-decoration: none;
  color: #3d9ed1;
  border-color: #3d9ed1
}

.new-section-block {
  padding-top: 2rem!important;
  padding-bottom: 2rem!important;
  border-bottom: 0 solid #eee!important
}

.font-blue-bold1 {
  font-weight: 700;
  color: #fff
}

.font-blue-bold2 {
  font-weight: 700;
  margin-bottom: 0;
  color: #fff
}

.block-top-relative {
  position: relative
}

.mycompany-units-detail .page-header-group,.mycompany-users-detail .page-header-group {
  margin-bottom: 5rem
}

.mycompany-units-detail .block-content-header,.mycompany-users-detail .block-content-header {
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 0
}

.mycompany-units-detail .link-group,.mycompany-users-detail .link-group {
  display: block;
  margin-bottom: 2rem
}

.mycompany-units-detail .link-group .link-to-new-page,.mycompany-users-detail .link-group .link-to-new-page {
  line-height: 3rem;
  margin-right: 1rem
}

.mycompany-units-detail .display-data-content,.mycompany-users-detail .display-data-content {
  clear: right;
  margin-top: 2rem;
  margin-bottom: 6rem;
  padding: 5rem;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .mycompany-units-detail .display-data-content,.mycompany-users-detail .display-data-content {
      padding:2rem 0 3rem
  }
}

.mycompany-units-detail .display-data-content .row-item,.mycompany-users-detail .display-data-content .row-item {
  padding: 1.8rem 0;
  border-bottom: 1px solid #dcdcdc
}

.mycompany-units-detail .display-data-content .row-item:first-child,.mycompany-users-detail .display-data-content .row-item:first-child {
  padding-top: 0
}

.mycompany-units-detail .display-data-content .row-item label,.mycompany-users-detail .display-data-content .row-item label {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2.6rem;
  margin-bottom: 0;
  color: #999
}

.mycompany-units-detail .display-data-content .row-item p,.mycompany-users-detail .display-data-content .row-item p {
  font-size: 14px;
  line-height: 2.6rem;
  margin-bottom: 0;
  color: #111
}

@media (max-width: 1023px) {
  .mycompany-units-detail .display-data-content .row-item p,.mycompany-users-detail .display-data-content .row-item p {
      font-size:11px
  }
}

.mycompany-units-detail .display-data-content .row-item:last-child,.mycompany-users-detail .display-data-content .row-item:last-child {
  line-height: 3rem
}

.mycompany-units-detail .display-data-content .row-item.heading,.mycompany-users-detail .display-data-content .row-item.heading {
  margin-top: 5rem;
  border-bottom: 2px solid #dcdcdc
}

.mycompany-units-detail .display-data-content .row-item.heading.first-child,.mycompany-users-detail .display-data-content .row-item.heading.first-child {
  margin-top: 0
}

.mycompany-units-detail .display-data-content .row-item.heading .sub-content-heading,.mycompany-users-detail .display-data-content .row-item.heading .sub-content-heading {
  display: inline-block;
  color: #111
}

.mycompany-units-detail .display-data-content .row-item .text--red,.mycompany-users-detail .display-data-content .row-item .text--red {
  color: #ff3c6c
}

@media (min-width: 768px) {
  .mycompany-units-detail .display-data-content .block-top,.mycompany-users-detail .display-data-content .block-top {
      position:absolute;
      top: 5rem;
      right: 0;
      width: 50%
  }

  .mycompany-units-detail .display-data-content .block-top.custom,.mycompany-users-detail .display-data-content .block-top.custom {
      top: -10px
  }
}

.mycompany-units-detail .display-data-content .block-top .btn-cancel,.mycompany-users-detail .display-data-content .block-top .btn-cancel {
  display: block;
  width: 30%;
  margin: 1.5rem 0 auto auto;
  text-align: center
}

@media (min-width: 768px) {
  .mycompany-units-detail .display-data-content .block-top .btn-cancel,.mycompany-users-detail .display-data-content .block-top .btn-cancel {
      float:right;
      width: auto;
      margin-right: 10px
  }
}

.mycompany-units-detail .display-data-content .block-top .m-btn-edit,.mycompany-users-detail .display-data-content .block-top .m-btn-edit {
  display: block;
  width: 30%;
  margin: 1.5rem auto auto;
  text-align: center
}

.mycompany-units-detail .display-data-content .block-top .m-link-new-page,.mycompany-users-detail .display-data-content .block-top .m-link-new-page {
  font-size: 14px;
  display: block;
  margin-top: 2rem;
  text-align: center
}

@media (max-width: 1023px) {
  .mycompany-units-detail .display-data-content .block-top .m-link-new-page,.mycompany-users-detail .display-data-content .block-top .m-link-new-page {
      font-size:11px
  }
}

@media (min-width: 768px) {
  .mycompany-units-detail .display-data-content .block-top .m-btn-edit,.mycompany-users-detail .display-data-content .block-top .m-btn-edit {
      float:right;
      width: auto
  }

  .mycompany-units-detail .display-data-content .block-top .m-link-new-page,.mycompany-users-detail .display-data-content .block-top .m-link-new-page {
      position: absolute;
      right: 70px
  }
}

.mycompany-units-detail .display-data-content .cbx-payment-methods,.mycompany-users-detail .display-data-content .cbx-payment-methods {
  padding-top: 30px
}

.mycompany-users-add-edit .page-header,.mycompany-users-edit .page-header {
  margin-bottom: 6rem;
  text-align: center
}

@media (max-width: 767px) {
  .mycompany-units-detail .display-data-content .block-top .m-link-new-page,.mycompany-users-detail .display-data-content .block-top .m-link-new-page {
      display:block
  }

  .mycompany-users-add-edit .page-header,.mycompany-users-edit .page-header {
      margin: 3rem 0
  }
}

.mycompany-users-add-edit-content,.mycompany-users-edit-content {
  margin-bottom: 4rem;
  padding: 5rem;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .mycompany-users-add-edit-content,.mycompany-users-edit-content {
      padding:2rem 0 3rem
  }
}

.mycompany-users-add-edit-content .row-item,.mycompany-users-edit-content .row-item {
  padding: 3rem 0;
  border-bottom: 1px solid #eee
}

@media (max-width: 767px) {
  .mycompany-users-add-edit-content .row-item,.mycompany-users-edit-content .row-item {
      padding-top:1rem
  }
}

.mycompany-users-add-edit-content .row-item:first-child,.mycompany-users-edit-content .row-item:first-child {
  padding-top: 0
}

.mycompany-users-add-edit-content .row-item label,.mycompany-users-edit-content .row-item label {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 4rem;
  margin-bottom: 0;
  color: #999
}

.mycompany-users-add-edit-content .row-item label.checkbox-label,.mycompany-users-edit-content .row-item label.checkbox-label {
  line-height: 2rem;
  margin-top: 0
}

.mycompany-users-add-edit-content .row-item .form-select-custom .dropdown-menu,.mycompany-users-add-edit-content .row-item .form-select-custom .dropdown-toggle,.mycompany-users-edit-content .row-item .form-select-custom .dropdown-menu,.mycompany-users-edit-content .row-item .form-select-custom .dropdown-toggle {
  width: 100%
}

.mycompany-users-add-edit-content .row-item .custom-radio-1,.mycompany-users-edit-content .row-item .custom-radio-1 {
  margin-top: 0;
  padding: 0;
  background: 0 0
}

.mycompany-users-add-edit-content .row-item .custom-radio-1 label,.mycompany-users-edit-content .row-item .custom-radio-1 label {
  font-weight: 400;
  color: #111
}

.mycompany-users-add-edit-content .row-item .custom-checkbox-1,.mycompany-users-edit-content .row-item .custom-checkbox-1 {
  margin: 0;
  padding: 0;
  background-color: transparent
}

.mycompany-users-add-edit-content .row-item .input-info,.mycompany-users-edit-content .row-item .input-info {
  margin-top: 1rem
}

.mycompany-users-add-edit-content input,.mycompany-users-edit-content input {
  font-size: 14px;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #eee;
  border-radius: 5px
}

@media (max-width: 1023px) {
  .mycompany-users-add-edit-content input,.mycompany-users-edit-content input {
      font-size:11px
  }
}

.mycompany-users-add-edit-content input:focus,.mycompany-users-edit-content input:focus {
  outline: 0;
  box-shadow: none
}

.mycompany-users-add-edit .btn-form,.mycompany-users-edit .btn-form {
  margin-bottom: 5rem
}

.mycompany-users,.mycompany-users-unit {
  margin-bottom: 6rem
}

.mycompany-users .page-header,.mycompany-users-unit .page-header {
  margin-bottom: 6rem;
  text-align: center
}

@media (max-width: 767px) {
  .mycompany-users .page-header,.mycompany-users-unit .page-header {
      margin:3rem 0
  }
}

.mycompany-users .link-to-new-page,.mycompany-users-unit .link-to-new-page {
  margin-bottom: 2rem
}

@media (max-width: 767px) {
  .mycompany-users .link-to-new-page {
      position:relative;
      z-index: 2;
      top: 23px;
      margin-bottom: 0
  }

  .mycompany-users .display-data-pagination {
      border-top: 0
  }
}

.mycompany-users-unit-content {
  font-size: 16px;
  float: left;
  width: 100%;
  margin-bottom: 6rem;
  color: #111;
  border-top: 1px solid #e0e0e0
}

@media (max-width: 1023px) {
  .mycompany-users-unit-content {
      font-size:12px
  }
}

.mycompany-users-unit-content .fa {
  font-size: 16px;
  margin-right: 1rem;
  color: #ccc
}

@media (max-width: 1023px) {
  .mycompany-users-unit-content .fa {
      font-size:12px
  }
}

.mycompany-users-unit-content>ul>li>p {
  padding-left: 1rem!important
}

.mycompany-users-unit-content li>p {
  margin-bottom: 0;
  padding: 2rem 0;
  border-bottom: 1px solid #e0e0e0
}

.mycompany-ad-organization .table-infomation .cart__item__heading [class*=col-sm] {
  padding: 0
}

@media (min-width: 768px) {
  .mycompany-ad-organization .table-infomation .cart__item__cell,.mycompany-ad-unit-statistics .table-infomation .cart__item__cell {
      text-align:right
  }
}

.mycompany-ad-organization .page-header,.mycompany-ad-unit-statistics .page-header {
  margin-bottom: 6rem;
  text-align: center
}

.mycompany-ad-organization .purchase-result,.mycompany-ad-unit-statistics .purchase-result {
  font-size: 1.3rem;
  padding: 40px 50px 0;
  background-color: #f9f9f9
}

@media (max-width: 767px) {
  .mycompany-ad-organization .page-header,.mycompany-ad-unit-statistics .page-header {
      margin:3rem 0
  }

  .mycompany-ad-organization .purchase-result,.mycompany-ad-unit-statistics .purchase-result {
      padding: 20px 0
  }
}

.mycompany-ad-organization .purchase-result label,.mycompany-ad-unit-statistics .purchase-result label {
  font-size: 1.3rem;
  font-weight: 700;
  color: #999
}

.mycompany-ad-organization .purchase-result .control-label,.mycompany-ad-unit-statistics .purchase-result .control-label {
  font-weight: 400;
  color: #111
}

.mycompany-ad-organization .special-char,.mycompany-ad-unit-statistics .special-char {
  line-height: 30px;
  float: left;
  margin-right: 5px;
  margin-left: 5px
}

@media (max-width: 767px) {
  .mycompany-ad-organization .special-char,.mycompany-ad-unit-statistics .special-char {
      font-size:15px;
      line-height: 60px;
      width: 15px;
      text-align: center
  }
}

.mycompany-ad-organization .date-group,.mycompany-ad-unit-statistics .date-group {
  float: left;
  width: 32%
}

@media (min-width: 768px) and (max-width:1199px) {
  .mycompany-ad-organization .date-group,.mycompany-ad-unit-statistics .date-group {
      width:35%
  }
}

@media (max-width: 767px) {
  .mycompany-ad-organization .date-group,.mycompany-ad-unit-statistics .date-group {
      width:calc((50% - 13px))
  }
}

.mycompany-ad-organization .date-group .sort-form,.mycompany-ad-unit-statistics .date-group .sort-form {
  width: 75%;
  margin-left: 5px
}

@media (max-width: 767px) {
  .mycompany-ad-organization .date-group .sort-form,.mycompany-ad-unit-statistics .date-group .sort-form {
      width:100%;
      margin-left: 0
  }
}

.mycompany-ad-organization .retailer-group,.mycompany-ad-unit-statistics .retailer-group {
  width: 35%
}

.mycompany-ad-organization .dropdown-menu,.mycompany-ad-organization .form-select-custom .dropdown-toggle,.mycompany-ad-organization .retailer-group .sort-form,.mycompany-ad-unit-statistics .dropdown-menu,.mycompany-ad-unit-statistics .form-select-custom .dropdown-toggle,.mycompany-ad-unit-statistics .retailer-group .sort-form {
  width: 100%
}

.mycompany-ad-organization .form-select-custom span,.mycompany-ad-unit-statistics .form-select-custom span {
  color: #111
}

.mycompany-ad-organization .btn-secondary,.mycompany-ad-unit-statistics .btn-secondary {
  width: 100%;
  margin: 1rem 0
}

.mycompany-ad-organization .row-item,.mycompany-ad-unit-statistics .row-item {
  padding: 2rem 0;
  border-bottom: 1px solid #eee
}

.mycompany-ad-organization .row-item:last-child,.mycompany-ad-unit-statistics .row-item:last-child {
  border: none
}

.mycompany-ad-organization .form-group,.mycompany-ad-unit-statistics .form-group {
  margin-bottom: 0
}

.mycompany-ad-organization .total-budget,.mycompany-ad-unit-statistics .total-budget {
  font-size: 16px;
  margin: 4rem 0 3rem;
  padding-right: 5rem;
  padding-left: 5rem;
  color: #111
}

@media (max-width: 1023px) {
  .mycompany-ad-organization .total-budget,.mycompany-ad-unit-statistics .total-budget {
      font-size:12px
  }
}

.mycompany-ad-organization .total-budget label,.mycompany-ad-unit-statistics .total-budget label {
  font-size: 16px;
  font-weight: 700;
  color: #111
}

@media (min-width: 768px) {
  .mycompany-ad-organization .total-budget .payment,.mycompany-ad-unit-statistics .total-budget .payment {
      max-width:140px;
      text-align: right
  }
}

@media (max-width: 1023px) {
  .mycompany-ad-organization .total-budget label,.mycompany-ad-unit-statistics .total-budget label {
      font-size:12px
  }

  .mycompany-ad-organization .organization-group,.mycompany-ad-unit-statistics .organization-group {
      width: 100%
  }
}

.mycompany-ad-organization .display-data-pagination,.mycompany-ad-unit-statistics .display-data-pagination {
  padding-top: 2rem
}

.mycompany-ad-unit-statistics .mycompany-small-header {
  margin-bottom: 5rem
}

.mycompany-ad-unit-statistics .page-header {
  margin-bottom: 0
}

.mycompany-ad-unit-statistics .block-header {
  margin-top: 5rem
}

.mycompany-unit-add .page-header,.mycompany-unit-edit .page-header {
  margin-bottom: 6rem;
  text-align: center
}

@media (max-width: 767px) {
  .mycompany-ad-organization .retailer-group,.mycompany-ad-unit-statistics .retailer-group {
      width:100%
  }

  .mycompany-ad-organization .total-budget .payment,.mycompany-ad-unit-statistics .total-budget .payment {
      float: right
  }

  .mycompany-unit-add .page-header,.mycompany-unit-edit .page-header {
      margin: 3rem 0
  }
}

.mycompany-unit-add .info-group .form-group .control-label,.mycompany-unit-edit .info-group .form-group .control-label {
  margin-bottom: 0
}

.mycompany-unit-add .info-group .form-group .label-input,.mycompany-unit-edit .info-group .form-group .label-input {
  position: relative;
  transform: translateY(25%)
}

@media (max-width: 767px) {
  .mycompany-unit-add .info-group .form-group .control-label,.mycompany-unit-edit .info-group .form-group .control-label {
      margin-bottom:1rem
  }

  .mycompany-unit-add .info-group .form-group .label-input,.mycompany-unit-edit .info-group .form-group .label-input {
      transform: translateY(0)
  }
}

.mycompany-unit-add .info-group .form-group .input-custom,.mycompany-unit-edit .info-group .form-group .input-custom {
  width: calc((100% - 25px));
  margin-left: 10px
}

.mycompany-unit-add .btn-form,.mycompany-unit-edit .btn-form {
  margin: 6rem 0
}

.mycompany-unit-add .special-char,.mycompany-unit-edit .special-char {
  color: #111
}

.mycompany-unit-add .info-group:first-child {
  border: none
}

.mycompany-units-detail .mycompany-edit-shipping .modal-dialog {
  width: 935px
}

@media (max-width: 1023px) {
  .mycompany-units-detail .mycompany-edit-shipping .modal-dialog {
      width:300px
  }
}

.mycompany-units-detail .btn-add-new {
  width: 10%;
  text-align: center
}

.mycompany-units-detail .display-data-pagination {
  margin-bottom: 6rem;
  border: none
}

.mycompany-units-detail .display-data-pagination .data-list {
  margin-top: 3rem
}

@media (max-width: 767px) {
  .mycompany-units-detail .btn-add-new {
      width:30%
  }

  .mycompany-units-detail .display-data-pagination .btn-edit {
      width: 25%;
      text-align: center
  }
}

.mycompany-units-detail .block-header {
  display: inline-block
}

.mycompany-units-detail .text--red {
  color: #ff3c6c
}

.mycompany-units-detail ul>li {
  line-height: 2.4rem;
  color: #111
}

.mycompany-add-new-shipping .unit-postal-code label.error-element,.mycompany-delete-shipping .unit-postal-code label.error-element,.mycompany-edit-shipping .unit-postal-code label.error-element {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0
}

.mycompany-add-new-shipping .info-group,.mycompany-delete-shipping .info-group,.mycompany-edit-shipping .info-group {
  padding: 0;
  border: none
}

.mycompany-add-new-shipping .info-group .form-group .postal-code-wrapper,.mycompany-delete-shipping .info-group .form-group .postal-code-wrapper,.mycompany-edit-shipping .info-group .form-group .postal-code-wrapper {
  width: calc((50% - 5px));
  margin-right: 10px
}

.mycompany-add-new-shipping .info-group .form-group .btn-getcode,.mycompany-delete-shipping .info-group .form-group .btn-getcode,.mycompany-edit-shipping .info-group .form-group .btn-getcode {
  font-size: 12px;
  width: calc((50% - 10px))
}

@media (max-width: 1023px) {
  .mycompany-add-new-shipping .info-group .form-group .btn-getcode,.mycompany-delete-shipping .info-group .form-group .btn-getcode,.mycompany-edit-shipping .info-group .form-group .btn-getcode {
      font-size:10px
  }
}

.mycompany-add-new-shipping .info-group .form-group .label-input,.mycompany-delete-shipping .info-group .form-group .label-input,.mycompany-edit-shipping .info-group .form-group .label-input {
  position: relative;
  transform: translateY(20%)
}

.mycompany-add-new-shipping .info-group .form-group .user__input-result,.mycompany-delete-shipping .info-group .form-group .user__input-result,.mycompany-edit-shipping .info-group .form-group .user__input-result {
  font-size: 14px;
  line-height: 2.6rem;
  margin: 0;
  color: #111
}

@media (max-width: 1023px) {
  .mycompany-add-new-shipping .info-group .form-group .user__input-result,.mycompany-delete-shipping .info-group .form-group .user__input-result,.mycompany-edit-shipping .info-group .form-group .user__input-result {
      font-size:11px
  }
}

.mycompany-add-new-shipping .info-group .form-group .dropdown-custom,.mycompany-delete-shipping .info-group .form-group .dropdown-custom,.mycompany-edit-shipping .info-group .form-group .dropdown-custom {
  width: calc((50% - 5px))
}

@media (max-width: 767px) {
  .mycompany-add-new-shipping .info-group .form-group .label-input,.mycompany-delete-shipping .info-group .form-group .label-input,.mycompany-edit-shipping .info-group .form-group .label-input {
      transform:translateY(0)
  }

  .mycompany-add-new-shipping .info-group .form-group .user__input-result,.mycompany-delete-shipping .info-group .form-group .user__input-result,.mycompany-edit-shipping .info-group .form-group .user__input-result {
      line-height: 1.4rem
  }

  .mycompany-add-new-shipping .info-group .form-group .dropdown-custom,.mycompany-delete-shipping .info-group .form-group .dropdown-custom,.mycompany-edit-shipping .info-group .form-group .dropdown-custom {
      width: 50%
  }
}

.mycompany-add-new-shipping .btn-default-custom,.mycompany-delete-shipping .btn-default-custom,.mycompany-edit-shipping .btn-default-custom {
  width: 100%
}

.mycompany-add-new-shipping .postcode-link,.mycompany-delete-shipping .postcode-link,.mycompany-edit-shipping .postcode-link {
  margin-top: 2rem
}

.mycompany-add-new-shipping .footer,.mycompany-delete-shipping .footer,.mycompany-edit-shipping .footer {
  margin-top: 2rem;
  margin-bottom: 1rem
}

.mycompany-add-new-shipping .footer .btn-form,.mycompany-delete-shipping .footer .btn-form,.mycompany-edit-shipping .footer .btn-form {
  font-size: 14px;
  line-height: 20px;
  height: 40px
}

@media (max-width: 1023px) {
  .mycompany-add-new-shipping .footer .btn-form,.mycompany-delete-shipping .footer .btn-form,.mycompany-edit-shipping .footer .btn-form {
      font-size:11px
  }
}

.mycompany-delete-shipping .info-group .form-group .user__input-result {
  font-size: 1.3rem;
  line-height: 1.8rem
}

.mycompany__ad__order-search .mycompany__ad__order-search__select-monthly {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #eee
}

@media (min-width: 768px) {
  .mycompany__ad__order-search .mycompany__ad__order-search__select-monthly .dropdown-menu,.mycompany__ad__order-search .mycompany__ad__order-search__select-monthly .dropdown-toggle {
      width:170px
  }
}

@media (max-width: 767px) {
  .mycompany__ad__order-search .dropdown-menu,.mycompany__ad__order-search .dropdown-toggle {
      width:300px
  }

  .mycompany__ad__order-search .btn-previous-step {
      margin-bottom: 15px
  }
}

.mycompany__ad__order-search .btn-check-all-option {
  display: inline-block;
  width: 12rem;
  text-align: center
}

.mycompany-add-a-user .user-list {
  margin-top: 2rem;
  padding-top: 1rem;
  color: #111;
  border-top: 1px solid #eee
}

.mycompany-add-a-user .user-list .label {
  font-size: 12px
}

@media (max-width: 1023px) {
  .mycompany-add-a-user .user-list .label {
      font-size:10px
  }
}

.mycompany-add-a-user .user-list .link-to-new-page,.mycompany-add-a-user .user-list span {
  font-size: 14px;
  position: absolute;
  left: 110px
}

@media (max-width: 1023px) {
  .mycompany-add-a-user .user-list .link-to-new-page,.mycompany-add-a-user .user-list span {
      font-size:11px
  }
}

.mycompany-add-a-user .user-list .btn-add-user {
  font-size: 12px;
  line-height: .6rem;
  width: 100%;
  height: 3rem
}

@media (max-width: 1023px) {
  .mycompany-add-a-user .user-list .btn-add-user {
      font-size:10px
  }
}

.mycompany-add-a-user .user-list .user-item {
  min-height: 220px
}

@media (max-width: 767px) {
  .mycompany-add-a-user .user-list .user-item {
      min-height:170px
  }
}

.mycompany-add-a-user .user-list .user-item .data-item {
  margin-top: 1rem
}

.mycompany-add-a-user .user-list .user-item .data-item.admin-role {
  min-height: 45px
}

.mycompany-add-a-user .user-list .user-item .data-item .email {
  display: inline;
  overflow: hidden;
  width: 60%;
  white-space: nowrap;
  text-overflow: ellipsis
}

.mycompany-add-a-user .user-list .user-item:nth-child(1n+4) {
  margin-top: 3rem
}

@media (max-width: 767px) {
  .mycompany-add-a-user .user-list .user-item:nth-child(1n+2) {
      margin-top:2rem;
      padding-top: 1rem;
      border-top: 1px solid #eee
  }

  .mycompany-add-a-user .user-list .user-item:last-child {
      margin-bottom: 2rem
  }
}

.link-to-new-page,.link-to-new-page:focus,.link-to-new-page:hover {
  color: #3d9ed1
}

.link-to-new-page.break-line {
  word-break: break-all
}

.display-data-pagination {
  clear: right;
  border-top: 1px solid #eee
}

.display-data-pagination .pagination-toolbar {
  clear: right;
  padding-top: 2rem
}

@media (max-width: 767px) {
  .display-data-pagination .pagination-toolbar {
      padding-top:0;
      border: none
  }

  .display-data-pagination .pagination-toolbar .pagination-wrap-user {
      text-align: center
  }
}

.display-data-pagination .pagination-toolbar:last-child {
  padding-top: 4rem
}

.display-data-pagination .pagination-toolbar .dropdown-desc {
  margin-top: 1rem
}

.display-data-pagination .data-list {
  margin-top: 5rem;
  text-align: center
}

.display-data-pagination .data-list .data-item-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #999
}

.display-data-pagination .data-list .data-item-title .title--long {
  padding: 0
}

.display-data-pagination .data-list .data-item-wrapper {
  font-size: 14px;
  font-weight: 400;
  color: #111;
  border-bottom: 1px solid #eee
}

@media (max-width: 1023px) {
  .display-data-pagination .data-list .data-item-wrapper {
      font-size:11px
  }
}

@media (max-width: 767px) {
  .display-data-pagination .data-list {
      text-align:left
  }

  .display-data-pagination .data-list .data-item-wrapper {
      font-size: 1.4rem;
      padding: 2rem 5rem 4rem;
      border-top: 1px solid #eee;
      border-bottom: none
  }

  .display-data-pagination .data-list .data-item-wrapper:nth-child(2n+2) {
      background-color: #f9f9f9
  }
}

.display-data-pagination .data-list .data-item-wrapper.first-row {
  border-top: 2px solid #eee
}

.display-data-pagination .data-list .data-item-wrapper .row>:first-child {
  text-align: left
}

.display-data-pagination .data-list .data-item-wrapper .data-item {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-right: 1px solid #eee
}

@media (max-width: 767px) {
  .display-data-pagination .data-list .data-item-wrapper.first-row {
      border-top:1px solid #eee
  }

  .display-data-pagination .data-list .data-item-wrapper .data-item {
      margin: 0;
      padding: 1.5rem 0;
      border-right: none;
      border-bottom: 1px solid #eee
  }
}

.display-data-pagination .data-list .data-item-wrapper .data-item label {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0;
  color: #999
}

.display-data-pagination .data-list .data-item-wrapper .data-item.last-child {
  border: none
}

@media (max-width: 767px) {
  .display-data-pagination .data-list .data-item-wrapper .data-item.last-child {
      border-bottom:1px solid #eee
  }

  .display-data-table .btn-edit {
      width: 25%;
      text-align: center
  }
}

.display-data-pagination .data-list .data-item-wrapper .row>:last-child {
  border: none
}

.display-data-table {
  clear: right
}

.display-data-table .data-list {
  margin-top: 3rem;
  margin-bottom: 5rem;
  text-align: center
}

.display-data-table .data-list .data-item-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #999
}

.display-data-table .data-list .data-item-title .title--long {
  padding: 0
}

.display-data-table .data-list .data-item-wrapper {
  font-size: 14px;
  font-weight: 400;
  color: #111;
  border-bottom: 1px solid #eee
}

@media (max-width: 1023px) {
  .display-data-table .data-list .data-item-wrapper {
      font-size:11px
  }
}

.display-data-table .data-list .data-item-wrapper.first-row {
  border-top: 2px solid #eee
}

.display-data-table .data-list .data-item-wrapper .row>:first-child {
  text-align: left
}

.display-data-table .data-list .data-item-wrapper .data-item {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-right: 1px solid #eee
}

.display-data-table .data-list .data-item-wrapper .data-item label {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0;
  color: #999
}

.display-data-table .data-list .data-item-wrapper .data-item.last-child,.display-data-table .data-list .data-item-wrapper .row>:last-child {
  border: none
}

.mycompany-page-header {
  margin-bottom: 0;
  text-align: center
}

.mycompany-small-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
  text-align: center;
  color: #111
}

@media (max-width: 1023px) {
  .mycompany-small-header {
      font-size:12px
  }
}

.custom-radio-no-bg {
  line-height: 28px;
  margin: 0;
  padding: 0;
  background: 0 0
}

.dropdown-custom,.dropdown-custom .dropdown-menu,.dropdown-custom .dropdown-toggle {
  width: 100%
}

.mycompany-header {
  margin-bottom: 2rem
}

.budget-input {
  float: right;
  width: 97%;
  transform: translateY(-25%)
}

.budget-warning {
  clear: right
}

.opinion-box__info {
  background-color: #e2eef5
}

.opinion-box__info .media-body {
  padding-left: 30px
}

.opinion-box__info .media-right {
  width: 35%
}

.opinion-box__banner-img {
  width: 100%
}

.opinion-box__banner-title {
  font-size: 28px;
  margin: 0 0 2rem
}

@media (max-width: 1023px) {
  .opinion-box__banner-title {
      font-size:18px
  }
}

@media (max-width: 767px) {
  .budget-input {
      height:30px;
      transform: translate(0)
  }

  .budget-money {
      line-height: 30px
  }

  .opinion-box__info .media-body {
      padding-left: 10px
  }

  .opinion-box__banner-title {
      font-size: 15px;
      margin-bottom: 0
  }

  .opinion-box__banner-content {
      margin-top: 20px
  }
}

.opinion-box__banner-content {
  line-height: 2.4rem
}

.opinion-box__form-title {
  font-size: 16px;
  font-weight: 400;
  margin: 4rem 0;
  text-align: center
}

@media (max-width: 1023px) {
  .opinion-box__form-title {
      font-size:12px
  }
}

.block-bg-style__head-1 {
  padding: 17px;
  text-align: center;
  background-color: #f7f6f6
}

.block-bg-style__head-2 {
  padding: 15px;
  text-align: center;
  border-top: 7px solid #9bc5db;
  border-bottom: 7px solid #9bc5db;
  background-color: #3d9ed1
}

.block-bg-style__head-1 img,.block-bg-style__head-2 img {
  max-width: 100%
}

@media (max-width: 767px) {
  .block-bg-style__head-1 img,.block-bg-style__head-2 img {
      max-width:260px
  }

  .block-bg-style__copies-title {
      margin-left: 20px
  }
}

.block-bg-style__copies {
  overflow: hidden;
  padding: 30px 0;
  background-color: #f7f6f6
}

.block-bg-style__copies-title {
  margin-bottom: 2.5rem
}

@media (max-width: 1023px) and (min-width:768px) {
  .block-bg-style__copies-title {
      max-width:80%
  }
}

@media (max-width: 500px) {
  .block-bg-style__copies-title {
      max-width:50%
  }

  .block-bg-style__copies-content {
      max-width: 35%
  }
}

.block-bg-style__copies .btn-pdf {
  width: 250px;
  margin-top: 2.5rem
}

@media (min-width: 768px) {
  .block-bg-style__copies {
      text-align:center
  }

  .block-bg-style__copies .btn-pdf {
      margin-right: auto;
      margin-left: auto
  }
}

@media (max-width: 1023px) and (min-width:768px) {
  .block-bg-style__copies .btn-pdf {
      width:200px
  }
}

@media (max-width: 767px) {
  .block-bg-style__copies-content {
      float:left;
      margin-bottom: 20px
  }

  .block-bg-style__copies .btn-pdf {
      display: inline-block;
      width: 56%;
      margin-left: 20px
  }
}

.block-bg-catalog-banner {
  position: relative;
  margin: 4rem 0
}

.block-bg-catalog-banner img {
  width: 100%
}

.block-bg-catalog-banner .block-bg-catalog-banner-link {
  font-size: 1.3rem;
  font-weight: 700;
  position: absolute;
  right: 2rem;
  bottom: 2rem
}

.block-bg-catalog-banner .block-bg-catalog-banner-link .fa {
  margin-left: 1rem
}

.box-contact-us {
  display: block;
  padding: 2rem;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #f7f6f6
}

@media (max-width: 767px) {
  .block-bg-catalog-banner .block-bg-catalog-banner-link {
      right:1rem;
      bottom: 1rem
  }

  .box-contact-us {
      margin-top: 1rem;
      padding-right: 10px;
      padding-left: 10px
  }
}

.box-contact-us .contact-phone {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.4rem;
  margin-bottom: 5px
}

@media (max-width: 1023px) {
  .box-contact-us .contact-phone {
      font-size:12px
  }
}

.box-contact-us .contact-phone .fa-phone {
  margin-right: 1rem
}

.btn-pdf:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px;
  content: "\f1c1"
}

.calendar-pull-left {
  float: left
}

.calendar-pull-left .hasDatepicker {
  width: auto!important
}

#supportTicketForm a.js-help-category-type-return {
  color: #3d9ed1
}

.an_form--item--checkbox:before {
  border-radius: 0!important
}

.skip,.skiptocontent,.skiptonavigation {
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

#productRankingPage #rankingList {
  margin: 10px 0
}

#productRankingPage .page-header {
  margin-bottom: 5px
}

#productRankingPage .page-header+p,#productRankingPage .searchCategoryWrap .dropdown-menu li a,#productRankingPage .searchCategoryWrap dl dd,#productRankingPage .searchCategoryWrap dl dt {
  font-family: "Hiragino Kaku Gothic ProN",Meiryo,"Open Sans",Helvetica,Arial,-apple-system,blinkMacSystemFont,sans-serif
}

#productRankingPage .page-header+p {
  font-size: 14px;
  color: #111
}

#productRankingPage .ranking-inner .item__product {
  margin-top: 25px;
  margin-bottom: 25px
}

#productRankingPage .ranking-inner .item__product:nth-child(5n+1) {
  margin-left: 0
}

#productRankingPage .ranking-inner .item__name {
  display: block
}

#productRankingPage .searchCategoryWrap {
  margin-bottom: 15px
}

#productRankingPage .searchCategoryWrap dl {
  width: 100%;
  margin-bottom: 0;
  padding: 12px;
  background: #f6f5f5
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-menu li a,#productRankingPage .searchCategoryWrap dl dd .dropdown-toggle span,#productRankingPage .searchCategoryWrap dl dt {
  font-size: 16px
}

#productRankingPage .searchCategoryWrap dl dd,#productRankingPage .searchCategoryWrap dl dt {
  font-weight: 400;
  position: relative;
  display: inline-block;
  color: #111
}

#productRankingPage .searchCategoryWrap dl dt {
  padding: 0 18px
}

#productRankingPage .searchCategoryWrap dl dt:before {
  font-family: FontAwesome;
  display: inline;
  margin-right: 4px;
  content: "\f002";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

#productRankingPage .searchCategoryWrap dl dd {
  width: 60%
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-toggle {
  font-weight: 400;
  line-height: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 650px;
  margin: 0;
  padding: 15px 40px 15px 20px;
  text-align: left;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  outline: 0;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-toggle span {
  color: #111
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-toggle .fa-caret-down {
  font-size: 14px;
  position: absolute;
  right: 7px;
  color: #111
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: scroll;
  width: 100%;
  max-width: 650px;
  max-height: 432px;
  margin: 0;
  padding: 0;
  opacity: 1;
  color: #111;
  border: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  outline: 0;
  box-shadow: 0 0 10px 1px rgba(6,0,1,.3)
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-menu li {
  position: relative;
  margin-top: 0
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-menu li a {
  padding: 10px 10px 10px 20px
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-menu>li>a.active,#productRankingPage .searchCategoryWrap dl dd .dropdown-menu>li>a:hover {
  text-decoration: none;
  color: #4c97be;
  background-color: #d6e5ee
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-menu>li>a.active:after {
  font-family: FontAwesome;
  position: absolute;
  top: 1rem;
  right: 10px;
  content: "\f00c";
  color: #4c97be
}

#productRankingPage .goTop {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 0 0 30px;
  text-align: right
}

#productRankingPage .goTop a {
  color: #111
}

@media screen and (max-width: 1023px) {
  #productRankingPage .page-header__wrapper {
      margin-bottom:2.5rem
  }

  #productRankingPage .page-header {
      padding-bottom: 0
  }

  #productRankingPage .page-header+p {
      font-size: 11px;
      margin-bottom: 0
  }

  #productRankingPage .searchCategoryWrap {
      margin-bottom: 10px
  }

  #productRankingPage .searchCategoryWrap dl dd .dropdown-menu,#productRankingPage .searchCategoryWrap dl dd .dropdown-toggle {
      max-width: none
  }

  #productRankingPage .searchCategoryWrap dl dd .dropdown-menu {
      width: 100%
  }

  #productRankingPage .ranking-inner .item__product {
      margin-top: 15px;
      margin-bottom: 15px
  }

  #productRankingPage #rankingList .item__product:nth-child(5) {
      display: block
  }

  #productRankingPage .ranking-inner .item__product:nth-child(5n+1) {
      margin-left: 2%
  }

  #productRankingPage .ranking-inner .item__product:nth-child(4n+1) {
      margin-left: 0
  }

  #productRankingPage .searchCategoryWrap dl {
      font-size: 0
  }

  #productRankingPage .searchCategoryWrap dl dd .dropdown-menu li a,#productRankingPage .searchCategoryWrap dl dd .dropdown-toggle span,#productRankingPage .searchCategoryWrap dl dt {
      font-size: 14px
  }

  #productRankingPage .searchCategoryWrap dl dt {
      width: 200px;
      padding: 0 12px 0 0
  }

  #productRankingPage .goTop {
      font-size: 11px
  }
}

@media screen and (max-width: 600px) {
  #productRankingPage .searchCategoryWrap dl dd .dropdown-menu {
      max-height:290px;
      top: 5px
  }

  #productRankingPage .ranking-inner .item__product:nth-child(4n+1) {
      margin-left: 2%
  }

  #productRankingPage .ranking-inner .item__product:nth-child(3n+1) {
      margin-left: 0
  }

  #productRankingPage #rankingList .item__product:nth-child(4),#productRankingPage .searchCategoryWrap dl dd,#productRankingPage .searchCategoryWrap dl dl,#productRankingPage .searchCategoryWrap dl dt {
      display: block
  }

  #productRankingPage .searchCategoryWrap dl dd,#productRankingPage .searchCategoryWrap dl dt {
      font-weight: 700;
      width: 100%;
      padding: 5px 0;
      text-align: center
  }
}

@media screen and (max-width: 479px) {
  #productRankingPage #rankingList .item__product {
      width:49%
  }

  #productRankingPage #rankingList .item__product:nth-child(3n+1) {
      margin-left: 2%
  }

  #productRankingPage #rankingList .item__product:nth-child(2n+1) {
      margin-left: 0
  }
}

#productRankingPage .searchCategoryWrap dl dd .dropdown-menu>li>a.lower-category-link-down {
  padding-left: 36px
}

#productRankingPage .ranking-inner .btn-text-display .display-one-line {
  display: block!important;
  padding: 0
}

#productRankingPage .ranking-inner .btn-text-display .display-two-line {
  display: none
}

.rankingWrapper {
  border-bottom: 1px solid #eee
}

.rankingWrapper .ranking-inner {
  position: relative;
  margin: 30px 0 60px
}

.rankingWrapper .item__product:first-child {
  margin-left: 0!important
}

.rankingWrapper .ranking-component {
  max-width: 1170px;
  margin: 0 auto
}

.rankingWrapper .ranking-inner ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.rankingWrapper .ranking-inner .sub__headline {
  margin-bottom: 0
}

.rankingWrapper .ranking-inner .item__product {
  width: 18.64%;
  margin: 20px 0 15px 1.7%
}

.rankingWrapper .ranking-inner .item__price--brand {
  margin-bottom: 0
}

.rankingWrapper .ranking-inner .item__product a:hover {
  text-decoration: none
}

.rankingWrapper .ranking-inner .item__product a:hover .item__name {
  text-decoration: underline
}

.rankingWrapper .ranking-inner .item__product.more {
  display: none
}

.rankingWrapper .ranking-inner .item__product .thumb {
  min-height: auto;
  margin-bottom: 10px
}

.rankingWrapper .ranking-inner .item__product .item__rating {
  margin-bottom: 0
}

.rankingWrapper .ranking-inner a.more {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  display: block;
  width: 340px;
  margin: 10px auto 0;
  padding: 14px 10px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #f9f9f9
}

.rankingWrapper .ranking-inner .more:hover {
  text-decoration: none;
  opacity: .7
}

.rankingWrapper .ranking-inner .go-to-list:after {
  font-size: 1.2rem
}

.rankingWrapper .ranking-inner .item__name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 6px;
  color: #111
}

.rankingWrapper .ranking-inner p.go-to-list {
  display: block;
  margin-top: 10px;
  text-align: right
}

.rankingWrapper .ranking-inner p.go-to-list a {
  font-size: 14px;
  font-weight: 700
}

.rankingWrapper .rank {
  position: absolute;
  z-index: 10;
  top: 6px;
  left: 6px;
  text-align: center
}

.rankingWrapper .rank span {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  border-radius: 15px;
  background: #bcbcbc
}

.rankingWrapper .rank.item__ranking--1 span {
  background: #c69d31
}

.rankingWrapper .rank.item__ranking--2 span {
  background: #8b8b8b
}

.rankingWrapper .rank.item__ranking--3 span {
  background: #925847
}

.rankingWrapper .rank.item__ranking--1 span::after,.rankingWrapper .rank.item__ranking--1 span::before,.rankingWrapper .rank.item__ranking--2 span::after,.rankingWrapper .rank.item__ranking--2 span::before,.rankingWrapper .rank.item__ranking--3 span::after,.rankingWrapper .rank.item__ranking--3 span::before {
  position: absolute;
  z-index: -1;
  top: 80%;
  width: 0;
  height: 0;
  content: "";
  border-top: 8px solid #b20000;
  border-right: 6px solid #b20000;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #b20000
}

.rankingWrapper .rank.item__ranking--1 span::before,.rankingWrapper .rank.item__ranking--2 span::before,.rankingWrapper .rank.item__ranking--3 span::before {
  left: -1px;
  transform: rotate(30deg)
}

.rankingWrapper .rank.item__ranking--1 span::after,.rankingWrapper .rank.item__ranking--2 span::after,.rankingWrapper .rank.item__ranking--3 span::after {
  right: -1px;
  transform: rotate(-30deg)
}

.rankingWrapper.homeLayout .ranking-inner .item__price--BG {
  margin-bottom: 0
}

@media screen and (max-width: 1024px) {
  .rankingWrapper .ranking-inner {
      margin-top:20px
  }
}

@media screen and (max-width: 1023px) {
  .rankingWrapper .ranking-inner {
      margin-bottom:40px
  }

  .rankingWrapper .ranking-inner .item__name {
      font-size: 11px
  }

  .rankingWrapper .rank {
      margin-bottom: 7px
  }

  .rankingWrapper .rank span {
      font-size: 11px;
      line-height: 22px;
      width: 22px;
      height: 22px;
      border-radius: 11px
  }

  .rankingWrapper .ranking-inner .item__product:nth-child(5) {
      display: none
  }

  .rankingWrapper .ranking-inner .item__product {
      width: 23.5%;
      margin-left: 2%
  }

  .rankingWrapper .ranking-inner a.more,.rankingWrapper .ranking-inner p.go-to-list a {
      font-size: 12px
  }

  .rankingWrapper .ranking-inner .go-to-list:after {
      font-size: 11px
  }

  .rankingWrapper .ranking-inner.personalize {
      margin-bottom: 45px
  }

  .rankingWrapper .rank.item__ranking--1 span::after,.rankingWrapper .rank.item__ranking--1 span::before,.rankingWrapper .rank.item__ranking--2 span::after,.rankingWrapper .rank.item__ranking--2 span::before,.rankingWrapper .rank.item__ranking--3 span::after,.rankingWrapper .rank.item__ranking--3 span::before {
      border-top: 6px solid #b20000;
      border-right: 4px solid #b20000;
      border-bottom: 3px solid transparent;
      border-left: 4px solid #b20000
  }
}

@media screen and (max-width: 768px) {
  .rankingWrapper .ranking-inner {
      margin-top:20px
  }

  .rankingWrapper .ranking-inner .rating .rating-turns {
      line-height: 21px
  }

  .rankingWrapper .ranking-inner .rating .rating-stars {
      font-size: 14px
  }

  .rankingWrapper .ranking-inner a.more {
      width: 240px
  }

  .rankingWrapper .ranking-inner p.go-to-list {
      margin-top: 15px
  }
}

@media screen and (max-width: 600px) {
  .rankingWrapper .ranking-inner .item__product {
      width:32%;
      margin-bottom: 5px
  }

  .rankingWrapper .ranking-inner.personalize .item__product:nth-child(4) {
      margin-left: 0
  }

  .rankingWrapper .ranking-inner.personalize a.more,.rankingWrapper .ranking-inner:not(.personalize) .item__product:nth-child(4) {
      display: none
  }

  .rankingWrapper .ranking-inner.personalize .item__product.more,.rankingWrapper .ranking-inner.personalize .item__product:nth-child(5) {
      display: block
  }

  .rankingWrapper .ranking-inner.personalize .item__product.more a {
      display: block;
      height: 100%;
      border: 1px solid #eee
  }

  .rankingWrapper .ranking-inner.personalize .item__product.more a p {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      margin-bottom: 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center
  }

  .rankingWrapper .ranking-inner.personalize .item__product.more a img {
      max-width: 100%
  }
}

@media screen and (max-width: 429px) {
  .rankingWrapper.homeLayout .ranking-inner .item__product .item__price--title {
      min-width:auto
  }

  .rankingWrapper.homeLayout .ranking-inner .item__product .item__price--title:after {
      content: ""
  }

  .rankingWrapper.homeLayout .ranking-inner .item__product .item__price--value {
      position: relative;
      padding-left: 5px
  }

  .rankingWrapper.homeLayout .ranking-inner .item__product .item__price--value:before {
      font-weight: 400;
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      content: ":";
      color: #111
  }
}

.page-staffPostDetails .staff-details-no-related-post,.page-staffPostStaffDetails .staff-details-no-related-post,.page-staffPostVideoDetails .staff-details-no-related-post {
  margin: 40px 0 10px
}

.page-staffPostDetails .staff-details-no-related-post .message,.page-staffPostStaffDetails .staff-details-no-related-post .message,.page-staffPostVideoDetails .staff-details-no-related-post .message {
  font-size: 14px;
  text-align: center
}

.page-staffPostDetails .staffpost__information,.page-staffPostStaffDetails .staffpost__information,.page-staffPostVideoDetails .staffpost__information {
  padding-right: 20px;
  padding-left: 20px
}

@media (max-width: 1024px) {
  .page-staffPostDetails .staffpost__information,.page-staffPostStaffDetails .staffpost__information,.page-staffPostVideoDetails .staffpost__information {
      padding-right:0;
      padding-left: 0
  }

  .page-staffPostDetails .staffpost__information.video-post,.page-staffPostStaffDetails .staffpost__information.video-post,.page-staffPostVideoDetails .staffpost__information.video-post {
      margin-top: 20px
  }
}

.page-staffPostDetails .staffpost__information hr,.page-staffPostStaffDetails .staffpost__information hr,.page-staffPostVideoDetails .staffpost__information hr {
  margin-top: 15px
}

.page-staffPostDetails .staffpost__details,.page-staffPostStaffDetails .staffpost__details,.page-staffPostVideoDetails .staffpost__details {
  font-size: 14px
}

.page-staffPostDetails .posting-date,.page-staffPostStaffDetails .posting-date,.page-staffPostVideoDetails .posting-date {
  padding: 15px 0 25px;
  color: #888
}

.page-staffPostDetails .article,.page-staffPostStaffDetails .article,.page-staffPostVideoDetails .article {
  line-height: 1.6;
  padding-bottom: 20px
}

.page-staffPostDetails .tags .tag-item,.page-staffPostStaffDetails .tags .tag-item,.page-staffPostVideoDetails .tags .tag-item {
  float: left;
  margin: 5px;
  padding: 5px;
  border-radius: 3px;
  background-color: #d4e4ed
}

.page-staffPostDetails .tags .tag-item.eg,.page-staffPostStaffDetails .tags .tag-item.eg,.page-staffPostVideoDetails .tags .tag-item.eg {
  color: #fff;
  background-color: #ff3c6c
}

.page-staffPostDetails .tags .tag-item:hover,.page-staffPostStaffDetails .tags .tag-item:hover,.page-staffPostVideoDetails .tags .tag-item:hover {
  text-decoration: none;
  opacity: .7
}

.page-staffPostDetails .item__name,.page-staffPostStaffDetails .item__name,.page-staffPostVideoDetails .item__name {
  padding-top: 8px
}

.page-staffPostDetails .carousel .item__product,.page-staffPostStaffDetails .carousel .item__product,.page-staffPostVideoDetails .carousel .item__product {
  max-width: 170px
}

.page-staffPostDetails .carousel .item__product .thumb,.page-staffPostStaffDetails .carousel .item__product .thumb,.page-staffPostVideoDetails .carousel .item__product .thumb {
  max-width: 170px;
  max-height: 170px
}

.page-staffPostDetails .carousel .item__product .thumb:hover,.page-staffPostStaffDetails .carousel .item__product .thumb:hover,.page-staffPostVideoDetails .carousel .item__product .thumb:hover {
  opacity: .7
}

.staffpost__information_staffdetails {
  padding: 0 20px
}

@media (max-width: 1024px) {
  .page-staffPostDetails .staffpost__details,.page-staffPostStaffDetails .staffpost__details,.page-staffPostVideoDetails .staffpost__details {
      font-size:12px
  }

  .staffpost__information_staffdetails {
      padding: 0 0 20px
  }

  .staffpost__information_staffdetails.video-post {
      margin-top: 20px
  }
}

.staffpost__information_staffdetails hr {
  border: 1px solid #ccc
}

.staffpost__information_staffdetails .staff__img img {
  width: 80px;
  height: 80px;
  border-radius: 50px
}

.staffpost__information_staffdetails .staff__img:hover {
  text-decoration: none
}

.staffpost__information_staffdetails .staff-name {
  font-size: 16px
}

.staffpost-detail {
  padding: 30px 0
}

.all-industry-staffpost {
  margin-top: 50px;
  margin-bottom: 40px;
  text-align: center
}

@media (max-width: 1024px) {
  .staffpost__information_staffdetails .staff-name {
      font-size:14px
  }

  .staffpost-detail {
      padding: 20px 0
  }

  .all-industry-staffpost .text {
      margin-top: 12px
  }
}

.all-industry-staffpost.no-padding-bottom {
  margin-bottom: 0
}

.all-industry-staffpost.has-padding-top {
  margin-top: 40px
}

.btn-all-industry-staffpost {
  font-size: 16px;
  font-weight: 700;
  width: 500px;
  padding: 24px 6px;
  border: 1px solid #dfdfdf;
  border-radius: 5px
}

@media (max-width: 1024px) {
  .btn-all-industry-staffpost {
      font-size:14px;
      width: 100%
  }
}

.btn-all-industry-staffpost.bg {
  background-color: #d4e4ed
}

.btn-all-industry-staffpost.eg {
  color: #fff;
  background-color: #d83980
}

.btn-all-industry-staffpost:hover {
  opacity: .7
}

.btn-showmore-industry-staffpost {
  font-size: 14px;
  font-weight: 700;
  width: 340px;
  padding: 14px 10px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #f9f9f9
}

@media (max-width: 1024px) {
  .btn-showmore-industry-staffpost {
      font-size:12px;
      width: 240px
  }
}

.btn-showmore-industry-staffpost.bg {
  background-color: #f9f9f9
}

.btn-showmore-industry-staffpost.eg {
  color: #fff;
  background-color: #d83980
}

.btn-showmore-industry-staffpost:hover {
  opacity: .7
}

.staff__img img {
  width: 50px;
  height: 50px;
  border-radius: 50px
}

@media (max-width: 1024px) {
  .staff__img img {
      width:40px;
      height: 40px
  }
}

.staff__img:hover {
  text-decoration: none
}

.staffpost-item .staff-info,.videopost-item .staff-info {
  padding-bottom: 5px
}

.staffpost-item .staff-info .staff__img img,.videopost-item .staff-info .staff__img img {
  position: unset;
  display: inline;
  margin: 0;
  transform: none!important
}

.videopost-item .thumb:after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  cursor: pointer;
  background-image: url(/_ui/responsive/common/images/video-image_340.png);
  background-size: 100%
}

.staff-name {
  font-weight: 700;
  padding-left: 10px;
  text-transform: uppercase
}

.staffpost-video-player {
  position: relative;
  overflow: hidden;
  max-width: 570px;
  margin: 0 auto;
  text-align: center
}

.staffpost-video-player::before {
  display: block;
  padding-bottom: 100%;
  content: ""
}

.staffpost-video-player #playiframe {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.staffpost-video-player #playiframe iframe {
  width: 100%!important;
  max-width: 100%!important;
  height: 100%!important
}

.page-staffPostListingIndustry .headline {
  font-weight: 700;
  background-color: #d4e4ed
}

.page-staffPostListingIndustry .headline .headline-text {
  font-size: 16px;
  padding: 10px 0
}

.page-staffPostListingIndustry .page-sub-header {
  font-size: 14px
}

@media (max-width: 1024px) {
  .page-staffPostListingIndustry .headline .headline-text {
      font-size:14px
  }

  .page-staffPostListingIndustry .page-sub-header {
      font-size: 12px
  }
}

.carousel .staff__img img {
  width: 34px;
  height: 34px;
  border-radius: 34px
}

.carousel .staff-name {
  font-size: 12px;
  font-weight: 400;
  padding-left: 5px
}

@media (max-width: 1024px) {
  .carousel .staff-name {
      font-size:11px
  }
}

#staffpost-pdp-recommend-carousel .item__name,#videopost-pdp-recommend-carousel .item__name,.staffpost-recommend-carousel .item__name {
  padding-top: 8px
}

.header .header__menu__dropdown.menu__dropdown__express .menu__dropdown__content {
  padding-right: 20px
}

.header .header__menu__dropdown.menu__dropdown__express .menu__dropdown__content .menu__dropdown__item:nth-child(-n+3) .menu__dropdown--bolder:after {
  margin-top: -14px
}

.header .navbar--menu .main__menu__item:nth-child(1) .main__menu__link.current,.header .navbar--menu .main__menu__item:nth-child(1) .main__menu__link:focus,.header .navbar--menu .main__menu__item:nth-child(1) .main__menu__link:hover {
  color: #4c97be
}

.header .navbar--menu .main__menu__item:nth-child(2) .main__menu__link.current,.header .navbar--menu .main__menu__item:nth-child(2) .main__menu__link:focus,.header .navbar--menu .main__menu__item:nth-child(2) .main__menu__link:hover {
  color: #fd6169
}

.header .navbar--menu .main__menu__item:nth-child(3) .main__menu__link.current,.header .navbar--menu .main__menu__item:nth-child(3) .main__menu__link:focus,.header .navbar--menu .main__menu__item:nth-child(3) .main__menu__link:hover {
  color: #77be3d
}

.header .navbar--menu .main__menu__item:nth-child(4) .main__menu__link.current,.header .navbar--menu .main__menu__item:nth-child(4) .main__menu__link:focus,.header .navbar--menu .main__menu__item:nth-child(4) .main__menu__link:hover {
  color: #96c
}

.header .navbar--menu .main__menu__item:nth-child(5) .main__menu__link.current,.header .navbar--menu .main__menu__item:nth-child(5) .main__menu__link:focus,.header .navbar--menu .main__menu__item:nth-child(5) .main__menu__link:hover {
  color: #d93981
}

.header .navbar--menu .main__menu__item:nth-child(6) .main__menu__link.current,.header .navbar--menu .main__menu__item:nth-child(6) .main__menu__link:focus,.header .navbar--menu .main__menu__item:nth-child(6) .main__menu__link:hover {
  color: #999
}

.bg-btn-express-order {
  color: #fff!important;
  background-color: #d22730!important
}

.header .bg-express-navbar--top {
  padding: 0;
  text-align: center;
  background-color: #d22730
}

@media (max-width: 767px) {
  .header .bg-express-navbar--top {
      padding:5px 0
  }

  .bg-expressPage .site-logo-header-mobile a>.img-responsive {
      max-width: 102px
  }
}

.header .express-navbar--additional {
  padding: 8px;
  background-color: #111
}

.header .express-navbar--additional p {
  font-size: 13px;
  margin: 0;
  color: #fff
}

.header .express-navbar--additional .fa-map-marker {
  font-size: 15px;
  margin-right: 2px;
  color: #fff
}

.express-address-high-light {
  display: block;
  color: red
}

.header .express-navbar--additional .expressAddressPopup {
  color: #fff
}

.express--header--top .segment__item:nth-child(1) a.active,.express--header--top .segment__item:nth-child(1) a:focus,.express--header--top .segment__item:nth-child(1) a:hover {
  background-color: #d22730
}

.header .navbar .express__nav__info {
  font-size: 18px;
  font-weight: 700;
  line-height: 14px;
  display: inline-block;
  margin-right: 8px;
  padding: 4px 8px 4px 0
}

@media (min-width: 768px) and (max-width:1024px) {
  .header .navbar .express__nav__info {
      display:none;
      clear: both
  }
}

.header .js-fix-user-nav .express__nav__info {
  font-size: 15px;
  display: inline-block;
  color: #d22730
}

@media (min-width: 1025px) and (max-width:1199px) {
  .header .js-fix-user-nav .express__nav__info {
      display:none
  }
}

.header .navbar .express__nav__info__selected__address {
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  display: inline-block;
  margin: 0;
  padding: 10px;
  text-align: center
}

@media (min-width: 768px) and (max-width:1024px) {
  .header .navbar .express__nav__info__selected__address {
      font-size:12px;
      padding: 10px 10px 10px 0
  }

  .bg-expressPage .header .item__count_xs {
      display: none
  }
}

.header .navbar .express__nav__info__selected__address .express__map_marker {
  font-size: 18px;
  margin-right: 2px
}

.header .navbar .express__nav__info__selected__address .expressAddressPopup {
  color: #fff
}

@media (min-width: 1025px) and (max-width:1199px) {
  .bg-expressPage .header .user__info .nav--lef {
      display:none
  }
}

.bg-expressPage .plp__heading--title-wrapper {
  font-size: 28px
}

@media (max-width: 767px) {
  .bg-expressPage .plp__heading--title-wrapper {
      font-size:20px
  }

  .bg-expressPage .site-logo-header-mobile {
      overflow: hidden;
      height: 39px
  }
}

.btn-express-mini-cart-button,.btn-express-primary-custom {
  line-height: 40px;
  display: inline-block;
  overflow: hidden;
  height: 40px;
  margin-bottom: 15px;
  padding: 0 5px;
  text-align: center;
  border-radius: 4px
}

.btn-express-primary-custom {
  font-size: 12px;
  position: relative;
  color: #fff;
  outline: 0;
  background-color: #d22730
}

.btn-express-primary-custom p {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0;
  transform: translateY(-50%)
}

@media (max-width: 1023px) {
  .btn-express-primary-custom {
      font-size:10px
  }
}

.btn-express-primary-custom:focus,.btn-express-primary-custom:hover {
  text-decoration: none;
  opacity: .7;
  color: #fff
}

.btn-express-primary-custom .fa {
  margin-left: 5px
}

.btn-express-mini-cart-button {
  font-size: 12px;
  position: relative;
  color: #111;
  background-color: #fff
}

.express-btn-in-normal,.normal-btn-in-express {
  margin-bottom: 15px;
  border: 1px solid #ccc;
  font-weight: 700
}

.mypage__group-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.mypage__group-links-p {
  margin-right: 10px
}

.express-btn-in-normal {
  font-size: 14px;
  margin-top: 15px
}

.express-btn-in-normal .text-info,.express-btn-in-normal .text-total {
  display: inline-block
}

.express-btn-in-normal>img {
  max-width: 80px;
  margin-right: 20px
}

@media (max-width: 767px) {
  .express-btn-in-normal>img {
      max-width:75px
  }

  .express-btn-in-normal {
      font-size: 10px;
      height: 40px;
      margin-top: 2px!important;
      padding: 2px
  }
}

@media (min-width: 768px) and (max-width:1024px) {
  .express-btn-in-normal>img {
      margin-right:15px
  }

  .express-btn-in-normal {
      font-size: 13px!important
  }
}

.express-btn-in-normal .fa-chevron-right {
  font-size: 14px
}

@media (max-width: 767px) {
  .express-btn-in-normal .fa-chevron-right {
      font-size:10px
  }
}

.normal-btn-in-express {
  font-size: 14px;
  margin-top: 15px
}

.normal-btn-in-express>img {
  width: 25%;
  max-width: 90px;
  margin-right: 20px
}

@media (max-width: 767px) {
  .normal-btn-in-express>img {
      max-width:87px
  }
}

@media (min-width: 768px) and (max-width:1024px) {
  .normal-btn-in-express>img {
      max-width:16%;
      padding-right: 15px
  }
}

@media (max-width: 767px) {
  .normal-btn-in-express {
      font-size:9.1px;
      height: 40px;
      margin-top: 2px!important;
      padding: 2px
  }
}

@media (min-width: 768px) and (max-width:1024px) {
  .normal-btn-in-express {
      font-size:13px!important
  }
}

.normal-btn-in-express .fa-chevron-right {
  font-size: 14px
}

.express-addToCart {
  background-color: #d22730
}

.express-span-check-item {
  font-size: 10px;
  line-height: 22px;
  position: absolute;
  top: -7px;
  right: -7px;
  width: 25px;
  height: 25px;
  color: #f83c6c;
  border: 1px solid #f83c6c;
  border-radius: 50%;
  background: #fff
}

@media (min-width: 768px) {
  .express-cart-in-express .text-express,.express-cart-in-normal .text-express {
      display:inline-block!important
  }
}

@media (max-width: 767px) {
  .normal-btn-in-express .fa-chevron-right {
      font-size:10px
  }

  .express-cart-in-express .fa,.express-cart-in-normal .fa {
      position: absolute;
      top: 50%;
      right: 5px;
      transform: translateY(-50%)
  }

  .express-cart-in-normal {
      font-size: 15px;
      display: -ms-flexbox!important;
      display: flex!important;
      height: auto;
      min-height: 60px;
      padding: 5px;
      -ms-flex-pack: center;
      justify-content: center
  }

  .express-cart-in-normal .text-express,.express-cart-in-normal img {
      display: inline-block;
      margin-top: 0;
      -ms-grid-row-align: center;
      align-self: center
  }

  .express-cart-in-normal .text-express {
      width: 60%;
      text-align: left;
      white-space: normal;
      -ms-flex-item-align: center
  }

  .express-cart-in-normal img {
      height: 28px;
      vertical-align: baseline;
      -ms-flex-item-align: center
  }

  .express-cart-in-express {
      font-size: 15px;
      display: -ms-flexbox!important;
      display: flex!important;
      height: auto;
      min-height: 60px;
      margin-top: 25px!important;
      padding: 5px;
      -ms-flex-pack: center;
      justify-content: center
  }

  .express-cart-in-express .text-express,.express-cart-in-express img {
      display: inline-block;
      margin-top: 0;
      -ms-grid-row-align: center;
      align-self: center
  }

  .express-cart-in-express .text-express {
      width: 60%;
      text-align: left;
      white-space: normal;
      -ms-flex-item-align: center
  }

  .express-cart-in-express img {
      width: 107px;
      height: 20px;
      vertical-align: baseline;
      -ms-flex-item-align: center
  }
}

.page-expressOrder .btn-reorder {
  font-size: 16px;
  width: 100%;
  height: 60px;
  padding: 6px;
  border-width: 1px;
  border-radius: 5px
}

@media (max-width: 1023px) {
  .page-expressOrder .btn-reorder {
      font-size:12px
  }
}

@media (max-width: 767px) {
  .page-expressOrder .btn-reorder {
      line-height:31px;
      height: 36px;
      padding: 2px 4px
  }
}

.page-expressOrder .btn-reorder span {
  font-weight: 700;
  line-height: 1.4;
  display: block
}

.page-expressOrder .btn-reorder span .fa {
  font-size: 12px;
  margin-right: 5px;
  margin-left: 5px
}

.page-expressOrder .btn-reorder .fa {
  font-size: 16px;
  margin: 0 5px
}

@media (max-width: 1023px) {
  .page-expressOrder .btn-reorder .fa {
      font-size:10px
  }
}

@media (min-width: 768px) and (max-width:887px) {
  .page-expressOrder .btn-express-primary-custom,.page-expressOrders .btn-express-primary-custom {
      line-height:1.5
  }
}

@media (max-width: 599px) {
  .item__product .btn-express-primary-custom {
      line-height:11px;
      height: 30px
  }
}

.page-expressDeliveryAddressesPage .guide--title {
  font-size: 28px
}

@media (max-width: 767px) {
  .page-cartPage .express-cart-in-normal {
      margin-top:25px!important
  }

  .page-cartPage .express-cart-in-express {
      margin-top: 25px
  }

  .page-expressDeliveryAddressesPage .guide--title {
      font-size: 20px
  }
}

.page-expressDeliveryAddressesPage .shipping-address__item:last-child {
  margin-bottom: 6rem
}

.page-expressDeliveryAddressesPage .guide--container {
  padding-bottom: 60px
}

@media (max-width: 1023px) {
  .page-expressDeliveryAddressesPage .guide--container {
      padding-bottom:35px
  }
}

.bg-expressPage .header .navbar--menu .main__menu__item {
  width: calc(20%)
}

/* カラーチャート用独自CSS */

.orderFormAttention {
  /*
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 0;
  */
      border-top: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    display: flex;
    margin-bottom: 16px;
    padding-top: 5px;
    flex-direction: row;
    align-items: center;
}
  
.js-qty-selector-input{
    margin-left: 0px;
}

.ec-cartRow__amountDownButton__icon_custom {
    margin: 0 2px;
    display: inline-block;
    border: 2px solid #c9c9c9;
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    cursor: pointer;
    line-height: 40px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    background: #fff;
}

.ec-cartRow__amountUpButton__icon_custom {
    margin: 0 2px;
    display: inline-block;
    border: 2px solid #c9c9c9;
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    cursor: pointer;
    line-height: 40px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    background: #fff;
}

.ec-cartRow__amountDownButton__icon_custom img , .ec-cartRow__amountUpButton__icon_custom img{
    display: block;
    margin-left: -.4em;
    width: .8em;
    height: .8em;
    position: absolute;
    top: 28%;
    left: 50%;
}

.ec-cart__amountUpDown{ 
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5px;
}