/* CSS Document */
/************************/
/*configurazione pagine
/************************/
section#cart {
  margin: 200px auto 290px;
}

@media screen and (max-width: 768px) {
  section#cart {
    margin: 0 auto;
  }
}

section#cart #cart_summary {
  top: 60px;
}

@media screen and (max-width: 768px) {
  section#cart #cart_summary {
    top: auto;
  }
}

#checkout {
  margin: 0 auto 100px;
}

@media screen and (max-width: 768px) {
  #checkout {
    margin: -20px auto 100px;
  }
}

/************************/
/*stili generici
/************************/
body {
  margin: 0;
  padding: 0;
}

section#cart, section#checkout, #modal, section#thanks {
  font: 300 16px   'Oswald', sans-serif;
  color: #000;
  box-sizing: content-box;
}

section#cart *, section#checkout *, #modal *, section#thanks * {
  box-sizing: content-box;
}

section#cart *:after, section#cart *:before, section#checkout *:after, section#checkout *:before, #modal *:after, #modal *:before, section#thanks *:after, section#thanks *:before {
  box-sizing: content-box;
}

section#cart h1, section#cart h2, section#cart h3, section#cart h4, section#checkout h1, section#checkout h2, section#checkout h3, section#checkout h4, #modal h1, #modal h2, #modal h3, #modal h4, section#thanks h1, section#thanks h2, section#thanks h3, section#thanks h4 {
  font-weight: 400;
  line-height: 1em;
  padding: 0;
  margin: 0 0 30px;
  color: #000;
}

section#cart h1, section#checkout h1, #modal h1, section#thanks h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 2.750em;
}

section#cart h2, section#checkout h2, #modal h2, section#thanks h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 2.5em;
}

section#cart h3, section#checkout h3, #modal h3, section#thanks h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.6em;
}

section#cart h4, section#checkout h4, #modal h4, section#thanks h4 {
  font-size: 1.4em;
}

section#cart h5, section#checkout h5, #modal h5, section#thanks h5 {
  font-size: 1.2em;
}

section#cart h6, section#checkout h6, #modal h6, section#thanks h6 {
  font-size: 1em;
  font-weight: 400;
  color: #3b3a38;
  margin: 0 0 10px;
}

section#cart *, section#checkout *, #modal *, section#thanks * {
  outline: none !important;
}

section#cart a, section#checkout a, #modal a, section#thanks a {
  text-decoration: none !important;
  outline: none !important;
  color: #6b6b6b;
}

section#cart a:hover, section#checkout a:hover, #modal a:hover, section#thanks a:hover {
  color: #000;
}

section#cart input, section#cart textarea, section#cart button, section#checkout input, section#checkout textarea, section#checkout button, #modal input, #modal textarea, #modal button, section#thanks input, section#thanks textarea, section#thanks button {
  outline: none !important;
  border: none;
  border-bottom: dotted 1px #000;
  padding: 0.2em 0;
  color: #000;
  background: transparent;
  font: 200 1em   'Oswald', sans-serif;
}

section#cart input[type="submit"], section#cart button, section#checkout input[type="submit"], section#checkout button, #modal input[type="submit"], #modal button, section#thanks input[type="submit"], section#thanks button {
  color: #3b3a38;
  font-weight: 700;
}

section#cart input[type="checkbox"], section#cart input[type="radio"], section#checkout input[type="checkbox"], section#checkout input[type="radio"], #modal input[type="checkbox"], #modal input[type="radio"], section#thanks input[type="checkbox"], section#thanks input[type="radio"] {
  width: auto;
}

section#cart select, section#checkout select, #modal select, section#thanks select {
  width: 100%;
  border: none;
  background: #ffffff;
  text-align: right;
  font-size: 1em;
  font: 300 16px   'Oswald', sans-serif;
}

section#cart select optgroup, section#checkout select optgroup, #modal select optgroup, section#thanks select optgroup {
  border: solid 1px #000;
  background: #ffffff;
}

section#cart button, section#checkout button, #modal button, section#thanks button {
  border: none;
  background: transparent;
  font-weight: 700;
}

section#cart strong, section#checkout strong, #modal strong, section#thanks strong {
  color: #3b3a38;
  font-weight: 400;
}

.cart_summary_body {
  font-size: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  color: #000;
}

.polo_alert span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px 0;
  font-size: 1.2em;
  color: #f00;
}

/************************/
/*carrello
/************************/
section#cart {
  width: calc(100% - 30px);
  max-width: 1280px;
  padding: 0;
  position: relative;
}

section#cart h1 {
  border-bottom: solid 1px #000;
  padding: 0 15px 5px;
  margin-bottom: 30px;
  text-transform: capitalize;
  display: block;
  width: calc(100% - 30px);
  overflow: hidden;
  position: relative;
}

section#cart h1 ul {
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 15px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  font: 400  0.4em/0   'Oswald', sans-serif;
  text-transform: uppercase;
}

section#cart h1 ul li {
  display: inline-block;
  margin: 0 0 0 15px;
}

section#cart h1 ul li a#svuota:hover {
  color: #f00 !important;
}

section#cart h1 ul li i {
  display: inline-block;
  margin: 0 10px 0 0;
}

section#cart h1.noprod {
  max-width: 1280px;
  margin: 50px auto 30px;
}

section#cart h3.noprod {
  text-align: center;
  border: solid 1px #000;
  background: rgba(255, 255, 255, 0.5);
  color: #3b3a38;
  padding: 30px;
  width: calc( 100% - 60px);
  font-weight: 100;
}

section#cart #option_toggle, section#cart #svuota_cart {
  display: none;
}

section#cart #cart_list {
  width: calc(70% - 30px);
  max-width: 850px;
  margin: 0 0;
  padding: 15px;
  z-index: 1;
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

section#cart #cart_list .item_cart {
  display: block;
  width: calc(100% - 2px);
  min-height: 0 !important;
  margin: 0 0px 50px 15px;
  padding: 0px;
  position: relative;
  border-bottom: solid 1px #f2f2f2;
  background: #ffffff;
}

section#cart #cart_list .item_cart .elimina {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #ffffff;
  padding: 15px;
  text-transform: uppercase;
  z-index: 1;
}

section#cart #cart_list .item_cart .elimina i {
  margin-right: 10px;
}

section#cart #cart_list .item_cart .elimina:hover {
  color: #f00;
}

section#cart #cart_list .item_cart .img {
  width: 100%;
  max-height: 170px;
  max-width: 100px;
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 10;
}

section#cart #cart_list .item_cart .img img {
  width: 100%;
  height: auto;
}

section#cart #cart_list .item_cart .txt {
  display: inline-block;
  width: calc(100% - 165px);
  border-top: none;
  position: relative;
  bottom: auto;
  padding: 15px 15px 15px 150px;
  min-height: 100px;
  margin-bottom: 40px;
  float: left;
}

section#cart #cart_list .item_cart .txt.polo_cp {
  width: calc(100% - 515px);
}

section#cart #cart_list .item_cart .txt:before {
  display: none;
}

section#cart #cart_list .item_cart .txt:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-left: 15px solid white;
  bottom: -1px;
  left: -1px;
  z-index: 900;
}

section#cart #cart_list .item_cart .txt h6 {
  font-size: 1.2em;
}

section#cart #cart_list .item_cart .txt p {
  margin: 0 10px 10px 0;
  color: #000;
  float: left;
}

section#cart #cart_list .item_cart .qnt {
  width: 220px;
  background: rgba(59, 58, 56, 0);
  color: #3b3a38;
  text-align: right;
  padding: 9px 15px;
  position: absolute;
  bottom: 0px;
  left: auto;
  right: 450px;
  text-align: left;
  overflow: hidden;
  margin: 0;
}

section#cart #cart_list .item_cart .qnt label {
  display: block;
  margin: 0;
}

section#cart #cart_list .item_cart .qnt .no_input {
  display: block;
  padding: 3px 0 !important;
}

section#cart #cart_list .item_cart .qnt input {
  width: 50px;
  margin: 0 15px;
}

section#cart #cart_list .item_cart .qnt button {
  text-transform: uppercase;
  font-weight: 300;
}

section#cart #cart_list .item_cart h6.val_coupon {
  position: absolute;
  display: block;
  width: 170px;
  bottom: 0;
  right: 200px;
  margin: 0;
  padding: 13px 15px;
  font-weight: 300;
  border-left: dotted 1px #b7b7b7;
}

section#cart #cart_list .item_cart h6.val_coupon.nogood {
  color: #f00;
}

section#cart #cart_list .item_cart h6.val_coupon i {
  float: right;
  font-style: normal;
  color: #289925;
}

section#cart #cart_list .item_cart h3 {
  width: 170px;
  background: rgba(242, 242, 242, 0.9);
  color: #000;
  padding: 15px 15px 5px;
  position: absolute;
  bottom: 0px;
  left: auto;
  right: 0;
  margin: 0;
  text-align: right;
  font-size: 1.2em;
}

section#cart #cart_list .item_cart h3 span {
  display: inline-block;
  margin: 0 0 10px 10px;
}

section#cart #cart_list .item_cart h3 del {
  display: inline-block;
  color: #b7b7b7;
  margin: 0 0px 10px 0;
  font-weight: 300;
}

section#cart #cart_summary {
  display: block;
  width: 30%;
  background: rgba(242, 242, 242, 0.9);
  margin: 0;
  padding: 0;
  position: sticky;
  right: 0;
  float: right;
  z-index: 100;
  border: none;
  border-bottom: solid 1px #000;
  padding: 0;
  margin: 15px 0 30px;
}

section#cart #cart_summary h2 {
  display: block;
  width: 100%;
  padding: 10px 0px;
  position: relative;
  margin-bottom: 15px;
  color: #000;
  white-space: nowrap;
  font-size: 1.5em;
  background: #f2f2f2;
}

section#cart #cart_summary h2:before {
  content: "";
  background: #f2f2f2;
  display: block;
  position: absolute;
  width: 14px;
  height: calc(100% - 1px);
  top: 0px;
  left: -14px;
}

section#cart #cart_summary h2:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-left: 15px solid transparent;
  bottom: -13.8px;
  left: -15px;
}

section#cart #cart_summary h2 span {
  margin: 0 0 10px;
  color: #ffffff;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  font-size: 2.5em;
  width: 45px;
  height: 50px;
  overflow: hidden;
  background: transparent;
  text-align: right;
  text-indent: 10px;
  padding: 10px 0 0 15px;
  opacity: 0.2;
}

section#cart #cart_summary .wrapper {
  width: 100%;
  margin: 50px auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-transform: uppercase;
}

section#cart #cart_summary .wrapper .polo_alert {
  width: 100%;
  position: relative;
  text-align: center;
  color: #f00;
  overflow: hidden;
  padding: 15px;
}

section#cart #cart_summary .wrapper .cols {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(100%  - 30px);
  margin: 0 15px;
  padding: 0px;
}

section#cart #cart_summary .wrapper .cols #coupon_summary {
  width: 100%;
  font-size: 1em;
  font-weight: 100;
  border-bottom: dotted 1px #000;
  padding-bottom: 10px;
  position: relative;
  margin: 0 0 10px;
}

section#cart #cart_summary .wrapper .cols #coupon_summary input {
  border: none;
  border-bottom: dotted 1px #000;
  background: rgba(255, 255, 255, 0);
  margin-right: 10px;
}

section#cart #cart_summary .wrapper .cols #coupon_summary input[type="button"] {
  position: absolute;
  top: 0;
  right: 5px;
  border-bottom: none;
  color: #6b6b6b;
  cursor: pointer;
  margin-right: 0;
  font-size: 0.8em;
}

section#cart #cart_summary .wrapper .cols #coupon_summary #importo_coupon {
  width: 100%;
  color: #289925;
  font-size: 0.9em;
  padding: 10px 0 0;
}

section#cart #cart_summary .wrapper .cols #coupon_summary #importo_coupon strong {
  float: right;
}

section#cart #cart_summary .wrapper .cols #spedizione {
  border-bottom: dotted 1px #000;
  position: relative;
  padding-bottom: 10px;
  margin: 0 0 10px;
}

section#cart #cart_summary .wrapper .cols #spedizione h5 {
  width: 100%;
  font-weight: 400;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

section#cart #cart_summary .wrapper .cols #spedizione h5 strong {
  margin: 10px 0 0;
  display: block;
  width: 100%;
  position: relative;
}

section#cart #cart_summary .wrapper .cols #spedizione h5 strong span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_toggle {
  display: block;
  padding: 7px;
  position: absolute;
  top: -7px;
  right: 0;
  font-size: 0.8em;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_toggle.active {
  background: #000;
  color: #ffffff;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list {
  display: none;
  width: calc(100% - 2px);
  border: solid 1px #000;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ffffff;
  position: absolute;
  top: 23px;
  z-index: 10;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list h6 {
  background: #f0f0f0;
  border-bottom: dotted 1px #b7b7b7;
  font-size: 0.9em;
  padding: 10px;
  margin: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a {
  display: block;
  border-bottom: dotted 1px #b7b7b7;
  font-size: 0.9em;
  padding: 10px 10px 10px 30px;
  position: relative;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: solid 1px #000;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid 0px #000;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a:hover {
  background: #f0f0f0;
  font-weight: 600;
  color: #000;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a.ec_active_square {
  background: #f0f0f0;
  font-weight: 600;
  color: #000;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a.ec_active_square:after {
  background: #b7b7b7;
}

section#cart #cart_summary .wrapper .cols #subtotale, section#cart #cart_summary .wrapper .cols #totale, section#cart #cart_summary .wrapper .cols #buttons_cart, section#cart #cart_summary .wrapper .cols #costo_spedizione, section#cart #cart_summary .wrapper .cols #continua_shop {
  font-size: 1em;
  margin: 0 0 10px;
  border-bottom: dotted 1px #000;
  padding: 0 0 10px;
}

section#cart #cart_summary .wrapper .cols #subtotale h5, section#cart #cart_summary .wrapper .cols #totale h5, section#cart #cart_summary .wrapper .cols #buttons_cart h5, section#cart #cart_summary .wrapper .cols #costo_spedizione h5, section#cart #cart_summary .wrapper .cols #continua_shop h5 {
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  font-weight: 400;
  font-size: 1em;
}

section#cart #cart_summary .wrapper .cols #subtotale h5 span, section#cart #cart_summary .wrapper .cols #totale h5 span, section#cart #cart_summary .wrapper .cols #buttons_cart h5 span, section#cart #cart_summary .wrapper .cols #costo_spedizione h5 span, section#cart #cart_summary .wrapper .cols #continua_shop h5 span {
  display: inline-block;
  font-weight: 600;
  float: right;
}

section#cart #cart_summary .wrapper .cols #totale h5 {
  font: 600 1.2em 'Oswald', sans-serif;
  color: #000;
}

section#cart #cart_summary .wrapper .cols #totale span {
  color: #000;
}

section#cart #cart_summary .wrapper .cols #buttons_cart {
  width: calc(100% - 20px);
  margin: 10px 0 20px 25px;
  border: none;
}

section#cart #cart_summary .wrapper .cols #buttons_cart button {
  width: calc(100% + 10px);
  background: #ffffff;
  font: 600 1.2em/1em 'Oswald', sans-serif;
  border: solid 1px #000;
  border-right: none;
  text-transform: uppercase;
  color: #000;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
}

section#cart #cart_summary .wrapper .cols #buttons_cart button:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: calc(100% - 0px);
  top: -1px;
  right: -14px;
  background: #ffffff;
  border: solid 1px #000;
  border-left: none;
}

section#cart #cart_summary .wrapper .cols #buttons_cart button:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-right: 15px solid transparent;
  bottom: -16px;
  right: -15px;
}

@media screen and (max-width: 1024px) {
  section#cart {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  section#cart #cart_list {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  section#cart #cart_list .item_cart {
    display: block !important;
    width: calc(100% - 2px);
    min-height: 0 !important;
    margin: 0 0px 15px 0;
    padding: 0px 10px 0 0;
    position: relative;
    border-bottom: solid 1px #b7b7b7;
    background: #ffffff;
    overflow: hidden;
  }
  section#cart #cart_list .item_cart .elimina {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    background: #ffffff;
    padding: 3px 5px;
    text-transform: uppercase;
    z-index: 1;
  }
  section#cart #cart_list .item_cart .elimina i {
    margin-right: 10px;
  }
  section#cart #cart_list .item_cart .elimina:hover {
    color: #f00;
  }
  section#cart #cart_list .item_cart .img {
    width: 100%;
    max-height: 70px;
    max-width: 70px;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 10px;
    left: 10px;
    z-index: 10;
  }
  section#cart #cart_list .item_cart .img img {
    width: 100%;
    height: auto;
  }
  section#cart #cart_list .item_cart .txt {
    display: inline-block;
    width: calc(100% - 90px);
    border-top: none;
    position: relative;
    bottom: auto;
    padding: 40px 5px 15px 90px;
    min-height: 90px;
    margin-bottom: 40px;
    float: left;
  }
  section#cart #cart_list .item_cart .txt.polo_cp {
    width: calc(100% - 90px);
  }
  section#cart #cart_list .item_cart .txt:before {
    display: none;
  }
  section#cart #cart_list .item_cart .txt:after {
    content: "";
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid black;
    border-left: 15px solid white;
    bottom: -1px;
    left: -1px;
    z-index: 900;
  }
  section#cart #cart_list .item_cart .txt h6 {
    display: none;
    font-size: 1.2em;
  }
  section#cart #cart_list .item_cart .txt p {
    margin: 0 10px 10px 0;
    color: #000;
    float: left;
  }
  section#cart #cart_list .item_cart .txt p:nth-of-type(3) {
    display: none;
  }
  section#cart #cart_list .item_cart .qnt {
    display: block;
    width: 150px;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    text-align: right;
    padding: 3px 5px;
    position: absolute;
    bottom: 0px;
    left: auto;
    right: 170px;
    text-align: left;
    overflow: hidden;
  }
  section#cart #cart_list .item_cart .qnt input {
    color: #000;
    font-size: 1em;
  }
  section#cart #cart_list .item_cart .qnt button {
    color: #000;
    position: relative;
    text-indent: -9000em;
    width: 15px;
    height: 15px;
  }
  section#cart #cart_list .item_cart .qnt button i {
    position: absolute;
    top: 5px;
    left: 0;
    text-indent: 0em;
  }
  section#cart #cart_list .item_cart .qnt.polo_cp {
    padding: 3px 5px;
    bottom: 0px;
  }
  section#cart #cart_list .item_cart h6.val_coupon {
    display: block;
    width: calc(100% - 10px);
    bottom: 40px;
    right: 0;
    padding: 3px 5px;
    font-size: 1em;
    border-bottom: dotted 1px #b7b7b7;
    border-right: none;
    text-align: right;
  }
  section#cart #cart_list .item_cart h6.val_coupon i {
    margin-left: 10px;
  }
  section#cart #cart_list .item_cart h3 {
    width: 150px;
    background: #f2f2f2;
    color: #000;
    padding: 10px 5px 0;
    position: absolute;
    bottom: 0px;
    left: auto;
    right: 0;
    margin: 0;
    font-size: 1.1em;
  }
  section#cart #cart_list .item_cart h3:after {
    content: "";
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 15px solid white;
    border-right: 15px solid transparent;
    bottom: -1px;
    left: -1px;
  }
  section#cart #cart_summary {
    position: relative;
    order: 3;
    background: #f2f2f2;
  }
  section#cart #cart_summary .cols {
    width: calc((100% / 2) - 32px);
  }
}

@media screen and (max-width: 768px) {
  section#cart h1 {
    font-size: 2.30em;
    margin-bottom: 10px;
  }
  section#cart h1 ul {
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 0;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    font: 400  0.4em/0   'Oswald', sans-serif;
    text-transform: uppercase;
  }
  section#cart h1 ul li {
    display: inline-block;
    margin: 0 0 0 15px;
  }
  section#cart h1 ul li a {
    display: block;
    width: 140px;
    height: 25px;
    overflow: hidden;
    text-indent: -0;
    position: relative;
    border: solid 1px #000;
    padding: 0 5px;
    line-height: 27px;
  }
  section#cart h1 ul li a#svuota:hover {
    color: #f00 !important;
  }
  section#cart h1 ul li i {
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    text-indent: 0;
    transform: translateY(-50%);
  }
  section#cart #option_toggle, section#cart #svuota_cart {
    display: block;
    width: 100%;
    padding: 0px 0 5px;
    border-bottom: dotted 1px #000;
    margin: 0 0 5px;
    text-align: right;
  }
  section#cart #option_toggle i, section#cart #svuota_cart i {
    margin: 0 10px;
  }
  section#cart #cart_summary {
    float: none;
    width: 100%;
    font-size: 0.8em;
  }
  section#cart #cart_summary .wrapper {
    width: calc(100% - 30px);
    flex-direction: column;
    padding: 15px 15px 0;
    margin: 0;
  }
  section#cart #cart_summary .wrapper .cols {
    width: calc((100% / 1) - 2px);
    margin: 0;
  }
  section#cart #cart_summary .wrapper .cols.col1 {
    width: calc((100% / 1) - 2px);
    display: block;
    border-bottom: none;
  }
  section#cart #cart_summary .wrapper .cols #coupon_summary {
    border-bottom: dotted 1px #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  section#cart #cart_summary .wrapper .cols #coupon_summary input#coupon {
    width: calc(50% - 0.4em);
  }
  section#cart #cart_summary .wrapper .cols #coupon_summary input[type='button'] {
    float: right;
    padding: 0;
    margin: 10px 0;
  }
  section#cart #cart_summary .wrapper .cols #coupon_summary #importo_coupon {
    font-size: 1em;
  }
  section#cart #cart_summary .wrapper .cols #spedizione {
    padding: 0 0  5px;
    margin-bottom: 5px;
    overflow: visible;
  }
  section#cart #cart_summary .wrapper .cols #spedizione #country_toggle {
    margin-top: 0;
    float: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  section#cart #cart_summary .wrapper .cols #spedizione #country_list {
    font-size: 1.2em;
    top: 25px;
  }
  section#cart #cart_summary .wrapper .cols #subtotale, section#cart #cart_summary .wrapper .cols #totale {
    width: 100%;
    border-bottom: dotted 1px #000;
    margin-bottom: 5px;
  }
  section#cart #cart_summary .wrapper .cols #subtotale {
    padding: 5px 0px 5px 0;
  }
  section#cart #cart_summary .wrapper .cols #totale {
    padding: 0px  0 5px 0px;
    font-size: 1.6em !important;
  }
  section#cart #cart_summary .wrapper .cols.col4 {
    flex-direction: row;
  }
  section#cart #cart_summary .wrapper .cols #continua_shop {
    position: relative;
    bottom: auto;
    left: auto;
    text-align: center;
    padding: 5px 0 10px;
    width: 100%;
    margin-bottom: 0;
    border: none;
  }
  section#cart #cart_summary .wrapper .cols #continua_shop a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    margin: 0 5px 0 0;
    font-size: 0.9em;
    line-height: 1.8em;
    white-space: nowrap;
  }
  section#cart #cart_summary .wrapper .cols #continua_shop a:hover {
    background: #000;
    color: #ffffff;
  }
  section#cart #cart_summary .wrapper .cols #buttons_cart {
    position: relative;
    text-align: center;
    margin: 10px -6px 0 0;
    width: 50%;
  }
  section#cart #cart_summary .wrapper .cols #buttons_cart button {
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 0px !important;
    font-size: 0.9em !important;
    white-space: nowrap;
  }
  section#cart #cart_summary .wrapper .cols #buttons_cart button:hover {
    border-color: #289925;
  }
}

/************************/
/*checkout
/************************/
section#checkout {
  width: calc(100% - 30px);
  max-width: 1280px;
  padding: 15px;
  position: relative;
  /*overflow: hidden;*/
  box-sizing: content-box;
}

section#checkout input {
  width: 100%;
}

section#checkout h1 {
  border-bottom: solid 1px #000;
  padding: 0 0 5px;
  margin-bottom: 30px;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

section#checkout h1 ul {
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 0;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  font: 400  0.4em/0   'Oswald', sans-serif;
  text-transform: uppercase;
}

section#checkout h1 ul li {
  display: inline-block;
  margin: 0 0 0 15px;
}

section#checkout h1 ul li a#svuota:hover {
  color: #f00 !important;
}

section#checkout h1 ul li i, section#checkout h1 ul li svg {
  display: inline-block;
  margin: 0 10px 0 0;
}

section#checkout form#cart_form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  color: #6b6b6b;
}

section#checkout form#cart_form .cols {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: calc((100% / 3) - 20px);
  margin: 0;
  padding: 0px;
}

section#checkout form#cart_form .cols h2 {
  display: block;
  width: 100%;
  padding: 10px 0px;
  position: relative;
  margin-bottom: 30px;
  color: #ffffff;
  white-space: nowrap;
  font-size: 1.8em;
}

section#checkout form#cart_form .cols h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: calc(100% - 0px);
  top: 0px;
  left: -14px;
}

section#checkout form#cart_form .cols h2:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-left: 15px solid transparent;
  bottom: -14.8px;
  left: -15px;
}

section#checkout form#cart_form .cols h2 span {
  margin: 0 0 10px;
  color: #ffffff;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  font-size: 2.5em;
  width: 45px;
  height: 40px;
  overflow: hidden;
  background: transparent;
  text-align: right;
  text-indent: 10px;
  padding: 10px 0 0 15px;
  opacity: 0.2;
}

section#checkout form#cart_form .cols h3 {
  font: 400 1.100em 'Oswald', sans-serif;
  width: calc(100% - 20px);
  margin: 30px 10px;
  text-transform: uppercase;
}

section#checkout form#cart_form .cols #anagrafica, section#checkout form#cart_form .cols #pwd {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

section#checkout form#cart_form .cols #pwd {
  display: none;
}

section#checkout form#cart_form .cols label {
  width: calc(50% - 20px);
  padding: 0 10px;
  margin: 0 0 20px;
}

section#checkout form#cart_form .cols label.check {
  width: calc(100% - 45px);
  font-size: 1em;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  padding: 0 10px 0 35px;
}

section#checkout form#cart_form .cols label.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 10px;
  width: 10px;
  top: 15px;
  left: 15px;
}

section#checkout form#cart_form .cols label.check .checkmark {
  position: absolute;
  top: 2px;
  left: 10px;
  height: 13px;
  width: 13px;
  background-color: #ffffff;
  border: solid 1px;
}

section#checkout form#cart_form .cols label.check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 1px;
  top: 1px;
  width: 11px;
  height: 11px;
}

section#checkout form#cart_form .cols label.check .checkmark.warn {
  border: solid 1px #f00;
}

section#checkout form#cart_form .cols label.check:hover input ~ .checkmark {
  background-color: #f0f0f0;
}

section#checkout form#cart_form .cols label.check input:checked ~ .checkmark {
  background-color: #f0f0f0;
}

section#checkout form#cart_form .cols label.check input:checked ~ .checkmark:after {
  display: block;
}

section#checkout form#cart_form .cols p {
  width: 100%;
  margin: 0 10px 10px;
}

section#checkout form#cart_form .cols p.nazione {
  border-bottom: dotted 1px #16195b;
  text-transform: uppercase;
  padding: 0 0px 7px;
  margin: 0 0 10px;
}

section#checkout form#cart_form .cols select {
  background: transparent;
  text-align: left;
  border-bottom: dotted 1px #000;
  padding-bottom: 5px;
}

section#checkout form#cart_form .cols select#bank {
  display: none;
}

section#checkout form#cart_form .cols.col1 {
  background: rgba(183, 183, 183, 0.05);
}

section#checkout form#cart_form .cols.col1 h2 {
  background: #ffffff;
  color: #000;
  border-bottom: solid 1px #000;
}

section#checkout form#cart_form .cols.col1 h2:before {
  background: #ffffff;
}

section#checkout form#cart_form .cols.col1 h2 span {
  color: #a3a3a3;
}

section#checkout form#cart_form .cols.col1 h3 {
  color: #3b3a38;
}

section#checkout form#cart_form .cols.col1 .checkmark {
  border-color: #3b3a38;
}

section#checkout form#cart_form .cols.col1 .checkmark:after {
  background: #3b3a38;
}

section#checkout form#cart_form .cols.col1 p:not(.nazione) {
  margin-bottom: 30px;
}

section#checkout form#cart_form .cols.col2 {
  background: #f2f2f2;
}

section#checkout form#cart_form .cols.col2 h2 {
  background: #fafafa;
  color: #000;
  border-bottom: solid 1px #000;
}

section#checkout form#cart_form .cols.col2 h2:before {
  background: #fafafa;
}

section#checkout form#cart_form .cols.col2 h2 span {
  color: #a3a3a3;
}

section#checkout form#cart_form .cols.col2 h3 {
  color: #3b3a38;
}

section#checkout form#cart_form .cols.col2 .checkmark {
  border-color: #3b3a38;
}

section#checkout form#cart_form .cols.col2 .checkmark:after {
  background: #3b3a38;
}

section#checkout form#cart_form .cols.col2 #pay_method {
  width: calc(100% - 0);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 15px;
  padding: 0;
  overflow: visible;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item {
  width: calc(( 100% / 3) - 30px);
  overflow: hidden;
  position: relative;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em;
  cursor: pointer;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item .img {
  display: inline-block;
  background: #ffffff;
  width: 30px;
  height: 30px;
  padding: 10px;
  border: solid 1px #b7b7b7;
  position: relative;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item .img img {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item input[type="radio"] {
  display: block;
  width: 10px;
  height: 10px;
  opacity: 0;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.act {
  font-weight: 600;
  color: #289925;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.act .img {
  border: solid 2px #289925;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.warn {
  font-weight: 600;
  color: #f00;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.warn .img {
  border: solid 1px #f00;
}

section#checkout form#cart_form .cols.col2 #ship_method, section#checkout form#cart_form .cols.col2 #note {
  margin: 15px 0;
}

section#checkout form#cart_form .cols.col2 #ship_method textarea, section#checkout form#cart_form .cols.col2 #note textarea {
  width: calc(100% - 20px);
  margin-bottom: 20px;
}

section#checkout form#cart_form .cols.col2 #ship_method label, section#checkout form#cart_form .cols.col2 #note label {
  display: block;
}

section#checkout form#cart_form .cols.col2 #note label {
  width: 100%;
}

section#checkout form#cart_form .cols.col3 {
  background: #e5e5e5;
}

section#checkout form#cart_form .cols.col3 h2 {
  background: #6b6b6b;
  margin-bottom: 0;
  border-bottom: solid 1px #000;
}

section#checkout form#cart_form .cols.col3 h2:before {
  background: #6b6b6b;
}

section#checkout form#cart_form .cols.col3 h3 {
  color: #000;
}

section#checkout form#cart_form .cols.col3 .checkmark {
  border-color: #000;
}

section#checkout form#cart_form .cols.col3 .checkmark:after {
  background: #000;
}

section#checkout form#cart_form .cols.col3 .wrapper {
  width: 100%;
  max-height: 478px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  border-bottom: solid 1px #000;
  margin-bottom: 10px;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart {
  width: calc(100% - 115px);
  border-bottom: dotted 1px #000;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 0 0px 115px;
  position: relative;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart:nth-last-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart:last-of-type {
  border-bottom: none;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart .img {
  width: 100px;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart .img img {
  width: 100%;
  height: auto;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart .txt {
  padding: 5px 0;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart h3 {
  width: calc(100% - 10px);
  clear: both;
  text-align: right;
  margin: 0 10px 0px 0;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart h6 {
  width: calc(100% - 10px);
  font-size: 1.1em;
  margin: 0 10px 10px 0;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart p {
  display: block;
  width: calc(50% - 10px);
  margin: 0 10px 10px 0;
  float: left;
  overflow: hidden;
  word-wrap: break-word;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart p:nth-child(4) {
  width: calc(100% - 10px);
}

section#checkout form#cart_form .cols.col3 #cart_summary {
  background: transparent !important;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 0;
}

section#checkout form#cart_form .cols.col3 #cart_summary div {
  width: calc(100% - 20px);
  padding: 0 10px;
  margin: 0 0 20px;
}

section#checkout form#cart_form .cols.col3 #cart_summary div h5 {
  font-size: 1.1em;
  font-weight: 300;
  border-bottom: dotted 1px #000;
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  margin: 0;
  text-transform: uppercase;
}

section#checkout form#cart_form .cols.col3 #cart_summary div h5 span {
  display: block;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}

section#checkout form#cart_form .cols.col3 #cart_summary div#totale h5 span {
  font: 400 1.5em/1em 'Oswald', sans-serif;
  color: #e96321;
}

section#checkout form#cart_form .cols.col3 #cart_summary label {
  text-transform: none;
}

section#checkout form#cart_form .cols.col3 #cart_summary a {
  color: #3b3a38;
}

section#checkout form#cart_form .cols.col3 #cart_summary a:hover {
  color: #000;
}

section#checkout form#cart_form .cols.col3 #cart_summary #buttons_cart {
  width: calc(100% - 20px);
  margin-bottom: 30px;
}

section#checkout form#cart_form .cols.col3 #cart_summary #buttons_cart button {
  width: calc(100% + 10px);
  background: #ffffff;
  font: 300 1.6em/1em 'Oswald', sans-serif;
  border: solid 1px #000;
  border-right: none;
  text-transform: uppercase;
  color: #000;
  padding: 10px 0;
  position: relative;
}

section#checkout form#cart_form .cols.col3 #cart_summary #buttons_cart button:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: calc(100% - 0px);
  top: -1px;
  right: -14px;
  background: #ffffff;
  border: solid 1px #000;
  border-left: none;
}

section#checkout form#cart_form .cols.col3 #cart_summary #buttons_cart button:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-right: 15px solid transparent;
  bottom: -16px;
  right: -15px;
}

@media screen and (max-width: 1024px) {
  section#checkout form#cart_form {
    width: calc(100% - 15px);
    margin: 0  0 0 auto;
  }
  section#checkout form#cart_form .cols {
    width: 100%;
  }
  section#checkout form#cart_form .payment_item {
    width: calc(( 100% / 4) - 30px) !important;
    justify-content: flex-start !important;
  }
}

@media screen and (max-width: 768px) {
  section#checkout h1 {
    margin-bottom: 10px;
  }
  section#checkout h1 ul {
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 0;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    font: 400  0.4em/0   'Oswald', sans-serif;
    text-transform: uppercase;
  }
  section#checkout h1 ul li {
    display: inline-block;
    margin: 0 0 0 15px;
  }
  section#checkout h1 ul li a {
    display: block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -9000em;
    position: relative;
    border: solid 1px #000;
  }
  section#checkout h1 ul li a#svuota:hover {
    color: #f00 !important;
  }
  section#checkout h1 ul li i, section#checkout h1 ul li svg {
    display: block;
    margin: 0 10px 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    text-indent: 0;
    transform: translate(-50%, -50%);
  }
  section#checkout h2 {
    font-size: 1.4em !important;
  }
  section#checkout .col2 #pay_method .payment_item {
    width: calc(( 100% / 3)) !important;
    justify-content: flex-start !important;
    padding: 10px 0 !important;
  }
  section#checkout .col3 h2 {
    margin-bottom: 30px !important;
  }
  section#checkout .col3 .wrapper {
    display: none;
  }
  section#checkout .col3 .wrapper .img {
    top: 0 !important;
    transform: translateY(0) !important;
  }
  section#checkout .col3 .wrapper p {
    width: calc(100% - 10px) !important;
  }
  section#checkout .col3 button {
    font-size: 1.4em !important;
  }
}

#modal {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(183, 183, 183, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: content-box;
}

#modal #modal_wrapper {
  background: #ffffff;
  width: 100%;
  max-width: 500px;
  height: 100%;
  max-height: 350px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-sizing: content-box;
}

#modal #modal_wrapper h2 {
  display: block;
  width: 100%;
  padding: 10px 0px;
  position: relative;
  margin-bottom: 20px;
  color: #000;
  white-space: nowrap;
  font-size: 1.5em;
  background: #f2f2f2;
}

#modal #modal_wrapper h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: calc(100% - 1px);
  top: 0px;
  left: -14px;
  background: #f2f2f2;
}

#modal #modal_wrapper h2:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-left: 15px solid transparent;
  bottom: -13.8px;
  left: -15px;
}

#modal #modal_wrapper #close_modal {
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 1.5em;
  z-index: 2;
  color: #000;
  opacity: 0.7;
}

#modal #modal_wrapper #close_modal:hover {
  opacity: 1;
}

#modal #modal_wrapper #login_alert {
  display: block;
  color: red;
  width: 100%;
  text-align: center;
}

#modal #modal_wrapper #login_alert span {
  display: block;
  margin: 10px auto;
}

#modal #modal_wrapper form#login {
  width: calc(100% - 0);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 15px 0;
  padding: 0;
  overflow: visible;
}

#modal #modal_wrapper form#login h3 {
  font: 600 1.100em 'Oswald', sans-serif;
  width: calc(100% - 20px);
  margin: 10px 10px 20px;
  text-transform: uppercase;
  color: #000;
}

#modal #modal_wrapper form#login label {
  width: calc(50% - 20px);
  margin: 0 10px;
}

#modal #modal_wrapper form#login .ec_button {
  width: calc(100% + 0px);
  background: #ffffff;
  font: 300 1.3em/1em 'Oswald', sans-serif;
  border: solid 1px #16195b;
  border-right: none;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  padding: 10px 0;
  margin: 20px 0 10px 10px;
  position: relative;
  cursor: pointer;
}

#modal #modal_wrapper form#login .ec_button:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: calc(100% - 0px);
  top: -1px;
  right: -14px;
  background: #ffffff;
  border: solid 1px #000;
  border-left: none;
}

#modal #modal_wrapper form#login .ec_button:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-right: 15px solid transparent;
  bottom: -16px;
  right: -15px;
}

#modal #modal_wrapper form#login .ec_button:hover {
  background: #000;
  color: #ffffff;
}

#modal #modal_wrapper form#login .ec_button:hover:before {
  background: #000;
}

#modal #modal_wrapper form#login a {
  margin: 10px 10px 5px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}

#modal #modal_wrapper form#login a.ec_button {
  margin: 10px 0 20px 10px;
  font-size: 1.2em;
}

@media screen and (max-width: 1024px) {
  #modal #modal_wrapper {
    width: 90%;
  }
  #modal a.ec_button {
    font-size: 1.4em !important;
  }
}

/************************/
/*thank you page
/************************/
section#thanks {
  width: calc(100% - 30px);
  max-width: 1280px;
  margin: 0 auto 100px;
  padding: 15px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

section#thanks h1 {
  border-bottom: solid 1px #000;
  padding: 0 0 5px;
  margin-bottom: 30px;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: left;
}

section#thanks .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  color: #6b6b6b;
  text-align: left;
}

section#thanks .cols {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: calc((100% / 2) - 20px);
  margin: 0;
  padding: 0px;
}

section#thanks .cols h2 {
  display: block;
  width: 100%;
  padding: 10px 0px;
  position: relative;
  margin-bottom: 30px;
  color: #ffffff;
  white-space: nowrap;
  font-size: 1.8em;
}

section#thanks .cols h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: calc(100% - 1px);
  top: 0px;
  left: -14px;
}

section#thanks .cols h2:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid black;
  border-left: 15px solid transparent;
  bottom: -13.8px;
  left: -15px;
}

section#thanks .cols h2 span {
  margin: 0 0 10px;
  color: #ffffff;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  font-size: 2.5em;
  width: 45px;
  height: 50px;
  overflow: hidden;
  background: transparent;
  text-align: right;
  text-indent: 10px;
  padding: 10px 0 0 15px;
  opacity: 0.2;
}

section#thanks .cols h3 {
  font: 600 1.100em 'Oswald', sans-serif;
  width: calc(100% - 20px);
  margin: 30px 10px;
  text-transform: uppercase;
}

section#thanks .cols ul {
  width: 100%;
  width: calc(100% - 50px);
  margin: 0px auto;
  padding: 0;
  list-style: square;
  color: #289925;
}

section#thanks .cols ul li {
  margin: 0 0 15px;
}

section#thanks .cols ul li span {
  color: #6b6b6b;
}

section#thanks .cols p {
  width: 100%;
  margin: 0 10px 10px;
}

section#thanks .cols.col1 {
  background: #f2f2f2;
}

section#thanks .cols.col1 h2 {
  background: #fafafa;
  border-bottom: solid 1px #000;
  color: #000;
}

section#thanks .cols.col1 h2:before {
  background: #fafafa;
}

section#thanks .cols.col1 h3 {
  color: #000;
}

section#thanks .cols.col1 ul {
  color: #000;
}

section#thanks .cols.col1.error {
  background: rgba(255, 0, 0, 0.05);
}

section#thanks .cols.col1.error h2 {
  background: #f00;
}

section#thanks .cols.col1.error h2:before {
  background: #f00;
}

section#thanks .cols.col1.error h3 {
  color: #f00;
}

section#thanks .cols.col1.error ul {
  color: #f00;
}

section#thanks .cols.col2 {
  background: #e5e5e5;
}

section#thanks .cols.col2 h2 {
  background: #6b6b6b;
  margin-bottom: 0;
}

section#thanks .cols.col2 h2:before {
  background: #6b6b6b;
}

section#thanks .cols.col2 h3 {
  color: #6b6b6b;
}

section#thanks .wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  border-bottom: solid 1px #000;
  margin-bottom: 10px;
}

section#thanks .wrapper .item_cart {
  width: calc(100% - 115px);
  border-bottom: dotted 1px #000;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 0 0px 115px;
  position: relative;
}

section#thanks .wrapper .item_cart:nth-last-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}

section#thanks .wrapper .item_cart:last-of-type {
  border-bottom: none;
}

section#thanks .wrapper .item_cart .img {
  width: 100px;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

section#thanks .wrapper .item_cart .img img {
  width: 100%;
  height: auto;
}

section#thanks .wrapper .item_cart .txt {
  padding: 5px 0;
}

section#thanks .wrapper .item_cart h3 {
  width: calc(100% - 10px);
  clear: both;
  text-align: right;
  margin: 0 10px 0px 0;
}

section#thanks .wrapper .item_cart h6 {
  width: calc(100% - 10px);
  font-size: 1.1em;
  margin: 0 10px 10px 0;
}

section#thanks .wrapper .item_cart p {
  display: block;
  width: calc(50% - 10px);
  margin: 0 10px 10px 0;
  float: left;
  overflow: hidden;
}

section#thanks .wrapper.iframe {
  overflow: hidden;
  min-height: 660px;
  margin-top: 10px;
}

section#thanks #cart_summary {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  background: transparent;
}

section#thanks #cart_summary div {
  width: calc(100% - 20px);
  padding: 0 10px;
  margin: 0 0 20px;
}

section#thanks #cart_summary div h5 {
  font-size: 1em;
  font-weight: 400;
  border-bottom: dotted 1px #000;
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  margin: 0;
  text-transform: uppercase;
}

section#thanks #cart_summary div h5 span {
  display: block;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 0;
}

section#thanks #cart_summary div#totale {
  margin: 0 0 20px auto;
}

section#thanks #cart_summary div#totale h5 span {
  font: 600 1.2em/1em 'Oswald', sans-serif;
  color: #000;
}

section#thanks #cart_summary a {
  color: #3b3a38;
}

section#thanks #cart_summary a:hover {
  color: #000;
}

section#thanks #back_to_home, section#thanks .iframe_submit {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  border: solid 1px #289925;
  margin: 30px auto 0;
  background: #ffffff;
  text-align: center;
  font: 600 1.8em/1em 'Oswald', sans-serif;
  color: #289925;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  section#thanks .container {
    width: calc(100% - 15px);
    margin: 0  0 0 auto;
  }
  section#thanks .container .cols {
    width: 100%;
    padding-bottom: 30px;
  }
  section#thanks .container .cols h2 {
    font-size: 1.4em;
  }
  section#thanks .container .cols.col2 .wrapper .img {
    top: 0 !important;
    transform: translateY(0) !important;
  }
  section#thanks .container .cols.col2 .wrapper p {
    width: calc(100% - 10px) !important;
  }
  section#thanks .container .cols.col2 #cart_summary div {
    width: calc(100% - 20px);
  }
  section#thanks .container .cols.col2 #cart_summary #coupon_summary {
    order: 0;
  }
  section#thanks .container .cols.col2 #cart_summary #subtotale {
    order: 1;
  }
  section#thanks .container .cols.col2 #cart_summary #spedizione {
    order: 2;
  }
  section#thanks .container .cols.col2 #cart_summary #dati_pagamento {
    order: 3;
  }
  section#thanks .container .cols.col2 #cart_summary #totale {
    order: 4;
  }
}

@media screen and (max-width: 768px) {
  section#thanks .container .cols h2 {
    font-size: 1.2em;
  }
}


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


/* AGGIUNTA CAMBIO SPEDIZIONE IN CHECKOUT  22/1/2020 */

section#checkout form#cart_form .cols #nazione {
    width: calc(100% - 20px);
    position: relative;
    overflow: visible;
    border-bottom: dotted 1px #000;
    margin: 0 10px 15px;
    padding: 0 0 10px;
}


section#checkout form#cart_form .cols #nazione p {
    margin: 0;
    padding: 0;
}


section#checkout form#cart_form .cols #nazione #country_toggle {
    display: block;
    padding: 7px;
    position: absolute;
    top: -7px;
    right: 0;
    font-size: 0.8em;
    background: #000;
    color: #ffffff;
    text-transform: uppercase;
}

section#checkout form#cart_form .cols #nazione #country_list {
    display: none;
    width: calc(100% - 2px);
    border: solid 1px #000;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #ffffff;
    position: absolute;
    top: 23px;
    z-index: 10;
}

section#checkout form#cart_form .cols #nazione #country_list h6 {
    background: #f0f0f0;
    border-bottom: dotted 1px #b7b7b7;
    font-size: 0.9em;
    padding: 10px;
    margin: 0;
}


section#checkout form#cart_form .cols #nazione #country_list a {
    display: block;
    border-bottom: dotted 1px #b7b7b7;
    font-size: 0.9em;
    padding: 10px 10px 10px 30px;
    position: relative;
}

section#checkout form#cart_form .cols #nazione #country_list a:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: solid 1px #000;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}


section#checkout form#cart_form .cols #nazione #country_list a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: solid 0px #000;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
}

section#checkout form#cart_form .cols #nazione #country_list a.active:after,
section#cart #cart_summary .wrapper .cols #spedizione #country_list a.active:after {
    
    background:black !important;
     
}


/* AGGIUNTA SCELTA SEDE RITIRO IN CHECKOUT  22/1/2020 */


section#checkout form#cart_form .cols.col2 #ship_method #sedi, section#checkout form#cart_form .cols.col2 #note #sedi {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}


section#checkout form#cart_form .cols.col2 #ship_method #sedi li, section#checkout form#cart_form .cols.col2 #note #sedi li {
    margin: 0 0 15px;
    padding: 0;
}

section#checkout form#cart_form .cols.col2 #ship_method #sedi li h6, section#checkout form#cart_form .cols.col2 #note #sedi li h6 {
    text-transform: uppercase;
    padding: 0 10px;
}


section#checkout form#cart_form .cols.col2 #ship_method #sedi li label, section#checkout form#cart_form .cols.col2 #note #sedi li label {
    margin: 0;
}

section#checkout form#cart_form .cols.col2 #ship_method #sedi li label strong, section#checkout form#cart_form .cols.col2 #note #sedi li label strong {
    display: block;
}


section#checkout form#cart_form .cols.col2 #ship_method #sedi li label .checkmark, section#checkout form#cart_form .cols.col2 #note #sedi li label .checkmark {
    border-radius: 100% !important;
}

section#checkout form#cart_form .cols.col2 #ship_method #sedi li label .checkmark::after, section#checkout form#cart_form .cols.col2 #note #sedi li label .checkmark::after {
    border-radius: 100%;
}


section#checkout form#cart_form .cols.col2 #ship_method #sedi li a, section#checkout form#cart_form .cols.col2 #note #sedi li a {
    display: block;
    padding: 10px 10px 10px 35px;
    color: #3b3a38;
}