@charset "utf-8";
/* CSS Document */

/******************************

COLOR PALETTE




[Table of Contents]

1. Search
2. Banner


******************************/

* {
    margin: 0;
    padding: 0;
}

/***************************
1. Search
***************************/

.search_bar {
    box-sizing: border-box;
    float: right;
    min-width: 40%;
    padding: 0 3px;
    position: relative;
}

.search_bar input {
    border: none;
    border-bottom: 1px solid #858585;
    border-radius: 50px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .7);
    box-sizing: border-box;
    height: 35px;
    padding: 0 10px 0 25px;
    width: 100%;
}

.fa-search {
    bottom: 10px;
    color: #000;
    position: absolute;
    right: 20px;
    text-decoration: none;
}

input[type="search"] {
    font-size: 14px !important;
    font-weight: 400;
}

#search_bar::-webkit-input-placeholder {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

#search_bar:-moz-placeholder
/* older Firefox*/

    {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

#search_bar::-moz-placeholder
/* Firefox 19+ */

    {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

#search_bar:-ms-input-placeholder {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

#search_bar::input-placeholder {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

/******************************
2. Banner
*******************************/

.banner_ img {
    height: auto;
    width: 100%;
}

/******************************
3. Shopping cart
*******************************/

hr {
    border-bottom: 1px dashed #d9d9d9;
}

.product-quantity {
    width: 140px;
}

.sc {
  color: #989898;
  font-size: 11px;
  margin-left: -50px;
}

.tf {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    padding-right: 15px;
    padding-left: 15px;
}

.derecha {
    float: right;
    padding-right: 50px;
}

.izquierda {
    float: left;
}

.der {
    margin-right: auto;
}

.izq {
    margin-left: -7px;
}

.img-sc {
    height: auto;
    width: 130px;
}

input[type="text"] {
    font-size: 14px !important;
    font-weight: 400;
}

::placeholder {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

::-ms-input-placeholder {
    color: #b9b4c7 !important;
    font-size: 14px !important;
    font-weight: 400;
}

.cupon {
    top: 8px;
    width: 300px;
}

/******************************
3.1. main
*******************************/

/* ...........background...........*/

.bg0 {
    background-color: #fff;
}

/* ...........border...........*/

.bor10 {
    border: 1px solid #e6e6e6;
}

.bor12 {
    border-bottom: 1px dashed #d9d9d9;
}

/* ...........color text...........*/

.cl0 {
    color: #fff;
}

.cl2 {
    color: #333;
}

.cl3 {
    color: #666;
}

.cl6 {
    color: #888;
}

.cl8 {
    color: #555;
}

/* ...........size...........*/

.size-111 {
    height: 40px;
    width: 100%;
}

.size-115 {
    height: 45px;
    min-width: 100px;
}

.size-116 {
    width: 100%;
    /* height: 50px; */
}

.size-208 {
    width: 34.5%;
}

.size-209 {
    width: 65.5%;
}

/* ...........stext...........*/

.stext-101 {
    font-size: 12px;
    line-height: 1.466667;
    text-transform: uppercase;
}

.stext-110 {
    font-size: 15px;
    line-height: 1.466667;
}

.stext-111 {
    font-size: 13px;
    line-height: 1.6923;
}

.stext-112 {
    font-size: 13px;
    line-height: 1.6923;
    text-transform: uppercase;
}

/* ...........mtext...........*/

.mtext-101 {
    font-size: 18px;
    line-height: 1.333333;
}

.mtext-104 {
    font-size: 16px;
    line-height: 1.6;
}

.mtext-109 {
    font-size: 20px;
    line-height: 1.3;
    text-transform: uppercase;
}

.mtext-110 {
    font-size: 18px;
    line-height: 1.222222;
}


/* ...........otros...........*/

.m-lr-0-xl {
    margin-left: 0;
    margin-right: 0;
}

.p-lr-15-sm {
    padding-left: 15px;
    padding-right: 15px;
}

.w-full-ssm {
    width: 100%;
}

.plh3::-webkit-input-placeholder {
    color: #555;
}

.plh3:-moz-placeholder {
    color: #555;
}

.plh3::-moz-placeholder {
    color: #555;
}

.plh3:-ms-input-placeholder {
    color: #555;
}

/******************************
3.2. util
*******************************/

/* ...........font-size...........*/

.fs-10 {
    font-size: 10px;
}

/* ...........flex...........*/

.flex-w, .flex-l, .flex-r, .flex-c, .flex-sa, .flex-sb, .flex-t, .flex-b, .flex-m, .flex-str, .flex-c-m, .flex-c-t, .flex-c-b, .flex-c-str, .flex-l-m, .flex-r-m, .flex-sa-m, .flex-sb-m, .flex-col-l, .flex-col-r, .flex-col-c, .flex-col-str, .flex-col-t, .flex-col-b, .flex-col-m, .flex-col-sb, .flex-col-sa, .flex-col-c-m, .flex-col-l-m, .flex-col-r-m, .flex-col-str-m, .flex-col-c-t, .flex-col-c-b, .flex-col-c-sb, .flex-col-c-sa, .flex-col-l-sb, .flex-col-r-sb, .flex-row, .flex-row-rev, .flex-col, .flex-col-rev, .dis-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-w {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-c-m {
    align-items: center;
    -ms-align-items: center;
    justify-content: center;
}

/* ...........transition...........*/

.trans-04 {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

/* ...........Restyle Select2...........*/

.rs1-select2 .select2-container {
    display: block;
    max-width: 100% !important;
    width: auto !important;
}

/* ...........cursor...........*/

.pointer {
    cursor: pointer;
}

/* ...........margin...........*/

.m-b-12, .m-tb-12, .m-all-12 {
    margin-bottom: 12px;
}

.m-b-22, .m-tb-22, .m-all-22 {
    margin-bottom: 22px;
}

.m-b-50, .m-tb-50, .m-all-50 {
    margin-bottom: 50px;
}

.m-l-auto {
    margin-left: auto;
}

.m-l-2, .m-lr-2, .m-all-2 {
    margin-left: 2px;
}

.m-l-40, .m-lr-40, .m-all-40 {
    margin-left: 40px;
}

.m-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-lr-0, .m-all-0 {
    margin-right: 0;
}

.m-l-0, .m-lr-0, .m-all-0 {
    margin-left: 0;
}

.m-r-0, .m-lr-0, .m-all-0 {
    margin-right: 0;
}

.m-t-9, .m-tb-9, .m-all-9 {
    margin-top: 9px;
}

/* ...........padding...........*/

.p-b-13, .p-tb-13, .p-all-13 {
    padding-bottom: 13px;
}

.p-b-30, .p-tb-30, .p-all-30 {
    padding-bottom: 30px;
}

.p-b-33, .p-tb-33, .p-all-33 {
    padding-bottom: 33px;
}

.p-b-40, .p-tb-40, .p-all-40 {
    padding-bottom: 40px;
}

.p-l-15, .p-lr-15, .p-all-15 {
    padding-left: 15px;
}

.p-l-40, .p-lr-40, .p-all-40 {
    padding-left: 40px;
}

.p-t-1, .p-tb-1, .p-all-1 {
    padding-top: 1px;
}

.p-t-2, .p-tb-2, .p-all-2 {
    padding-top: 2px;
}

.p-t-15, .p-tb-15, .p-all-15 {
    padding-top: 15px;
}

.p-t-18, .p-tb-18, .p-all-18 {
    padding-top: 18px;
}

.p-t-27, .p-tb-27, .p-all-27 {
    padding-top: 27px;
}

.p-t-30, .p-tb-30, .p-all-30 {
    padding-top: 30px;
}

/* ...........otros...........*/

input:focus, textarea:focus, label:focus {
    border: none;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: medium;
    display: block;
    outline: none;
}

/* //////////////////////////////////////////////////// */

#colorlib-featured-product, .colorlib-shop, #colorlib-contact, #colorlib-intro, #colorlib-testimony, .colorlib-blog, #colorlib-subscribe, #colorlib-footer {
    clear: both;
    padding-bottom: 9em;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row-pb-md {
    padding-bottom: 4em !important;
}

.process-wrap {
    display: block;
    float: left;
    width: 100%;
}

.process {
    float: left;
    position: relative;
    width: 33.333%;
    z-index: 0;
}


.total-wrap .form-control {
    border: 1px solid #f0f0f0 !important;
    height: 40px;
    margin-bottom: 10px;
    text-align: center;
}

.total-wrap .total {
    margin-left: 50px;
    padding: 1em;
    text-align: right;
    width: 120%;
}

.total-wrap .total .grand-total p span:last-child {
    color: #ff570c;
    font-weight: 500;
}

.total-wrap .total .sub {
    border-bottom: 1px solid #ff570c;
    margin-bottom: 10px;
}

.news_submit_btn {
    background-color: #ff570c;
}

.news_submit_btn:hover {
    background-color: #ffa258;
}

/* ...........num-product...........*/

.wrap-num-product {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  height: 40px;
  overflow: hidden;
  width: 100px;
}

.btn-num-product-up, .btn-num-product-down {
  cursor: pointer;
}

.fa-minus, .fa-plus, .fa-trash {
  color: silver;
}

.num-product {
  background-color: #f7f7f7;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  height: 100%;
  width: calc(100% - 60px);
}

input.num-product::-webkit-outer-spin-button, input.num-product::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/******************************
. new Shopping cart
*******************************/
::before, ::after {

  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.ItemList{
  display: table;
  table-layout: auto;
  border-spacing: 0 30px;
  width: 100%;
}

.cartHead{
  display: table-header-group;
}

.cartHeadItem {
  display: table-cell;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.cartItem {
  display: table-row;
  table-layout: fixed;
  margin: 30px 0;
  width: 100%;
}

.cartItem_ImgWrap{
  width: 120px;
  min-width: 90px;
  text-align: center;
}

.cartItem_info{
  max-width: 425px;
  width: 425px;
  display: table-cell;
  padding-left: 5px;
  vertical-align: middle;
}

.cartItem_ImgWrap, .cartItem_info {

  display: table-cell;
  vertical-align: middle;

}

.cartItem_title {
  width: 100%;
  font-size: 12px;
  white-space: initial;
  overflow:visible;
  text-overflow: ellipsis;
}

.cartItem_title a {
  color: black;
}

.cartItem_Meta{
  font-size: 11px;
}

.cartItem_Variant{
  font-size: 11px;
}

.cartItem_title, .cartItem_Variant, .cartItem__PropertyList {
  margin-bottom: 0.45em;
}


.heading {
  font-family: "DIN Neuzeit Grotesk",sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #454545;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.cartItem_PriceList {
  margin-bottom: 20px;
}

.Price {
  display: inline-block;
}

.cartItem_info ~ .cartItem_Actions, .cartItem_info ~ .cartItem_LinePrice {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.cartItem_QuantitySelector {
  margin-bottom: 6px;
}

.QuantitySelector {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e3e3e3;
  white-space: nowrap;
}

.QuantitySelector_Button {
  display: inline-block;
  padding: 7px 14px 8px 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.QuantitySelector_CurrentQuantity {
  display: inline-block;
  width: 45px;
  padding: 0;
  font-size: 12px;
  text-align: center;
  letter-spacing: normal;
  background: transparent;
  border: none;
}

input.num-product {
  -moz-appearance: textfield;
  appearance: textfield;
  -webkit-appearance: textfield;
}

.btn-num-product-up, .btn-num-product-down {
  cursor: pointer;
}

.cartItem_Remove {
  margin: 8px 0;
  font-size: 9px;
}

.Link {
  -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.Link-underline {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.Link-underline:hover {
  text-decoration: inherit;
}

/* Apply dollar signs */
.product .cartItem_Price:before, .product .cartItem_LinePrice:before, .totals-value:before {
  content: '$';
}

/* totals section */
.totals .totals-item {
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

.totals .totals-item-total {
  font-family: font-bold;
}

.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}

.totals .totals-item .totals-value {
  float: right;
  width: 45%;
  text-align: right;
}


/******************************
. Cupon/Shopping cart
*******************************/
.Contenedor_form_cupon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0.42857em;
  padding-top: 50px;
  text-align: center;
  width: 100%;
}

.cupon_input-btn {
  background: #1e1e27;
  margin-left: -3.143em;
  padding-bottom: 0;
  padding-top: 0;
  white-space: nowrap;
  width: auto;
}

.cupon_input-btn:hover {
  background: #2b2b34;
}

.btn- {
  cursor: pointer;
  margin: -30px;
  margin-top: 5px;
  padding: .6em .9em;
  text-align: center;  
}

/******************************
. login/register
*******************************/
.row_form {
  margin-right: -5px;
}

.avatar {
    background-image: url('../images/user.svg');
    background-size: 100px 100px;
    -webkit-background-size: 100px 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    display: inline-block;
    height: 80px;
    margin: 0 auto 15px;
    overflow: hidden;
    width: 100px;
}

.contenedor-formulario {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 5px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 5px 5px rgba(0, 0, 0, .15);
  margin: 25px auto 0;
  margin-top: 50px;
  max-width: 456px;
  padding: 40px 5px 30px;
  padding-top: 50px;
  text-align: center;
  width: 100%;
}

.formularioC {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  padding-top: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.formularioM {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  padding-top: 0;
}
.contenedor-formulario .formulario {
  margin-left: 15px;
  margin-right: 15px;
}
.contenedor-formulario .formulario .input-group {
  margin-bottom: 12px;
  position: relative;
}
.contenedor-formulario .formulario .input-group input[type="text"],
.contenedor-formulario .formulario .input-group input[type="email"],
.contenedor-formulario .formulario .input-group input[type="password"],
.contenedor-formulario .formulario .input-group input[type="tel"],
.contenedor-formulario .formulario .input-group input[type="number"],
.contenedor-formulario .formulario .input-group textarea,
.contenedor-formulario .formulario select {
  background: none;
  border: 1px solid #9d9d9d;
  color: #1e1e27;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  outline: none;
  padding: 15px;  
  width: 100%;
}

.contenedor-formulario .formulario .input-group.incheckout input[type="text"],
.contenedor-formulario .formulario .input-group.incheckout input[type="email"],
.contenedor-formulario .formulario .input-group.incheckout input[type="password"],
.contenedor-formulario .formulario .input-group.incheckout input[type="tel"],
.contenedor-formulario .formulario .input-group.incheckout input[type="number"],
.contenedor-formulario .formulario .input-group.incheckout textarea,
.contenedor-formulario .formulario .incheckout select {
  background: none;
  border: 1px solid #fff;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  outline: none;
  padding: 15px;  
  width: 100%;
}

.contenedor-formulario .formulario .input-group input[type="text"]:focus, 
.contenedor-formulario .formulario .input-group input[type="text"]:active,
.contenedor-formulario .formulario .input-group input[type="email"]:focus,
.contenedor-formulario .formulario .input-group input[type="email"]:active,
.contenedor-formulario .formulario .input-group input[type="password"]:focus,
.contenedor-formulario .formulario .input-group input[type="password"]:active,
.contenedor-formulario .formulario .input-group input[type="tel"]:focus,
.contenedor-formulario .formulario .input-group input[type="tel"]:active,
.contenedor-formulario .formulario .input-group input[type="number"]:focus,
.contenedor-formulario .formulario .input-group input[type="number"]:active,
.contenedor-formulario .formulario .input-group textarea:focus,
.contenedor-formulario .formulario .input-group textarea:active,
.contenedor-formulario .formulario select:focus,
.contenedor-formulario .formulario select:active {
  border: 1px solid #e3e3e3;
  outline: none;
}

.contenedor-formulario .formulario .input-group input[type="text"].error,
.contenedor-formulario .formulario .input-group input[type="email"].error,
.contenedor-formulario .formulario .input-group input[type="password"].error,
.contenedor-formulario .formulario .input-group input[type="tel"].error,
.contenedor-formulario .formulario .input-group input[type="number"].error,
.contenedor-formulario .formulario .input-group textarea[type="text"].error {
  border: 1px solid #D32F2F;
}
.contenedor-formulario .formulario .input-group input[type="text"].error + label,
.contenedor-formulario .formulario .input-group input[type="email"].error + label,
.contenedor-formulario .formulario .input-group input[type="password"].error + label,
.contenedor-formulario .formulario .input-group input[type="tel"].error + label,
.contenedor-formulario .formulario .input-group input[type="number"].error + label,
.contenedor-formulario .formulario .input-group textarea[type="text"].error + label {
  color: #D32F2F;
}
.contenedor-formulario .formulario .input-group label {
  color: #2b2b34;
}
.contenedor-formulario .formulario .input-group label.label {
  color: #9d9d9d;
  font-size: 14px;
  left: 10px;
  line-height: 30px;
  margin-left: 15px;
  position: absolute;
  top: 16px;
  transition: all 0.3s ease;
}

.contenedor-formulario .formulario .input-group.incheckout label.label {
  color: #fff;
  font-size: 14px;
  left: 10px;
  line-height: 30px;
  margin-left: 15px;
  position: absolute;
  top: 16px;
  transition: all 0.3s ease;
}
.contenedor-formulario .formulario .input-group label.label.active {
  background: #fff;
  color: #B6B6B6;
  font-size: 12px;
  line-height: 12px;
  opacity: 1;
  top: -1px;
}

.contenedor-formulario .formulario .input-group.incheckout label.label.active {
  background: #4488dd;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  opacity: 1;
  top: -1px;
}
.contenedor-formulario .formulario .input-group.checkbox label, .contenedor-formulario .formulario .input-group.radio label {
  border-radius: 3px;
  color: #2b2b34;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  padding: 5px 15px 5px 51px;
  position: relative;
  transition: all 0.3s ease;
}
.contenedor-formulario .formulario .input-group.checkbox label:hover, .contenedor-formulario .formulario .input-group.radio label:hover {
  background: #ffa258;
}
.contenedor-formulario .formulario .input-group.checkbox label:before, .contenedor-formulario .formulario .input-group.radio label:before {
  background: none;
  border: 2px solid #2b2b34;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 17px;
  left: 15px;
  margin-top: 3px;
  position: absolute;
  width: 17px;
}
.contenedor-formulario .formulario .input-group.error label {
  color: #D32F2F;
}
.contenedor-formulario .formulario .input-group.error label:hover {
  background: rgba(211, 47, 47, 0.2);
}
.contenedor-formulario .formulario .input-group.error label:before {
  border: 2px solid #D32F2F;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"] {
  display: none;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label:before {
  display: none;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label {
  background: #2b2b34;
  border-radius: 2px;
  color: #f2f2f2;
  padding: 5px 15px;
}
.contenedor-formulario .formulario .input-group.checkbox label:before {
  border-radius: 3px;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"] {
  display: none;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label:before {
  display: none;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label {
  background: #2b2b34;
  color: #f2f2f2;
  padding: 5px 15px;
}

/* modal */

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.3rem;
  outline: 0;
}

/* modal */

.modal-open {
  padding-right: 0 !important;
}

.modal-content {
  border-radius: 20px;
}

.modal-header {
  border: none;
  display: block !important;
}

.modal-header h4 {
  color: black;
  font-size: 2em;
  letter-spacing: 2px;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

.modal-body p {
  text-align: center;
}

.modal-dialog {
  margin: 5em auto 0 auto;
}

button .close {
  float: right;
  outline: none;  
}


/* ///////////////////// */

a {
    /* color: #92badd; */
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
}

/* STRUCTURE */

.wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 20px;
    width: 100%;
}

#formContent {
    background: #FFF;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
    max-width: 450px;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 90%;
}

#formFooter {
    background-color: #f6f6f6;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #dce8f1;
    padding: 25px;
    text-align: center;
    -webkit-border-radius: 0 0 10px 10px;
}

/* FORM TYPOGRAPHY*/

input[type=button], input[type=submit], input[type=reset] {
    background-color: #56baed;
    border: none;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
    box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
    color: white;
    display: inline-block;
    font-size: 13px;
    margin: 5px 20px 40px 20px;
    padding: 15px 80px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background-color: #39ace7;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

input[type=text], input[type=password], input[type=email], input[type=tel], textarea, select {    
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #0d0d0d;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 15px 32px;
    text-decoration: none;
    width: 85%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus {
    background-color: #fff;
    border-bottom: 2px solid #5fbae9;
}

input[type=text]:placeholder, input[type=password]:placeholder, input[type=email]:placeholder, input[type=tel]:placeholder, textarea:placeholder, select:placeholder {
  color: #cccccc;
}


/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */

.fadeInDown {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/* Simple CSS3 Fade-in Animation */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 0;
}

.fadeIn.first {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.fadeIn.second {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.fadeIn.third {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.fadeIn.fourth {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */

.underlineHover:after {
    background-color: #56baed;
    bottom: -10px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    transition: width 0.2s;
    width: 0;
}

.underlineHover:hover {
    color: #0d0d0d;
}

.underlineHover:hover:after {
    width: 100%;
}

/* OTHERS */

*:focus {
    outline: none;
}

#icon {
    width: 60%;
}

* {
    box-sizing: border-box;
}

/******************************
home_cuenta
*******************************/
hr { 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  border: 0; 
  height: 1px; 
}

/* ...........@media...........*/

@media only screen and (max-width: 991px) {
    .product-name {
        height: 60px;
    }
    .img-sc {
        width: 120px;
    }
    .product-name .one-eight {
        width: 180px;
    }
    .product-cart .one-eight {
        width: 80px;
    }
    .product-cart .one-forth {
        display: table;
        float: left;
        height: 100px !important;
        width: calc(100% - 520px);
    }
    .product-name .one-eight {
        width: 100px;
    }
    .product-cart .one-forth, .product-name .one-forth {
        width: calc(100% - 320px);
    }
    .total-wrap .total {
        margin-left: 20px;
        width: 190%;
    }
    .form-check-input {
        margin-left: -1.25rem;
    }
}

@media only screen and (max-width: 959px) {}

@media only screen and (max-width: 880px) {}

@media only screen and (max-width: 767px) {  
  .cartItem {
    display: table;
    table-layout: auto;
    border-spacing: 0 30px;
    width: 100%;
  }
  
  .cartItem_info {
    max-width: 300px;
    width: auto;    
  }  
  
  .cartItem_info ~ .cartItem_Actions, .cartItem_info ~ .cartItem_LinePrice {
    display: table-cell;
    vertical-align: middle;
  }
    .img-sc {
        width: 100px;
    }
  
    .total-wrap .total {
        margin-left: auto;
        width: 85%;
    }
    .container-login {
        height: auto;
        margin-top: 50px;
        padding-bottom: 10px;
        padding-top: 20px;
        width: 80%;
    }
    .form-check-input {
        margin-left: 4.75rem;
    } 
  .cartItem {
    display: table-row;
  }
  
}

@media only screen and (max-width: 575px) {
  .cartHead {
    display: none;
  }      

  .Price {
    clear: both;
    width: 70px;
  }


  .product-removal {
    width: auto;
  }

  .cartItem_LinePrice {
    float: right;
    width: 70px;
  }

  .total-wrap .total {
    margin-left: 0;
    width: 100%;
  }
  
    .container-login {
        height: auto;
        margin-top: 50px;
        padding-bottom: 10px;
        padding-top: 20px;
        width: 100%;
    }
    .form-check-input {
        margin-left: 1.75rem;
    }
  .cartItem_info ~ .cartItem_LinePrice {
    display: none;
  }
  
  .cartItem_QuantitySelector {
    float: left;
  }
  
  .Link-underline {
    float: right;
    margin-right: calc(-80%*2);
    margin-top: -30px;
  }
  
  .cartItem_info ~ .cartItem_Actions, .cartItem_info ~ .cartItem_LinePrice {
    margin-top: 100px;
    position: absolute;
    width: 100%;
    padding-left: 5px;
    left: 118px;
  }
}

@media only screen and (max-width: 479px) {
    .product-name {
        display: none;
    }
    .product-cart {
        border-top: 1px solid #f0f0f0;
        margin-left: 0;
        margin-right: 0;
    }
    .product-cart .one-eight {
        width: auto;
    }
    .form-check-input {
        margin-left: 1.75rem;
    } 
  .Link-underline {
    margin-right: calc(-50%*2);
  }
}

@media only screen and (max-width: 400px) {
    .product-name {
        display: none;
    }
    .product-cart {
        border-top: 1px solid #f0f0f0;
        margin-left: 0;
        margin-right: 0;
        overflow: auto;
    }
    .product-cart .one-forth {
        height: 10px !important;
        width: calc(100% - 1px);
    }
    .product-cart .one-eight {
        height: 10px !important;
        width: 100%;
    }
    .product-cart .display-tc {
        height: 40px;
        width: 100%;
    }
    .news_submit_btn {
        width: 100%;
    }
    .form-check-input {
        margin-left: -0.25rem;
    }
  .Link-underline {
    margin-right: calc(-25%*2);
  }
}

@media only screen and (max-width: 320px) {
  .ItemList {
    border-spacing: 0 50px;
  }
  .cartItem_info ~ .cartItem_Actions, .cartItem_info ~ .cartItem_LinePrice {
    margin-top: 125px;
  }
  
  .Link-underline {
    margin-right: calc(-5%*2);
    margin-top: -70px;
  }
}