@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/ttf/montserrat-medium.ttf') format('truetype');
  font-style: normal;
    font-weight: 500;
  font-display: block;
}

:root {
  --color-principal-textos: #2b2b2b;
  --color-principal: #2b2b2b;
  --color-principal-hover: #151515;
  --color-secundario: #0067b1;
  --color-secundario-hover: #257abc;
}

ul::-webkit-scrollbar, div::-webkit-scrollbar, html::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

ul::-webkit-scrollbar-track, div::-webkit-scrollbar-track, html::-webkit-scrollbar-track  {
    background-color: rgb(255 255 255 / 60%);
    border-radius: 8px;
}

ul::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}
.hidden {
  display: none !important;
}
body {
  font-family: 'Montserrat', "arial";
}
.color-white {
  color: white !important;
}
p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--color-principal-textos);
}
a {
  color: #353535;
  text-decoration: none
}
a:focus,
a:hover {
  color: #000;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}
a:not([href]):not([tabindex]):focus {
  outline: none
}
.btn-primary,
.btn-secondary,
.btn-tertiary {
  text-transform:uppercase;
  font-weight:600;
  padding:.5rem 1.25rem;
  border: 1px solid black
}
.btn-primary .material-icons,
.btn-secondary .material-icons,
.btn-tertiary .material-icons {
  margin-right:.625rem
}
.btn-primary {
  background: #365e80;
}
.btn-primary:hover {
  background: #4f6a81;
}
.btn-primary:active {
  background: #21537e !important;
}
.btn-tertiary {
  background-color:#f7f7f7;
  text-transform:lowercase;
  color:#7a7a7a;
  padding:.25rem;
  margin:.25rem 0;
  font-weight:400;
  font-size:.875rem
}
.btn-tertiary .material-icons {
  font-size:1rem
}
.btn-tertiary:hover {
  box-shadow:.0625rem .0625rem .0625rem 0 rgba(0,
    0,
    0,
    .2);
  border:1px solid rgba(35,
    35,
    35,
    .2)
}
span:focus,i:focus,button:focus {
  outline: none !important;
}
.btn-unstyle {
  background-color:transparent;
  border:none;
  padding:0;
  text-align:inherit
}
.btn-unstyle:focus {
  outline:0
}
.btn-unstyle:focus .expand-more {
  color:black;
}
.btn-primary {
  color: white;
  background-color: #365e80;
  border-color: transparent;
}
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: 0;
  color: black;
}
.btn, button, span, i, div, p{
  outline: none !important;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.btn.focus,
.btn:focus,
.btn:hover {
  text-decoration: none
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0
}
.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
  opacity: .45
}
.btn .nostock_txt {
  display: none
}
.btn:disabled .add_txt {
  display: none;
}
.btn:disabled .nostock_txt {
  display: block;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  /* color: #fff;
   background-color: #484848!important;
   border: 1px solid black;*/
}
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #eaeaea;
  border-color: transparent;
  background-image: none;
}
.btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #eaeaea;
  border-color: transparent
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
  background-color: #eaeaea;
  border-color: transparent
}
.block_newsletter button.btn.btn-primary {
  font-weight: bold;
  background: transparent;    
}
.block_newsletter form button[type=submit], .block_newsletter form button[type=submit]:hover, .block_newsletter form button[type=submit]:disabled:hover {
  border-bottom: 1px solid #5a5a5a;
}    
.btn-secondary,
.btn-tertiary {
  color: #232323;
  background-color: #f6f6f6;
  border-color: transparent
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-tertiary:focus,
.btn-tertiary:hover,
.focus.btn-tertiary {
  color: #232323;
  background-color: #ddd;
  border-color: transparent
}
.active.btn-tertiary,
.btn-secondary.active,
.btn-secondary:active,
.btn-tertiary:active,
.open > .btn-secondary.dropdown-toggle,
.open > .dropdown-toggle.btn-tertiary {
  color: #232323;
  background-color: #ddd;
  border-color: transparent;
  background-image: none
}
.active.btn-tertiary:focus,
.active.btn-tertiary:hover,
.active.focus.btn-tertiary,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.btn-tertiary:active.focus,
.btn-tertiary:active:focus,
.btn-tertiary:active:hover,
.open > .btn-secondary.dropdown-toggle.focus,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .dropdown-toggle.btn-tertiary:focus,
.open > .dropdown-toggle.btn-tertiary:hover,
.open > .dropdown-toggle.focus.btn-tertiary {
  color: #232323;
  background-color: #cbcbcb;
  border-color: transparent
}
.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary:disabled.focus,
.btn-secondary:disabled:focus,
.btn-secondary:disabled:hover,
.btn-tertiary:disabled.focus,
.btn-tertiary:disabled:focus,
.btn-tertiary:disabled:hover,
.disabled.btn-tertiary:focus,
.disabled.btn-tertiary:hover,
.disabled.focus.btn-tertiary {
  background-color: #f6f6f6;
  border-color: transparent
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de
}
.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2
}
.btn-info.active,
.btn-info:active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
  background-image: none
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .btn-info.dropdown-toggle.focus,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1f7e9a
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled:hover {
  background-color: #5bc0de;
  border-color: #5bc0de
}
.btn-success {
  color: #fff;
  background-color: #4cbb6c;
  border-color: #4cbb6c
}
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
  color: #fff;
  background-color: #3a9a56;
  border-color: #389252
}
.btn-success.active,
.btn-success:active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #3a9a56;
  border-color: #389252;
  background-image: none
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .btn-success.dropdown-toggle.focus,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #318047;
  border-color: #256237
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled:hover {
  background-color: #4cbb6c;
  border-color: #4cbb6c
}
.btn-warning {
  color: #fff;
  background-color: #ff9a52;
  border-color: #ff9a52
}
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
  color: #fff;
  background-color: #ff7c1f;
  border-color: #ff7615
}
.btn-warning.active,
.btn-warning:active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ff7c1f;
  border-color: #ff7615;
  background-image: none
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .btn-warning.dropdown-toggle.focus,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #fa6800;
  border-color: #d25700
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled:hover {
  background-color: #ff9a52;
  border-color: #ff9a52
}
.btn-danger {
  color: #fff;
  background-color: #ff4c4c;
  border-color: #ff4c4c
}
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
  color: #fff;
  background-color: #ff1919;
  border-color: #ff0f0f
}
.btn-danger.active,
.btn-danger:active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff1919;
  border-color: #ff0f0f;
  background-image: none
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .btn-danger.dropdown-toggle.focus,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #f40000;
  border-color: #c00
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled:hover {
  background-color: #ff4c4c;
  border-color: #ff4c4c
}
.btn-outline-primary {
  color: #2fb5d2;
  background-image: none;
  background-color: transparent;
  border-color: #2fb5d2
}
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #2fb5d2;
  border-color: #2fb5d2
}
.btn-outline-primary.active.focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary:active.focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.open > .btn-outline-primary.dropdown-toggle.focus,
.open > .btn-outline-primary.dropdown-toggle:focus,
.open > .btn-outline-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #1e788c;
  border-color: #175c6a
}
.btn-outline-primary.disabled.focus,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled.focus,
.btn-outline-primary:disabled:focus,
.btn-outline-primary:disabled:hover {
  border-color: #83d3e4
}
.btn-outline-secondary {
  color: transparent;
  background-image: none;
  background-color: transparent;
  border-color: transparent
}
.btn-outline-secondary.active,
.btn-outline-secondary.active.focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.active:hover,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary:active.focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:active:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.open > .btn-outline-secondary.dropdown-toggle,
.open > .btn-outline-secondary.dropdown-toggle.focus,
.open > .btn-outline-secondary.dropdown-toggle:focus,
.open > .btn-outline-secondary.dropdown-toggle:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}
.btn-outline-secondary.disabled.focus,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled.focus,
.btn-outline-secondary:disabled:focus,
.btn-outline-secondary:disabled:hover {
  border-color: rgba(51, 51, 51, 0)
}
.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de
}
.btn-outline-info.active,
.btn-outline-info.focus,
.btn-outline-info:active,
.btn-outline-info:focus,
.btn-outline-info:hover,
.open > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de
}
.btn-outline-info.active.focus,
.btn-outline-info.active:focus,
.btn-outline-info.active:hover,
.btn-outline-info:active.focus,
.btn-outline-info:active:focus,
.btn-outline-info:active:hover,
.open > .btn-outline-info.dropdown-toggle.focus,
.open > .btn-outline-info.dropdown-toggle:focus,
.open > .btn-outline-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1f7e9a
}
.btn-outline-info.disabled.focus,
.btn-outline-info.disabled:focus,
.btn-outline-info.disabled:hover,
.btn-outline-info:disabled.focus,
.btn-outline-info:disabled:focus,
.btn-outline-info:disabled:hover {
  border-color: #b0e1ef
}
.btn-outline-success {
  color: #4cbb6c;
  background-image: none;
  background-color: transparent;
  border-color: #4cbb6c
}
.btn-outline-success.active,
.btn-outline-success.focus,
.btn-outline-success:active,
.btn-outline-success:focus,
.btn-outline-success:hover,
.open > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #4cbb6c;
  border-color: #4cbb6c
}
.btn-outline-success.active.focus,
.btn-outline-success.active:focus,
.btn-outline-success.active:hover,
.btn-outline-success:active.focus,
.btn-outline-success:active:focus,
.btn-outline-success:active:hover,
.open > .btn-outline-success.dropdown-toggle.focus,
.open > .btn-outline-success.dropdown-toggle:focus,
.open > .btn-outline-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #318047;
  border-color: #256237
}
.btn-outline-success.disabled.focus,
.btn-outline-success.disabled:focus,
.btn-outline-success.disabled:hover,
.btn-outline-success:disabled.focus,
.btn-outline-success:disabled:focus,
.btn-outline-success:disabled:hover {
  border-color: #96d7a9
}
.btn-outline-warning {
  color: #ff9a52;
  background-image: none;
  background-color: transparent;
  border-color: #ff9a52
}
.btn-outline-warning.active,
.btn-outline-warning.focus,
.btn-outline-warning:active,
.btn-outline-warning:focus,
.btn-outline-warning:hover,
.open > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #ff9a52;
  border-color: #ff9a52
}
.btn-outline-warning.active.focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.active:hover,
.btn-outline-warning:active.focus,
.btn-outline-warning:active:focus,
.btn-outline-warning:active:hover,
.open > .btn-outline-warning.dropdown-toggle.focus,
.open > .btn-outline-warning.dropdown-toggle:focus,
.open > .btn-outline-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #fa6800;
  border-color: #d25700
}
.btn-outline-warning.disabled.focus,
.btn-outline-warning.disabled:focus,
.btn-outline-warning.disabled:hover,
.btn-outline-warning:disabled.focus,
.btn-outline-warning:disabled:focus,
.btn-outline-warning:disabled:hover {
  border-color: #ffd6b8
}
.btn-outline-danger {
  color: #ff4c4c;
  background-image: none;
  background-color: transparent;
  border-color: #ff4c4c
}
.btn-outline-danger.active,
.btn-outline-danger.focus,
.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:hover,
.open > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff4c4c;
  border-color: #ff4c4c
}
.btn-outline-danger.active.focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.active:hover,
.btn-outline-danger:active.focus,
.btn-outline-danger:active:focus,
.btn-outline-danger:active:hover,
.open > .btn-outline-danger.dropdown-toggle.focus,
.open > .btn-outline-danger.dropdown-toggle:focus,
.open > .btn-outline-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #f40000;
  border-color: #c00
}
.btn-outline-danger.disabled.focus,
.btn-outline-danger.disabled:focus,
.btn-outline-danger.disabled:hover,
.btn-outline-danger:disabled.focus,
.btn-outline-danger:disabled:focus,
.btn-outline-danger:disabled:hover {
  border-color: #ffb2b2
}
.btn-link {
  font-weight: 400;
  color: #353535;
  border-radius: 0
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
  background-color: transparent
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
  color: #000;
  text-decoration: underline;
  background-color: transparent
}
.btn-link:disabled:focus,
.btn-link:disabled:hover {
  color: #f1f1f1;
  text-decoration: none
}
.btn-group-lg > .btn,
.btn-lg {
  padding: .75rem 1.5 rem;
  font-size: .9375rem;
  border-radius: .3rem
}
.btn-group-sm > .btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem
}
.btn-block {
  display: block;
  width: 100%
}
.btn-block+ .btn-block {
  margin-top: .5rem
}
.product-actions .add-to-cart {
  height: 60px;
  line-height: inherit;
  width: 100%;
  border: 1px solid #009fe3;
  font-size: 17px;
  background: #009fe3;
  color: white;
  border-radius: 10px;
  padding: 8px 8px 8px;
  transition: 500ms;
}
.product-price {
  color: #898989;
  font-size: 25px;
  display: inline-block;
  font-weight: normal;
}
.form-control {
  color: #000000;
}
.products-sort-order.dropdown i.material-icons {
  color: black;
  font-size: 18px;
  line-height: 23px;
}
button.btn.btn-primary.save_information:focus {
  color: white;
}
button.btn.btn-primary.save_information:hover {
  color: white;
}
.card {
  border: none;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default{
  background: #777777
}
.input-group .input-group-btn>.btn {
  padding: 12px 10px 13px;
}

/*form assets, placeholder and select*/
.contentselect {
  margin: 0 -1%;
}
.custom-checkbox input[type=checkbox]+span {
  vertical-align: top;
}
.contentselect > select {
  width: 31.3%;
  float: left;
  margin: 0 1%;
}
.containerinputs {
  max-width: 700px;
}
.custom-checkbox label {
  text-align: left;
  width: calc(100% - 25px);
  vertical-align: top;
  margin-bottom: 2px;
  line-height: 15px;
}
/*placeholcer effect end*/
#header a:hover {
  color:black;
}
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: black;
  width: 45px;
  height: 45px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index:90
}
#return-to-top i {
  color: white;
  margin: 0;
  position: relative;
  left: 8px;
  top: 8px;
  font-size: 28px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.js-mailalert button.btn.btn-primary {
  background: black;
  color: white;
  width: 100%;
  margin: 10px 0px;
}
@media(max-width: 767px){
  .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
    width: 2rem;
  }
}