/*

 *  Bootstrap TouchSpin - v3.1.1

 *  A mobile and touch friendly input spinner component for Bootstrap 3.

 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/

 *

 *  Made by István Ujj-Mészáros

 *  Under Apache License v2.0 License

 */

@font-face {
  font-family: 'Dancing Script';
  src: url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap');
}



.bootstrap-touchspin .input-group-btn-vertical {

  position: relative;

  white-space: nowrap;

  width: 1%;

  vertical-align: middle;

  display: table-cell

}



.bootstrap-touchspin .input-group-btn-vertical>.btn {

  display: block;

  float: none;

  width: 100%;

  max-width: 100%;

  padding: 8px 10px;

  margin-left: -1px;

  position: relative

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

  border-radius: 0;

  border-top-right-radius: 4px

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

  margin-top: -2px;

  border-radius: 0;

  border-bottom-right-radius: 4px

}



.bootstrap-touchspin .input-group-btn-vertical i {

  position: absolute;

  top: 3px;

  left: 5px;

  font-size: 9px;

  font-weight: 400

}





/*!

 * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)

 * Copyright 2011-2016 The Bootstrap Authors

 * Copyright 2011-2016 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */





/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */



html {

  font-family: sans-serif;

  line-height: 1.15;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}



body {

  margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  display: block;

}



audio,

canvas,

progress,

video {

  display: inline-block;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



progress {

  vertical-align: baseline;

}



template,

[hidden] {

  display: none;

}



a {

  background-color: transparent;

  -webkit-text-decoration-skip: objects;

}



a:active,

a:hover {

  outline-width: 0;

}



abbr[title] {

  border-bottom: none;

  text-decoration: underline;

  text-decoration: underline dotted;

}



b,

strong {

  font-weight: inherit;

}



b,

strong {

  font-weight: 600;

}



dfn {

  font-style: italic;

}



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



mark {

  background-color: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



img {

  border-style: none;

}



svg:not(:root) {

  overflow: hidden;

}



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



figure {

  margin: 1em 40px;

}



hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}



button,

input,

optgroup,

select,

textarea {

  font: inherit;

  margin: 0;

}



optgroup {

  font-weight: bold;

}



button,

input {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

html [type="button"],

[type="reset"],

[type="submit"] {

  -webkit-appearance: button;

}



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  box-sizing: border-box;

  color: inherit;

  display: table;

  max-width: 100%;

  padding: 0;

  white-space: normal;

}



textarea {

  overflow: auto;

}



[type="checkbox"],

[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



[type="search"] {

  -webkit-appearance: textfield;

  outline-offset: -2px;

}



[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



::-webkit-input-placeholder {

  color: inherit;

  opacity: 0.54;

}



::-webkit-file-upload-button {

  -webkit-appearance: button;

  font: inherit;

}



@media print {

  *,

  *::before,

  *::after,

  *::first-letter,

  p::first-line,

  div::first-line,

  blockquote::first-line,

  li::first-line {

    text-shadow: none !important;

    box-shadow: none !important;

  }

  a,

  a:visited {

    text-decoration: underline;

  }

  abbr[title]::after {

    content: " (" attr(title) ")";

  }

  pre {

    white-space: pre-wrap !important;

  }

  pre,

  blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }

  thead {

    display: table-header-group;

  }

  tr,

  img {

    page-break-inside: avoid;

  }

  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }

  h2,

  h3 {

    page-break-after: avoid;

  }

  .navbar {

    display: none;

  }

  .btn>.caret,

  .dropup>.btn>.caret {

    border-top-color: #000 !important;

  }

  .tag {

    border: 1px solid #000;

  }

  .table {

    border-collapse: collapse !important;

  }

  .table td,

  .table th {

    background-color: #fff !important;

  }

  .table-bordered th,

  .table-bordered td {

    border: 1px solid #ddd !important;

  }

}



html {

  box-sizing: border-box;

}



*,

*::before,

*::after {

  box-sizing: inherit;

}



@-ms-viewport {

  width: device-width;

}



html {

  font-size: 16px;

  -ms-overflow-style: scrollbar;

  -webkit-tap-highlight-color: transparent;

}



body {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-size: 1rem;

  line-height: 1.5;

  color: #808080;

  background-color: #fff;

}



[tabindex="-1"]:focus {

  outline: none !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin-top: 0;

  margin-bottom: .5rem;

}



p {

  margin-top: 0;

  margin-bottom: 1rem;

}



abbr[title],

abbr[data-original-title] {

  cursor: help;

  border-bottom: 1px dotted #ebebeb;

}



address {

  margin-bottom: 1rem;

  font-style: normal;

  line-height: inherit;

}



ol,

ul,

dl {

  margin-top: 0;

  margin-bottom: 1rem;

}



ol ol,

ul ul,

ol ul,

ul ol {

  margin-bottom: 0;

}



dt {

  font-weight: bold;

}



dd {

  margin-bottom: .5rem;

  margin-left: 0;

}



blockquote {

  margin: 0 0 1rem;

}



a {

  color: #262626;

  text-decoration: none;

}



a:focus,

a:hover {

  color: #4d7df0;

  text-decoration: underline;

}



a:focus {

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



a:not([href]):not([tabindex]) {

  color: inherit;

  text-decoration: none;

}



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;

}



pre {

  margin-top: 0;

  margin-bottom: 1rem;

  overflow: auto;

}



figure {

  margin: 0 0 1rem;

}



img {

  vertical-align: middle;

}



[role="button"] {

  cursor: pointer;

}



a,

area,

button,

[role="button"],

input,

label,

select,

summary,

textarea {

  touch-action: manipulation;

}



table {

  border-collapse: collapse;

  background-color: transparent;

}



caption {

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  color: #878787;

  text-align: left;

  caption-side: bottom;

}



th {

  text-align: left;

}



label {

  display: inline-block;

  margin-bottom: .5rem;

}



button:focus {

  outline: 1px dotted;

  outline: 5px auto -webkit-focus-ring-color;

}



input,

button,

select,

textarea {

  line-height: inherit;

}



input[type="radio"]:disabled,

input[type="checkbox"]:disabled {

  cursor: not-allowed;

}



input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

  -webkit-appearance: listbox;

}



textarea {

  resize: vertical;

}



fieldset {

  min-width: 0;

  padding: 0;

  margin: 0;

  border: 0;

}



legend {

  display: block;

  width: 100%;

  padding: 0;

  margin-bottom: .5rem;

  font-size: 1.5rem;

  line-height: inherit;

}



input[type="search"] {

  -webkit-appearance: none;

}



output {

  display: inline-block;

}



[hidden] {

  display: none !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  margin-bottom: 0.5rem;

  font-family: inherit;

  font-weight: 500;

  line-height: 1.1;

  color: inherit;

}



h1,

.h1 {

  font-size: 1.375rem;

}



h2,

.h2 {

  font-size: 1.25rem;

}



h3,

.h3 {

  font-size: 1.125rem;

}



h4,

.h4 {

  font-size: 1.125rem;

}



h5,

.h5 {

  font-size: 1rem;

}



h6,

.h6 {

  font-size: 0.9375rem;

}



.lead {

  font-size: 1.25rem;

  font-weight: 300;

}



.display-1 {

  font-size: 3.125rem;

  font-weight: 600;

}



.display-2 {

  font-size: 2.1875rem;

  font-weight: 400;

}



.display-3 {

  font-size: 1.5625rem;

  font-weight: 400;

}



.display-4 {

  font-size: 1.25rem;

  font-weight: 400;

}



hr {

  margin-top: 1rem;

  margin-bottom: 1rem;

  border: 0;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



small,

.small {

  font-size: 80%;

  font-weight: normal;

}



mark,

.mark {

  padding: 0.2em;

  background-color: #fcf8e3;

}



.list-unstyled {

  padding-left: 0;

  list-style: none;

}



.list-inline {

  padding-left: 0;

  list-style: none;

}



.list-inline-item {

  display: inline-block;

}



.list-inline-item:not(:last-child) {

  margin-right: 5px;

}



.initialism {

  font-size: 90%;

  text-transform: uppercase;

}



.blockquote {

  padding: 0.5rem 1rem;

  margin-bottom: 1rem;

  font-size: 1.25rem;

  border-left: 0.25rem solid #f6f6f6;

}



.blockquote-footer {

  display: block;

  font-size: 80%;

  color: #ebebeb;

}



.blockquote-footer::before {

  content: "\2014   \A0";

}



.blockquote-reverse {

  padding-right: 1rem;

  padding-left: 0;

  text-align: right;

  border-right: 0.25rem solid #f6f6f6;

  border-left: 0;

}



.blockquote-reverse .blockquote-footer::before {

  content: "";

}



.blockquote-reverse .blockquote-footer::after {

  content: "\A0   \2014";

}



dl.row>dd+dt {

  clear: left;

}



.img-fluid,

.carousel-inner>.carousel-item>img,

.carousel-inner>.carousel-item>a>img {

  max-width: 65%;

  height: auto;
    padding-bottom: 20px;

}



.img-thumbnail {

  padding: 0.25rem;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 0;

  transition: all .2s ease-in-out;

  max-width: 100%;

  height: auto;

}



.figure {

  display: inline-block;

}



.figure-img {

  margin-bottom: 0.5rem;

  line-height: 1;

}



.figure-caption {

  font-size: 90%;

  color: #ebebeb;

}



code,

kbd,

pre,

samp {

  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}



code {

  padding: 0.2rem 0.4rem;

  font-size: 90%;

  color: #bd4147;

  background-color: #f7f7f9;

  border-radius: 0;

}



kbd {

  padding: 0.2rem 0.4rem;

  font-size: 90%;

  color: #fff;

  background-color: #333;

  border-radius: 0.2rem;

}



kbd kbd {

  padding: 0;

  font-size: 100%;

  font-weight: bold;

}



pre {

  display: block;

  margin-top: 0;

  margin-bottom: 1rem;

  font-size: 90%;

  color: #808080;

}



pre code {

  padding: 0;

  font-size: inherit;

  color: inherit;

  background-color: transparent;

  border-radius: 0;

}



.pre-scrollable {

  max-height: 340px;

  overflow-y: scroll;

}



.container {

  margin-left: auto;

  margin-right: auto;

  padding-left: 15px;

  padding-right: 15px;

}



.container::after {

  content: "";

  display: table;

  clear: both;

}



@media (min-width: 768px) {

  .container {

    width: 720px;

    max-width: 100%;

  }

}



@media (min-width: 992px) {

  .container {

    width: 960px;

    max-width: 100%;

  }
    
    .pull-xs-right {

  display: none;

}

}



@media (min-width: 1230px) {

  .container {

    width: 1200px;

    max-width: 100%;

  }

}



.container-fluid {

  margin-left: auto;

  margin-right: auto;

  padding-left: 15px;

  padding-right: 15px;

}



.container-fluid::after {

  content: "";

  display: table;

  clear: both;

}



.row {

  margin-right: -15px;

  margin-left: -15px;

}



.row::after {

  content: "";

  display: table;

  clear: both;

}



@media (min-width: 576px) {

  .row {

    margin-right: -15px;

    margin-left: -15px;

  }

}



@media (min-width: 768px) {

  .row {

    margin-right: -15px;

    margin-left: -15px;

  }

}



@media (min-width: 992px) {

  .row {

    margin-right: -15px;

    margin-left: -15px;

  }

}



@media (min-width: 1200px) {

  .row {

    margin-right: -15px;

    margin-left: -15px;

  }

}



.col-xs,

.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-sm,

.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-md,

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-lg,

.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-xl,

.col-xl-1,

.col-xl-2,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-10,

.col-xl-11,

.col-xl-12 {

  position: relative;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px;

}



@media (min-width: 576px) {

  .col-xs,

  .col-xs-1,

  .col-xs-2,

  .col-xs-3,

  .col-xs-4,

  .col-xs-5,

  .col-xs-6,

  .col-xs-7,

  .col-xs-8,

  .col-xs-9,

  .col-xs-10,

  .col-xs-11,

  .col-xs-12,

  .col-sm,

  .col-sm-1,

  .col-sm-2,

  .col-sm-3,

  .col-sm-4,

  .col-sm-5,

  .col-sm-6,

  .col-sm-7,

  .col-sm-8,

  .col-sm-9,

  .col-sm-10,

  .col-sm-11,

  .col-sm-12,

  .col-md,

  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12,

  .col-lg,

  .col-lg-1,

  .col-lg-2,

  .col-lg-3,

  .col-lg-4,

  .col-lg-5,

  .col-lg-6,

  .col-lg-7,

  .col-lg-8,

  .col-lg-9,

  .col-lg-10,

  .col-lg-11,

  .col-lg-12,

  .col-xl,

  .col-xl-1,

  .col-xl-2,

  .col-xl-3,

  .col-xl-4,

  .col-xl-5,

  .col-xl-6,

  .col-xl-7,

  .col-xl-8,

  .col-xl-9,

  .col-xl-10,

  .col-xl-11,

  .col-xl-12 {

    padding-right: 15px;

    padding-left: 15px;

  }

}



@media (min-width: 768px) {

  .col-xs,

  .col-xs-1,

  .col-xs-2,

  .col-xs-3,

  .col-xs-4,

  .col-xs-5,

  .col-xs-6,

  .col-xs-7,

  .col-xs-8,

  .col-xs-9,

  .col-xs-10,

  .col-xs-11,

  .col-xs-12,

  .col-sm,

  .col-sm-1,

  .col-sm-2,

  .col-sm-3,

  .col-sm-4,

  .col-sm-5,

  .col-sm-6,

  .col-sm-7,

  .col-sm-8,

  .col-sm-9,

  .col-sm-10,

  .col-sm-11,

  .col-sm-12,

  .col-md,

  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12,

  .col-lg,

  .col-lg-1,

  .col-lg-2,

  .col-lg-3,

  .col-lg-4,

  .col-lg-5,

  .col-lg-6,

  .col-lg-7,

  .col-lg-8,

  .col-lg-9,

  .col-lg-10,

  .col-lg-11,

  .col-lg-12,

  .col-xl,

  .col-xl-1,

  .col-xl-2,

  .col-xl-3,

  .col-xl-4,

  .col-xl-5,

  .col-xl-6,

  .col-xl-7,

  .col-xl-8,

  .col-xl-9,

  .col-xl-10,

  .col-xl-11,

  .col-xl-12 {

    padding-right: 15px;

    padding-left: 15px;

  }

}



@media (min-width: 992px) {

  .col-xs,

  .col-xs-1,

  .col-xs-2,

  .col-xs-3,

  .col-xs-4,

  .col-xs-5,

  .col-xs-6,

  .col-xs-7,

  .col-xs-8,

  .col-xs-9,

  .col-xs-10,

  .col-xs-11,

  .col-xs-12,

  .col-sm,

  .col-sm-1,

  .col-sm-2,

  .col-sm-3,

  .col-sm-4,

  .col-sm-5,

  .col-sm-6,

  .col-sm-7,

  .col-sm-8,

  .col-sm-9,

  .col-sm-10,

  .col-sm-11,

  .col-sm-12,

  .col-md,

  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12,

  .col-lg,

  .col-lg-1,

  .col-lg-2,

  .col-lg-3,

  .col-lg-4,

  .col-lg-5,

  .col-lg-6,

  .col-lg-7,

  .col-lg-8,

  .col-lg-9,

  .col-lg-10,

  .col-lg-11,

  .col-lg-12,

  .col-xl,

  .col-xl-1,

  .col-xl-2,

  .col-xl-3,

  .col-xl-4,

  .col-xl-5,

  .col-xl-6,

  .col-xl-7,

  .col-xl-8,

  .col-xl-9,

  .col-xl-10,

  .col-xl-11,

  .col-xl-12 {

    padding-right: 15px;

    padding-left: 15px;

  }

}



@media (min-width: 1200px) {

  .col-xs,

  .col-xs-1,

  .col-xs-2,

  .col-xs-3,

  .col-xs-4,

  .col-xs-5,

  .col-xs-6,

  .col-xs-7,

  .col-xs-8,

  .col-xs-9,

  .col-xs-10,

  .col-xs-11,

  .col-xs-12,

  .col-sm,

  .col-sm-1,

  .col-sm-2,

  .col-sm-3,

  .col-sm-4,

  .col-sm-5,

  .col-sm-6,

  .col-sm-7,

  .col-sm-8,

  .col-sm-9,

  .col-sm-10,

  .col-sm-11,

  .col-sm-12,

  .col-md,

  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12,

  .col-lg,

  .col-lg-1,

  .col-lg-2,

  .col-lg-3,

  .col-lg-4,

  .col-lg-5,

  .col-lg-6,

  .col-lg-7,

  .col-lg-8,

  .col-lg-9,

  .col-lg-10,

  .col-lg-11,

  .col-lg-12,

  .col-xl,

  .col-xl-1,

  .col-xl-2,

  .col-xl-3,

  .col-xl-4,

  .col-xl-5,

  .col-xl-6,

  .col-xl-7,

  .col-xl-8,

  .col-xl-9,

  .col-xl-10,

  .col-xl-11,

  .col-xl-12 {

    padding-right: 15px;

    padding-left: 15px;

  }

}



.col-xs-1 {

  float: left;

  width: 8.33333%;

}



.col-xs-2 {

  float: left;

  width: 16.66667%;

}



.col-xs-3 {

  float: left;

  width: 25%;

}



.col-xs-4 {

  float: left;

  width: 33.33333%;

}



.col-xs-5 {

  float: left;

  width: 41.66667%;

}



.col-xs-6 {

  float: left;

  width: 50%;

}



.col-xs-7 {

  float: left;

  width: 58.33333%;

}



.col-xs-8 {

  float: left;

  width: 66.66667%;

}



.col-xs-9 {

  float: left;

  width: 75%;

}



.col-xs-10 {

  float: left;

  width: 83.33333%;

}



.col-xs-11 {

  float: left;

  width: 91.66667%;

}



.col-xs-12 {

  float: left;

  width: 100%;

}



.pull-xs-0 {

  right: auto;

}



.pull-xs-1 {

  right: 8.33333%;

}



.pull-xs-2 {

  right: 16.66667%;

}



.pull-xs-3 {

  right: 25%;

}



.pull-xs-4 {

  right: 33.33333%;

}



.pull-xs-5 {

  right: 41.66667%;

}



.pull-xs-6 {

  right: 50%;

}



.pull-xs-7 {

  right: 58.33333%;

}



.pull-xs-8 {

  right: 66.66667%;

}



.pull-xs-9 {

  right: 75%;

}



.pull-xs-10 {

  right: 83.33333%;

}



.pull-xs-11 {

  right: 91.66667%;

}



.pull-xs-12 {

  right: 100%;

}



.push-xs-0 {

  left: auto;

}



.push-xs-1 {

  left: 8.33333%;

}



.push-xs-2 {

  left: 16.66667%;

}



.push-xs-3 {

  left: 25%;

}



.push-xs-4 {

  left: 33.33333%;

}



.push-xs-5 {

  left: 41.66667%;

}



.push-xs-6 {

  left: 50%;

}



.push-xs-7 {

  left: 58.33333%;

}



.push-xs-8 {

  left: 66.66667%;

}



.push-xs-9 {

  left: 75%;

}



.push-xs-10 {

  left: 83.33333%;

}



.push-xs-11 {

  left: 91.66667%;

}



.push-xs-12 {

  left: 100%;

}



.offset-xs-1 {

  margin-left: 8.33333%;

}



.offset-xs-2 {

  margin-left: 16.66667%;

}



.offset-xs-3 {

  margin-left: 25%;

}



.offset-xs-4 {

  margin-left: 33.33333%;

}



.offset-xs-5 {

  margin-left: 41.66667%;

}



.offset-xs-6 {

  margin-left: 50%;

}



.offset-xs-7 {

  margin-left: 58.33333%;

}



.offset-xs-8 {

  margin-left: 66.66667%;

}



.offset-xs-9 {

  margin-left: 75%;

}



.offset-xs-10 {

  margin-left: 83.33333%;

}



.offset-xs-11 {

  margin-left: 91.66667%;

}



@media (min-width: 576px) {

  .col-sm-1 {

    float: left;

    width: 8.33333%;

  }

  .col-sm-2 {

    float: left;

    width: 16.66667%;

  }

  .col-sm-3 {

    float: left;

    width: 25%;

  }

  .col-sm-4 {

    float: left;

    width: 33.33333%;

  }

  .col-sm-5 {

    float: left;

    width: 41.66667%;

  }

  .col-sm-6 {

    float: left;

    width: 50%;

  }

  .col-sm-7 {

    float: left;

    width: 58.33333%;

  }

  .col-sm-8 {

    float: left;

    width: 66.66667%;

  }

  .col-sm-9 {

    float: left;

    width: 75%;

  }

  .col-sm-10 {

    float: left;

    width: 83.33333%;

  }

  .col-sm-11 {

    float: left;

    width: 91.66667%;

  }

  .col-sm-12 {

    float: left;

    width: 100%;

  }

  .pull-sm-0 {

    right: auto;

  }

  .pull-sm-1 {

    right: 8.33333%;

  }

  .pull-sm-2 {

    right: 16.66667%;

  }

  .pull-sm-3 {

    right: 25%;

  }

  .pull-sm-4 {

    right: 33.33333%;

  }

  .pull-sm-5 {

    right: 41.66667%;

  }

  .pull-sm-6 {

    right: 50%;

  }

  .pull-sm-7 {

    right: 58.33333%;

  }

  .pull-sm-8 {

    right: 66.66667%;

  }

  .pull-sm-9 {

    right: 75%;

  }

  .pull-sm-10 {

    right: 83.33333%;

  }

  .pull-sm-11 {

    right: 91.66667%;

  }

  .pull-sm-12 {

    right: 100%;

  }

  .push-sm-0 {

    left: auto;

  }

  .push-sm-1 {

    left: 8.33333%;

  }

  .push-sm-2 {

    left: 16.66667%;

  }

  .push-sm-3 {

    left: 25%;

  }

  .push-sm-4 {

    left: 33.33333%;

  }

  .push-sm-5 {

    left: 41.66667%;

  }

  .push-sm-6 {

    left: 50%;

  }

  .push-sm-7 {

    left: 58.33333%;

  }

  .push-sm-8 {

    left: 66.66667%;

  }

  .push-sm-9 {

    left: 75%;

  }

  .push-sm-10 {

    left: 83.33333%;

  }

  .push-sm-11 {

    left: 91.66667%;

  }

  .push-sm-12 {

    left: 100%;

  }

  .offset-sm-0 {

    margin-left: 0%;

  }

  .offset-sm-1 {

    margin-left: 8.33333%;

  }

  .offset-sm-2 {

    margin-left: 16.66667%;

  }

  .offset-sm-3 {

    margin-left: 25%;

  }

  .offset-sm-4 {

    margin-left: 33.33333%;

  }

  .offset-sm-5 {

    margin-left: 41.66667%;

  }

  .offset-sm-6 {

    margin-left: 50%;

  }

  .offset-sm-7 {

    margin-left: 58.33333%;

  }

  .offset-sm-8 {

    margin-left: 66.66667%;

  }

  .offset-sm-9 {

    margin-left: 75%;

  }

  .offset-sm-10 {

    margin-left: 83.33333%;

  }

  .offset-sm-11 {

    margin-left: 91.66667%;

  }

}



@media (min-width: 768px) {

  .col-md-1 {

    float: left;

    width: 8.33333%;

  }

  .col-md-2 {

    float: left;

    width: 16.66667%;

  }

  .col-md-3 {

    float: left;

    width: 25%;

  }

  .col-md-4 {

    float: left;

    width: 33.33333%;

  }

  .col-md-5 {

    float: left;

    width: 41.66667%;

  }

  .col-md-6 {

    float: left;

    width: 50%;

  }

  .col-md-7 {

    float: left;

    width: 58.33333%;

  }

  .col-md-8 {

    float: left;

    width: 66.66667%;

  }

  .col-md-9 {

    float: left;

    width: 75%;

  }

  .col-md-10 {

    float: left;

    width: 83.33333%;

  }

  .col-md-11 {

    float: left;

    width: 91.66667%;

  }

  .col-md-12 {

    float: left;

    width: 100%;

  }

  .pull-md-0 {

    right: auto;

  }

  .pull-md-1 {

    right: 8.33333%;

  }

  .pull-md-2 {

    right: 16.66667%;

  }

  .pull-md-3 {

    right: 25%;

  }

  .pull-md-4 {

    right: 33.33333%;

  }

  .pull-md-5 {

    right: 41.66667%;

  }

  .pull-md-6 {

    right: 50%;

  }

  .pull-md-7 {

    right: 58.33333%;

  }

  .pull-md-8 {

    right: 66.66667%;

  }

  .pull-md-9 {

    right: 75%;

  }

  .pull-md-10 {

    right: 83.33333%;

  }

  .pull-md-11 {

    right: 91.66667%;

  }

  .pull-md-12 {

    right: 100%;

  }

  .push-md-0 {

    left: auto;

  }

  .push-md-1 {

    left: 8.33333%;

  }

  .push-md-2 {

    left: 16.66667%;

  }

  .push-md-3 {

    left: 25%;

  }

  .push-md-4 {

    left: 33.33333%;

  }

  .push-md-5 {

    left: 41.66667%;

  }

  .push-md-6 {

    left: 50%;

  }

  .push-md-7 {

    left: 58.33333%;

  }

  .push-md-8 {

    left: 66.66667%;

  }

  .push-md-9 {

    left: 75%;

  }

  .push-md-10 {

    left: 83.33333%;

  }

  .push-md-11 {

    left: 91.66667%;

  }

  .push-md-12 {

    left: 100%;

  }

  .offset-md-0 {

    margin-left: 0%;

  }

  .offset-md-1 {

    margin-left: 8.33333%;

  }

  .offset-md-2 {

    margin-left: 16.66667%;

  }

  .offset-md-3 {

    margin-left: 25%;

  }

  .offset-md-4 {

    margin-left: 33.33333%;

  }

  .offset-md-5 {

    margin-left: 41.66667%;

  }

  .offset-md-6 {

    margin-left: 50%;

  }

  .offset-md-7 {

    margin-left: 58.33333%;

  }

  .offset-md-8 {

    margin-left: 66.66667%;

  }

  .offset-md-9 {

    margin-left: 75%;

  }

  .offset-md-10 {

    margin-left: 83.33333%;

  }

  .offset-md-11 {

    margin-left: 91.66667%;

  }

}



@media (min-width: 992px) {

  .col-lg-1 {

    float: left;

    width: 8.33333%;

  }

  .col-lg-2 {

    float: left;

    width: 16.66667%;

  }

  .col-lg-3 {

    float: left;

    width: 25%;

  }

  .col-lg-4 {

    float: left;

    width: 33.33333%;

  }

  .col-lg-5 {

    float: left;

    width: 41.66667%;

  }

  .col-lg-6 {

    float: left;

    width: 50%;

  }

  .col-lg-7 {

    float: left;

    width: 58.33333%;

  }

  .col-lg-8 {

    float: left;

    width: 66.66667%;

  }

  .col-lg-9 {

    float: left;

    width: 75%;

  }

  .col-lg-10 {

    float: left;

    width: 83.33333%;

  }

  .col-lg-11 {

    float: left;

    width: 91.66667%;

  }

  .col-lg-12 {

    float: left;

    width: 100%;

  }

  .pull-lg-0 {

    right: auto;

  }

  .pull-lg-1 {

    right: 8.33333%;

  }

  .pull-lg-2 {

    right: 16.66667%;

  }

  .pull-lg-3 {

    right: 25%;

  }

  .pull-lg-4 {

    right: 33.33333%;

  }

  .pull-lg-5 {

    right: 41.66667%;

  }

  .pull-lg-6 {

    right: 50%;

  }

  .pull-lg-7 {

    right: 58.33333%;

  }

  .pull-lg-8 {

    right: 66.66667%;

  }

  .pull-lg-9 {

    right: 75%;

  }

  .pull-lg-10 {

    right: 83.33333%;

  }

  .pull-lg-11 {

    right: 91.66667%;

  }

  .pull-lg-12 {

    right: 100%;

  }

  .push-lg-0 {

    left: auto;

  }

  .push-lg-1 {

    left: 8.33333%;

  }

  .push-lg-2 {

    left: 16.66667%;

  }

  .push-lg-3 {

    left: 25%;

  }

  .push-lg-4 {

    left: 33.33333%;

  }

  .push-lg-5 {

    left: 41.66667%;

  }

  .push-lg-6 {

    left: 50%;

  }

  .push-lg-7 {

    left: 58.33333%;

  }

  .push-lg-8 {

    left: 66.66667%;

  }

  .push-lg-9 {

    left: 75%;

  }

  .push-lg-10 {

    left: 83.33333%;

  }

  .push-lg-11 {

    left: 91.66667%;

  }

  .push-lg-12 {

    left: 100%;

  }

  .offset-lg-0 {

    margin-left: 0%;

  }

  .offset-lg-1 {

    margin-left: 8.33333%;

  }

  .offset-lg-2 {

    margin-left: 16.66667%;

  }

  .offset-lg-3 {

    margin-left: 25%;

  }

  .offset-lg-4 {

    margin-left: 33.33333%;

  }

  .offset-lg-5 {

    margin-left: 41.66667%;

  }

  .offset-lg-6 {

    margin-left: 50%;

  }

  .offset-lg-7 {

    margin-left: 58.33333%;

  }

  .offset-lg-8 {

    margin-left: 66.66667%;

  }

  .offset-lg-9 {

    margin-left: 75%;

  }

  .offset-lg-10 {

    margin-left: 83.33333%;

  }

  .offset-lg-11 {

    margin-left: 91.66667%;

  }

}



@media (min-width: 1200px) {

  .col-xl-1 {

    float: left;

    width: 8.33333%;

  }

  .col-xl-2 {

    float: left;

    width: 16.66667%;

  }

  .col-xl-3 {

    float: left;

    width: 25%;

  }

  .col-xl-4 {

    float: left;

    width: 33.33333%;

  }

  .col-xl-5 {

    float: left;

    width: 41.66667%;

  }

  .col-xl-6 {

    float: left;

    width: 50%;

  }

  .col-xl-7 {

    float: left;

    width: 58.33333%;

  }

  .col-xl-8 {

    float: left;

    width: 66.66667%;

  }

  .col-xl-9 {

    float: left;

    width: 75%;

  }

  .col-xl-10 {

    float: left;

    width: 83.33333%;

  }

  .col-xl-11 {

    float: left;

    width: 91.66667%;

  }

  .col-xl-12 {

    float: left;

    width: 100%;

  }

  .pull-xl-0 {

    right: auto;

  }

  .pull-xl-1 {

    right: 8.33333%;

  }

  .pull-xl-2 {

    right: 16.66667%;

  }

  .pull-xl-3 {

    right: 25%;

  }

  .pull-xl-4 {

    right: 33.33333%;

  }

  .pull-xl-5 {

    right: 41.66667%;

  }

  .pull-xl-6 {

    right: 50%;

  }

  .pull-xl-7 {

    right: 58.33333%;

  }

  .pull-xl-8 {

    right: 66.66667%;

  }

  .pull-xl-9 {

    right: 75%;

  }

  .pull-xl-10 {

    right: 83.33333%;

  }

  .pull-xl-11 {

    right: 91.66667%;

  }

  .pull-xl-12 {

    right: 100%;

  }

  .push-xl-0 {

    left: auto;

  }

  .push-xl-1 {

    left: 8.33333%;

  }

  .push-xl-2 {

    left: 16.66667%;

  }

  .push-xl-3 {

    left: 25%;

  }

  .push-xl-4 {

    left: 33.33333%;

  }

  .push-xl-5 {

    left: 41.66667%;

  }

  .push-xl-6 {

    left: 50%;

  }

  .push-xl-7 {

    left: 58.33333%;

  }

  .push-xl-8 {

    left: 66.66667%;

  }

  .push-xl-9 {

    left: 75%;

  }

  .push-xl-10 {

    left: 83.33333%;

  }

  .push-xl-11 {

    left: 91.66667%;

  }

  .push-xl-12 {

    left: 100%;

  }

  .offset-xl-0 {

    margin-left: 0%;

  }

  .offset-xl-1 {

    margin-left: 8.33333%;

  }

  .offset-xl-2 {

    margin-left: 16.66667%;

  }

  .offset-xl-3 {

    margin-left: 25%;

  }

  .offset-xl-4 {

    margin-left: 33.33333%;

  }

  .offset-xl-5 {

    margin-left: 41.66667%;

  }

  .offset-xl-6 {

    margin-left: 50%;

  }

  .offset-xl-7 {

    margin-left: 58.33333%;

  }

  .offset-xl-8 {

    margin-left: 66.66667%;

  }

  .offset-xl-9 {

    margin-left: 75%;

  }

  .offset-xl-10 {

    margin-left: 83.33333%;

  }

  .offset-xl-11 {

    margin-left: 91.66667%;

  }

}



.table {

  width: 100%;

  max-width: 100%;

  margin-bottom: 1rem;

}



.table th,

.table td {

  padding: 0.75rem;

  vertical-align: top;

  border-top: 1px solid #dddddd;

}



.table thead th {

  vertical-align: bottom;

  border-bottom: 2px solid #dddddd;

}



.table tbody+tbody {

  border-top: 2px solid #dddddd;

}



.table .table {

  background-color: #fff;

}



.table-sm th,

.table-sm td {

  padding: 0.3rem;

}



.table-bordered {

  border: 1px solid #dddddd;

}



.table-bordered th,

.table-bordered td {

  border: 1px solid #dddddd;

}



.table-bordered thead th,

.table-bordered thead td {

  border-bottom-width: 2px;

}



.table-striped tbody tr:nth-of-type(odd) {

  background-color: rgba(0, 0, 0, 0.05);

}



.table-hover tbody tr:hover {

  background-color: rgba(0, 0, 0, 0.075);

}



.table-active,

.table-active>th,

.table-active>td {

  background-color: rgba(0, 0, 0, 0.075);

}



.table-hover .table-active:hover {

  background-color: rgba(0, 0, 0, 0.075);

}



.table-hover .table-active:hover>td,

.table-hover .table-active:hover>th {

  background-color: rgba(0, 0, 0, 0.075);

}



.table-success,

.table-success>th,

.table-success>td {

  background-color: #dff0d8;

}



.table-hover .table-success:hover {

  background-color: #d0e9c6;

}



.table-hover .table-success:hover>td,

.table-hover .table-success:hover>th {

  background-color: #d0e9c6;

}



.table-info,

.table-info>th,

.table-info>td {

  background-color: #d9edf7;

}



.table-hover .table-info:hover {

  background-color: #c4e3f3;

}



.table-hover .table-info:hover>td,

.table-hover .table-info:hover>th {

  background-color: #c4e3f3;

}



.table-warning,

.table-warning>th,

.table-warning>td {

  background-color: #fcf8e3;

}



.table-hover .table-warning:hover {

  background-color: #faf2cc;

}



.table-hover .table-warning:hover>td,

.table-hover .table-warning:hover>th {

  background-color: #faf2cc;

}



.table-danger,

.table-danger>th,

.table-danger>td {

  background-color: #f2dede;

}



.table-hover .table-danger:hover {

  background-color: #ebcccc;

}



.table-hover .table-danger:hover>td,

.table-hover .table-danger:hover>th {

  background-color: #ebcccc;

}



.thead-inverse th {

  color: #fff;

  background-color: #808080;

}



.thead-default th {

  color: #878787;

  background-color: #f6f6f6;

}



.table-inverse {

  color: #f6f6f6;

  background-color: #808080;

}



.table-inverse th,

.table-inverse td,

.table-inverse thead th {

  border-color: #878787;

}



.table-inverse.table-bordered {

  border: 0;

}



.table-responsive {

  display: block;

  width: 100%;

  min-height: 0%;

  overflow-x: auto;

}



.table-reflow thead {

  float: left;

}



.table-reflow tbody {

  display: block;

  white-space: nowrap;

}



.table-reflow th,

.table-reflow td {

  border-top: 1px solid #dddddd;

  border-left: 1px solid #dddddd;

}



.table-reflow th:last-child,

.table-reflow td:last-child {

  border-right: 1px solid #dddddd;

}



.table-reflow thead:last-child tr:last-child th,

.table-reflow thead:last-child tr:last-child td,

.table-reflow tbody:last-child tr:last-child th,

.table-reflow tbody:last-child tr:last-child td,

.table-reflow tfoot:last-child tr:last-child th,

.table-reflow tfoot:last-child tr:last-child td {

  border-bottom: 1px solid #dddddd;

}



.table-reflow tr {

  float: left;

}



.table-reflow tr th,

.table-reflow tr td {

  display: block !important;

  border: 1px solid #dddddd;

}



.form-control {

  display: block;

  width: 100%;

  padding: 0.5rem 0.75rem;

  font-size: 1rem;

  line-height: 1.25;

  color: #878787;

  background-color: #fff;

  background-image: none;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 0;

}



.form-control::-ms-expand {

  background-color: transparent;

  border: 0;

}



.form-control:focus {

  color: #878787;

  background-color: #fff;

  border-color: #66afe9;

  outline: none;

}



.form-control::placeholder {

  color: #999;

  opacity: 1;

}



.form-control:disabled,

.form-control[readonly] {

  background-color: #f6f6f6;

  opacity: 1;

}



.form-control:disabled {

  cursor: not-allowed;

}



select.form-control:not([size]):not([multiple]) {

  height: calc(2.5rem - 2px);

}



select.form-control:focus::-ms-value {

  color: #878787;

  background-color: #fff;

}



.form-control-file,

.form-control-range {

  display: block;

}



.col-form-label {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  margin-bottom: 0;

}



.col-form-label-lg {

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  font-size: 0.9375rem;

}



.col-form-label-sm {

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  font-size: 0.875rem;

}



.col-form-legend {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  margin-bottom: 0;

  font-size: 1rem;

}



.form-control-static {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  line-height: 1.25;

  border: solid transparent;

  border-width: 1px 0;

}



.form-control-static.form-control-sm,

.input-group-sm>.form-control-static.form-control,

.input-group-sm>.form-control-static.input-group-addon,

.input-group-sm>.input-group-btn>.form-control-static.btn,

.form-control-static.form-control-lg,

.input-group-lg>.form-control-static.form-control,

.input-group-lg>.form-control-static.input-group-addon,

.input-group-lg>.input-group-btn>.form-control-static.btn {

  padding-right: 0;

  padding-left: 0;

}



.form-control-sm,

.input-group-sm>.form-control,

.input-group-sm>.input-group-addon,

.input-group-sm>.input-group-btn>.btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  border-radius: 0.2rem;

}



select.form-control-sm:not([size]):not([multiple]),

.input-group-sm>select.form-control:not([size]):not([multiple]),

.input-group-sm>select.input-group-addon:not([size]):not([multiple]),

.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]) {

  height: 1.8125rem;

}



.form-control-lg,

.input-group-lg>.form-control,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.btn {

  padding: 0.75rem 1.5rem;

  font-size: 0.9375rem;

  border-radius: 0.3rem;

}



select.form-control-lg:not([size]):not([multiple]),

.input-group-lg>select.form-control:not([size]):not([multiple]),

.input-group-lg>select.input-group-addon:not([size]):not([multiple]),

.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]) {

  height: 2.75rem;

}



.form-group {

  margin-bottom: 1rem;

}



.form-text {

  display: block;

  margin-top: 0.25rem;

}



.form-check {

  position: relative;

  display: block;

  margin-bottom: 0.75rem;

}



.form-check+.form-check {

  margin-top: -.25rem;

}



.form-check.disabled .form-check-label {

  color: #878787;

  cursor: not-allowed;

}



.form-check-label {

  padding-left: 1.25rem;

  margin-bottom: 0;

  cursor: pointer;

}



.form-check-input {

  position: absolute;

  margin-top: .25rem;

  margin-left: -1.25rem;

}



.form-check-input:only-child {

  position: static;

}



.form-check-inline {

  position: relative;

  display: inline-block;

  padding-left: 1.25rem;

  margin-bottom: 0;

  vertical-align: middle;

  cursor: pointer;

}



.form-check-inline+.form-check-inline {

  margin-left: .75rem;

}



.form-check-inline.disabled {

  color: #878787;

  cursor: not-allowed;

}



.form-control-feedback {

  margin-top: 0.25rem;

}



.form-control-success,

.form-control-warning,

.form-control-danger {

  padding-right: 2.25rem;

  background-repeat: no-repeat;

  background-position: center right 0.625rem;

  background-size: 1.25rem 1.25rem;

}



.has-success .form-control-feedback,

.has-success .form-control-label,

.has-success .form-check-label,

.has-success .form-check-inline,

.has-success .custom-control {

  color: #4cbb6c;

}



.has-success .form-control {

  border-color: #4cbb6c;

}



.has-success .form-control:focus {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #96d7a9;

}



.has-success .input-group-addon {

  color: #4cbb6c;

  border-color: #4cbb6c;

  background-color: #e0f3e5;

}



.has-success .form-control-success {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#4cbb6c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");

}



.has-warning .form-control-feedback,

.has-warning .form-control-label,

.has-warning .form-check-label,

.has-warning .form-check-inline,

.has-warning .custom-control {

  color: #ff9a52;

}



.has-warning .form-control {

  border-color: #ff9a52;

}



.has-warning .form-control:focus {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffd6b8;

}



.has-warning .input-group-addon {

  color: #ff9a52;

  border-color: #ff9a52;

  background-color: white;

}



.has-warning .form-control-warning {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#ff9a52' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");

}



.has-danger .form-control-feedback,

.has-danger .form-control-label,

.has-danger .form-check-label,

.has-danger .form-check-inline,

.has-danger .custom-control {

  color: #ff4c4c;

}



.has-danger .form-control {

  border-color: #ff4c4c;

}



.has-danger .form-control:focus {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb2b2;

}



.has-danger .input-group-addon {

  color: #ff4c4c;

  border-color: #ff4c4c;

  background-color: white;

}



.has-danger .form-control-danger {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#ff4c4c' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");

}



@media (min-width: 576px) {

  .form-inline .form-group {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .form-control {

    display: inline-block;

    width: auto;

    vertical-align: middle;

  }

  .form-inline .form-control-static {

    display: inline-block;

  }

  .form-inline .input-group {

    display: inline-table;

    width: auto;

    vertical-align: middle;

  }

  .form-inline .input-group .input-group-addon,

  .form-inline .input-group .input-group-btn,

  .form-inline .input-group .form-control {

    width: auto;

  }

  .form-inline .input-group>.form-control {

    width: 100%;

  }

  .form-inline .form-control-label {

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .form-check {

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .form-check-label {

    padding-left: 0;

  }

  .form-inline .form-check-input {

    position: relative;

    margin-left: 0;

  }

  .form-inline .has-feedback .form-control-feedback {

    top: 0;

  }

}



.btn {

  display: inline-block;

  font-weight: normal;

  line-height: 1.25;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  user-select: none;

  border: 1px solid transparent;

  padding: 0.5rem 1rem;

  font-size: 1rem;

  border-radius: 0;

}



.btn:focus,

.btn.focus,

.btn:active:focus,

.btn:active.focus,

.btn.active:focus,

.btn.active.focus {

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



.btn:focus,

.btn:hover {

  text-decoration: none;

}



.btn.focus {

  text-decoration: none;

}



.btn:active,

.btn.active {

  background-image: none;

  outline: 0;

}



.btn.disabled,

.btn:disabled {

  cursor: not-allowed;

  opacity: .65;

}



a.btn.disabled,

fieldset[disabled] a.btn {

  pointer-events: none;

}



.btn-primary {

  color: #fff;

  background-color: #000000;

  border-color: #000000;

}



.btn-primary:hover {

  color: #fff;

  background-color: black;

  border-color: black;

}



.btn-primary:focus,

.btn-primary.focus {

  color: #fff;

  background-color: black;

  border-color: black;

}



.btn-primary:active,

.btn-primary.active,

.open>.btn-primary.dropdown-toggle {

  color: #fff;

  background-color: black;

  border-color: black;

  background-image: none;

}



.btn-primary:active:hover,

.btn-primary:active:focus,

.btn-primary:active.focus,

.btn-primary.active:hover,

.btn-primary.active:focus,

.btn-primary.active.focus,

.open>.btn-primary.dropdown-toggle:hover,

.open>.btn-primary.dropdown-toggle:focus,

.open>.btn-primary.dropdown-toggle.focus {

  color: #fff;

  background-color: black;

  border-color: black;

}



.btn-primary.disabled:focus,

.btn-primary.disabled.focus,

.btn-primary:disabled:focus,

.btn-primary:disabled.focus {

  background-color: #000000;

  border-color: #000000;

}



.btn-primary.disabled:hover,

.btn-primary:disabled:hover {

  background-color: #000000;

  border-color: #000000;

}



.btn-secondary,

.btn-tertiary {

  color: #262626;

  background-color: #f6f6f6;

  border-color: transparent;

}



.btn-secondary:hover,

.btn-tertiary:hover {

  color: #262626;

  background-color: #dddddd;

  border-color: transparent;

}



.btn-secondary:focus,

.btn-tertiary:focus,

.btn-secondary.focus,

.focus.btn-tertiary {

  color: #262626;

  background-color: #dddddd;

  border-color: transparent;

}



.btn-secondary:active,

.btn-tertiary:active,

.btn-secondary.active,

.active.btn-tertiary,

.open>.btn-secondary.dropdown-toggle,

.open>.dropdown-toggle.btn-tertiary {

  color: #262626;

  background-color: #dddddd;

  border-color: transparent;

  background-image: none;

}



.btn-secondary:active:hover,

.btn-tertiary:active:hover,

.btn-secondary:active:focus,

.btn-tertiary:active:focus,

.btn-secondary:active.focus,

.btn-tertiary:active.focus,

.btn-secondary.active:hover,

.active.btn-tertiary:hover,

.btn-secondary.active:focus,

.active.btn-tertiary:focus,

.btn-secondary.active.focus,

.active.focus.btn-tertiary,

.open>.btn-secondary.dropdown-toggle:hover,

.open>.dropdown-toggle.btn-tertiary:hover,

.open>.btn-secondary.dropdown-toggle:focus,

.open>.dropdown-toggle.btn-tertiary:focus,

.open>.btn-secondary.dropdown-toggle.focus,

.open>.dropdown-toggle.focus.btn-tertiary {

  color: #262626;

  background-color: #cbcbcb;

  border-color: transparent;

}



.btn-secondary.disabled:focus,

.disabled.btn-tertiary:focus,

.btn-secondary.disabled.focus,

.disabled.focus.btn-tertiary,

.btn-secondary:disabled:focus,

.btn-tertiary:disabled:focus,

.btn-secondary:disabled.focus,

.btn-tertiary:disabled.focus {

  background-color: #f6f6f6;

  border-color: transparent;

}



.btn-secondary.disabled:hover,

.disabled.btn-tertiary:hover,

.btn-secondary:disabled:hover,

.btn-tertiary:disabled:hover {

  background-color: #f6f6f6;

  border-color: transparent;

}



.btn-info {

  color: #fff;

  background-color: #5bc0de;

  border-color: #5bc0de;

}



.btn-info:hover {

  color: #fff;

  background-color: #31b0d5;

  border-color: #2aabd2;

}



.btn-info:focus,

.btn-info.focus {

  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:hover,

.btn-info:active:focus,

.btn-info:active.focus,

.btn-info.active:hover,

.btn-info.active:focus,

.btn-info.active.focus,

.open>.btn-info.dropdown-toggle:hover,

.open>.btn-info.dropdown-toggle:focus,

.open>.btn-info.dropdown-toggle.focus {

  color: #fff;

  background-color: #269abc;

  border-color: #1f7e9a;

}



.btn-info.disabled:focus,

.btn-info.disabled.focus,

.btn-info:disabled:focus,

.btn-info:disabled.focus {

  background-color: #5bc0de;

  border-color: #5bc0de;

}



.btn-info.disabled:hover,

.btn-info:disabled:hover {

  background-color: #5bc0de;

  border-color: #5bc0de;

}



.btn-success {

  color: #fff;

  background-color: #4cbb6c;

  border-color: #4cbb6c;

}



.btn-success:hover {

  color: #fff;

  background-color: #3a9a56;

  border-color: #389252;

}



.btn-success:focus,

.btn-success.focus {

  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:hover,

.btn-success:active:focus,

.btn-success:active.focus,

.btn-success.active:hover,

.btn-success.active:focus,

.btn-success.active.focus,

.open>.btn-success.dropdown-toggle:hover,

.open>.btn-success.dropdown-toggle:focus,

.open>.btn-success.dropdown-toggle.focus {

  color: #fff;

  background-color: #318047;

  border-color: #256237;

}



.btn-success.disabled:focus,

.btn-success.disabled.focus,

.btn-success:disabled:focus,

.btn-success:disabled.focus {

  background-color: #4cbb6c;

  border-color: #4cbb6c;

}



.btn-success.disabled:hover,

.btn-success:disabled:hover {

  background-color: #4cbb6c;

  border-color: #4cbb6c;

}



.btn-warning {

  color: white;

  background-color: #FF9A52;

  border-color: #FF9A52;

}



.btn-warning:hover {

  color: white;

  background-color: #ff7c1f;

  border-color: #ff7615;

}



.btn-warning:focus,

.btn-warning.focus {

  color: white;

  background-color: #ff7c1f;

  border-color: #ff7615;

}



.btn-warning:active,

.btn-warning.active,

.open>.btn-warning.dropdown-toggle {

  color: white;

  background-color: #ff7c1f;

  border-color: #ff7615;

  background-image: none;

}



.btn-warning:active:hover,

.btn-warning:active:focus,

.btn-warning:active.focus,

.btn-warning.active:hover,

.btn-warning.active:focus,

.btn-warning.active.focus,

.open>.btn-warning.dropdown-toggle:hover,

.open>.btn-warning.dropdown-toggle:focus,

.open>.btn-warning.dropdown-toggle.focus {

  color: white;

  background-color: #fa6800;

  border-color: #d25700;

}



.btn-warning.disabled:focus,

.btn-warning.disabled.focus,

.btn-warning:disabled:focus,

.btn-warning:disabled.focus {

  background-color: #FF9A52;

  border-color: #FF9A52;

}



.btn-warning.disabled:hover,

.btn-warning:disabled:hover {

  background-color: #FF9A52;

  border-color: #FF9A52;

}



.btn-danger {

  color: #fff;

  background-color: #ff4c4c;

  border-color: #ff4c4c;

}



.btn-danger:hover {

  color: #fff;

  background-color: #ff1919;

  border-color: #ff0f0f;

}



.btn-danger:focus,

.btn-danger.focus {

  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:hover,

.btn-danger:active:focus,

.btn-danger:active.focus,

.btn-danger.active:hover,

.btn-danger.active:focus,

.btn-danger.active.focus,

.open>.btn-danger.dropdown-toggle:hover,

.open>.btn-danger.dropdown-toggle:focus,

.open>.btn-danger.dropdown-toggle.focus {

  color: #fff;

  background-color: #f40000;

  border-color: #cc0000;

}



.btn-danger.disabled:focus,

.btn-danger.disabled.focus,

.btn-danger:disabled:focus,

.btn-danger:disabled.focus {

  background-color: #ff4c4c;

  border-color: #ff4c4c;

}



.btn-danger.disabled:hover,

.btn-danger:disabled:hover {

  background-color: #ff4c4c;

  border-color: #ff4c4c;

}



.btn-outline-primary {

  color: #000000;

  background-image: none;

  background-color: transparent;

  border-color: #000000;

}



.btn-outline-primary:hover {

  color: #fff;

  background-color: #000000;

  border-color: #000000;

}



.btn-outline-primary:focus,

.btn-outline-primary.focus {

  color: #fff;

  background-color: #000000;

  border-color: #000000;

}



.btn-outline-primary:active,

.btn-outline-primary.active,

.open>.btn-outline-primary.dropdown-toggle {

  color: #fff;

  background-color: #000000;

  border-color: #000000;

}



.btn-outline-primary:active:hover,

.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,

.open>.btn-outline-primary.dropdown-toggle:hover,

.open>.btn-outline-primary.dropdown-toggle:focus,

.open>.btn-outline-primary.dropdown-toggle.focus {

  color: #fff;

  background-color: black;

  border-color: black;

}



.btn-outline-primary.disabled:focus,

.btn-outline-primary.disabled.focus,

.btn-outline-primary:disabled:focus,

.btn-outline-primary:disabled.focus {

  border-color: #333333;

}



.btn-outline-primary.disabled:hover,

.btn-outline-primary:disabled:hover {

  border-color: #333333;

}



.btn-outline-secondary {

  color: transparent;

  background-image: none;

  background-color: transparent;

  border-color: transparent;

}



.btn-outline-secondary:hover {

  color: #fff;

  background-color: transparent;

  border-color: transparent;

}



.btn-outline-secondary:focus,

.btn-outline-secondary.focus {

  color: #fff;

  background-color: transparent;

  border-color: transparent;

}



.btn-outline-secondary:active,

.btn-outline-secondary.active,

.open>.btn-outline-secondary.dropdown-toggle {

  color: #fff;

  background-color: transparent;

  border-color: transparent;

}



.btn-outline-secondary:active:hover,

.btn-outline-secondary:active:focus,

.btn-outline-secondary:active.focus,

.btn-outline-secondary.active:hover,

.btn-outline-secondary.active:focus,

.btn-outline-secondary.active.focus,

.open>.btn-outline-secondary.dropdown-toggle:hover,

.open>.btn-outline-secondary.dropdown-toggle:focus,

.open>.btn-outline-secondary.dropdown-toggle.focus {

  color: #fff;

  background-color: transparent;

  border-color: transparent;

}



.btn-outline-secondary.disabled:focus,

.btn-outline-secondary.disabled.focus,

.btn-outline-secondary:disabled:focus,

.btn-outline-secondary:disabled.focus {

  border-color: rgba(51, 51, 51, 0);

}



.btn-outline-secondary.disabled:hover,

.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:hover {

  color: #fff;

  background-color: #5bc0de;

  border-color: #5bc0de;

}



.btn-outline-info:focus,

.btn-outline-info.focus {

  color: #fff;

  background-color: #5bc0de;

  border-color: #5bc0de;

}



.btn-outline-info:active,

.btn-outline-info.active,

.open>.btn-outline-info.dropdown-toggle {

  color: #fff;

  background-color: #5bc0de;

  border-color: #5bc0de;

}



.btn-outline-info:active:hover,

.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,

.open>.btn-outline-info.dropdown-toggle:hover,

.open>.btn-outline-info.dropdown-toggle:focus,

.open>.btn-outline-info.dropdown-toggle.focus {

  color: #fff;

  background-color: #269abc;

  border-color: #1f7e9a;

}



.btn-outline-info.disabled:focus,

.btn-outline-info.disabled.focus,

.btn-outline-info:disabled:focus,

.btn-outline-info:disabled.focus {

  border-color: #b0e1ef;

}



.btn-outline-info.disabled:hover,

.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:hover {

  color: #fff;

  background-color: #4cbb6c;

  border-color: #4cbb6c;

}



.btn-outline-success:focus,

.btn-outline-success.focus {

  color: #fff;

  background-color: #4cbb6c;

  border-color: #4cbb6c;

}



.btn-outline-success:active,

.btn-outline-success.active,

.open>.btn-outline-success.dropdown-toggle {

  color: #fff;

  background-color: #4cbb6c;

  border-color: #4cbb6c;

}



.btn-outline-success:active:hover,

.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,

.open>.btn-outline-success.dropdown-toggle:hover,

.open>.btn-outline-success.dropdown-toggle:focus,

.open>.btn-outline-success.dropdown-toggle.focus {

  color: #fff;

  background-color: #318047;

  border-color: #256237;

}



.btn-outline-success.disabled:focus,

.btn-outline-success.disabled.focus,

.btn-outline-success:disabled:focus,

.btn-outline-success:disabled.focus {

  border-color: #96d7a9;

}



.btn-outline-success.disabled:hover,

.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:hover {

  color: #fff;

  background-color: #FF9A52;

  border-color: #FF9A52;

}



.btn-outline-warning:focus,

.btn-outline-warning.focus {

  color: #fff;

  background-color: #FF9A52;

  border-color: #FF9A52;

}



.btn-outline-warning:active,

.btn-outline-warning.active,

.open>.btn-outline-warning.dropdown-toggle {

  color: #fff;

  background-color: #FF9A52;

  border-color: #FF9A52;

}



.btn-outline-warning:active:hover,

.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,

.open>.btn-outline-warning.dropdown-toggle:hover,

.open>.btn-outline-warning.dropdown-toggle:focus,

.open>.btn-outline-warning.dropdown-toggle.focus {

  color: #fff;

  background-color: #fa6800;

  border-color: #d25700;

}



.btn-outline-warning.disabled:focus,

.btn-outline-warning.disabled.focus,

.btn-outline-warning:disabled:focus,

.btn-outline-warning:disabled.focus {

  border-color: #ffd6b8;

}



.btn-outline-warning.disabled:hover,

.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:hover {

  color: #fff;

  background-color: #ff4c4c;

  border-color: #ff4c4c;

}



.btn-outline-danger:focus,

.btn-outline-danger.focus {

  color: #fff;

  background-color: #ff4c4c;

  border-color: #ff4c4c;

}



.btn-outline-danger:active,

.btn-outline-danger.active,

.open>.btn-outline-danger.dropdown-toggle {

  color: #fff;

  background-color: #ff4c4c;

  border-color: #ff4c4c;

}



.btn-outline-danger:active:hover,

.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,

.open>.btn-outline-danger.dropdown-toggle:hover,

.open>.btn-outline-danger.dropdown-toggle:focus,

.open>.btn-outline-danger.dropdown-toggle.focus {

  color: #fff;

  background-color: #f40000;

  border-color: #cc0000;

}



.btn-outline-danger.disabled:focus,

.btn-outline-danger.disabled.focus,

.btn-outline-danger:disabled:focus,

.btn-outline-danger:disabled.focus {

  border-color: #ffb2b2;

}



.btn-outline-danger.disabled:hover,

.btn-outline-danger:disabled:hover {

  border-color: #ffb2b2;

}



.btn-link {

  font-weight: normal;

  color: #262626;

  border-radius: 0;

}



.btn-link,

.btn-link:active,

.btn-link.active,

.btn-link:disabled {

  background-color: transparent;

}



.btn-link,

.btn-link:focus,

.btn-link:active {

  border-color: transparent;

}



.btn-link:hover {

  border-color: transparent;

}



.btn-link:focus,

.btn-link:hover {

  color: #4d7df0;

  text-decoration: underline;

  background-color: transparent;

}



.btn-link:disabled:focus,

.btn-link:disabled:hover {

  color: #ebebeb;

  text-decoration: none;

}



.btn-lg,

.btn-group-lg>.btn {

  padding: 0.75rem 1.5rem;

  font-size: 0.9375rem;

  border-radius: 0.3rem;

}



.btn-sm,

.btn-group-sm>.btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  border-radius: 0.2rem;

}



.btn-block {

  display: block;

  width: 100%;

}



.btn-block+.btn-block {

  margin-top: 0.5rem;

}



input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

  width: 100%;

}



.fade {

  opacity: 0;

  transition: opacity .15s linear;

}



.fade.in {

  opacity: 1;

}



.collapse {

  display: none;

}



.collapse.in {

  display: block;

}



tr.collapse.in {

  display: table-row;

}



tbody.collapse.in {

  display: table-row-group;

}



.collapsing {

  position: relative;

  height: 0;

  overflow: hidden;

  transition-timing-function: ease;

  transition-duration: .35s;

  transition-property: height;

}



.dropup,

.dropdown {

  position: relative;

}



.dropdown-toggle::after {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: 0.3em;

  vertical-align: middle;

  content: "";

  border-top: 0.3em solid;

  border-right: 0.3em solid transparent;

  border-left: 0.3em solid transparent;

}



.dropdown-toggle:focus {

  outline: 0;

}



.dropup .dropdown-toggle::after {

  border-top: 0;

  border-bottom: 0.3em solid;

}



.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 10rem;

  padding: 0.5rem 0;

  margin: 0.125rem 0 0;

  font-size: 1rem;

  color: #808080;

  text-align: left;

  list-style: none;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #dfdfdf;

  border-radius: 0;

}



.dropdown-divider {

  height: 1px;

  margin: 0.5rem 0;

  overflow: hidden;

  background-color: #e5e5e5;

}



.dropdown-item {

  display: block;

  width: 100%;

  padding: 3px 1.5rem;

  clear: both;

  font-weight: normal;

  color: #808080;

  text-align: inherit;

  white-space: nowrap;

  background: none;

  border: 0;

}



.dropdown-item:focus,

.dropdown-item:hover {

  color: #737373;

  text-decoration: none;

  background-color: #f5f5f5;

}



.dropdown-item.active,

.dropdown-item.active:focus,

.dropdown-item.active:hover {

  color: #fff;

  text-decoration: none;

  background-color: #808080;

  outline: 0;

}



.dropdown-item.disabled,

.dropdown-item.disabled:focus,

.dropdown-item.disabled:hover {

  color: #ebebeb;

}



.dropdown-item.disabled:focus,

.dropdown-item.disabled:hover {

  text-decoration: none;

  cursor: not-allowed;

  background-color: transparent;

  background-image: none;

  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";

}



.open>.dropdown-menu {

  display: block;

}



.open>a {

  outline: 0;

}



.dropdown-menu-right {

  right: 0;

  left: auto;

}



.dropdown-menu-left {

  right: auto;

  left: 0;

}



.dropdown-header {

  display: block;

  padding: 0.5rem 1.5rem;

  margin-bottom: 0;

  font-size: 0.875rem;

  color: #ebebeb;

  white-space: nowrap;

}



.dropdown-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 990;

}



.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

  content: "";

  border-top: 0;

  border-bottom: 0.3em solid;

}



.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

  top: auto;

  bottom: 100%;

  margin-bottom: 0.125rem;

}



.btn-group,

.btn-group-vertical {

  position: relative;

  display: inline-block;

  vertical-align: middle;

}



.btn-group>.btn,

.btn-group-vertical>.btn {

  position: relative;

  float: left;

  margin-bottom: 0;

}



.btn-group>.btn:focus,

.btn-group>.btn:active,

.btn-group>.btn.active,

.btn-group-vertical>.btn:focus,

.btn-group-vertical>.btn:active,

.btn-group-vertical>.btn.active {

  z-index: 2;

}



.btn-group>.btn:hover,

.btn-group-vertical>.btn:hover {

  z-index: 2;

}



.btn-group .btn+.btn,

.btn-group .btn+.btn-group,

.btn-group .btn-group+.btn,

.btn-group .btn-group+.btn-group {

  margin-left: -1px;

}



.btn-toolbar {

  margin-left: -0.5rem;

}



.btn-toolbar::after {

  content: "";

  display: table;

  clear: both;

}



.btn-toolbar .btn-group,

.btn-toolbar .input-group {

  float: left;

}



.btn-toolbar>.btn,

.btn-toolbar>.btn-group,

.btn-toolbar>.input-group {

  margin-left: 0.5rem;

}



.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

  border-radius: 0;

}



.btn-group>.btn:first-child {

  margin-left: 0;

}



.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.btn-group>.btn:last-child:not(:first-child),

.btn-group>.dropdown-toggle:not(:first-child) {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.btn-group>.btn-group {

  float: left;

}



.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {

  border-radius: 0;

}



.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.btn-group .dropdown-toggle:active,

.btn-group.open .dropdown-toggle {

  outline: 0;

}



.btn+.dropdown-toggle-split {

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}



.btn+.dropdown-toggle-split::after {

  margin-left: 0;

}



.btn-sm+.dropdown-toggle-split,

.btn-group-sm>.btn+.dropdown-toggle-split {

  padding-right: 0.375rem;

  padding-left: 0.375rem;

}



.btn-lg+.dropdown-toggle-split,

.btn-group-lg>.btn+.dropdown-toggle-split {

  padding-right: 1.125rem;

  padding-left: 1.125rem;

}



.btn .caret {

  margin-left: 0;

}



.btn-lg .caret,

.btn-group-lg>.btn .caret {

  border-width: 0.3em 0.3em 0;

  border-bottom-width: 0;

}



.dropup .btn-lg .caret,

.dropup .btn-group-lg>.btn .caret {

  border-width: 0 0.3em 0.3em;

}



.btn-group-vertical>.btn,

.btn-group-vertical>.btn-group,

.btn-group-vertical>.btn-group>.btn {

  display: block;

  float: none;

  width: 100%;

  max-width: 100%;

}



.btn-group-vertical>.btn-group::after {

  content: "";

  display: table;

  clear: both;

}



.btn-group-vertical>.btn-group>.btn {

  float: none;

}



.btn-group-vertical>.btn+.btn,

.btn-group-vertical>.btn+.btn-group,

.btn-group-vertical>.btn-group+.btn,

.btn-group-vertical>.btn-group+.btn-group {

  margin-top: -1px;

  margin-left: 0;

}



.btn-group-vertical>.btn:not(:first-child):not(:last-child) {

  border-radius: 0;

}



.btn-group-vertical>.btn:first-child:not(:last-child) {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.btn-group-vertical>.btn:last-child:not(:first-child) {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {

  border-radius: 0;

}



.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



[data-toggle="buttons"]>.btn input[type="radio"],

[data-toggle="buttons"]>.btn input[type="checkbox"],

[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],

[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none;

}



.input-group {

  position: relative;

  width: 100%;

  display: table;

  border-collapse: separate;

}



.input-group .form-control {

  position: relative;

  z-index: 2;

  float: left;

  width: 100%;

  margin-bottom: 0;

}



.input-group .form-control:focus,

.input-group .form-control:active,

.input-group .form-control:hover {

  z-index: 3;

}



.input-group-addon,

.input-group-btn,

.input-group .form-control {

  display: table-cell;

}



.input-group-addon:not(:first-child):not(:last-child),

.input-group-btn:not(:first-child):not(:last-child),

.input-group .form-control:not(:first-child):not(:last-child) {

  border-radius: 0;

}



.input-group-addon,

.input-group-btn {

  width: 1%;

  white-space: nowrap;

  vertical-align: middle;

}



.input-group-addon {

  padding: 0.5rem 0.75rem;

  margin-bottom: 0;

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.25;

  color: #878787;

  text-align: center;

  background-color: #f6f6f6;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 0;

}



.input-group-addon.form-control-sm,

.input-group-sm>.input-group-addon,

.input-group-sm>.input-group-btn>.input-group-addon.btn {

  padding: 0.25rem 0.5rem;

  font-size: 0.875rem;

  border-radius: 0.2rem;

}



.input-group-addon.form-control-lg,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.input-group-addon.btn {

  padding: 0.75rem 1.5rem;

  font-size: 0.9375rem;

  border-radius: 0.3rem;

}



.input-group-addon input[type="radio"],

.input-group-addon input[type="checkbox"] {

  margin-top: 0;

}



.input-group .form-control:not(:last-child),

.input-group-addon:not(:last-child),

.input-group-btn:not(:last-child)>.btn,

.input-group-btn:not(:last-child)>.btn-group>.btn,

.input-group-btn:not(:last-child)>.dropdown-toggle,

.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),

.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.input-group-addon:not(:last-child) {

  border-right: 0;

}



.input-group .form-control:not(:first-child),

.input-group-addon:not(:first-child),

.input-group-btn:not(:first-child)>.btn,

.input-group-btn:not(:first-child)>.btn-group>.btn,

.input-group-btn:not(:first-child)>.dropdown-toggle,

.input-group-btn:not(:last-child)>.btn:not(:first-child),

.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.form-control+.input-group-addon:not(:first-child) {

  border-left: 0;

}



.input-group-btn {

  position: relative;

  font-size: 0;

  white-space: nowrap;

}



.input-group-btn>.btn {

  position: relative;

}



.input-group-btn>.btn+.btn {

  margin-left: -1px;

}



.input-group-btn>.btn:focus,

.input-group-btn>.btn:active,

.input-group-btn>.btn:hover {

  z-index: 3;

}



.input-group-btn:not(:last-child)>.btn,

.input-group-btn:not(:last-child)>.btn-group {

  margin-right: -1px;

}



.input-group-btn:not(:first-child)>.btn,

.input-group-btn:not(:first-child)>.btn-group {

  z-index: 2;

  margin-left: -1px;

}



.input-group-btn:not(:first-child)>.btn:focus,

.input-group-btn:not(:first-child)>.btn:active,

.input-group-btn:not(:first-child)>.btn:hover,

.input-group-btn:not(:first-child)>.btn-group:focus,

.input-group-btn:not(:first-child)>.btn-group:active,

.input-group-btn:not(:first-child)>.btn-group:hover {

  z-index: 3;

}



.custom-control {

  position: relative;

  display: inline-block;

  padding-left: 1.5rem;

  cursor: pointer;

}



.custom-control+.custom-control {

  margin-left: 1rem;

}



.custom-control-input {

  position: absolute;

  z-index: -1;

  opacity: 0;

}



.custom-control-input:checked~.custom-control-indicator {

  color: #fff;

  background-color: #0074d9;

}



.custom-control-input:focus~.custom-control-indicator {

  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;

}



.custom-control-input:active~.custom-control-indicator {

  color: #fff;

  background-color: #84c6ff;

}



.custom-control-input:disabled~.custom-control-indicator {

  cursor: not-allowed;

  background-color: #eee;

}



.custom-control-input:disabled~.custom-control-description {

  color: #767676;

  cursor: not-allowed;

}



.custom-control-indicator {

  position: absolute;

  top: .25rem;

  left: 0;

  display: block;

  width: 1rem;

  height: 1rem;

  pointer-events: none;

  user-select: none;

  background-color: #ddd;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 50% 50%;

}



.custom-checkbox .custom-control-indicator {

  border-radius: 0;

}



.custom-checkbox .custom-control-input:checked~.custom-control-indicator {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");

}



.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {

  background-color: #0074d9;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#fff' d='M0 2h4'/%3E%3C/svg%3E");

}



.custom-radio .custom-control-indicator {

  border-radius: 50%;

}



.custom-radio .custom-control-input:checked~.custom-control-indicator {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%3E%3C/svg%3E");

}



.custom-controls-stacked .custom-control {

  float: left;

  clear: left;

}



.custom-controls-stacked .custom-control+.custom-control {

  margin-left: 0;

}



.custom-select {

  display: inline-block;

  max-width: 100%;

  height: calc(2.5rem - 2px);

  padding: 0.375rem 1.75rem 0.375rem 0.75rem;

  padding-right: 0.75rem \9;

  color: #878787;

  vertical-align: middle;

  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;

  background-image: none \9;

  background-size: 8px 10px;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 0;

  -moz-appearance: none;

  -webkit-appearance: none;

}



.custom-select:focus {

  border-color: #51a7e8;

  outline: none;

}



.custom-select:focus::-ms-value {

  color: #878787;

  background-color: #fff;

}



.custom-select:disabled {

  color: #ebebeb;

  cursor: not-allowed;

  background-color: #f6f6f6;

}



.custom-select::-ms-expand {

  opacity: 0;

}



.custom-select-sm {

  padding-top: 0.375rem;

  padding-bottom: 0.375rem;

  font-size: 75%;

}



.custom-file {

  position: relative;

  display: inline-block;

  max-width: 100%;

  height: 2.5rem;

  cursor: pointer;

}



.custom-file-input {

  min-width: 14rem;

  max-width: 100%;

  margin: 0;

  filter: alpha(opacity=0);

  opacity: 0;

}



.custom-file-control {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 5;

  height: 2.5rem;

  padding: 0.5rem 1rem;

  line-height: 1.5;

  color: #555;

  user-select: none;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 0;

}



.custom-file-control:lang(en)::after {

  content: "Choose file...";

}



.custom-file-control::before {

  position: absolute;

  top: -1px;

  right: -1px;

  bottom: -1px;

  z-index: 6;

  display: block;

  height: 2.5rem;

  padding: 0.5rem 1rem;

  line-height: 1.5;

  color: #555;

  background-color: #eee;

  border: 1px solid #ddd;

  border-radius: 0 0 0 0;

}



.custom-file-control:lang(en)::before {

  content: "Browse";

}



.nav {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.nav-link {

  display: inline-block;

}



.nav-link:focus,

.nav-link:hover {

  text-decoration: none;

}



.nav-link.disabled {

  color: #ebebeb;

}



.nav-link.disabled,

.nav-link.disabled:focus,

.nav-link.disabled:hover {

  color: #ebebeb;

  cursor: not-allowed;

  background-color: transparent;

}



.nav-inline .nav-item {

  display: inline-block;

}



.nav-inline .nav-item+.nav-item,

.nav-inline .nav-link+.nav-link {

  margin-left: 1rem;

}



.nav-tabs {

  border-bottom: 1px solid #ddd;

}



.nav-tabs::after {

  content: "";

  display: table;

  clear: both;

}



.nav-tabs .nav-item {

  float: left;

  margin-bottom: -1px;

}



.nav-tabs .nav-item+.nav-item {

  margin-left: 0.2rem;

}



.nav-tabs .nav-link {

  display: block;

  padding: 0.5em 1em;

  border: 1px solid transparent;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



.nav-tabs .nav-link:focus,

.nav-tabs .nav-link:hover {

  border-color: #f6f6f6 #f6f6f6 #ddd;

}



.nav-tabs .nav-link.disabled,

.nav-tabs .nav-link.disabled:focus,

.nav-tabs .nav-link.disabled:hover {

  color: #ebebeb;

  background-color: transparent;

  border-color: transparent;

}



.nav-tabs .dropdown-menu {

  margin-top: -1px;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



.nav-pills::after {

  content: "";

  display: table;

  clear: both;

}



.nav-pills .nav-item {

  float: left;

}



.nav-pills .nav-item+.nav-item {

  margin-left: 0.2rem;

}



.nav-pills .nav-link {

  display: block;

  padding: 0.5em 1em;

  border-radius: 0;

}



.nav-pills .nav-link.active,

.nav-pills .nav-link.active:focus,

.nav-pills .nav-link.active:hover,

.nav-pills .nav-item.open .nav-link,

.nav-pills .nav-item.open .nav-link:focus,

.nav-pills .nav-item.open .nav-link:hover {

  color: #fff;

  cursor: default;

  background-color: #808080;

}



.nav-stacked .nav-item {

  display: block;

  float: none;

}



.nav-stacked .nav-item+.nav-item {

  margin-top: 0.2rem;

  margin-left: 0;

}



.tab-content>.tab-pane {

  display: none;

}



.tab-content>.active {

  display: block;

}



.navbar {

  position: relative;

  padding: 0.5rem 1rem;

}



.navbar::after {

  content: "";

  display: table;

  clear: both;

}



@media (min-width: 576px) {

  .navbar {

    border-radius: 0;

  }

}



.navbar-full {

  z-index: 1000;

}



@media (min-width: 576px) {

  .navbar-full {

    border-radius: 0;

  }

}



.navbar-fixed-top,

.navbar-fixed-bottom {

  position: fixed;

  right: 0;

  left: 0;

  z-index: 1030;

}



@media (min-width: 576px) {

  .navbar-fixed-top,

  .navbar-fixed-bottom {

    border-radius: 0;

  }

}



.navbar-fixed-top {

  top: 0;

}



.navbar-fixed-bottom {

  bottom: 0;

}



.navbar-sticky-top {

  position: sticky;

  top: 0;

  z-index: 1030;

  width: 100%;

}



@media (min-width: 576px) {

  .navbar-sticky-top {

    border-radius: 0;

  }

}



.navbar-brand {

  float: left;

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  margin-right: 1rem;

  font-size: 0.9375rem;

  line-height: inherit;

}



.navbar-brand:focus,

.navbar-brand:hover {

  text-decoration: none;

}



.navbar-divider {

  float: left;

  width: 1px;

  padding-top: 0.425rem;

  padding-bottom: 0.425rem;

  margin-right: 1rem;

  margin-left: 1rem;

  overflow: hidden;

}



.navbar-divider::before {

  content: "\A0";

}



.navbar-text {

  display: inline-block;

  padding-top: .425rem;

  padding-bottom: .425rem;

}



.navbar-toggler {

  width: 2.5em;

  height: 2em;

  padding: 0.5rem 0.75rem;

  font-size: 0.9375rem;

  line-height: 1;

  background: transparent no-repeat center center;

  background-size: 24px 24px;

  border: 1px solid transparent;

  border-radius: 0;

}



.navbar-toggler:focus,

.navbar-toggler:hover {

  text-decoration: none;

}



.navbar-toggleable-xs::after {

  content: "";

  display: table;

  clear: both;

}



@media (max-width: 575px) {

  .navbar-toggleable-xs .navbar-brand {

    display: block;

    float: none;

    margin-top: .5rem;

    margin-right: 0;

  }

  .navbar-toggleable-xs .navbar-nav {

    margin-top: .5rem;

    margin-bottom: .5rem;

  }

  .navbar-toggleable-xs .navbar-nav .dropdown-menu {

    position: static;

    float: none;

  }

}



@media (min-width: 576px) {

  .navbar-toggleable-xs {

    display: block;

  }

}



.navbar-toggleable-sm::after {

  content: "";

  display: table;

  clear: both;

}



@media (max-width: 767px) {

  .navbar-toggleable-sm .navbar-brand {

    display: block;

    float: none;

    margin-top: .5rem;

    margin-right: 0;

  }

  .navbar-toggleable-sm .navbar-nav {

    margin-top: .5rem;

    margin-bottom: .5rem;

  }

  .navbar-toggleable-sm .navbar-nav .dropdown-menu {

    position: static;

    float: none;

  }

}



@media (min-width: 768px) {

  .navbar-toggleable-sm {

    display: block;

  }

}



.navbar-toggleable-md::after {

  content: "";

  display: table;

  clear: both;

}



@media (max-width: 991px) {

  .navbar-toggleable-md .navbar-brand {

    display: block;

    float: none;

    margin-top: .5rem;

    margin-right: 0;

  }

  .navbar-toggleable-md .navbar-nav {

    margin-top: .5rem;

    margin-bottom: .5rem;

  }

  .navbar-toggleable-md .navbar-nav .dropdown-menu {

    position: static;

    float: none;

  }

}



@media (min-width: 992px) {

  .navbar-toggleable-md {

    display: block;

  }

}



.navbar-toggleable-lg::after {

  content: "";

  display: table;

  clear: both;

}



@media (max-width: 1199px) {

  .navbar-toggleable-lg .navbar-brand {

    display: block;

    float: none;

    margin-top: .5rem;

    margin-right: 0;

  }

  .navbar-toggleable-lg .navbar-nav {

    margin-top: .5rem;

    margin-bottom: .5rem;

  }

  .navbar-toggleable-lg .navbar-nav .dropdown-menu {

    position: static;

    float: none;

  }

}



@media (min-width: 1200px) {

  .navbar-toggleable-lg {

    display: block;

  }

}



.navbar-toggleable-xl {

  display: block;

}



.navbar-toggleable-xl::after {

  content: "";

  display: table;

  clear: both;

}



.navbar-toggleable-xl .navbar-brand {

  display: block;

  float: none;

  margin-top: .5rem;

  margin-right: 0;

}



.navbar-toggleable-xl .navbar-nav {

  margin-top: .5rem;

  margin-bottom: .5rem;

}



.navbar-toggleable-xl .navbar-nav .dropdown-menu {

  position: static;

  float: none;

}



.navbar-nav .nav-item {

  float: left;

}



.navbar-nav .nav-link {

  display: block;

  padding-top: .425rem;

  padding-bottom: .425rem;

}



.navbar-nav .nav-link+.nav-link {

  margin-left: 1rem;

}



.navbar-nav .nav-item+.nav-item {

  margin-left: 1rem;

}



.navbar-light .navbar-brand,

.navbar-light .navbar-toggler {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-light .navbar-brand:focus,

.navbar-light .navbar-brand:hover,

.navbar-light .navbar-toggler:focus,

.navbar-light .navbar-toggler:hover {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-light .navbar-nav .nav-link {

  color: rgba(0, 0, 0, 0.5);

}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

  color: rgba(0, 0, 0, 0.7);

}



.navbar-light .navbar-nav .open>.nav-link,

.navbar-light .navbar-nav .open>.nav-link:focus,

.navbar-light .navbar-nav .open>.nav-link:hover,

.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .active>.nav-link:focus,

.navbar-light .navbar-nav .active>.nav-link:hover,

.navbar-light .navbar-nav .nav-link.open,

.navbar-light .navbar-nav .nav-link.open:focus,

.navbar-light .navbar-nav .nav-link.open:hover,

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .nav-link.active:focus,

.navbar-light .navbar-nav .nav-link.active:hover {

  color: rgba(0, 0, 0, 0.9);

}



.navbar-light .navbar-toggler {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

  border-color: rgba(0, 0, 0, 0.1);

}



.navbar-light .navbar-divider {

  background-color: rgba(0, 0, 0, 0.075);

}



.navbar-dark .navbar-brand,

.navbar-dark .navbar-toggler {

  color: white;

}



.navbar-dark .navbar-brand:focus,

.navbar-dark .navbar-brand:hover,

.navbar-dark .navbar-toggler:focus,

.navbar-dark .navbar-toggler:hover {

  color: white;

}



.navbar-dark .navbar-nav .nav-link {

  color: rgba(255, 255, 255, 0.5);

}



.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover {

  color: rgba(255, 255, 255, 0.75);

}



.navbar-dark .navbar-nav .open>.nav-link,

.navbar-dark .navbar-nav .open>.nav-link:focus,

.navbar-dark .navbar-nav .open>.nav-link:hover,

.navbar-dark .navbar-nav .active>.nav-link,

.navbar-dark .navbar-nav .active>.nav-link:focus,

.navbar-dark .navbar-nav .active>.nav-link:hover,

.navbar-dark .navbar-nav .nav-link.open,

.navbar-dark .navbar-nav .nav-link.open:focus,

.navbar-dark .navbar-nav .nav-link.open:hover,

.navbar-dark .navbar-nav .nav-link.active,

.navbar-dark .navbar-nav .nav-link.active:focus,

.navbar-dark .navbar-nav .nav-link.active:hover {

  color: white;

}



.navbar-dark .navbar-toggler {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

  border-color: rgba(255, 255, 255, 0.1);

}



.navbar-dark .navbar-divider {

  background-color: rgba(255, 255, 255, 0.075);

}



.navbar-toggleable-xs::after {

  content: "";

  display: table;

  clear: both;

}



@media (max-width: 575px) {

  .navbar-toggleable-xs .navbar-nav .nav-item {

    float: none;

    margin-left: 0;

  }

}



@media (min-width: 576px) {

  .navbar-toggleable-xs {

    display: block !important;

  }

}



.navbar-toggleable-sm::after {

  content: "";

  display: table;

  clear: both;

}



@media (max-width: 767px) {

  .navbar-toggleable-sm .navbar-nav .nav-item {

    float: none;

    margin-left: 0;

  }

}



@media (min-width: 768px) {

  .navbar-toggleable-sm {

    display: block !important;

  }

}



.navbar-toggleable-md::after {

  content: "";

  display: table;

  clear: both;

}



@media (max-width: 991px) {

  .navbar-toggleable-md .navbar-nav .nav-item {

    float: none;

    margin-left: 0;

  }

}



@media (min-width: 992px) {

  .navbar-toggleable-md {

    display: block !important;

  }

}



.card {

  position: relative;

  display: block;

  margin-bottom: 0.75rem;

  background-color: #fff;

  border-radius: 0;

  border: 1px solid rgba(0, 0, 0, 0.125);

}



.card-block {

  padding: 1.25rem;

}



.card-block::after {

  content: "";

  display: table;

  clear: both;

}



.card-title {

  margin-bottom: 0.75rem;

}



.card-subtitle {

  margin-top: -0.375rem;

  margin-bottom: 0;

}



.card-text:last-child {

  margin-bottom: 0;

}



.card-link:hover {

  text-decoration: none;

}



.card-link+.card-link {

  margin-left: 1.25rem;

}



.card>.list-group:first-child .list-group-item:first-child {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



.card>.list-group:last-child .list-group-item:last-child {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.card-header {

  padding: 0.75rem 1.25rem;

  margin-bottom: 0;

  background-color: #f5f5f5;

  border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}



.card-header::after {

  content: "";

  display: table;

  clear: both;

}



.card-header:first-child {

  border-radius: calc(0 - 1px) calc(0 - 1px) 0 0;

}



.card-footer {

  padding: 0.75rem 1.25rem;

  background-color: #f5f5f5;

  border-top: 1px solid rgba(0, 0, 0, 0.125);

}



.card-footer::after {

  content: "";

  display: table;

  clear: both;

}



.card-footer:last-child {

  border-radius: 0 0 calc(0 - 1px) calc(0 - 1px);

}



.card-header-tabs {

  margin-right: -0.625rem;

  margin-bottom: -0.75rem;

  margin-left: -0.625rem;

  border-bottom: 0;

}



.card-header-pills {

  margin-right: -0.625rem;

  margin-left: -0.625rem;

}



.card-primary {

  background-color: #4d7df0;

  border-color: #4d7df0;

}



.card-primary .card-header,

.card-primary .card-footer {

  background-color: transparent;

}



.card-success {

  background-color: #4cbb6c;

  border-color: #4cbb6c;

}



.card-success .card-header,

.card-success .card-footer {

  background-color: transparent;

}



.card-info {

  background-color: #5bc0de;

  border-color: #5bc0de;

}



.card-info .card-header,

.card-info .card-footer {

  background-color: transparent;

}



.card-warning {

  background-color: #ff9a52;

  border-color: #ff9a52;

}



.card-warning .card-header,

.card-warning .card-footer {

  background-color: transparent;

}



.card-danger {

  background-color: #ff4c4c;

  border-color: #ff4c4c;

}



.card-danger .card-header,

.card-danger .card-footer {

  background-color: transparent;

}



.card-outline-primary {

  background-color: transparent;

  border-color: #000000;

}



.card-outline-secondary {

  background-color: transparent;

  border-color: transparent;

}



.card-outline-info {

  background-color: transparent;

  border-color: #5bc0de;

}



.card-outline-success {

  background-color: transparent;

  border-color: #4cbb6c;

}



.card-outline-warning {

  background-color: transparent;

  border-color: #FF9A52;

}



.card-outline-danger {

  background-color: transparent;

  border-color: #ff4c4c;

}



.card-inverse .card-header,

.card-inverse .card-footer {

  border-color: rgba(255, 255, 255, 0.2);

}



.card-inverse .card-header,

.card-inverse .card-footer,

.card-inverse .card-title,

.card-inverse .card-blockquote {

  color: #fff;

}



.card-inverse .card-link,

.card-inverse .card-text,

.card-inverse .card-subtitle,

.card-inverse .card-blockquote .blockquote-footer {

  color: rgba(255, 255, 255, 0.65);

}



.card-inverse .card-link:focus,

.card-inverse .card-link:hover {

  color: #fff;

}



.card-blockquote {

  padding: 0;

  margin-bottom: 0;

  border-left: 0;

}



.card-img {

  border-radius: calc(0 - 1px);

}



.card-img-overlay {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  padding: 1.25rem;

}



.card-img-top {

  border-top-right-radius: calc(0 - 1px);

  border-top-left-radius: calc(0 - 1px);

}



.card-img-bottom {

  border-bottom-right-radius: calc(0 - 1px);

  border-bottom-left-radius: calc(0 - 1px);

}



@media (min-width: 576px) {

  .card-deck {

    display: table;

    width: 100%;

    margin-bottom: 0.75rem;

    table-layout: fixed;

    border-spacing: 1.25rem 0;

  }

  .card-deck .card {

    display: table-cell;

    margin-bottom: 0;

    vertical-align: top;

  }

  .card-deck-wrapper {

    margin-right: -1.25rem;

    margin-left: -1.25rem;

  }

}



@media (min-width: 576px) {

  .card-group {

    display: table;

    width: 100%;

    table-layout: fixed;

  }

  .card-group .card {

    display: table-cell;

    vertical-align: top;

  }

  .card-group .card+.card {

    margin-left: 0;

    border-left: 0;

  }

  .card-group .card:first-child {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

  }

  .card-group .card:first-child .card-img-top {

    border-top-right-radius: 0;

  }

  .card-group .card:first-child .card-img-bottom {

    border-bottom-right-radius: 0;

  }

  .card-group .card:last-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

  }

  .card-group .card:last-child .card-img-top {

    border-top-left-radius: 0;

  }

  .card-group .card:last-child .card-img-bottom {

    border-bottom-left-radius: 0;

  }

  .card-group .card:not(:first-child):not(:last-child) {

    border-radius: 0;

  }

  .card-group .card:not(:first-child):not(:last-child) .card-img-top,

  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {

    border-radius: 0;

  }

}



@media (min-width: 576px) {

  .card-columns {

    column-count: 3;

    column-gap: 1.25rem;

  }

  .card-columns .card {

    display: inline-block;

    width: 100%;

  }

}



.breadcrumb {

  padding: 0.75rem 1rem;

  margin-bottom: 1rem;

  list-style: none;

  background-color: #f6f6f6;

  border-radius: 0;

}



.breadcrumb::after {

  content: "";

  display: table;

  clear: both;

}



.breadcrumb-item {

  float: left;

}



.breadcrumb-item+.breadcrumb-item::before {

  display: inline-block;

  padding-right: 0.5rem;

  padding-left: 0.5rem;

  color: #ebebeb;

  content: "/";

}



.breadcrumb-item+.breadcrumb-item:hover::before {

  text-decoration: underline;

}



.breadcrumb-item+.breadcrumb-item:hover::before {

  text-decoration: none;

}



.breadcrumb-item.active {

  color: #ebebeb;

}



.pagination {

  display: inline-block;

  padding-left: 0;

  margin-top: 1rem;

  margin-bottom: 1rem;

  border-radius: 0;

}



.page-item {

  display: inline;

}



.page-item:first-child .page-link {

  margin-left: 0;

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.page-item:last-child .page-link {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.page-item.active .page-link,

.page-item.active .page-link:focus,

.page-item.active .page-link:hover {

  z-index: 2;

  color: #fff;

  cursor: default;

  background-color: #4d7df0;

  border-color: #4d7df0;

}



.page-item.disabled .page-link,

.page-item.disabled .page-link:focus,

.page-item.disabled .page-link:hover {

  color: #ebebeb;

  pointer-events: none;

  cursor: not-allowed;

  background-color: #fff;

  border-color: #ddd;

}



.page-link {

  position: relative;

  float: left;

  padding: 0.5rem 0.75rem;

  margin-left: -1px;

  color: #262626;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

}



.page-link:focus,

.page-link:hover {

  color: #4d7df0;

  background-color: #f6f6f6;

  border-color: #ddd;

}



.pagination-lg .page-link {

  padding: 0.75rem 1.5rem;

  font-size: 0.9375rem;

}



.pagination-lg .page-item:first-child .page-link {

  border-bottom-left-radius: 0.3rem;

  border-top-left-radius: 0.3rem;

}



.pagination-lg .page-item:last-child .page-link {

  border-bottom-right-radius: 0.3rem;

  border-top-right-radius: 0.3rem;

}



.pagination-sm .page-link {

  padding: 0.275rem 0.75rem;

  font-size: 0.875rem;

}



.pagination-sm .page-item:first-child .page-link {

  border-bottom-left-radius: 0.2rem;

  border-top-left-radius: 0.2rem;

}



.pagination-sm .page-item:last-child .page-link {

  border-bottom-right-radius: 0.2rem;

  border-top-right-radius: 0.2rem;

}



.tag {

  display: inline-block;

  padding: 0.25em 0.4em;

  font-size: 75%;

  font-weight: bold;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: 0;

}



.tag:empty {

  display: none;

}



.btn .tag {

  position: relative;

  top: -1px;

}



a.tag:focus,

a.tag:hover {

  color: #fff;

  text-decoration: none;

  cursor: pointer;

}



.tag-pill {

  padding-right: 0.6em;

  padding-left: 0.6em;

  border-radius: 10rem;

}



.tag-default {

  background-color: #ebebeb;

}



.tag-default[href]:focus,

.tag-default[href]:hover {

  background-color: #d2d2d2;

}



.tag-primary {

  background-color: #4d7df0;

}



.tag-primary[href]:focus,

.tag-primary[href]:hover {

  background-color: #1e5bec;

}



.tag-success {

  background-color: #4cbb6c;

}



.tag-success[href]:focus,

.tag-success[href]:hover {

  background-color: #3a9a56;

}



.tag-info {

  background-color: #5bc0de;

}



.tag-info[href]:focus,

.tag-info[href]:hover {

  background-color: #31b0d5;

}



.tag-warning {

  background-color: #ff9a52;

}



.tag-warning[href]:focus,

.tag-warning[href]:hover {

  background-color: #ff7c1f;

}



.tag-danger {

  background-color: #ff4c4c;

}



.tag-danger[href]:focus,

.tag-danger[href]:hover {

  background-color: #ff1919;

}



.jumbotron {

  padding: 2rem 1rem;

  margin-bottom: 2rem;

  background-color: #f6f6f6;

  border-radius: 0.3rem;

}



@media (min-width: 576px) {

  .jumbotron {

    padding: 4rem 2rem;

  }

}



.jumbotron-hr {

  border-top-color: #dddddd;

}



.jumbotron-fluid {

  padding-right: 0;

  padding-left: 0;

  border-radius: 0;

}



.alert {

  padding: 0.75rem 1.25rem;

  margin-bottom: 1rem;

  border: 1px solid transparent;

  border-radius: 0;

}



.alert-heading {

  color: inherit;

}



.alert-link {

  font-weight: bold;

}



.alert-dismissible {

  padding-right: 2.5rem;

}



.alert-dismissible .close {

  position: relative;

  top: -.125rem;

  right: -1.25rem;

  color: inherit;

}



.alert-success {

  background-color: #dff0d8;

  border-color: #d0e9c6;

  color: #3c763d;

}



.alert-success hr {

  border-top-color: #c1e2b3;

}



.alert-success .alert-link {

  color: #2b542c;

}



.alert-info {

  background-color: #d9edf7;

  border-color: #bcdff1;

  color: #31708f;

}



.alert-info hr {

  border-top-color: #a6d5ec;

}



.alert-info .alert-link {

  color: #245269;

}



.alert-warning {

  background-color: rgba(255, 154, 82, 0.3);

  border-color: #FF9A52;

  color: #262626;

}



.alert-warning hr {

  border-top-color: #ff8b39;

}



.alert-warning .alert-link {

  color: #0d0d0d;

}



.alert-danger {

  background-color: #f2dede;

  border-color: #ebcccc;

  color: #a94442;

}



.alert-danger hr {

  border-top-color: #e4b9b9;

}



.alert-danger .alert-link {

  color: #843534;

}



@keyframes progress-bar-stripes {

  from {

    background-position: 1rem 0;

  }

  to {

    background-position: 0 0;

  }

}



.progress {

  display: block;

  width: 100%;

  height: 1rem;

  margin-bottom: 1rem;

}



.progress[value] {

  background-color: #eee;

  border: 0;

  appearance: none;

  border-radius: 0;

}



.progress[value]::-ms-fill {

  background-color: #0074d9;

  border: 0;

}



.progress[value]::-moz-progress-bar {

  background-color: #0074d9;

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.progress[value]::-webkit-progress-value {

  background-color: #0074d9;

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.progress[value="100"]::-moz-progress-bar {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.progress[value="100"]::-webkit-progress-value {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.progress[value]::-webkit-progress-bar {

  background-color: #eee;

  border-radius: 0;

}



base::-moz-progress-bar,

.progress[value] {

  background-color: #eee;

  border-radius: 0;

}



@media screen and (min-width: 0\0) {

  .progress {

    background-color: #eee;

    border-radius: 0;

  }

  .progress-bar {

    display: inline-block;

    height: 1rem;

    text-indent: -999rem;

    background-color: #0074d9;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

  }

  .progress[width="100%"] {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

  }

}



.progress-striped[value]::-webkit-progress-value {

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-size: 1rem 1rem;

}



.progress-striped[value]::-moz-progress-bar {

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-size: 1rem 1rem;

}



.progress-striped[value]::-ms-fill {

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-size: 1rem 1rem;

}



@media screen and (min-width: 0\0) {

  .progress-bar-striped {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    background-size: 1rem 1rem;

  }

}



.progress-animated[value]::-webkit-progress-value {

  animation: progress-bar-stripes 2s linear infinite;

}



.progress-animated[value]::-moz-progress-bar {

  animation: progress-bar-stripes 2s linear infinite;

}



@media screen and (min-width: 0\0) {

  .progress-animated .progress-bar-striped {

    animation: progress-bar-stripes 2s linear infinite;

  }

}



.progress-success[value]::-webkit-progress-value {

  background-color: #4cbb6c;

}



.progress-success[value]::-moz-progress-bar {

  background-color: #4cbb6c;

}



.progress-success[value]::-ms-fill {

  background-color: #4cbb6c;

}



@media screen and (min-width: 0\0) {

  .progress-success .progress-bar {

    background-color: #4cbb6c;

  }

}



.progress-info[value]::-webkit-progress-value {

  background-color: #5bc0de;

}



.progress-info[value]::-moz-progress-bar {

  background-color: #5bc0de;

}



.progress-info[value]::-ms-fill {

  background-color: #5bc0de;

}



@media screen and (min-width: 0\0) {

  .progress-info .progress-bar {

    background-color: #5bc0de;

  }

}



.progress-warning[value]::-webkit-progress-value {

  background-color: #ff9a52;

}



.progress-warning[value]::-moz-progress-bar {

  background-color: #ff9a52;

}



.progress-warning[value]::-ms-fill {

  background-color: #ff9a52;

}



@media screen and (min-width: 0\0) {

  .progress-warning .progress-bar {

    background-color: #ff9a52;

  }

}



.progress-danger[value]::-webkit-progress-value {

  background-color: #ff4c4c;

}



.progress-danger[value]::-moz-progress-bar {

  background-color: #ff4c4c;

}



.progress-danger[value]::-ms-fill {

  background-color: #ff4c4c;

}



@media screen and (min-width: 0\0) {

  .progress-danger .progress-bar {

    background-color: #ff4c4c;

  }

}



.media,

.media-body {

  overflow: hidden;

}



.media-body {

  width: 10000px;

}



.media-left,

.media-right,

.media-body {

  display: table-cell;

  vertical-align: top;

}



.media-middle {

  vertical-align: middle;

}



.media-bottom {

  vertical-align: bottom;

}



.media-object {

  display: block;

}



.media-object.img-thumbnail {

  max-width: none;

}



.media-right {

  padding-left: 10px;

}



.media-left {

  padding-right: 10px;

}



.media-heading {

  margin-top: 0;

  margin-bottom: 5px;

}



.media-list {

  padding-left: 0;

  list-style: none;

}



.list-group {

  padding-left: 0;

  margin-bottom: 0;

}



.list-group-item {

  position: relative;

  display: block;

  padding: 0.75rem 1.25rem;

  margin-bottom: -1px;

  background-color: #fff;

  border: 1px solid #ddd;

}



.list-group-item:first-child {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



.list-group-item:last-child {

  margin-bottom: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.list-group-item.disabled,

.list-group-item.disabled:focus,

.list-group-item.disabled:hover {

  color: #ebebeb;

  cursor: not-allowed;

  background-color: #f6f6f6;

}



.list-group-item.disabled .list-group-item-heading,

.list-group-item.disabled:focus .list-group-item-heading,

.list-group-item.disabled:hover .list-group-item-heading {

  color: inherit;

}



.list-group-item.disabled .list-group-item-text,

.list-group-item.disabled:focus .list-group-item-text,

.list-group-item.disabled:hover .list-group-item-text {

  color: #ebebeb;

}



.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

  z-index: 2;

  color: #fff;

  text-decoration: none;

  background-color: #4d7df0;

  border-color: #4d7df0;

}



.list-group-item.active .list-group-item-heading,

.list-group-item.active .list-group-item-heading>small,

.list-group-item.active .list-group-item-heading>.small,

.list-group-item.active:focus .list-group-item-heading,

.list-group-item.active:focus .list-group-item-heading>small,

.list-group-item.active:focus .list-group-item-heading>.small,

.list-group-item.active:hover .list-group-item-heading,

.list-group-item.active:hover .list-group-item-heading>small,

.list-group-item.active:hover .list-group-item-heading>.small {

  color: inherit;

}



.list-group-item.active .list-group-item-text,

.list-group-item.active:focus .list-group-item-text,

.list-group-item.active:hover .list-group-item-text {

  color: white;

}



.list-group-flush .list-group-item {

  border-right: 0;

  border-left: 0;

  border-radius: 0;

}



.list-group-item-action {

  width: 100%;

  color: #555;

  text-align: inherit;

}



.list-group-item-action .list-group-item-heading {

  color: #333;

}



.list-group-item-action:focus,

.list-group-item-action:hover {

  color: #555;

  text-decoration: none;

  background-color: #f5f5f5;

}



.list-group-item-success {

  color: #3c763d;

  background-color: #dff0d8;

}



a.list-group-item-success,

button.list-group-item-success {

  color: #3c763d;

}



a.list-group-item-success .list-group-item-heading,

button.list-group-item-success .list-group-item-heading {

  color: inherit;

}



a.list-group-item-success:focus,

a.list-group-item-success:hover,

button.list-group-item-success:focus,

button.list-group-item-success:hover {

  color: #3c763d;

  background-color: #d0e9c6;

}



a.list-group-item-success.active,

a.list-group-item-success.active:focus,

a.list-group-item-success.active:hover,

button.list-group-item-success.active,

button.list-group-item-success.active:focus,

button.list-group-item-success.active:hover {

  color: #fff;

  background-color: #3c763d;

  border-color: #3c763d;

}



.list-group-item-info {

  color: #31708f;

  background-color: #d9edf7;

}



a.list-group-item-info,

button.list-group-item-info {

  color: #31708f;

}



a.list-group-item-info .list-group-item-heading,

button.list-group-item-info .list-group-item-heading {

  color: inherit;

}



a.list-group-item-info:focus,

a.list-group-item-info:hover,

button.list-group-item-info:focus,

button.list-group-item-info:hover {

  color: #31708f;

  background-color: #c4e3f3;

}



a.list-group-item-info.active,

a.list-group-item-info.active:focus,

a.list-group-item-info.active:hover,

button.list-group-item-info.active,

button.list-group-item-info.active:focus,

button.list-group-item-info.active:hover {

  color: #fff;

  background-color: #31708f;

  border-color: #31708f;

}



.list-group-item-warning {

  color: #8a6d3b;

  background-color: #fcf8e3;

}



a.list-group-item-warning,

button.list-group-item-warning {

  color: #8a6d3b;

}



a.list-group-item-warning .list-group-item-heading,

button.list-group-item-warning .list-group-item-heading {

  color: inherit;

}



a.list-group-item-warning:focus,

a.list-group-item-warning:hover,

button.list-group-item-warning:focus,

button.list-group-item-warning:hover {

  color: #8a6d3b;

  background-color: #faf2cc;

}



a.list-group-item-warning.active,

a.list-group-item-warning.active:focus,

a.list-group-item-warning.active:hover,

button.list-group-item-warning.active,

button.list-group-item-warning.active:focus,

button.list-group-item-warning.active:hover {

  color: #fff;

  background-color: #8a6d3b;

  border-color: #8a6d3b;

}



.list-group-item-danger {

  color: #a94442;

  background-color: #f2dede;

}



a.list-group-item-danger,

button.list-group-item-danger {

  color: #a94442;

}



a.list-group-item-danger .list-group-item-heading,

button.list-group-item-danger .list-group-item-heading {

  color: inherit;

}



a.list-group-item-danger:focus,

a.list-group-item-danger:hover,

button.list-group-item-danger:focus,

button.list-group-item-danger:hover {

  color: #a94442;

  background-color: #ebcccc;

}



a.list-group-item-danger.active,

a.list-group-item-danger.active:focus,

a.list-group-item-danger.active:hover,

button.list-group-item-danger.active,

button.list-group-item-danger.active:focus,

button.list-group-item-danger.active:hover {

  color: #fff;

  background-color: #a94442;

  border-color: #a94442;

}



.list-group-item-heading {

  margin-top: 0;

  margin-bottom: 5px;

}



.list-group-item-text {

  margin-bottom: 0;

  line-height: 1.3;

}



.embed-responsive {

  position: relative;

  display: block;

  height: 0;

  padding: 0;

  overflow: hidden;

}



.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}



.embed-responsive-21by9 {

  padding-bottom: 42.85714%;

}



.embed-responsive-16by9 {

  padding-bottom: 56.25%;

}



.embed-responsive-4by3 {

  padding-bottom: 75%;

}



.embed-responsive-1by1 {

  padding-bottom: 100%;

}



.close {

  float: right;

  font-size: 1.5rem;

  font-weight: bold;

  line-height: 1;

  color: #000;

  text-shadow: 0 1px 0 #fff;

  opacity: .2;

}



.close:focus,

.close:hover {

  color: #000;

  text-decoration: none;

  cursor: pointer;

  opacity: .5;

}



button.close {

  padding: 0;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

}



.modal-open {

  overflow: hidden;

}



.modal {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  display: none;

  overflow: hidden;

  outline: 0;

}



.modal.fade .modal-dialog {

  transition: transform .3s ease-out;

  transform: translate(0, -25%);

}



.modal.in .modal-dialog {

  transform: translate(0, 0);

}



.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}



.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

}



.modal-content {

  position: relative;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 0.3rem;

  outline: 0;

}



.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000;

}



.modal-backdrop.fade {

  opacity: 0;

}



.modal-backdrop.in {

  opacity: 0.5;

}



.modal-header {

  padding: 15px;

  border-bottom: 1px solid #e5e5e5;

}



.modal-header::after {

  content: "";

  display: table;

  clear: both;

}



.modal-header .close {

  margin-top: -2px;

}



.modal-title {

  margin: 0;

  line-height: 1.5;

}



.modal-body {

  position: relative;

  padding: 15px;

}



.modal-footer {

  padding: 15px;

  text-align: right;

  border-top: 1px solid #e5e5e5;

}



.modal-footer::after {

  content: "";

  display: table;

  clear: both;

}



.modal-scrollbar-measure {

  position: absolute;

  top: -9999px;

  width: 50px;

  height: 50px;

  overflow: scroll;

}



@media (min-width: 576px) {

  .modal-dialog {

    max-width: 600px;

    margin: 30px auto;

  }

  .modal-sm {

    max-width: 300px;

  }

}



@media (min-width: 992px) {

  .modal-lg {

    max-width: 900px;

  }

}



.tooltip {

  position: absolute;

  z-index: 1070;

  display: block;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-style: normal;

  font-weight: normal;

  letter-spacing: normal;

  line-break: auto;

  line-height: 1.5;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  white-space: normal;

  word-break: normal;

  word-spacing: normal;

  font-size: 0.875rem;

  word-wrap: break-word;

  opacity: 0;

}



.tooltip.in {

  opacity: 0.9;

}



.tooltip.tooltip-top,

.tooltip.bs-tether-element-attached-bottom {

  padding: 5px 0;

  margin-top: -3px;

}



.tooltip.tooltip-top .tooltip-inner::before,

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {

  bottom: 0;

  left: 50%;

  margin-left: -5px;

  content: "";

  border-width: 5px 5px 0;

  border-top-color: #ff4c4c;

}



.tooltip.tooltip-right,

.tooltip.bs-tether-element-attached-left {

  padding: 0 5px;

  margin-left: 3px;

}



.tooltip.tooltip-right .tooltip-inner::before,

.tooltip.bs-tether-element-attached-left .tooltip-inner::before {

  top: 50%;

  left: 0;

  margin-top: -5px;

  content: "";

  border-width: 5px 5px 5px 0;

  border-right-color: #ff4c4c;

}



.tooltip.tooltip-bottom,

.tooltip.bs-tether-element-attached-top {

  padding: 5px 0;

  margin-top: 3px;

}



.tooltip.tooltip-bottom .tooltip-inner::before,

.tooltip.bs-tether-element-attached-top .tooltip-inner::before {

  top: 0;

  left: 50%;

  margin-left: -5px;

  content: "";

  border-width: 0 5px 5px;

  border-bottom-color: #ff4c4c;

}



.tooltip.tooltip-left,

.tooltip.bs-tether-element-attached-right {

  padding: 0 5px;

  margin-left: -3px;

}



.tooltip.tooltip-left .tooltip-inner::before,

.tooltip.bs-tether-element-attached-right .tooltip-inner::before {

  top: 50%;

  right: 0;

  margin-top: -5px;

  content: "";

  border-width: 5px 0 5px 5px;

  border-left-color: #ff4c4c;

}



.tooltip-inner {

  max-width: 200px;

  padding: 3px 8px;

  color: #fff;

  text-align: center;

  background-color: #ff4c4c;

  border-radius: 0;

}



.tooltip-inner::before {

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}



.popover {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1060;

  display: block;

  max-width: 276px;

  padding: 1px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-style: normal;

  font-weight: normal;

  letter-spacing: normal;

  line-break: auto;

  line-height: 1.5;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  white-space: normal;

  word-break: normal;

  word-spacing: normal;

  font-size: 0.875rem;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 0.3rem;

}



.popover.popover-top,

.popover.bs-tether-element-attached-bottom {

  margin-top: -10px;

}



.popover.popover-top::before,

.popover.popover-top::after,

.popover.bs-tether-element-attached-bottom::before,

.popover.bs-tether-element-attached-bottom::after {

  left: 50%;

  border-bottom-width: 0;

}



.popover.popover-top::before,

.popover.bs-tether-element-attached-bottom::before {

  bottom: -11px;

  margin-left: -11px;

  border-top-color: rgba(0, 0, 0, 0.25);

}



.popover.popover-top::after,

.popover.bs-tether-element-attached-bottom::after {

  bottom: -10px;

  margin-left: -10px;

  border-top-color: #fff;

}



.popover.popover-right,

.popover.bs-tether-element-attached-left {

  margin-left: 10px;

}



.popover.popover-right::before,

.popover.popover-right::after,

.popover.bs-tether-element-attached-left::before,

.popover.bs-tether-element-attached-left::after {

  top: 50%;

  border-left-width: 0;

}



.popover.popover-right::before,

.popover.bs-tether-element-attached-left::before {

  left: -11px;

  margin-top: -11px;

  border-right-color: rgba(0, 0, 0, 0.25);

}



.popover.popover-right::after,

.popover.bs-tether-element-attached-left::after {

  left: -10px;

  margin-top: -10px;

  border-right-color: #fff;

}



.popover.popover-bottom,

.popover.bs-tether-element-attached-top {

  margin-top: 10px;

}



.popover.popover-bottom::before,

.popover.popover-bottom::after,

.popover.bs-tether-element-attached-top::before,

.popover.bs-tether-element-attached-top::after {

  left: 50%;

  border-top-width: 0;

}



.popover.popover-bottom::before,

.popover.bs-tether-element-attached-top::before {

  top: -11px;

  margin-left: -11px;

  border-bottom-color: rgba(0, 0, 0, 0.25);

}



.popover.popover-bottom::after,

.popover.bs-tether-element-attached-top::after {

  top: -10px;

  margin-left: -10px;

  border-bottom-color: #f7f7f7;

}



.popover.popover-bottom .popover-title::before,

.popover.bs-tether-element-attached-top .popover-title::before {

  position: absolute;

  top: 0;

  left: 50%;

  display: block;

  width: 20px;

  margin-left: -10px;

  content: "";

  border-bottom: 1px solid #f7f7f7;

}



.popover.popover-left,

.popover.bs-tether-element-attached-right {

  margin-left: -10px;

}



.popover.popover-left::before,

.popover.popover-left::after,

.popover.bs-tether-element-attached-right::before,

.popover.bs-tether-element-attached-right::after {

  top: 50%;

  border-right-width: 0;

}



.popover.popover-left::before,

.popover.bs-tether-element-attached-right::before {

  right: -11px;

  margin-top: -11px;

  border-left-color: rgba(0, 0, 0, 0.25);

}



.popover.popover-left::after,

.popover.bs-tether-element-attached-right::after {

  right: -10px;

  margin-top: -10px;

  border-left-color: #fff;

}



.popover-title {

  padding: 8px 14px;

  margin: 0;

  font-size: 1rem;

  background-color: #f7f7f7;

  border-bottom: 1px solid #ebebeb;

  border-radius: 0.2375rem 0.2375rem 0 0;

}



.popover-title:empty {

  display: none;

}



.popover-content {

  padding: 9px 14px;

}



.popover::before,

.popover::after {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}



.popover::before {

  content: "";

  border-width: 11px;

}



.popover::after {

  content: "";

  border-width: 10px;

}



.carousel {

  position: relative;

}



.carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden;

}



.carousel-inner>.carousel-item {

  position: relative;

  display: none;

  transition: .6s ease-in-out left;

}



.carousel-inner>.carousel-item>img,

.carousel-inner>.carousel-item>a>img {

  line-height: 1;

}



@media all and (transform-3d),

(-webkit-transform-3d) {

  .carousel-inner>.carousel-item {

    transition: transform .6s ease-in-out;

    backface-visibility: hidden;

    perspective: 1000px;

  }

  .carousel-inner>.carousel-item.next,

  .carousel-inner>.carousel-item.active.right {

    left: 0;

    transform: translate3d(100%, 0, 0);

  }

  .carousel-inner>.carousel-item.prev,

  .carousel-inner>.carousel-item.active.left {

    left: 0;

    transform: translate3d(-100%, 0, 0);

  }

  .carousel-inner>.carousel-item.next.left,

  .carousel-inner>.carousel-item.prev.right,

  .carousel-inner>.carousel-item.active {

    left: 0;

    transform: translate3d(0, 0, 0);

  }

}



.carousel-inner>.active,

.carousel-inner>.next,

.carousel-inner>.prev {

  display: block;

}



.carousel-inner>.active {

  left: 0;

}



.carousel-inner>.next,

.carousel-inner>.prev {

  position: absolute;

  top: 0;

  width: 100%;

}



.carousel-inner>.next {

  left: 100%;

}



.carousel-inner>.prev {

  left: -100%;

}



.carousel-inner>.next.left,

.carousel-inner>.prev.right {

  left: 0;

}



.carousel-inner>.active.left {

  left: -100%;

}



.carousel-inner>.active.right {

  left: 100%;

}



.carousel-control {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 15%;

  font-size: 20px;

  color: #fff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

  opacity: 0.5;

}



.carousel-control.left {

  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

}



.carousel-control.right {

  right: 0;

  left: auto;

  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);

}



.carousel-control:focus,

.carousel-control:hover {

  color: #fff;

  text-decoration: none;

  outline: 0;

  opacity: .9;

}



.carousel-control .icon-prev,

.carousel-control .icon-next {

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin-top: -10px;

  font-family: serif;

  line-height: 1;

}



.carousel-control .icon-prev {

  left: 50%;

  margin-left: -10px;

}



.carousel-control .icon-next {

  right: 50%;

  margin-right: -10px;

}



.carousel-control .icon-prev::before {

  content: "\2039";

}



.carousel-control .icon-next::before {

  content: "\203A";

}



.carousel-indicators {

  position: absolute;

  bottom: 10px;

  left: 50%;

  z-index: 15;

  width: 60%;

  padding-left: 0;

  margin-left: -30%;

  text-align: center;

  list-style: none;

}



.carousel-indicators li {

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: 1px;

  text-indent: -999px;

  cursor: pointer;

  background-color: transparent;

  border: 1px solid #fff;

  border-radius: 10px;

}



.carousel-indicators .active {

  width: 12px;

  height: 12px;

  margin: 0;

  background-color: #fff;

}



.carousel-caption {

  position: absolute;

  right: 15%;

  bottom: 20px;

  left: 15%;

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #fff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}



.carousel-caption .btn {

  text-shadow: none;

}



@media (min-width: 576px) {

  .carousel-control .icon-prev,

  .carousel-control .icon-next {

    width: 30px;

    height: 30px;

    margin-top: -15px;

    font-size: 30px;

  }

  .carousel-control .icon-prev {

    margin-left: -15px;

  }

  .carousel-control .icon-next {

    margin-right: -15px;

  }

  .carousel-caption {

    right: 20%;

    left: 20%;

    padding-bottom: 30px;

  }

  .carousel-indicators {

    bottom: 20px;

  }

}



.align-baseline {

  vertical-align: baseline !important;

}



.align-top {

  vertical-align: top !important;

}



.align-middle {

  vertical-align: middle !important;

}



.align-bottom {

  vertical-align: bottom !important;

}



.align-text-bottom {

  vertical-align: text-bottom !important;

}



.align-text-top {

  vertical-align: text-top !important;

}



.bg-faded {

  background-color: #f7f7f9;

}



.bg-primary {

  background-color: #4d7df0 !important;

}



a.bg-primary:focus,

a.bg-primary:hover {

  background-color: #1e5bec !important;

}



.bg-success {

  background-color: #4cbb6c !important;

}



a.bg-success:focus,

a.bg-success:hover {

  background-color: #3a9a56 !important;

}



.bg-info {

  background-color: #5bc0de !important;

}



a.bg-info:focus,

a.bg-info:hover {

  background-color: #31b0d5 !important;

}



.bg-warning {

  background-color: #ff9a52 !important;

}



a.bg-warning:focus,

a.bg-warning:hover {

  background-color: #ff7c1f !important;

}



.bg-danger {

  background-color: #ff4c4c !important;

}



a.bg-danger:focus,

a.bg-danger:hover {

  background-color: #ff1919 !important;

}



.bg-inverse {

  background-color: #808080 !important;

}



a.bg-inverse:focus,

a.bg-inverse:hover {

  background-color: #676767 !important;

}



.rounded {

  border-radius: 0;

}



.rounded-top {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



.rounded-right {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.rounded-bottom {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.rounded-left {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.rounded-circle {

  border-radius: 50%;

}



.clearfix::after {

  content: "";

  display: table;

  clear: both;

}



.d-block {

  display: block !important;

}



.d-inline-block {

  display: inline-block !important;

}



.d-inline {

  display: inline !important;

}



.float-xs-left {

  float: left !important;

}



.float-xs-right {

  float: right !important;

}



.float-xs-none {

  float: none !important;

}



@media (min-width: 576px) {

  .float-sm-left {

    float: left !important;

  }

  .float-sm-right {

    float: right !important;

  }

  .float-sm-none {

    float: none !important;

  }

}



@media (min-width: 768px) {

  .float-md-left {

    float: left !important;

  }

  .float-md-right {

    float: right !important;

  }

  .float-md-none {

    float: none !important;

  }

}



@media (min-width: 992px) {

  .float-lg-left {

    float: left !important;

  }

  .float-lg-right {

    float: right !important;

  }

  .float-lg-none {

    float: none !important;

  }

}



@media (min-width: 1200px) {

  .float-xl-left {

    float: left !important;

  }

  .float-xl-right {

    float: right !important;

  }

  .float-xl-none {

    float: none !important;

  }

}



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

  position: static;

  width: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  clip: auto;

}



.w-100 {

  width: 100% !important;

}



.h-100 {

  height: 100% !important;

}



.mx-auto {

  margin-right: auto !important;

  margin-left: auto !important;

}



.m-0 {

  margin: 0 0 !important;

}



.mt-0 {

  margin-top: 0 !important;

}



.mr-0 {

  margin-right: 0 !important;

}



.mb-0 {

  margin-bottom: 0 !important;

}



.ml-0 {

  margin-left: 0 !important;

}



.mx-0 {

  margin-right: 0 !important;

  margin-left: 0 !important;

}



.my-0 {

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}



.m-1 {

  margin: 1rem 1rem !important;

}



.mt-1 {

  margin-top: 1rem !important;

}



.mr-1 {

  margin-right: 1rem !important;

}



.mb-1 {

  margin-bottom: 1rem !important;

}



.ml-1 {

  margin-left: 1rem !important;

}



.mx-1 {

  margin-right: 1rem !important;

  margin-left: 1rem !important;

}



.my-1 {

  margin-top: 1rem !important;

  margin-bottom: 1rem !important;

}



.m-2 {

  margin: 1.5rem 1.5rem !important;

}



.mt-2 {

  margin-top: 1.5rem !important;

}



.mr-2 {

  margin-right: 1.5rem !important;

}



.mb-2 {

  margin-bottom: 1.5rem !important;

}



.ml-2 {

  margin-left: 1.5rem !important;

}



.mx-2 {

  margin-right: 1.5rem !important;

  margin-left: 1.5rem !important;

}



.my-2 {

  margin-top: 1.5rem !important;

  margin-bottom: 1.5rem !important;

}



.m-3 {

  margin: 3rem 3rem !important;

}



.mt-3 {

  margin-top: 3rem !important;

}



.mr-3 {

  margin-right: 3rem !important;

}



.mb-3 {

  margin-bottom: 3rem !important;

}



.ml-3 {

  margin-left: 3rem !important;

}



.mx-3 {

  margin-right: 3rem !important;

  margin-left: 3rem !important;

}



.my-3 {

  margin-top: 3rem !important;

  margin-bottom: 3rem !important;

}



.p-0 {

  padding: 0 0 !important;

}



.pt-0 {

  padding-top: 0 !important;

}



.pr-0 {

  padding-right: 0 !important;

}



.pb-0 {

  padding-bottom: 0 !important;

}



.pl-0 {

  padding-left: 0 !important;

}



.px-0 {

  padding-right: 0 !important;

  padding-left: 0 !important;

}



.py-0 {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}



.p-1 {

  padding: 1rem 1rem !important;

}



.pt-1 {

  padding-top: 1rem !important;

}



.pr-1 {

  padding-right: 1rem !important;

}



.pb-1 {

  padding-bottom: 1rem !important;

}



.pl-1 {

  padding-left: 1rem !important;

}



.px-1 {

  padding-right: 1rem !important;

  padding-left: 1rem !important;

}



.py-1 {

  padding-top: 1rem !important;

  padding-bottom: 1rem !important;

}



.p-2 {

  padding: 1.5rem 1.5rem !important;

}



.pt-2 {

  padding-top: 1.5rem !important;

}



.pr-2 {

  padding-right: 1.5rem !important;

}



.pb-2 {

  padding-bottom: 1.5rem !important;

}



.pl-2 {

  padding-left: 1.5rem !important;

}



.px-2 {

  padding-right: 1.5rem !important;

  padding-left: 1.5rem !important;

}



.py-2 {

  padding-top: 1.5rem !important;

  padding-bottom: 1.5rem !important;

}



.p-3 {

  padding: 3rem 3rem !important;

}



.pt-3 {

  padding-top: 3rem !important;

}



.pr-3 {

  padding-right: 3rem !important;

}



.pb-3 {

  padding-bottom: 3rem !important;

}



.pl-3 {

  padding-left: 3rem !important;

}



.px-3 {

  padding-right: 3rem !important;

  padding-left: 3rem !important;

}



.py-3 {

  padding-top: 3rem !important;

  padding-bottom: 3rem !important;

}



.pos-f-t {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1030;

}



.text-justify {

  text-align: justify !important;

}



.text-nowrap {

  white-space: nowrap !important;

}



.text-truncate {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.text-xs-left {

  text-align: left !important;

}



.text-xs-right {

  text-align: right !important;

}



.text-xs-center {

  text-align: center !important;

}



@media (min-width: 576px) {

  .text-sm-left {

    text-align: left !important;

  }

  .text-sm-right {

    text-align: right !important;

  }

  .text-sm-center {

    text-align: center !important;

  }

}



@media (min-width: 768px) {

  .text-md-left {

    text-align: left !important;

  }

  .text-md-right {

    text-align: right !important;

  }

  .text-md-center {

    text-align: center !important;

  }

}



@media (min-width: 992px) {

  .text-lg-left {

    text-align: left !important;

  }

  .text-lg-right {

    text-align: right !important;

  }

  .text-lg-center {

    text-align: center !important;

  }

}



@media (min-width: 1200px) {

  .text-xl-left {

    text-align: left !important;

  }

  .text-xl-right {

    text-align: right !important;

  }

  .text-xl-center {

    text-align: center !important;

  }

}



.text-lowercase {

  text-transform: lowercase !important;

}



.text-uppercase {

  text-transform: uppercase !important;

}



.text-capitalize {

  text-transform: capitalize !important;

}



.font-weight-normal {

  font-weight: normal;

}



.font-weight-bold {

  font-weight: bold;

}



.font-italic {

  font-style: italic;

}



.text-white {

  color: #fff !important;

}



.text-muted {

  color: #808080 !important;

}



a.text-muted:focus,

a.text-muted:hover {

  color: #4d7df0 !important;

}



.text-primary {

  color: #4d7df0 !important;

}



a.text-primary:focus,

a.text-primary:hover {

  color: #1e5bec !important;

}



.text-success {

  color: #4cbb6c !important;

}



a.text-success:focus,

a.text-success:hover {

  color: #3a9a56 !important;

}



.text-info {

  color: #5bc0de !important;

}



a.text-info:focus,

a.text-info:hover {

  color: #31b0d5 !important;

}



.text-warning {

  color: #ff9a52 !important;

}



a.text-warning:focus,

a.text-warning:hover {

  color: #ff7c1f !important;

}



.text-danger {

  color: #ff4c4c !important;

}



a.text-danger:focus,

a.text-danger:hover {

  color: #ff1919 !important;

}



.text-gray-dark {

  color: #808080 !important;

}



a.text-gray-dark:focus,

a.text-gray-dark:hover {

  color: #676767 !important;

}



.text-hide {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}



.invisible {

  visibility: hidden !important;

}



.hidden-xs-up {

  display: none !important;

}



@media (max-width: 575px) {

  .hidden-xs-down {

    display: none !important;

  }

}



@media (min-width: 576px) {

  .hidden-sm-up {

    display: none !important;

  }

}



@media (max-width: 767px) {

  /*.hidden-sm-down {

    display: none !important;*/

  }

}



@media (min-width: 768px) {

  .hidden-md-up {

    display: none !important;

  }

}



@media (max-width: 991px) {

  .hidden-md-down {

    display: none !important;

  }

}



@media (min-width: 992px) {

  .hidden-lg-up {

    display: none !important;

  }

}



@media (max-width: 1199px) {

  .hidden-lg-down {

    display: none !important;

  }

}



@media (min-width: 1200px) {

  .hidden-xl-up {

    display: none !important;

  }

}



.hidden-xl-down {

  display: none !important;

}



.visible-print-block {

  display: none !important;

}



@media print {

  .visible-print-block {

    display: block !important;

  }

}



.visible-print-inline {

  display: none !important;

}



@media print {

  .visible-print-inline {

    display: inline !important;

  }

}



.visible-print-inline-block {

  display: none !important;

}



@media print {

  .visible-print-inline-block {

    display: inline-block !important;

  }

}



@media print {

  .hidden-print {

    display: none !important;

  }

}



@font-face {

  font-family: 'Material Icons';

  font-style: normal;

  font-weight: 400;

  src: url(../css/e79bfd88537def476913f3ed52f4f4b3.eot);

  /* For IE6-8 */

  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../css/570eb83859dc23dd0eec423a49e147fe.woff2) format("woff2"), url(../css/012cf6a10129e2275d79d6adac7f3b02.woff) format("woff"), url(../css/a37b0c01c0baf1888ca812cc0508f6e2.ttf) format("truetype");

}



.material-icons {

  font-family: 'Material Icons';

  font-weight: normal;

  font-style: normal;

  font-size: 24px;

  /* Preferred icon size */

  display: inline-block;

  vertical-align: middle;

  width: 1em;

  height: 1em;

  line-height: 1;

  text-transform: none;

  letter-spacing: normal;

  word-wrap: normal;

  white-space: nowrap;

  direction: ltr;

  /* Support for all WebKit browsers. */

  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */

  text-rendering: optimizeLegibility;

  /* Support for Firefox. */

  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */

  font-feature-settings: 'liga';

}



.lang-rtl * {

  direction: rtl !important;

}



.lang-rtl main {

  text-align: right !important;

}





/*body,*/



html {

  height: 100%;

}



body {

  font-family: "Open Sans", sans-serif;

  font-size: 14px;

  font-weight: 400;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #808080;

  line-height: 26px;

  background: #FFF;

  position: relative;

  letter-spacing: 0.5px;

}



ul {

  list-style: none;

  padding-left: 0;

}



a:hover {

  color: #4d7df0;

  text-decoration: none;

}



p {

  margin-bottom: 10px;

}





/*** Normalize Codezeel Start ***/



b,

strong {

  color: #262626;

}



a {

  color: #000000;

}



a:focus,

a:hover {

  color: #4d7df0;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  outline-offset: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-weight: 700;

}



hr {

  border-color: #dfdfdf;

}



.thead-default th {

  font-weight: 600;

  color: #262626;

}



.form-control {

  padding: 5px 12px;

  color: #262626;

  border: 1px solid #dddddd;

  font-size: 14px;

  line-height: 26px;

}



.form-control::placeholder,

.form-control:focus {

  color: #262626;

}



.btn {

  font: 600 14px/22px "Open Sans", sans-serif;

  text-transform: uppercase;

  display: inline-block;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  user-select: none;

  border-radius: 0;

  white-space: nowrap;

  letter-spacing: 0.5px;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.btn-primary {

  border: 1px solid #000000;

  color: #fff;

  background: #000000;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.btn-primary:hover {

  border-color: #4d7df0;

  color: #fff;

  background: #4d7df0;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.modal {

  z-index: 10050;

}



.modal-backdrop {

  z-index: 10040;

}



.modal-header .close {

  margin-top: -9px;

  font-size: 42px;

  padding: 0px 13px;

  position: absolute;

  right: 5px;

  font-weight: 100;

  opacity: 1;

  filter: alpha(opacity=100);

}



.pull-xs-right {

  float: right !important;

}



.pull-xs-left {

  float: left !important;

}



.table thead th {

  border: 1px solid #dddddd;

  background: #f2f2f2;

}



.table-labeled th,

.table-labeled td,

.table-striped tbody tr,

.table-striped tbody tr:nth-of-type(odd) {

  background: #fff;

}





/*** Normalize Codezeel End ***/



.dropdown-item:focus,

.dropdown-item:hover {

  background: none;

}



.color {

  border: 1px solid #666;

}



.color,

.custom-checkbox input[type="checkbox"]+span.color {

  width: 1.25rem;

  height: 1.25rem;

  display: inline-block;

  margin: 0 4px 0 0;

  border: 1px solid #aaa;

  cursor: pointer;

  background-size: contain;

}



.color.active,

.color:hover,

.custom-checkbox input[type="checkbox"]+span.color.active,

.custom-checkbox input[type="checkbox"]+span.color:hover {

  border: 1px solid #262626;

}



.facet-label.active .custom-checkbox span.color,

.facet-label:hover .custom-checkbox span.color {

  border: 1px solid #262626;

}



.h1,

.h2,

.h3 {

  /*text-transform: uppercase;*/

  color: #262626;

}



.h4 {

  font-weight: 500;

  color: #262626;

}



.btn-primary,

.btn-secondary,

.btn-tertiary {

  text-transform: uppercase;

  padding: 8px 20px;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.btn-primary .material-icons,

.btn-secondary .material-icons,

.btn-tertiary .material-icons {

  margin-right: 5px;

  font-size: 20px;

  height: 19px;

}



.btn-tertiary {

  padding: 8px 20px;

  margin: 0.25rem 0;

  font-weight: 400;

  font-size: 0.875rem;

}



.btn-tertiary .material-icons {

  font-size: 14px;

}



label,

.label {

  color: #000000;

  font-weight: 600;

  text-align: right;

}



small.label,

small.value {

  font-size: 0.8125rem;

}



.form-control-label {

  padding-top: 4px;

  font-weight: 600;

}



.form-group .custom-checkbox label {

  font-weight: 600;

}



.input-group .form-control:focus {

  outline: none;

}



.input-group .input-group-btn>.btn {

  border: 0;

  box-shadow: none;

  color: #ffffff;

  font-size: 14px;

  font-weight: normal;

  margin-left: 0;

  padding: 8px 12px;

  text-transform: uppercase;

}



.form-control-select {

  height: 2.625rem;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem;

  padding-right: 2rem;

}



.form-control-valign {

  padding-top: 0.5rem;

}



.form-control-comment {

  font-size: 14px;

  padding-top: 0.5rem;

}



.form-control-submit.disabled {

  background: #5bc0de;

  color: white;

}



.form-group.has-error input,

.form-group.has-error select {

  outline: 0.1875rem solid #ff4c4c;

}



.form-group.has-error .help-block {

  color: #ff4c4c;

}



.group-span-filestyle label {

  margin: 0;

}



.group-span-filestyle .btn-default,

.group-span-filestyle .bootstrap-touchspin .btn-touchspin,

.bootstrap-touchspin .group-span-filestyle .btn-touchspin {

  background: #4d7df0;

  color: white;

  text-transform: uppercase;

  border-radius: 0;

  font-size: 0.875rem;

  padding: 0.5rem 1rem;

}



.bootstrap-touchspin input:focus {

  outline: none;

}



.bootstrap-touchspin input.form-control {

  border: 1px solid rgba(0, 0, 0, 0.15);

}



.bootstrap-touchspin .btn-touchspin {

  background-color: white;

  border: 1px solid rgba(0, 0, 0, 0.15);

  height: 1.3125rem;

}



.bootstrap-touchspin .btn-touchspin:hover {

  background-color: #ebebeb;

}



.bootstrap-touchspin .input-group-btn-vertical {

  color: #262626;

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

  border-radius: 0;

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

  border-radius: 0;

}



.bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after {

  content: "\E5CE";

}



.bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after {

  content: "\E5CF";

}



.bootstrap-touchspin .input-group-btn-vertical i {

  top: 0.0625rem;

  left: 0.1875rem;

  font-size: 0.9375rem;

  color: #000;

}



.custom-radio {

  display: inline-block;

  position: relative;

  width: 18px;

  height: 18px;

  vertical-align: middle;

  cursor: pointer;

  border-radius: 50%;

  border: #878787 1px solid;

  background: white;

  margin-right: 1.25rem;

}



.custom-radio input[type="radio"] {

  opacity: 0;

  filter: alpha(opacity=0);

  cursor: pointer;

}



.custom-radio input[type="radio"]:checked+span {

  display: block;

  background-color: #4d7df0;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  position: absolute;

  left: 3px;

  top: 3px;

}



.custom-checkbox {

  position: relative;

}



.custom-checkbox input[type="radio"],

.custom-checkbox input[type="checkbox"] {

  margin-top: 0.25rem;

  opacity: 0;

  filter: alpha(opacity=0);

  cursor: pointer;

  position: absolute;

}



.custom-checkbox input[type="radio"]+span,

.custom-checkbox input[type="checkbox"]+span {

  margin-right: 3px;

  display: inline-block;

  width: 15px;

  height: 15px;

  vertical-align: middle;

  cursor: pointer;

  border: 1px #808080 solid;

}



.custom-checkbox input[type="radio"]+span .checkbox-checked,

.custom-checkbox input[type="checkbox"]+span .checkbox-checked {

  display: none;

  margin: -2px -1px;

  font-size: 16px;

  color: #262626;

}



.custom-checkbox input[type="radio"]:checked+span .checkbox-checked,

.custom-checkbox input[type="checkbox"]:checked+span .checkbox-checked {

  display: block;

}



.custom-checkbox label {

  text-align: left;

}



.facet-label .custom-checkbox {

  position: relative;

}



.facet-label .custom-checkbox input[type="radio"] {

  margin-top: 0.25rem;

  opacity: 0;

  filter: alpha(opacity=0);

  cursor: pointer;

  position: absolute;

}



.facet-label .custom-checkbox input[type="radio"]+span {

  margin-right: 3px;

  display: inline-block;

  width: 15px;

  height: 15px;

  vertical-align: middle;

  cursor: pointer;

  border: 1px #808080 solid;

}



.facet-label .custom-checkbox input[type="radio"]+span .checkbox-checked {

  display: none;

  margin: -2px -1px;

  font-size: 16px;

  color: #262626;

}



.facet-label .custom-checkbox input[type="radio"]:checked+span .checkbox-checked {

  display: block;

}



.facet-label .custom-checkbox label {

  text-align: left;

}



.done {

  color: #4cbb6c;

  display: inline-block;

  padding: 0 0;

  margin-right: 10px;

  font-size: 28px;

  font-weight: 700;

}



.thumb-mask>.mask {

  position: relative;

  width: 3.4375rem;

  height: 3.4375rem;

  overflow: hidden;

  border: #ebebeb 1px solid;

  margin: 0.625rem 0;

}



.thumb-mask>.mask img {

  width: 55px;

  height: 55px;

}



.definition-list dl {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  -webkit-box-lines: multiple;

  -moz-box-lines: multiple;

  box-lines: multiple;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.definition-list dl dt {

  font-weight: normal;

}



.definition-list dl dd,

.definition-list dl dt {

  -webkit-box-flex: 0;

  -moz-box-flex: 0;

  box-flex: 0;

  -webkit-flex: 0 0 45%;

  -moz-flex: 0 0 45%;

  -ms-flex: 0 0 45%;

  flex: 0 0 45%;

  background: #ebebeb;

  padding: 0.625rem;

  margin: 0.125rem;

}



.definition-list dl dd:nth-of-type(even),

.definition-list dl dt:nth-of-type(even) {

  background: #f6f6f6;

}



.help-block {

  margin-top: 0.625rem;

}



.btn.disabled,

.btn.disabled:hover {

  background: #878787;

  border-color: #878787;

}



.alert-warning .material-icons {

  color: #FF9A52;

  font-size: 2rem;

  margin-right: 0.625rem;

  padding-top: 0.3125rem;

}



.alert-warning .alert-text {

  font-size: 0.9375rem;

  padding-top: 0.625rem;

}



.alert-warning .alert-link {

  border-radius: 2px;

  border-width: 2px;

  margin-left: 0.625rem;

  padding: 0.3125rem 1.25rem;

  font-weight: 600;

  font-size: 0.8125rem;

  color: #6C868E;

}



.alert-warning ul li:last-child .alert-link {

  color: white;

}



.alert-warning .warning-buttons {

  margin-top: 0.3125rem;

}



.btn-warning {

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.btn-tertiary-outline {

  color: #6C868E;

  background-image: none;

  background-color: transparent;

  border-color: #6C868E;

  border: 0.15rem solid #6C868E;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.btn-tertiary-outline:hover {

  border-color: #BBCDD2;

  color: #BBCDD2;

}



.nav-item .nav-link,

.nav-item .nav-separtor {

  /*color: $gray;*/

  font-weight: 600;

}



.nav-item .nav-link.active,

.nav-item .nav-separtor.active {

  color: #4d7df0;

}



.dropdown {

  color: #878787;

}



.dropdown:hover .expand-more {

  color: #4d7df0;

}



.dropdown .expand-more {

  color: #262626;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.dropdown .active {

  max-height: 200px;

  overflow-y: hidden;

  visibility: visible;

}



.dropdown select {

  -moz-appearance: none;

  border: 0 none;

  outline: 0 none;

  color: #262626;

  background: white;

}



.dropdown-item:focus,

.dropdown-item:hover {

  background: none;

  text-decoration: none;

  color: #4d7df0;

}



.search-widget {

  float: right;

}



.search-widget form {

  position: relative;

}



.search-widget form input[type=text] {

  padding: 9px 50px 9px 9px;

  outline: 0;

  border: 1px solid #ddd;

  color: #262626;

}



.search-widget form input[type=text]:focus {

  border-color: #aaa;

  background: #FFFFFF;

  color: #262626;

}



/*.search-widget form input[type=text]:focus+button .search {

  color: $brand-primary;

}*/



.search-widget form button[type=submit] {

  position: absolute;

  background: #4d7df0;

  border: none;

  top: 0px;

  right: 0;

  padding: 10px 15px 9px;

  outline: 0;

  cursor: pointer;

}



.search-widget form button[type=submit]:before {

  content: "\F002";

  display: block;

  font-family: "FontAwesome";

  font-size: 16px;

  padding: 0;

  width: 100%;

  text-align: center;

  color: #fff;

}



.search-widget form button[type=submit]:hover {

  background: #000000;

  color: #fff;

}



.header-top .search-widget {

  padding: 0;

  width: 280px;

  float: left;

}



.header-top .search-widget form input[type="text"] {

  display: block;

  padding: 10px 50px 10px 10px;

  min-width: inherit;

  width: 100%;

  height: 45px;

  line-height: 15px;

  font-size: 14px;

  background: #ebebebd;

  border: 1px solid #f5f5f5;

}



/*#checkout #search_widget {

  display: none;  Not ideal solution by allows to reuse same hooks/templates 

}*/



#pagenotfound .page-content #search_widget {

  width: 100%;

}





/*** Responsive part ***/



@media (max-width: 767px) {

  .header-top .search-widget {

    width: 100%;

    float: none;

  }

  .header-top .search-widget form {

    margin: 0 auto;

  }

  .header-top .search-widget form input[type="text"] {

    min-width: inherit;

  }

}



@media (max-width: 991px) {

  .header-top .search-widget form button[type="submit"]:before {

    color: #000;

  }

}



.header-top .menu {

  text-align: center;

  padding: 0px;

  float: none;

}



.header-top .menu .menu-container>.top-menu {

  /*background: #000000;*/
    background-image: url("https://globalelettronica.it/img/Banda menu.png");
    background-size: cover;

}



.header-top .menu .menu-container .cat-title {

  display: none;

}



.header-top .menu .menu-container>ul>li {

  text-align: right;

  float: none;

  display: inline-block;

}



#index .header-top .menu {

  border-bottom: 0px;

}



#header .cat-title {

  cursor: pointer;

  font-weight: 600;

  font-size: 0px;

  line-height: 26px;

  text-transform: uppercase;

  color: #000000;

  display: block;

  padding: 9px 0px 9px 45px;

  position: relative;

}



#header .menu-icon {

  vertical-align: middle;

  cursor: pointer;

}



#header .menu-icon .material-icons {

  line-height: 45px;

}



#header .menu-icon .menu-close,

#header .menu-icon.active .menu-open {

  display: none;

}



#header .menu-icon .menu-open,

#header .menu-icon.active .menu-close {

  display: block;

}



.top-menu {

  position: relative;

  padding: 0;

  width: auto;

  margin: 0;

}



.top-menu .more_sub_menu a {

  margin-left: 20px;

  padding: 0 0 10px 0;

}



.top-menu .more_sub_menu .sub-menu {

  display: none !important;

}



.top-menu[data-depth="1"] {

  margin: 0;

}



.top-menu a:not([data-depth="0"]) {

  display: block;

  padding: 0.625rem;

  color: #878787;

  font-weight: 400;

  letter-spacing: 0.5px;

}



.top-menu a.dropdown-submenu,

.top-menu .more_sub_menu a {

  color: #262626;

  text-transform: capitalize;

  font-weight: 400;

  font-size: 16px;

}



.top-menu a[data-depth="0"] {

  padding: 15px 25px;

  font: 600 14px/26px "Open Sans", sans-serif;

  color: #fff;

  display: block;

  text-transform: uppercase;

}



.top-menu a[data-depth="0"]:hover {

  color: #C5F20A;

  text-decoration: none;

}



.top-menu a[data-depth="1"],

.top-menu a[data-depth="2"] {

  padding: 0 0 10px 0;

}



.top-menu .collapse {

  /*display: inherit;*/

}



.top-menu .sub-menu.collapse {

  display: none;

}



.top-menu .sub-menu ul[data-depth="1"]>li {

  float: left;

  margin: 15px 0px 0px 20px;

  min-width: 165px;

}



.top-menu .sub-menu a {

  color: #000000;

}



.top-menu .sub-menu a:hover {

  color: #4d7df0;

  text-decoration: none;

}



.top-menu .sub-menu .more_sub_menu a:hover {

  color: #4d7df0;

  text-decoration: none;

}



.top-menu .sub-menu li>a.dropdown-submenu {

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 800;

  padding-bottom: 5px;

  margin-bottom: 17px;

}



.top-menu .sub-menu .menu-banners {

  margin-left: 20px;

}



.top-menu .sub-menu .menu-banners .menu-banner {

  float: left;

  margin-top: 10px;

}



.top-menu .sub-menu .menu-banners .menu-banner img {

  max-width: 100%;

}



.top-menu .popover {

  max-width: inherit;

}



.popover.bs-tether-element-attached-top {

  margin-top: 0;

}



#mobile_top_menu_wrapper {

  z-index: 999;

}



#mobile_top_menu_wrapper .container {

  padding: 0px;

}



#mobile_top_menu_wrapper .cat-title {

  color: #000000;

  padding-left: 35px;

}



#mobile_top_menu_wrapper .cat-title:after {

  left: 5px;

}



#mobile_top_menu_wrapper .top-menu {

  padding-top: 10px;

  color: #262626;

}



#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add {

  display: none;

}



#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove {

  display: block;

}



#mobile_top_menu_wrapper .top-menu .collapse-icons .remove {

  display: none;

}



#mobile_top_menu_wrapper .top-menu .navbar-toggler {

  display: inline-block;

  padding: 0;

  width: 20px;

  height: 20px;

}



#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {

  color: #000000;

  padding: 3px 0 3px 5px;

  font-weight: 400;

  text-transform: capitalize;

}



#mobile_top_menu_wrapper .top-menu a[data-depth="0"]:hover {

  color: #4d7df0;

}



#mobile_top_menu_wrapper .top-menu .collapse {

  display: none;

}



#mobile_top_menu_wrapper .top-menu .collapse.in {

  display: block;

}



#mobile_top_menu_wrapper .top-menu .sub-menu {

  box-shadow: none;

  z-index: inherit;

  display: block;

  overflow: hidden;

  margin-left: 0;

  width: 100%;

  min-width: 100%;

  border: 0;

  padding: 0px;

  position: relative;

  top: 0 !important;

}



#mobile_top_menu_wrapper .top-menu .sub-menu.collapse {

  display: none;

}



#mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in {

  display: block;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] {

  margin: 0;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li {

  float: none;

  margin: 0;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a {

  margin-bottom: 0px;

  color: #000000;

  font-weight: 400;

  text-transform: capitalize;

  letter-spacing: 0.5px;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a:hover {

  color: #4d7df0;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul {

  padding: 0;

}



#mobile_top_menu_wrapper .top-menu .sub-menu li>a {

  padding: 3px 0 3px 15px;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a {

  padding: 3px 0 3px 25px;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] li a {

  padding: 3px 0 3px 35px;

}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] li a {

  padding: 3px 0 3px 45px;

}



#mobile_top_menu_wrapper .top-menu .sub-menu .menu-banners {

  margin-left: 15px;

}



#mobile_top_menu_wrapper .top-menu .sub-menu .menu-banners .menu-banner {

  float: left;

  margin: 5px 0;

}



#mobile_top_menu_wrapper .top-menu .sub-menu .menu-banners .menu-banner img {

  max-width: 100%;

}



#mobile_top_menu_wrapper .top-menu .popover {

  border-radius: 0;

  background: none;

}



#mobile_top_menu_wrapper .js-top-menu.mobile {

  background: #FFF;

}



#mobile_top_menu_wrapper .mobile-menu-inner {

  position: fixed;

  top: 0px;

  left: -100%;

  background: #FFF;

  z-index: 5;

  padding: 5px 10px 10px;

  margin-left: 0px;

  width: 300px;

  height: 100%;

  overflow: auto;

  z-index: 9999;

  border: 1px solid #dddddd;

  -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#mobile_top_menu_wrapper .mobile-menu-inner .menu-icon {

  border-bottom: 1px solid #dddddd;

}



#mobile_top_menu_wrapper.slide .mobile-menu-inner {

  left: 0;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

@-webkit-keyframes fixedAnim {

	0% {

		top: -100%

	}

	100% {

		top: 0

	}

}



@-moz-keyframes fixedAnim {

	0% {

		top: -100%

	}

	100% {

		top: 0

	}

}



@keyframes fixedAnim {

	0% {

		top: -100%

	}

	100% {

		top: 0

	}

}

@media (min-width: 992px) {

  #header .header-top-inner.fixed {

    background: #131930;

    position: fixed;

    top: 0px;

    left: 0px;

		right: 0px;

    z-index: 9999;

    margin-bottom: 0px;

    animation: 0.9s ease 0s normal both 1 running fixedAnim;

		-webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;

		-moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;

		-o-animation: 0.9s ease 0s normal both 1 running fixedAnim;

  }

  #header .header-top-inner .menu .sub-menu {

    border: 1px solid #dfdfdf;

    margin-left: 0px;

    z-index: 10050;

    border-radius: 0;

    display: none;

    top: 56px !important;

    width: auto;

    left: auto;

    right: auto;

    background-color: #FFF;

    padding: 20px 10px 20px 0;

    overflow: hidden;

    -webkit-transform: scale(0, 0);

    -ms-transform: scale(0, 0);

    transform: scale(0, 0);

    display: block !important;

    opacity: 0;

    filter: alpha(opacity=0);

    transform-origin: 20% 20% 0;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

  }

  #header .header-top-inner .menu .sub-menu .top-menu>li a {

    position: relative;

    margin-left: 0px;

    /*text-transform: capitalize;*/

  }

  #header .header-top-inner .menu .sub-menu .top-menu>li a.dropdown-submenu:before {

    border-top: 1px solid #dfdfdf;

    bottom: -7px;

    content: "";

    float: left;

    height: 2px;

    position: absolute;

    width: 75%;

  }

  #header .header-top-inner .menu ul>li:hover .sub-menu {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

  }

  .header-top .menu .menu-container>ul>li#more_menu #top_moremenu {

    padding: 0px;

  }

}



@media (max-width: 1229px) {

  .top-menu a[data-depth="0"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media (max-width: 991px) {

  .menu-container .mobile-menu {

    background-color: #131930;

  }

  .header-top .top-menu>li {

    float: none;

    position: relative;

    border: none;

    text-align: left;

    display: block;

  }

  .header-top .top-menu a,

  .header-top .top-menu a[data-depth="0"],

  .header-top .top-menu .sub-menu a {

    line-height: 30px;

    padding: 4px 0;

  }

  .header-top .top-menu .sub-menu {

    left: 0;

    min-width: 100%;

    border: 0px;

    padding: 5px 0px 5px 15px;

  }

  .header-top .top-menu .sub-menu>li {

    width: 100%;

    padding: 0;

    margin: 0;

    position: relative;

  }

  .header-top .menu-icon .cat-title {

    display: block;

    cursor: pointer;

    font: 700 14px/26px "Open Sans", sans-serif;

    text-transform: uppercase;

    color: black;

    display: block;

    padding: 9px 0px 9px 35px;

    position: relative;

    text-align: left;

  }

  .header-top .menu-icon .cat-title:after {

    display: block;

    font-family: "FontAwesome";

    content: "\F0C9";

    position: absolute;

    left: 0px;

    top: 9px;

    font-size: 0px;

    background-image: url(../img/codezeel/menu.svg);

    background-size: 20px;

    background-position: -1px 0px;

    background-color: transparent;

    background-repeat: no-repeat;

    height: 22px;

    width: 18px;

  }

  .header-top .menu-icon.active .cat-title:after {

    content: "\F00D";

    top: 12px;

    width: 25px;

    background-image: url(../img/codezeel/menu-close.svg);

    background-position: 0px 0px;

    background-size: 16px;

  }

  #header .header-top.fixed .menu-icon .cat-title:after {

    top: 3px;

  }

  #header .header-top.fixed #mobile_top_menu_wrapper .mobile-menu-inner .menu-icon.active .cat-title:after {

    top: 11px;

  }

  body.active #page {

    position: relative;

    width: 100%;

    overflow: hidden;

    height: 100%;

  }

  #page.active:before {

    background: #000;

    opacity: 0.7;

    filter: alpha(opacity=70);

    position: absolute;

    left: 300px;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    z-index: 99999;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

  }

}



#sitemap #main .page-header h1 {

  margin-bottom: 5px;

  padding-bottom: 2px;

}

.sitemap h2 {

  color: #000000;

  text-transform: initial;

  font-size: 15px;

  font-weight: 600;

  border-bottom: 1px solid #dfdfdf;

  margin-left: -15px;

  width: 100%;

  height: 32px;

}

.sitemap ul li {

  margin-bottom: 0.9rem;

}

.sitemap ul {

  margin-left: -15px;

  margin-top: 20px;

}

.sitemap ul.nested {

  margin-left: 20px;

}



.checkout.cart-detailed-actions {

  border-bottom: 0px;

}



.checkout.cart-detailed-actions a.btn.btn-primary {

  padding: 12px 70px;

  font-size: 14px;

  background-color: #4d7df0;

  border-color: #4d7df0;

}



.checkout.cart-detailed-actions a.btn.btn-primary:hover {

  background-color: #000000;

  border-color: #000000;

}



#delivery textarea {

  width: 100%;

}



body#checkout {

  color: #262626;

}



body#checkout #header .header-nav {

  max-height: none;

  border: none;

  margin-bottom: 0;

}



body#checkout #header .header-nav .logo {

  max-height: 4.375rem;

  width: auto;

}



body#checkout .custom-checkbox {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

}



body#checkout .custom-checkbox span {

  -webkit-box-flex: 0;

  -moz-box-flex: 0;

  box-flex: 0;

  -webkit-flex: 0 0 15px;

  -moz-flex: 0 0 15px;

  -ms-flex: 0 0 15px;

  flex: 0 0 15px;

  margin-top: 6px;

  margin-right: 8px;

}



body#checkout a:hover {

  color: #4d7df0;

}



body#checkout section#content {

  margin-bottom: 1.5625rem;

}



body#checkout .container {

  min-height: 100%;

}



body#checkout section.checkout-step {

  background-color: #FFFFFF;

  border: 1px #dddddd solid;

  padding: 15px;

  margin-bottom: -1px;

}



body#checkout section.checkout-step .step-title {

  text-transform: uppercase;

  cursor: pointer;

  margin-bottom: 0;

  font-size: 15px;

}



body#checkout section.checkout-step .content {

  padding: 10px 2.3125rem 0;

}



body#checkout section.checkout-step .step-edit {

  text-transform: lowercase;

  font-weight: normal;

}



body#checkout section.checkout-step .step-edit .edit {

  font-size: 14px;

}



body#checkout section.checkout-step .step-edit:hover {

  color: #4d7df0 !important;

}



body#checkout section.checkout-step .not-allowed {

  cursor: not-allowed;

  opacity: 0.5;

  filter: alpha(opacity=50);

}



body#checkout section.checkout-step .content,

body#checkout section.checkout-step .done,

body#checkout section.checkout-step .step-edit {

  display: none;

}



body#checkout section.checkout-step.-current .content {

  display: block;

}



body#checkout section.checkout-step.-current.-reachable.-complete .done,

body#checkout section.checkout-step.-current.-reachable.-complete .step-edit {

  display: none;

}



body#checkout section.checkout-step.-current.-reachable.-complete .step-number {

  display: inline-block;

}



body#checkout section.checkout-step.-current.-reachable.-complete .content {

  display: block;

}



body#checkout section.checkout-step.-reachable.-complete h1 .done {

  display: inline-block;

}



body#checkout section.checkout-step.-reachable.-complete h1 .step-number {

  display: none;

}



body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {

  cursor: pointer;

  display: block;

  float: right;

  margin-right: 0.125rem;

  text-transform: capitalize;

  font-size: 14px;

  margin-top: 5px;

}



body#checkout section.checkout-step.-reachable.-complete .content {

  display: none;

}



body#checkout section.checkout-step small {

  color: #878787;

}



body#checkout section.checkout-step .default-input {

  min-width: 40%;

}



body#checkout section.checkout-step .default-input[name=address1],

body#checkout section.checkout-step .default-input[name=address2] {

  min-width: 60%;

}



body#checkout section.checkout-step .radio-field {

  margin-top: 1.875rem;

}



body#checkout section.checkout-step .radio-field label {

  display: inline;

}



body#checkout section.checkout-step .checkbox-field div {

  margin-top: 3.75rem;

}



body#checkout section.checkout-step .checkbox-field+.checkbox-field div {

  margin-top: 0;

}



body#checkout section.checkout-step .select-field div {

  background: #f6f6f6;

  padding: 0.625rem 3.125rem;

}



body#checkout section.checkout-step .form-footer {

  text-align: center;

}



body#checkout section.checkout-step #conditions-to-approve {

  padding-top: 1rem;

}



body#checkout section.checkout-step .payment-options label {

  display: table-cell;

}



body#checkout section.checkout-step .payment-options .custom-radio {

  margin-right: 15px;

  margin-top: 6px;

}



body#checkout section.checkout-step .payment-options .payment-option {

  margin-bottom: 0.5rem;

}



body#checkout section.checkout-step .step-number {

  display: inline-block;

  padding: 0.625rem;

}



body#checkout section.checkout-step .address-selector {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  -webkit-box-pack: justify;

  -moz-box-pack: justify;

  box-pack: justify;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: justify;

  -webkit-box-align: start;

  -moz-box-align: start;

  box-align: start;

  -webkit-align-items: flex-start;

  -moz-align-items: flex-start;

  -ms-align-items: flex-start;

  -o-align-items: flex-start;

  align-items: flex-start;

  -ms-flex-align: start;

  -webkit-box-lines: multiple;

  -moz-box-lines: multiple;

  box-lines: multiple;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



body#checkout section.checkout-step .address-item {

  border: 1px solid #dddddd;

  -webkit-box-flex: 0;

  -moz-box-flex: 0;

  box-flex: 0;

  -webkit-flex: 0 0 49%;

  -moz-flex: 0 0 49%;

  -ms-flex: 0 0 49%;

  flex: 0 0 49%;

  margin-bottom: 15px;

}



body#checkout section.checkout-step .address-item.selected {

  background: white;

  border-color: #000000;

}



body#checkout section.checkout-step .address-item .h4 {

  font-size: 14px;

  line-height: 24px;

}



body#checkout section.checkout-step .address-item .custom-radio {

  margin-right: 5px;

  margin-top: 0px;

}



body#checkout section.checkout-step .address-alias {

  display: inline-block;

  font-weight: 600;

  margin-bottom: 0.625rem;

}



body#checkout section.checkout-step .address {

  margin-left: 1.5625rem;

  font-weight: normal;

}



body#checkout section.checkout-step .radio-block {

  padding: 20px;

  text-align: left;

}



body#checkout section.checkout-step .custom-radio {

  margin-right: 4px;

  margin-top: -3px;

}



body#checkout section.checkout-step .custom-radio input[type="radio"] {

  height: 1.25rem;

  width: 1.25rem;

}



body#checkout section.checkout-step .delete-address,

body#checkout section.checkout-step .edit-address {

  color: #262626;

  display: inline-block;

  margin: 0 0.3125rem;

}



body#checkout section.checkout-step .delete-address .delete,

body#checkout section.checkout-step .delete-address .edit,

body#checkout section.checkout-step .edit-address .delete,

body#checkout section.checkout-step .edit-address .edit {

  font-size: 14px;

  padding-right: 22px;

}



body#checkout section.checkout-step hr {

  margin: 0;

}



body#checkout section.checkout-step .address-footer {

  padding: 20px 40px 20px;

}



body#checkout section.checkout-step #delivery-addresses,

body#checkout section.checkout-step #invoice-addresses {

  margin-top: 1.25rem;

}



body#checkout section.checkout-step .add-address {

  margin-top: 1.25rem;

}



body#checkout section.checkout-step .add-address a {

  color: #262626;

}



body#checkout section.checkout-step .add-address a i {

  font-size: 0.9375rem;

}



body#checkout section.checkout-step .delivery-option {

  padding: 10px 0;

  margin: 15px 0;

  border: 1px solid #dddddd;

}



body#checkout section.checkout-step .delivery-option label {

  text-align: inherit;

}



body#checkout section.checkout-step .delivery-option .custom-radio {

  margin-top: 12px;

}



body#checkout section.checkout-step .carrier-delay,

body#checkout section.checkout-step .carrier-name {

  display: inline-block;

  word-break: break-word;

  text-align: left;

}



body#checkout section.checkout-step #customer-form,

body#checkout section.checkout-step #delivery-address,

body#checkout section.checkout-step #invoice-address,

body#checkout section.checkout-step #login-form {

  margin-left: 0.3125rem;

  margin-top: 1.5625rem;

}



body#checkout section.checkout-step #customer-form .form-control-label,

body#checkout section.checkout-step #delivery-address .form-control-label,

body#checkout section.checkout-step #invoice-address .form-control-label,

body#checkout section.checkout-step #login-form .form-control-label {

  text-align: left;

  font-weight: 600;

}



body#checkout section.checkout-step #customer-form .radio-inline,

body#checkout section.checkout-step #delivery-address .radio-inline,

body#checkout section.checkout-step #invoice-address .radio-inline,

body#checkout section.checkout-step #login-form .radio-inline {

  padding: 0;

  margin-right: 10px;

}



body#checkout section.checkout-step .sign-in {

  font-size: 0.875rem;

}



body#checkout section.checkout-step .forgot-password {

  margin-left: 14.375rem;

}



body#checkout .additional-information {

  font-size: 0.875rem;

  margin-left: 2.875rem;

  margin-top: 1.25rem;

}



body#checkout .condition-label {

  margin-left: 2.5rem;

  margin-top: 0.625rem;

}



body#checkout .condition-label label {

  text-align: inherit;

}



body#checkout .cancel-address {

  display: block;

  margin: 5px 20px;

  text-decoration: underline;

}



body#checkout .modal-content {

  padding: 1.25rem;

  background-color: #ebebeb;

}



body#checkout #cart-summary-product-list {

  font-size: 0.875rem;

}



body#checkout #cart-summary-product-list img {

  border: #dddddd 1px solid;

  width: 70px;

}



body#checkout #cart-summary-product-list .media-body {

  font-size: 14px;

  vertical-align: middle;

}



body#checkout #cart-summary-product-list .media-body .product-name {

  padding-right: 5px;

}



body#checkout #cart-summary-product-list .media-body .product-price {

  display: block;

  font-size: 16px;

}



body#checkout #cart-summary-product-list .media-list .media {

  margin-bottom: 15px;

}



body#checkout #order-summary-content {

  padding-top: 0.9375rem;

}



body#checkout #order-summary-content h4.h4 {

  margin-top: 0.625rem;

  margin-bottom: 1.25rem;

  color: #262626;

}



body#checkout #order-summary-content h4.black {

  color: #000000;

}



body#checkout #order-summary-content h4.addresshead {

  margin-top: 0.1875rem;

}



body#checkout #order-summary-content .noshadow {

  box-shadow: none;

  border-bottom: 0;

}



body#checkout #order-summary-content #order-items {

  border-right: 0;

}



body#checkout #order-summary-content #order-items h3.h3 {

  padding-bottom: 7px;

  color: #262626;

  margin-top: 1.25rem;

}



body#checkout #order-summary-content #order-items table tr:first-child td {

  border-top: 0;

}



body#checkout #order-summary-content .order-confirmation-table {

  padding: 1rem;

  margin-bottom: 2rem;

  background-color: #fff;

  border: 1px solid #e5e5e5;

  border-radius: 0;

}



body#checkout #order-summary-content .summary-selected-carrier {

  margin-bottom: 0.75rem;

  background-color: #fff;

  border: 1px solid #e5e5e5;

  border-radius: 0;

  padding: 1rem;

}



body#checkout #order-summary-content .step-edit {

  display: inline;

}



body#checkout #order-summary-content .step-edit:hover {

  cursor: pointer;

}



body#checkout #order-summary-content a .step-edit {

  color: #878787;

}



body#checkout #gift_message {

  max-width: 100%;

  border-color: #262626;

}





/**** ORDER CONFIRMATION *****/



#order-details {

  padding-left: 1.875rem;

}



#order-details>.card-title {

  margin-bottom: 1.875rem;

}



#order-details ul {

  margin-bottom: 1.25rem;

}



#order-details ul li {

  margin-bottom: 0.625rem;

}



#order-items {

  border-right: #dddddd 1px solid;

}



#order-items table {

  width: 100%;

}



#order-items table tr {

  height: 1.875rem;

}



#order-items table tr td:last-child {

  text-align: right;

}



#order-items .order-line {

  margin-top: 10px;

  padding: 15px 0 0;

  border-top: 1px solid #dddddd;

}



#order-items .image img {

  width: 100%;

  border: 1px solid gray-lighter;

  margin-bottom: 1rem;

}



#order-items .details {

  margin-bottom: 1rem;

}



#order-items .details .customizations {

  margin-top: 0.625rem;

}



#order-items .qty {

  margin-bottom: 1rem;

}



#order-confirmation #registration-form {

  width: 50%;

  margin: 0 auto 1rem;

}



@media (max-width: 991px) {

  .done {

    margin: 0;

    padding: 0;

  }

  body#checkout section.checkout-step .address-item {

    -webkit-flex-grow: 1;

    -moz-flex-grow: 1;

    flex-grow: 1;

    -ms-flex-positive: 1;

  }

  body#checkout section.checkout-step .delivery-option-2 {

    -webkit-box-orient: vertical;

    -moz-box-orient: vertical;

    box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-direction: normal;

    box-direction: normal;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    flex-direction: column;

    -ms-flex-direction: column;

  }

  .delivery-option {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    margin: auto;

  }

  .delivery-option .custom-radio {

    -webkit-box-flex: 0;

    -moz-box-flex: 0;

    box-flex: 0;

    -webkit-flex: 0 0 auto;

    -moz-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

  }

  .condition-label label[for="conditions_to_approve[terms-and-conditions]"] {

    text-align: left;

  }

  #order-confirmation #registration-form {

    width: 100%;

  }

}



@media (max-width: 767px) {

  body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {

    float: none;

    margin-top: 0.25rem;

    margin-left: 1.25rem;

  }

  body#checkout #header .header-nav {

    max-height: none;

    padding: 0;

  }

  body#checkout section.checkout-step .content {

    padding: 0.9375rem;

  }

  body#checkout .form-group {

    margin-bottom: 0.5rem;

  }

  #order-items {

    border-right: 0;

    margin-bottom: 2.5rem;

  }

  #order-items .card-title {

    border-bottom: 1px solid #ebebeb;

    margin-bottom: 1rem;

    padding-bottom: 1rem;

  }

  #order-items hr {

    border-top-color: #ebebeb;

  }

  .bold {

    font-weight: bold;

  }

  #order-details {

    padding-left: 0.9375rem;

  }

  #order-details .card-title {

    border-bottom: 1px solid #ebebeb;

    margin-bottom: 1rem;

    padding-bottom: 1rem;

  }

}



@media (max-width: 575px) {

  body#checkout section.checkout-step .content {

    padding: 0.9375rem 0;

  }

  #payment-confirmation button {

    font-size: 0.875rem;

  }

  #payment-confirmation button.btn {

    white-space: normal;

  }

}



.js-payment-binary {

  display: none;

}



.js-payment-binary .accept-cgv {

  display: none;

}



.js-payment-binary.disabled {

  opacity: 0.6;

  filter: alpha(opacity=60);

  cursor: not-allowed;

}



.js-payment-binary.disabled::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  pointer-events: none;

}



.js-payment-binary.disabled .accept-cgv {

  display: block;

}





/*** SOME GENERIC STYLES ***/



.table-labeled th {

  vertical-align: middle;

}



.table-labeled td {

  vertical-align: middle;

}



.table-labeled .label {

  font-weight: 600;

  border-radius: 3px;

  font-size: inherit;

  padding: 0.25rem 0.375rem;

  margin: 0.125rem;

  color: #FFFFFF;

  white-space: nowrap;

}



.page-order .table {

  margin-bottom: 0;

}



.page-order table th {

  padding: 0.5rem;

}



.page-order table td {

  padding: 0.5rem;

}



.page-order table thead th {

  text-align: center;

}



#authentication .tooltip.tooltip-bottom {

  padding: 0;

  margin: 0;

}



#authentication .custom-checkbox {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  line-height: 12px;

}



#authentication .custom-checkbox span {

  flex: 0 0 0.9375rem;

  margin-top: 5px;

}



#authentication .custom-checkbox label {

  padding-left: 0.625rem;

  line-height: 23px;

  font-weight: normal;

}



#authentication [data-action="show-password"] {

  background: #262626;

}



.input-group .input-group-btn>.btn {

  background: #000000;

}



.input-group .input-group-btn > .btn:hover {

  background-color: #4d7df0;

}



#identity .radio-inline,

#authentication .radio-inline {

  padding: 0;

  font-weight: normal;

}



#identity .radio-inline .custom-radio,

#authentication .radio-inline .custom-radio {

  margin-right: 0;

}





/*** Most of the customer accpunt pages ***/



.page-customer-account #content {

  background: #FFFFFF;

  padding: 30px;

}



.page-customer-account #content .order-actions a {

  padding: 0 0.125rem;

}



.page-customer-account #content .forgot-password {

  text-align: center;

  margin-top: 1rem;

  padding-bottom: 0.9375rem;

}



.page-customer-account #content .no-account {

  text-align: center;

  font-size: 14px;

}





/*** Login page ***/





/*** Addresses page ***/



.page-addresses .address {

  background: #FFFFFF;

  margin-bottom: 1.875rem;

  font-size: 0.875rem;

  color: #262626;

}



.page-addresses .address .address-body {

  padding: 20px 20px 0px 0;

}



.page-addresses .address .address-body h4 {

  font-size: 14px;

  font-weight: 700;

}



.page-addresses .address .address-body address {

  min-height: 9rem;

}



.page-addresses .address .address-footer {

  border-top: 1px solid #dddddd;

  padding: 10px 0;

}



.page-addresses .address .address-footer a {

  margin-right: 15px;

  display: inline-block;

}



.page-addresses .address .address-footer a i {

  font-size: 14px;

}



.page-addresses .address .address-footer a span {

  font-size: 0.9375rem;

  vertical-align: middle;

}



.page-addresses .addresses-footer {

  margin: 0 0.9375rem;

}



.page-addresses .addresses-footer a {

  color: #262626;

}



.page-addresses .addresses-footer a:hover {

  color: #262626;

}



.page-addresses .addresses-footer a i {

  font-size: 14px;

}



.page-addresses .addresses-footer a span {

  font-size: 14px;

  vertical-align: middle;

  margin-top: 0.625rem;

}





/*** Order details page ***/



.page-order-detail .box {

  padding: 1rem;

  margin-bottom: 1rem;

}



.page-order-detail h3 {

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  color: #262626;

  margin-bottom: 1rem;

}



.page-order-detail #order-infos ul {

  margin: 0;

}



.page-order-detail #order-history .history-lines .history-line {

  padding: 0.5rem 0;

  border-bottom: 1px solid #f6f6f6;

}



.page-order-detail #order-history .history-lines .history-line:last-child {

  border-bottom: 0;

}



.page-order-detail #order-history .history-lines .history-line .label {

  display: inline-block;

  margin: 0.25rem 0;

  padding: 0.25rem 0.375rem;

  color: white;

  border-radius: 3px;

}



.page-order-detail .addresses {

  margin: 0 -0.9375rem;

}



.page-order-detail .addresses h4 {

  font-size: 16px;

  text-transform: uppercase;

  color: #262626;

  margin-bottom: 15px;

  padding-bottom: 20px;

  border-bottom: 1px solid #dddddd;

}



.page-order-detail #order-products.return {

  margin-bottom: 1rem;

}



.page-order-detail #order-products.return th.head-checkbox {

  width: 30px;

}



.page-order-detail #order-products.return td {

  padding: 1.375rem 0.75rem;

}



.page-order-detail #order-products.return td.qty {

  min-width: 125px;

}



.page-order-detail #order-products.return td.qty .current {

  width: 30%;

  float: left;

  text-align: right;

  padding-right: 0.5rem;

}



.page-order-detail #order-products.return td.qty .select {

  width: 70%;

  float: left;

  margin: -0.625rem 0;

  padding-left: 0.25rem;

}



.page-order-detail #order-products.return td.qty .select select {

  text-align: center;

}



.page-order-detail .order-items {

  padding: 0 !important;

}



.page-order-detail .order-items .order-item {

  padding: 1rem 1rem 0;

  border-bottom: 1px solid #f6f6f6;

}



.page-order-detail .order-items .order-item .checkbox {

  width: 30px;

  float: left;

  padding: 0 0.9375rem;

}



.page-order-detail .order-items .order-item .content {

  width: calc(100% - 30px);

  float: left;

  padding: 0 0.9375rem;

}



.page-order-detail .order-items .order-item .desc {

  margin-bottom: 1rem;

}



.page-order-detail .order-items .order-item .desc .name {

  font-weight: bold;

}



.page-order-detail .order-items .order-item .qty {

  margin-bottom: 1rem;

}



.page-order-detail .order-items .order-item .qty .q {

  margin-bottom: 0.25rem;

}



.page-order-detail .order-items .order-item .qty .s {

  margin-bottom: 0.25rem;

}



.page-order-detail .messages .message {

  margin-top: 0.5rem;

  border-bottom: 1px solid #f6f6f6;

}



.page-order-detail .messages .message:last-child {

  border-bottom: 0;

}



.page-order-detail .messages .message>div {

  margin-bottom: 0.5rem;

}



.page-order-detail .customization {

  margin-top: 0.75rem;

}





/*** Order return page ***/



#order-return-infos .thead-default th {

  color: #262626;

}



#order-return-infos .customization {

  margin-top: 0.75rem;

}





/*** My account landing page ***/



.page-my-account #content .links {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  -webkit-box-lines: multiple;

  -moz-box-lines: multiple;

  box-lines: multiple;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: start;

  -moz-box-pack: start;

  box-pack: start;

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-justify-content: flex-start;

  -o-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}



.page-my-account #content .links a {

  font-size: 16px;

  color: #262626;

  padding: 5px 10px;

  margin-bottom: 10px;

  text-decoration: none;

  width: 100%;

}



.page-my-account #content .links a span.link-item {

  display: block;

  background: #fdfdfd;

  padding: 15px 20px;

  border: 1px solid #dddddd;

}



.page-my-account #content .links a i {

  font-size: 35px;

  color: #262626;

  margin-right: 10px;

}



.page-my-account #content .links a:hover {

  color: #262626;

}



.page-my-account #content .links a:hover i {

  color: #4d7df0;

}



.page-my-account #content .links a:hover span.link-item {

  border-color: #4d7df0;

  background: #fff;

}





/*** History page ***/



#history .orders {

  margin: 0 -1rem;

}



#history .orders .order {

  padding: 0.75rem 1rem;

  border-bottom: 1px solid #f6f6f6;

}



#history .orders .order a h3 {

  color: #808080;

}



#history .orders .order .label {

  display: inline-block;

  margin: 0.25rem 0;

  padding: 0.25rem 0.375rem;

  color: white;

  border-radius: 3px;

}



#history .orders .order:last-child {

  border-bottom: 0;

}





/*** FOOTER ***/



.page-footer .account-link {

  margin-right: 1rem;

}



.page-footer .account-link i {

  font-size: 14px;

}



.page-footer .account-link span {

  vertical-align: middle;

}



.carousel {

  margin-bottom: 35px;

}



.carousel .direction {

  z-index: auto;

}



.carousel .carousel-item {

  height: 100%;

}



.carousel .carousel-item img {

  width: 100%;

  margin-left: 0;

}



.carousel .carousel-item .caption {

  position: absolute;

  bottom: 28px;

  left: 90px;

  color: white;

  max-width: 500px;

}



.carousel .carousel-item .caption .caption-description p {

  color: white;

}



.carousel .carousel-control {

  opacity: 1;

  filter: alpha(opacity=100);

}



.carousel .carousel-control .icon-next::before,

.carousel .carousel-control .icon-prev::before {

  content: "";

}



.carousel .carousel-control .icon-next i,

.carousel .carousel-control .icon-prev i {

  font-size: 3.125rem;

  color: white;

}



.carousel .carousel-control .icon-next:hover i,

.carousel .carousel-control .icon-prev:hover i {

  color: #4d7df0;

}



.carousel .carousel-control .icon-prev {

  left: 1rem;

}



.carousel .carousel-control .icon-next {

  right: 2rem;

}



.carousel .carousel-control.left,

.carousel .carousel-control.right {

  background: none;

}





/***** Products Design ****/



.cz-hometabcontent {

  text-align: center;

  width: 100%;

  clear: both;

  padding: 20px 0 20px;

  position: relative;

  float: left;

}



.cz-hometabcontent .tab-content {

  margin: 0px -15px;

}



.cz-hometabcontent .hometab_text {

  font-size: 15px;

  padding: 18px 150px 0px;

}



.cz-hometabcontent .tabs .tab-pane {

  padding: 0px;

  border: 0px;

  background: none;

}



.cz-hometabcontent .tab-content .products-section-title {

  display: none;

}



.cz-hometabcontent .products-section-title {

  margin-bottom: 0px;

}



.product-tabcontent {

  margin: 0px 0px 15px;

  float: left;

  width: 100%;

  position: relative;

}



.product-tabcontent .tabs .nav-tabs {

  margin-bottom: 20px;

}



.featured-products,

.newproducts,

.bestseller-products,

.special-products,

.viewed-products,

.crosssell-products,

.productscategory-products,

.product-accessories {

  float: left;

  width: 100%;

  position: relative;

  text-align: center;

}



.featured-products .products,

.newproducts .products,

.bestseller-products .products,

.special-products .products,

.viewed-products .products,

.crosssell-products .products,

.productscategory-products .products,

.product-accessories .products,

.brands .products {

  float: left;

  width: 100%;

  position: relative;

}



.viewed-products .products-section-title,

.crosssell-products .products-section-title,

.productscategory-products .products-section-title,

.product-accessories .products-section-title {

  font-size: 28px;

  line-height: 30px;

}



.product-accessories .product_accessories-wrapper, 

.featured-products .featured-products-wrapper, 

.productscategory-products .productscategory-wrapper, 

.newproducts .newproducts-wrapper {

  margin: 0px -15px;

}



.product-accessories:hover .product_accessories-wrapper .customNavigation, 

.featured-products:hover .featured-products-wrapper .customNavigation, 

.productscategory-products:hover .productscategory-wrapper .customNavigation, 

.newproducts:hover .newproducts-wrapper .customNavigation {

  opacity: 1;

  filter: alpha(opacity=100);

}



.productscategory-products:hover .customNavigation {

  opacity: 1;

  filter: alpha(opacity=100);

}



.products-section-title {

  border: medium none;

  margin: 0 auto 35px;

  padding: 0 0px 24px;

  color: #000000;

  position: relative;

  text-align: center;

  font: 700 30px/26px "Open Sans", sans-serif;

  text-transform: uppercase !important;

}



.products-section-title:after {

  content: "";

  position: absolute;

  bottom: 0px;

  margin: 0 auto;

  left: 0px;

  right: 0px;

  width: 100px;

  border-bottom: 4px solid #4d7df0;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



/******** Home page special product ********/



.special-products {

  padding: 40px 0 30px;

}

.special-products .special-products-wrapper {

  margin: 0px -15px;

}

.special-products .products .product_list li .thumbnail-container {

  width: 49.2%;

  float: left;

  margin: 0;

}

.special-products .products .product-description {

  width: 50.8%;

  float: left;

  margin: 0;

  text-align: left;

  padding: 8px 0px 15px 25px;

}

.special-products .products .product-description .product-title, 

.special-products .products .product-description .product-title a {

  font-size: 16px;

  font-weight: 600;

  letter-spacing: 0.3px;

  margin-bottom: 10px;

}

.special-products .products .product-description p {

  line-height: 22px;

  margin-bottom: 6px;

}

.special-products .products .product-description p span {

  font-size: 14px !important;

}

.special-products .products .product-description .product-price-and-shipping {

  margin-top: 5px;

}

.special-products .products .product_list li.item, 

.special-products .products .product_list li.product_item {

  overflow: hidden;

  position: relative;

}

.special-products .products .product_list li .product-description .product-actions .btn.add-to-cart {

  background-color: #4d7df0;

  padding: 12px 25px 12px;

  color: #ffffff;

  letter-spacing: 0.5px;

  background-image: none;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}

.special-products .products .product_list li .product-description .product-actions .btn.add-to-cart:hover {

  background-color: #000000;

}

.special-products:hover .customNavigation {

  opacity: 1;

  filter: alpha(opacity=100);

}

@media (min-width: 992px) {

  .special-products .products .owl-item.active, 

  .special-products .products .owl-item.active {

    border-right: 1px solid #dddddd;

  }

  .special-products #special-grid li.product_item, 

  .special-products #special-grid li.item {

    border-right: 1px solid #dddddd;

  }

  .special-products #special-grid li.product_item:nth-child(2n), 

  .special-products #special-grid li.item:nth-child(2n) {

    border-right: 0px;

  }

  .special-products #special-grid .thumbnail-container .special-product-images li.product_item, 

  .special-products #special-grid .thumbnail-container .special-product-images li.item {

    border: 0px;

  }

}

@media (max-width: 991px) {

  .special-products {

    padding-bottom: 10px;

  }

  .special-products .products .product_list li .thumbnail-container {

    width: 40.7%;

  }

  .special-products .products .product-description {

    width: 59.3%;

  }

}

@media (max-width: 480px) {

  .special-products .products .product_list li .thumbnail-container {

    width: 100%;

    max-width: 280px;

    float: none;

    margin: 0 auto;

  }

  .special-products .products .product-description {

    width: 100%;

    padding-left: 0px;

    text-align: center;

    padding-bottom: 0px;

  }

}



/***** Products Design ****/



.cz-hometabcontent .products {

  margin-bottom: 0px;

}



.products {

  margin-bottom: 50px;

}



.products .products {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  -webkit-box-lines: multiple;

  -moz-box-lines: multiple;

  box-lines: multiple;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: start;

  -moz-box-pack: start;

  box-pack: start;

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-justify-content: flex-start;

  -o-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}



.products .product-thumbnail {

  background: #fff;

  text-align: center;

  display: block;

}



.products .product-thumbnail img {

  max-width: 70%;

  margin: 0 auto;

  position: relative;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.products .product-thumbnail img.fliper_image {

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products .product-title {

  display: block;

  margin-top: 5px;

  margin-bottom: 5px;

  text-overflow: ellipsis;

  /*white-space: nowrap;*/

  width: 100%;

  overflow: hidden;

  color: #222222;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

}



.products .product-title a {

  color: #222222;

  font-size: 14px;

  text-decoration: none;

}



.products .product-title a:hover {

  color: #4d7df0;

}



.products .thumbnail-container {

  position: relative;

  margin-bottom: 0px;

  overflow: hidden;

  padding: 0px;

  border: 0px;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.products .thumbnail-container:hover .highlighted-informations:after {

  opacity: 1;

  filter: alpha(opacity=100);

}



.products .thumbnail-container:hover .highlighted-informations.no-variants {

  bottom: 4.375rem;

}



.products .product_list {

  width: 100%;

  margin: 0;

}



#products #js-product-list .product_list.grid.gridcount {

  padding-left: 3px;

}



.products .product_list li.product_item,

.products .product_list li.item {

  padding: 15px 15px;

}



.products .product_list.grid li.product_item, 

.products .product_list.grid li.item {

  padding: 15px 12px 15px 12px;

  float: none;

  display: inline-block;

  vertical-align: top;

}



.products .product-description {

  text-align: center;

  /*position: relative;*/

  margin: 10px 10px 10px;

}



.products .product_list li .quick-view {

  font-size: 0px;

  display: inline-block;

  vertical-align: top;

  padding: 0px;

  height: 35px;

  width: 35px;

  border: 0;

  position: relative;

  background-image: url(../img/codezeel/quickview.svg);

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 17px;

}

.products .product_list li .quick-view:hover {

  background-image: url(../img/codezeel/quickview-hover.svg);

}

.products .product_list li.item .outer-functional, 

.products .product_list li.product_item .outer-functional {

  position: absolute;

  top: -30px;

  padding: 0px;

  width: auto;

  right: -20px;

  z-index: 5;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: all 0.6s ease 0s;

  -moz-transition: all 0.6s ease 0s;

  -ms-transition: all 0.6s ease 0s;

  -o-transition: all 0.6s ease 0s;

  transition: all 0.6s ease 0s;

  text-align: center;

}

.products .product_list li.item:hover .outer-functional, 

.products .product_list li.product_item:hover .outer-functional {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: all 0.6s ease 0s;

  -moz-transition: all 0.6s ease 0s;

  -ms-transition: all 0.6s ease 0s;

  -o-transition: all 0.6s ease 0s;

  transition: all 0.6s ease 0s;

  right: 8px;

  top: 5px;

}

.products .product_list li .outer-functional .functional-buttons {

  display: inline-block;

  vertical-align: top;

  position: relative;

  text-align: center;

}

.products .product_list li .outer-functional .functional-buttons .wishlist,

.products .product_list li .outer-functional .functional-buttons .compare {

  display: block;

}

.products .product_list li .outer-functional .functional-buttons .wishlist a {

  font-size: 0;

  height: 35px;

  width: 35px;

  display: block;

  transition: none;

  margin-bottom: 0;

  border-radius: 0;

  padding: 0;

  border: 0;

  background-image: url(../img/codezeel/wishlist.svg);

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: 10px center;

  background-size: 16px;

}

.products .product_list li .outer-functional .functional-buttons .wishlist a:hover {

  background-image: url(../img/codezeel/wishlist-hover.svg);

}

.products .product_list li .outer-functional .functional-buttons .wishlist a span i, 

.products .product_list li .outer-functional .functional-buttons .compare a span i {

  font-size: 0px;

}

.products .product_list li .outer-functional .functional-buttons .compare a {

  font-size: 0;

  height: 35px;

  width: 35px;

  display: block;

  transition: none;

  margin-bottom: 0;

  border-radius: 0;

  padding: 0;

  border: 0;

  background-image: url(../img/codezeel/compare.svg);

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: 10px center;

  background-size: 16px;

}

.products .product_list li .outer-functional .functional-buttons .compare a:hover {

  background-image: url(../img/codezeel/compare-hover.svg);

}

.products .product_list li .quick-view .material-icons {

  display: none;

  font-size: 20px;

  margin: 7px 10px;

  color: #ffffff;

}

.products .product_list li .product-flags .new,

.products .product_list li .on-sale {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products .product_list li .btn.add-to-cart {

  color: #000000;

  border: 0px;

  padding: 0 0 0 25px;

  letter-spacing: 0;

  font-weight: 600;

  background-image: url(../img/codezeel/cart.svg);

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: left 1px;

  background-size: 18px;

  transition: none;

}



.products .product_list li .btn.add-to-cart:hover {

  background-image: url(../img/codezeel/cart-hover.svg);

  color: #4d7df0;

}



.products .product_list li .btn.add-to-cart.view_page {

  background-image: url(../img/codezeel/view-detail.svg);

  background-size: 15px;

  background-position: left 2px;

}



.products .product_list li .btn.add-to-cart.view_page:hover {

  background-image: url(../img/codezeel/view-detail-hover.svg);

}



.products .product_list li:hover .thumbnail-container .product-thumbnail .fliper_image {

  opacity: 1;

  filter: alpha(opacity=100);

}



.products .product_list li .product-title:hover {

  color: #4d7df0;

}



.products .product_list li .product-title:hover a {

  color: #4d7df0;

}



.products .product_list li:hover .product-flags .new,

.products .product_list li:hover .on-sale {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products .product-price-and-shipping {

  color: #262626;

  font-weight: 600;

  font-size: 18px;

  margin-bottom: 5px;

}



.products .variant-links {

  width: 100%;

  padding-top: 8px;

}



.products .variant-links .color {

  width: 20px;

  height: 20px;

}



.products .highlighted-informations {

  display: none;

}



.products .product-detail {

  display: none;

}



.products .product-miniature {

  margin: 0;

  position: relative;

}



.products .product-miniature .product-actions {

  margin: 0px;

}



.products .product-miniature .discount {

  display: none;

}



.products .product-miniature .discount-percentage, 

.products .product-miniature .discount-product {

  z-index: 2;

  background: transparent;

  color: #f00;

  vertical-align: top;

  display: inline-block;

  padding: 0 2px;

  font-size: 14px;

  /*position: absolute;

  top: 5px;

  left: 10px;*/

}



.products .comments_note {

  text-align: center;

  color: #878787;

}



.products .regular-price {

  color: #808080;

  text-decoration: line-through;

  font-size: 15px;

  font-weight: 400;

  display: inline-block;

  vertical-align: top;

  letter-spacing: 0px;

}



.products .count {

  color: #808080;

  font-weight: 700;

  position: relative;

  bottom: 0.5rem;

}



.products .view_more {

  margin: 40px 0px 0px;

}



.products .all-product-link {

  clear: both;

  display: inline-block;

  vertical-align: top;

  font-size: 14px;

  padding: 8px 30px;

  min-width: 190px;

  background-color: #151588;

  border: 1px solid #151588;

  font-weight: 400;

  color: #ffffff;

  text-transform: uppercase;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products .all-product-link:hover {

  background: #000000;

  border-color: #000000;

  color: #fff;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.product-title a {

  color: #262626;

  font-size: 14px;

  text-decoration: none;

  text-align: center;

  font-weight: 400;

  /*text-transform: capitalize;*/

}



.product-title a:hover {

  color: #4d7df0;

}



/**** St Feature ****/



.st-modal-compare h5.modal-title, .st-modal-wishlist h5.modal-title {

  color: #333333;

  font-size: 15px !important;

}

.st-productscompare-item .thumbnail-container ul.product-flags li.product-flag.on-sale, 

.st-productscompare-item .thumbnail-container ul.product-flags li.product-flag.new {

    display: none;

}

.st-productscompare-item .thumbnail-container .product-image img {

  width: auto;

  background-color: transparent;  

}

.st-productscompare-item .product-description {

  padding-bottom: 15px;

  position: initial;

}

.st-productscompare-item .product-description .product-price-and-shipping {

  margin-top: 4px;

  margin-bottom: 0;

}

.st-productscompare-item .product-description .h3.product-title {

  margin-top: 0px;

  margin-bottom: 0px;

}

#products .product-miniature.st-wishlistproduct-item .product-description {

  padding-bottom: 15px;

  position: initial;

}

#products .product-miniature.st-wishlistproduct-item ul.product-flags li.product-flag.new, 

#products .product-miniature.st-wishlistproduct-item ul.product-flags li.product-flag.on-sale {

  display: none;

}

#products .product-miniature.st-wishlistproduct-item .thumbnail-container {

  border: 0;

}

#products .product-miniature.st-wishlistproduct-item .thumbnail-container .product-image img.img-fluid {

  background-color: transparent;

}

.st-productscompare-item .product-description .product-price-and-shipping span.price {

  font-weight: 500;

  font-size: 15px;

  vertical-align: top;

}

.st-productscompare-item .delete-productcompare {

  z-index: 4 !important;

}

#module-stfeature-viewwishlist #products .product-miniature.st-wishlistproduct-item {

  background-color: transparent !important;

  border-color: #d8cdbf !important;

}

#products .product-miniature.st-wishlistproduct-item .product-description .product-price-and-shipping {

  margin-bottom: 0;

}

#products .product-miniature.st-wishlistproduct-item .product-description span.regular-price {

  line-height: 22px;

}

#products .product-miniature.st-wishlistproduct-item .product-description span.price {

  font-size: 14px;

  font-weight: 500;

  line-height: 22px;

  vertical-align: top;

}

#product_comparison .product-miniature .discount-percentage, 

#product_comparison .product-miniature .discount-product {

  opacity: 1;

  filter: alpha(opacity=100);

  padding: 0px 5px;

  top: 0px;

  right: 0px;

  line-height: 22px;

  margin-top: 2px;

}

#products .product-miniature.st-wishlistproduct-item .product-description .discount-percentage, 

#products .product-miniature.st-wishlistproduct-item .product-description .discount-product {

  position: relative;

  top: 0px;

  right: 0px;

  padding: 0px 5px;

  line-height: 22px;

}

#products .product-miniature.st-wishlistproduct-item .product-description .discount-percentage:before, 

#products .product-miniature.st-wishlistproduct-item .product-description .discount-product:before {

  position: relative;

  border: 0;

  top: 0px;

}

#module-stfeature-productscompare .products .product-thumbnail img {

  max-width: 100%;

  width: auto;

  margin-bottom: 10px;

}

.st-productscompare-item .product-description .product_desc {

  margin: 6px 0px 8px;

}





/**** List view ****/



#products .products {

  margin-bottom: 15px;

  position: relative;

}



#products .products .product_list.list li.product_item {

  padding: 0px 15px;

  margin-bottom: 15px;

}



#products .products .product_list.list li.product_item:last-child .product-miniature {

  border-bottom: 0px;

}



#products .products .product_list.list li.product_item .product-miniature {

  background: #fff;

  padding: 15px 0 30px;

  overflow: hidden;

  border-bottom: 1px solid #dddddd;

}



#products .products .product_list.list .thumbnail-container {

  width: 30.9%;

}



#products .products .product_list.list li.product_item .thumbnail-container .product-thumbnail {

  margin-bottom: 0px;

}



#products .products .product_list.list li.product_item .thumbnail-container .product-actions {

  display: none !important;

}



#products .products .product_list.list li ul.product-flags li.new {

  left: 20px;

}



#products .products .product_list.list li ul.product-flags li.on-sale {

  right: 20px;

}



#products .products .product_list.list li .highlighted-informations {

  display: block !important;

  margin-bottom: 12px;

}



#products .products .product_list.list li .center-block {

  text-align: left;

  padding-right: 0;

  padding-left: 25px;

  margin: 0px;

  width: 69.1%;

}



#products .products .product_list.list li .variant-links {

  padding-top: 0px;

  display: inline-block;

  width: auto;

  vertical-align: text-top;

}



#products .products .product_list.list li .button-container {

  margin-top: 5px;

}



#products .products .product_list.list li .product-price-and-shipping {

  margin-bottom: 5px;

}



#products .products .product_list.list li .product-title {

  margin-bottom: 0px;

  padding-bottom: 0px;

}



#products .products .product_list.list li .product-detail {

  margin-bottom: 15px;

  font-size: 14px;

  line-height: 24px;

  display: block;

}



#products .products .product_list.list li .product-detail p span {

  font-size: 14px !important;

}



@media (min-width: 768px) {

  .products .product_list.grid li .wrapswap,

  .products .product_list.cz-carousel li .wrapswap {

    overflow: hidden;

    height: 30px;

    line-height: 30px;

  }

  .products .product_list.grid li .swapcart,

  .products .product_list.cz-carousel li .swapcart {

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

  }

  .products .product_list.grid li:hover .swapcart,

  .products .product_list.cz-carousel li:hover .swapcart {

    transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    -o-transform: translateY(-30px);

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -sand-transform: translateY(-30px);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

  }

}



@media (max-width: 1229px) {

  .cz-hometabcontent .hometab_text {

    padding-left: 120px;

    padding-right: 120px;

  }

}



@media (max-width: 991px) {

  .cz-hometabcontent {

    padding-top: 45px;

  }

  .cz-hometabcontent .hometab_text {

    padding-left: 10px;

    padding-right: 10px;

  }

  .products-section-title {

    font-size: 25px;

    padding-bottom: 18px;

    margin-bottom: 20px;

  }

  .products .view_more {

    margin-top: 20px;

  }

}



@media (max-width: 767px) {

  .products .product_list li .thumbnail-container .product-actions {

    opacity: 1;

    filter: alpha(opacity=100);

    bottom: 5px;

  }

  .products .product_list li .add-to-cart {

    background-color: #4d7df0;

    border-color: #4d7df0;

    color: #fff;

  }

  .products .product-miniature .product-actions {

    margin-top: 4px;

  }

}



@media (max-width: 575px) {

  #products .products .list li.product_item .center-block {

    width: 100%;

    text-align: center;

    padding-left: 0;

  }

  #products .products .list li.product_item.col-sm-6,

  #products .products .list li.product_item.col-md-6 {

    width: 50%;

  }

  #products .products .list li.item.col-sm-6 {

    width: 50%;

  }

  #products .products li.product_item .thumbnail-container {

    max-width: 270px;

    width: 100%;

    margin: 0 auto 15px;

    float: none;

    display: block;

  }

  #products .products .product_list.list .thumbnail-container {

    width: auto;

  }

  .products .cz-carousel li.item {

    width: 100%;

  }

  .products .product_list li .thumbnail-container {

    max-width: 270px;

    margin: 0 auto 10px;

  }

  .cz-hometabcontent {

    padding-top: 25px;

  }

  .cz-hometabcontent .hometab_text {

    padding-left: 0px;

    padding-right: 0px;

  }

  .products .product_list.list li .comments_note .star {

    float: none;

    width: 10px;

  }

}



@media (max-width: 480px) {

  .products-section-title {

    font-size: 20px;

  }

}



@media (max-width: 575px) and (min-width: 380px) {

  .products .product_list.list li.product_item {

    width: 100%;

  }

  .products .product_list li.product_item {

    width: 50%;

    float: left;

  }

  .products .product_list li.product_item.col-md-4, 

  .products .product_list li.product_item.col-md-6 {

    width: 49.4%;

  }

}



@media (max-width: 649px) and (min-width: 576px) {

  .products .product_list li.product_item.col-md-4, 

  .products .product_list li.product_item.col-md-6 {

    width: 32.5%;

  }

}



@media (min-width: 650px) {

  .products .product_list li.product_item.col-md-4,

  .products .product_list li.product_item.col-md-6 {

    width: 32.70%;

  }

  .products .product_list li.item.col-md-4 {

    width: 33.33333%;

  }

}



@media (min-width: 992px) {

  #index .products .product_list.grid li.product_item, 

  #index .products .product_list.grid li.item {

    width: 24.5%;

  }

  #cart .products .product_list li.product_item.col-md-4, 

  #cart .products .product_list li.product_item.col-md-6,

  #order-confirmation .products .product_list li.product_item.col-md-4, 

  #order-confirmation .products .product_list li.product_item.col-md-6 {

    width: 24.5%;

  }

}



/************ Manufacture list page ****************/



.brands {

  text-align: center;

  clear: both;

  padding: 20px 0 20px;

  float: left;

  width: 100%;

}

.brands .products-section-title {

  display: none;

}

.brands .products {

  float: left;

  width: 100%;

  position: relative;

  text-align: center;

  margin: 0px auto;

}

.brands .products .product_list li {

  padding: 10px 15px 20px;

  float: left;

}

.brands .products .product_list li.item {

  padding: 10px 25px 10px;

}

.brands .products .product_list li img {

  opacity: 1;

  filter: alpha(opacity=80);

  max-width: 100%;

}

.brands .products .product_list li:hover img {

  opacity: 1;

  filter: alpha(opacity=100);

}

.brands .product-title {

  margin-top: 15px;

}

.brands .customNavigation {

  top: 30px;

}

.brands:hover .customNavigation {

  opacity: 1;

  filter: alpha(opacity=100);

}

#brand_list li.brand .brand-inner {

  border-bottom: 1px solid #dddddd;

  padding: 31px 0 30px 0;

}

#brand_list li.brand .brand-inner .brand-img {

  text-align: center;

  margin-bottom: 10px;

}

#brand_list li.brand .brand-inner .brand-img img {

  max-width: 100%;

}



#brand_list li.brand .brand-inner .brand-infos {

  padding-left: 0;

}



#brand_list li.brand .brand-inner .brand-products {

  border-left: 1px solid #dddddd;

  padding: 0 0 15px 30px;

  min-height: 108px;

}



#custom-text {

  background: white;

  border-radius: 2px;

  margin-bottom: 1.5rem;

  padding: 3.125rem 3.125rem;

  text-align: center;

}



#custom-text h3 {

  text-transform: uppercase;

  color: #262626;

  font-size: 1.5625rem;

  font-weight: 700;

}



#custom-text p {

  color: #262626;

  font-weight: 400;

  font-size: 1.1em;

}



#custom-text p .dark {

  color: #878787;

  font-weight: 600;

}



.page-content.page-cms {

  text-align: justify;


}



.page-content.page-cms .cms-box img {

  max-width: 100%;

}



@media (max-width: 991px) {

  #block-cmsinfo {

    padding: 1.25rem 1.875rem;

  }

}



#products .products-select {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  -webkit-box-align: baseline;

  -moz-box-align: baseline;

  box-align: baseline;

  -webkit-align-items: baseline;

  -moz-align-items: baseline;

  -ms-align-items: baseline;

  -o-align-items: baseline;

  align-items: baseline;

  -ms-flex-align: baseline;

  -webkit-box-pack: justify;

  -moz-box-pack: justify;

  box-pack: justify;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: justify;

}



#products .up {

  margin-bottom: 1rem;

}



#products .up .btn-secondary,

#products .up .btn-tertiary {

  color: #878787;

  text-transform: inherit;

}



#products .up .btn-secondary .material-icons,

#products .up .btn-tertiary .material-icons {

  margin-right: 0;

}



.block-category {

  margin-bottom: 25px;

  background: none;

  box-shadow: none;

  border: none;

  padding: 0;

}



.block-category h1 {

  padding-bottom: 15px;

  border-bottom: 1px solid #dfdfdf;

}



.block-category #category-description p,

.block-category #category-description strong {

  font-weight: 600;

}



.block-category #category-description p {

  margin: 0 0 5px 0;

  font-weight: normal;

}



.block-category #category-description p span {

  font-size: 14px !important;

}



.block-category .category-cover {

  margin: 0 0 20px 0;

}



.block-category .category-cover img {

  max-width: 100%;

}



.products-selection .sort-by {

  padding-top: 0.4rem;

  white-space: nowrap;

  margin-right: -0.9375rem;

  margin-left: 0.9375rem;

  text-align: right;

  font-weight: 600;

}



.products-selection .total-products {

  padding: 2px;

  line-height: 32px;

}



.products-selection .total-products p {

  margin-bottom: 0px;

}



.products-selection h1 {

  padding-top: 0.625rem;

}



.products-selection .display {

  float: left;

  margin: 0 15px 0 0;

}



.products-selection .display li {

  float: left;

  text-align: center;

  padding: 0 3px;

  border: 1px solid #000000;

}



.products-selection .display li#grid {

  margin: 5px 5px 0 0px;

}



.products-selection .display li#grid a {

  background: url(../img/codezeel/sprite.png) no-repeat scroll -6px -33px transparent;

  height: 24px;

  float: left;

  width: 20px;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products-selection .display li#grid:hover,

.products-selection .display li#grid.selected {

  border-color: #4d7df0;

}



.products-selection .display li#grid:hover a,

.products-selection .display li#grid.selected a {

  background-position: -6px -3px !important;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products-selection .display li#list {

  margin: 5px 0 0 0;

}



.products-selection .display li#list a {

  background: url(../img/codezeel/sprite.png) no-repeat scroll -43px -33px transparent;

  height: 24px;

  width: 20px;

  float: right;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products-selection .display li#list:hover,

.products-selection .display li#list.selected {

  border-color: #4d7df0;

}



.products-selection .display li#list:hover a,

.products-selection .display li#list.selected a {

  background-position: -43px -3px !important;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products-selection .display li a {

  font-size: 0px;

  line-height: 14px;

  cursor: pointer;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}



.products-selection .display li.selected a {

  cursor: default;

}



.products-sort-order {

  color: #262626;

}



.products-selection .products-sort-order {

  padding-right: 0px;

}



.products-sort-order .select-title {

  display: inline-block;

  margin: 0 0px 0 0;

  width: 100%;

  color: #262626;

  background: #FFFFFF;

  padding: 4px 10px;

  cursor: pointer;

  border: 1px solid #dddddd;

}



.products-sort-order .select-list {

  display: block;

  color: #222222;

  padding: 5px 15px;

  font-size: 14px;

}



.products-sort-order .select-list:hover {

  background: #4d7df0;

  color: #FFFFFF;

  text-decoration: none;

}



.products-sort-order .dropdown-menu {

  left: auto;

  width: 95.5%;

  border: 1px solid #dddddd;

  background: #FFFFFF;

  border-radius: 0;

  border-top: 0;

  margin-top: 0;

}



#search_filters .facet {

  padding-top: 0.625rem;

}



#search_filters .facet .collapse {

  display: block;

}



#search_filters .facet .facet-title {

  color: #000000;

  font-weight: 600;

  margin: 5px 0 5px;

  font-size: 14px;

  text-transform: capitalize;

  line-height: 20px;

}



#search_filters .facet .facet-label span.magnitude {

  float: right;

  text-align: right;

}



#search_filters .ui-slider-horizontal {

  margin-bottom: 20px;

}



#search_filters .facet .facet-label {

  margin-bottom: 0;

  font-weight: normal;

  text-align: left;

}



#search_filters .facet .facet-label a {

  margin-top: 5px;

  display: inline-block;

}



#search_filters .js-search-filters-clear-all {

  padding: 3px 8px;

  margin: 0px;

  font-weight: normal;

  width: 100%;

  text-align: left;

  font-size: 12px;

  background-color: #f0f0f0;

  border-color: #f0f0f0;

  color: #262626;

}



.pagination {

  width: 100%;

  border-top: 1px solid #dddddd;

  padding: 15px 0px 10px;

}



.pagination>div:first-child {

  line-height: 2.5rem;

}



.pagination .page-list {

  margin-bottom: 0;

  float: right;

  margin-right: 0px;

}



.pagination .page-list li {

  background: #FFFFFF;

  /* display: inline-block; */

  float: left;

  margin: 0 0 0 2px;

  padding: 0px;

}



.pagination a {

  height: 35px;

  margin: 0;

  padding: 4px 13px;

  width: 35px;

  color: #fff;

  background: #000000;

  display: block;

  font-weight: 600;

  border: 1px solid #000000;

}



.pagination a .material-icons {

  font-size: 28px;

  margin-left: -4px;

}



.pagination a:hover {

  color: #FFFFFF;

  border-color: #4d7df0;

  background-color: #4d7df0;

  text-decoration: none;

}



.pagination .previous {

  padding: 4px 10px;

}



.pagination .next {

  padding: 4px 10px;

}



.pagination .disabled {

  cursor: not-allowed;

}



.pagination .disabled span.previous,

.pagination .disabled span.next {

  background: #4d7df0;

  border-color: #4d7df0;

}



.pagination .current a {

  color: #FFFFFF;

  border-color: #4d7df0;

  background-color: #4d7df0;

  text-decoration: none;

}



.active_filters {

  background: #f6f6f6;

  padding: 10px 15px;

  margin-bottom: 10px;

}



.active_filters .active-filter-title {

  display: inline;

  margin-right: 10px;

  font-weight: 400;

}



.active_filters ul {

  display: inline;

}



.active_filters .filter-block {

  color: #262626;

  margin-right: 5px;

  margin-bottom: 2px;

  background: #FFFFFF;

  padding: 4px 10px;

  display: inline-block;

  font-size: 13px;

}



.active_filters .filter-block .close {

  color: #262626;

  font-size: 15px;

  opacity: 1;

  filter: alpha(opacity=100);

  margin-top: 6px;

  margin-left: 5px;

}



.block-categories .category-top-menu {

  margin-bottom: 0px;

}



.block-categories .category-sub-menu {

  margin-top: 0;

}



.block-categories .category-sub-menu .category-sub-link {

  font-size: 0.875rem;

}



.block-categories .category-sub-menu li {

  position: relative;

  padding: 3px 0;

}



.block-categories .category-sub-menu li[data-depth="1"] {

  margin-left: 15px;

}



.block-categories .category-sub-menu li[data-depth="0"]>a {

  width: 100%;

  display: inline-block;

}



.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) {

  padding-left: 0.3125rem;

}



.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before {

  content: "-";

  margin-right: 0.3125rem;

}



.block-categories .block_content .collapse-icons {

  position: absolute;

  right: 0;

  top: 5px;

  padding: 0;

  cursor: pointer;

  border: 0;

  width: auto;

  height: auto;

}



.block-categories .block_content .collapse-icons[aria-expanded="true"] .add {

  display: none;

}



.block-categories .block_content .collapse-icons[aria-expanded="true"] .remove {

  display: block;

}



.block-categories .block_content .collapse-icons .add {

  background: url(../img/codezeel/sprite.png) no-repeat scroll -4px -72px transparent;

  width: 16px;

  height: 16px;

  float: left;

}



.block-categories .block_content .collapse-icons .remove {

  background: url(../img/codezeel/sprite.png) no-repeat scroll -4px -101px transparent;

  width: 16px;

  height: 16px;

  float: left;

  display: none;

}



.block-categories .arrows .arrow-right,

.block-categories .arrows .arrow-down {

  font-size: 0.875rem;

  cursor: pointer;

  margin-left: 2px;

}



.block-categories .arrows .arrow-right:hover,

.block-categories .arrows .arrow-down:hover {

  color: #4d7df0;

}



.block-categories .arrows .arrow-down {

  display: none;

}



.block-categories .arrows[aria-expanded="true"] .arrow-right {

  display: none;

}



.block-categories .arrows[aria-expanded="true"] .arrow-down {

  display: inline-block;

}



.facets-title {

  color: #262626;

}



.layout-left-column #content-wrapper {

  padding-right: 0px;

}



.layout-right-column #content-wrapper {

  padding-left: 0px;

}



#left-column {

  padding-left: 0;

  position: relative;

}



#right-column {

  padding-right: 0;

}



#left-column a,

#right-column a {

  color: #222222;

}



#left-column a:hover,

#right-column a:hover {

  color: #4d7df0;

}



#left-column .links,

#right-column .links {

  margin: 0 0 25px;

  background: #FFFFFF;

  border: 1px solid #dddddd;

  width: 100%;

  float: none;

}



#left-column .links .wrapper,

#right-column .links .wrapper {

  width: 100%;

  float: none;

  padding: 0px;

}



#left-column .links .h3,

#right-column .links .h3 {

  color: #000000;

  text-transform: uppercase;

  padding: 0 0 13px;

  font-size: 18px;

  font-weight: 700;

  line-height: 24px;

  margin: 0 0 10px 0;

  border-bottom: 2px solid #4d7df0;

}



#left-column .block,

#right-column .block {

  margin: 0 0 25px;

  background: #FFFFFF;

}



#left-column .block .block_title,

#right-column .block .block_title {

  color: #000000;

  text-transform: uppercase;

  padding: 12px 12px 8px;

  font: 600 15px/24px "Open Sans", sans-serif;

  margin: 0 0 0px 0;

  background-color: #ededed;

  border-bottom: 3px solid #dfdfdf;

}



#left-column .block .block_title a,

#right-column .block .block_title a {

  color: #000000;

}



#left-column .block .block_content,

#right-column .block .block_content {

  padding: 15px 10px;

  background: #FFFFFF;

  border: 0px;

  border-top: 0px;

}



#left-column .block .block_content.collapse,

#right-column .block .block_content.collapse {

  display: inherit;

}



#left-column .block .block_content ul,

#right-column .block .block_content ul {

  margin-bottom: 0px;

}



#left-column .products-block ul li,

#right-column .products-block ul li {

  padding: 9px 0px;

  margin: 0;

  overflow: hidden;

}



#left-column .products-block ul li .product_thumbnail,

#right-column .products-block ul li .product_thumbnail {

  float: left;

  margin-right: 10px;

  overflow: hidden;

}



#left-column .products-block ul li .product-info,

#right-column .products-block ul li .product-info {

  overflow: hidden;

}



#left-column .products-block ul li .product-title,

#right-column .products-block ul li .product-title {

  margin-top: 3px;

}



#left-column .products-block ul li .product-title a,

#right-column .products-block ul li .product-title a {

  border-bottom: 0px;

}



#left-column .products-block .view_more,

#right-column .products-block .view_more {

  text-align: right;

  margin-top: 15px;

}



#left-column .products-block .view_more a,

#right-column .products-block .view_more a {

  color: #222222;

  background: none;

  border: 0px;

  text-decoration: underline;

  text-transform: capitalize;

  font-size: 15px;

  padding: 0px;

}



#left-column .products-block .view_more a:hover, 

#right-column .products-block .view_more a:hover {

  color: #4d7df0;

  text-decoration: none;

}



/*** Responsive part ***/



/*@media (min-width: 992px) {

    #left-column:before {

    content: "";

    border-right: 1px solid #dfdfdf;

    position: absolute;

    right: 0px;

    height: 100%;

  }

}*/



@media (max-width: 1229px) and (min-width: 992px) {

  #left-column .products-block ul li .product-info, 

  #right-column .products-block ul li .product-info {

    display: inline-block;

    vertical-align: top;

    width: 100%;

    padding-top: 10px;

  }

}

@media (max-width: 991px) and (min-width: 768px) {

  .filter-button {

    margin: 10px 0;

    min-width: 130px;

  }

}

@media (max-width: 991px) {

  #left-column .block .block_title,

  #right-column .block .block_title {

    cursor: pointer;

  }

  #left-column .block .block_content.collapse,

  #right-column .block .block_content.collapse {

    display: none;

  }

  #left-column .block .block_content.collapse.in,

  #right-column .block .block_content.collapse.in {

    display: block;

  }

  #left-column .block .block_title .collapse-icons .remove,

  #right-column .block .block_title .collapse-icons .remove {

    display: none;

  }

  #left-column .block .block_title[aria-expanded="true"] .collapse-icons .add,

  #right-column .block .block_title[aria-expanded="true"] .collapse-icons .add {

    display: none;

  }

  #left-column .block .block_title[aria-expanded="true"] .collapse-icons .remove,

  #right-column .block .block_title[aria-expanded="true"] .collapse-icons .remove {

    display: block;

  }

  #left-column .block .block_title .navbar-toggler,

  #right-column .block .block_title .navbar-toggler {

    display: inline-block;

    padding: 0;

    width: auto;

  }

  #left-column .block .block_title .navbar-toggler .fa-icon:before,

  #right-column .block .block_title .navbar-toggler .fa-icon:before {

    font-size: 24px;

    line-height: 20px;

  }

  #category #left-column #search_filter_controls,

  #category #right-column #search_filter_controls {

    text-align: center;

    margin-bottom: 1rem;

  }

  #category #left-column #search_filter_controls button,

  #category #right-column #search_filter_controls button {

    margin: 0 5px;

  }

  #category #left-column #search_filters,

  #category #right-column #search_filters {

    margin-bottom: 0;

    box-shadow: none;

    padding: 0;

  }

  #category #left-column #search_filters .facet,

  #category #right-column #search_filters .facet {

    padding-top: 0;

    border-bottom: 1px solid #dddddd;

    padding-top: 0;

    border-bottom: 1px solid #f6f6f6;

  }

  #category #left-column #search_filters .facet .title,

  #category #right-column #search_filters .facet .title {

    cursor: pointer;

    padding: 13px 0px;

  }

  #category #left-column #search_filters .facet .title .collapse-icons .remove,

  #category #right-column #search_filters .facet .title .collapse-icons .remove {

    display: none;

  }

  #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add,

  #category #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add {

    display: none;

  }

  #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove,

  #category #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove {

    display: block;

  }

  #category #left-column #search_filters .facet .facet-title,

  #category #right-column #search_filters .facet .facet-title {

    color: #262626;

    text-transform: uppercase;

  }

  #category #left-column #search_filters .facet .h6,

  #category #right-column #search_filters .facet .h6 {

    margin: 0;

    padding: 0;

    display: inline-block;

  }

  #category #left-column #search_filters .facet .navbar-toggler,

  #category #right-column #search_filters .facet .navbar-toggler {

    display: inline-block;

    padding: 0;

    width: auto;

  }

  #category #left-column #search_filters .facet .navbar-toggler .fa-icon:before,

  #category #right-column #search_filters .facet .navbar-toggler .fa-icon:before {

    font-size: 30px;

    line-height: 20px;

  }

  #category #left-column #search_filters .facet .collapse,

  #category #right-column #search_filters .facet .collapse {

    display: none;

  }

  #category #left-column #search_filters .facet .collapse.in,

  #category #right-column #search_filters .facet .collapse.in {

    display: block;

    margin-bottom: 10px;

  }

  #category #left-column #search_filters .facet .facet-label a,

  #category #right-column #search_filters .facet .facet-label a {

    margin-top: 0;

  }

  #category #left-column #search_filters .facet ul,

  #category #right-column #search_filters .facet ul {

    margin-bottom: 0;

  }

  #category #left-column #search_filters .facet ul li,

  #category #right-column #search_filters .facet ul li {

    padding: 4px 0;

  }

  #category #content-wrapper {

    width: 100%;

  }

  #category #search_filter_toggler {

    width: 100%;

    background-color: #4d7df0;

    color: #fff;

    margin-top: 0px;

    padding-top: 7px;

    padding-bottom: 6px;

  }

  .pagination .page-list {

    float: none;

  }

  .products-sort-order .dropdown-menu {

    width: 94.1%;

  }

  .brands {

    padding-top: 0px;

    padding-bottom: 60px;

  }

}



@media (max-width: 767px) {

  .products-sort-order .select-title {

    margin-left: 0;

  }

  .products-selection h1 {

    padding-top: 0;

    text-align: center;

    margin-bottom: 1rem;

  }

  .products-selection .showing {

    padding-top: 1rem;

  }

  #prices-drop #content-wrapper,

  #new-products #content-wrapper,

  #best-sales #content-wrapper {

    width: 100%;

  }

}



@media (max-width: 480px) {

  .filter-button {

    width: 38%;

    padding-left: 8px;

    padding-right: 8px;

  }

  .products-selection .products-sort-order {

    padding-left: 0px;

    padding-right: 10px;

    width: 62%;

  }

}



#product #content {

  position: relative;

  max-width: 100%;

}



#product #content .product-leftside {

  position: relative;

}



.products .product-price-and-shipping,

.product-price {

  color: #4d7df0;

  font-weight: 600;

  font-size: 16px;

  margin-bottom: 0px;

  letter-spacing: 0px;

}



.product-price {

  display: inline-block;

}



.productpage_title,

.quickview h1.h1 {

  margin-top: 0px;

  /*text-transform: capitalize;*/

  font-weight: normal;

  color: #000;

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid #dfdfdf;

  font-size: 22px;

  line-height: 32px;

}



.product-information .manufacturer-logo {

  height: 35px;

}



.input-color {

  position: absolute;

  opacity: 0;

  filter: alpha(opacity=0);

  cursor: pointer;

  height: 1.25rem;

  width: 1.25rem;

}



.input-container {

  position: relative;

}



.input-radio {

  position: absolute;

  top: 0;

  cursor: pointer;

  opacity: 0;

  filter: alpha(opacity=0);

  width: 100%;

  height: 100%;

}



.input-color:checked+span,

.input-color:hover+span,

.input-radio:checked+span,

.input-radio:hover+span {

  border: 2px solid #262626;

}



.radio-label {

  background: #FFFFFF;

  display: inline-block;

  padding: 0.125rem 0.625rem;

  font-weight: 600;

  border: 2px solid #FFFFFF;

}



.product-actions .control-label {

  width: 100%;

  margin-bottom: 5px;

  display: block;

  width: 100%;

  font-weight: 600;

  color: #262626;

}



.product-actions .add-to-cart {

  padding: 8px 20px;

}



.product-actions .add-to-cart .material-icons {

  line-height: inherit;

  display: none;

}



.product-quantity .qty {

  float: left;

  width: 80px;

  margin-bottom: 0.5rem;

}



.product-quantity .add {

  float: left;

  margin-bottom: 0.5rem;

  margin-left: 10px;

}



.product-quantity .add .add-to-cart {

  padding: 10px 40px;

  color: #fff;

  background-color: #4d7df0;

  border-color: #4d7df0;

}

.product-quantity .wish_comp {

  float: left;

  width: 100%;

  margin-top: 5px;

}

.product-quantity .wish_comp .wishlist, 

.product-quantity .wish_comp .compare {

  display: inline-block;

  vertical-align: top;

}

.product-quantity .wish_comp .wishlist a, 

.product-quantity .wish_comp .compare a {

  font-size: 14px;

  font-weight: 400;

  color: #000000;

  height: auto;

  width: auto;

  border: 0;

  padding: 4px 8px 5px 25px;

  display: inline-block;

  vertical-align: top;

  text-transform: capitalize;

  transition: none;

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: 0px center;

  background-size: 17px;

}

.product-quantity .wish_comp .wishlist a {

  margin-right: 10px;

  background-image: url(../img/codezeel/wishlist.svg);

}

.product-quantity .wish_comp .wishlist a:hover {

  color: #4d7df0;

  background-image: url(../img/codezeel/wishlist-hover.svg);

}

.product-quantity .wish_comp .compare a {

  background-image: url(../img/codezeel/compare.svg);

}

.product-quantity .wish_comp .compare a:hover {

  color: #4d7df0;

  background-image: url(../img/codezeel/compare-hover.svg);

}

.product-quantity .st-wishlist-button .fa, 

.product-quantity .st-compare-button .fa {

  font-size: 0;

  display: none;

}

.product-quantity .add .add-to-cart:hover {

  color: #fff;

  background-color: #000000;

  border-color: #000000;

}



.product-quantity #quantity_wanted {

  color: #262626;

  background-color: #FFFFFF;

  height: 2.75rem;

  padding: 0.175rem 0.5rem;

  width: 3rem;

}



.product-quantity .input-group-btn-vertical {

  float: left;

}



.product-quantity .input-group-btn-vertical .btn {

  padding: 0.5rem 0.6875rem;

}



.product-quantity .input-group-btn-vertical .btn i {

  color: #262626;

  font-size: 1rem;

  top: 0.125rem;

  left: 0.1875rem;

}



.product-quantity .btn-touchspin {

  height: 1.4375rem;

}



.product-discounts {

  margin-bottom: 15px;

}



.product-discounts>.product-discounts-title {

  font-weight: normal;

  font-size: 0.875rem;

}



.product-discounts>.table-product-discounts thead tr th {

  width: 33%;

  padding: 0.625rem 1.25rem;

  background: #FFFFFF;

  border: 0.3125rem #ebebeb solid;

  text-align: center;

}



.product-discounts>.table-product-discounts tbody tr {

  background: #f6f6f6;

}



.product-discounts>.table-product-discounts tbody tr:nth-of-type(even) {

  background: #FFFFFF;

}



.product-discounts>.table-product-discounts tbody tr td {

  padding: 0.625rem 1.25rem;

  text-align: center;

  border: 0.3125rem #ebebeb solid;

}



.product-prices {

  margin-top: 0px;

  margin-bottom: 10px;

}



.product-prices div {

  margin-bottom: 5px;

  font-size: 22px;

  font-weight: 600;

  display: inline-block;

  vertical-align: top;

}



.product-prices .tax-shipping-delivery-label {

  font-size: 0.8125rem;

  color: #808080;

  font-weight: 400;

}



.product-discount {

  color: #878787;

}



.product-discount .regular-price {

  text-decoration: line-through;

  font-weight: normal;

  margin-right: 5px;

  font-size: 20px;

}



.product-line-grid-body .product-line-info .product-discount span.regular-price {

  font-size: 15px;

}



.has-discount .discount {

  background: #f39d72;

  color: #FFFFFF;

  font-weight: normal;

  padding: 4px 11px;

  font-size: 14px;

  margin-left: 10px;

  text-transform: uppercase;

  display: inline-block;

  vertical-align: top;

}



.product-unit-price {

  font-size: 0.8125rem;

  margin-bottom: 0;

}



.tabs {

  margin-top: 28px;

}



.tabs .tab-pane {

  padding: 30px;

  border: 1px solid #dddddd;

  background: #fff;

}



.tabs .nav-tabs {

  margin-bottom: 25px;

  border: none;

  display: inline-block;

  vertical-align: top;

  width: 100%;

  text-align: center;

}



.tabs .nav-tabs .nav-link {

  color: #222222;

  display: block;

  text-transform: uppercase;

  float: left;

  font-weight: 700;

  font-size: 14px;

  line-height: 22px;

  margin: 0px;

  padding: 10px 30px;

  text-align: center;

  position: relative;

  background-color: #ffffff;

  border: 0;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.tabs .nav-tabs .nav-link.active,

.tabs .nav-tabs .nav-link:hover {

  color: #FFFFFF;

  background-color: #151588;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.tabs .nav-tabs .nav-item {

  float: none;

  display: inline-block;

  vertical-align: top;

  margin: 0 6px;

}



.product-cover {

  border: 1px solid #dddddd;

  margin-bottom: 15px;

  position: relative;

}



.product-cover img {

  background: #FFFFFF;

}



.product-cover .layer {

  position: absolute;

  bottom: 10px;

  right: 10px;

  padding: 14px;

  cursor: pointer;

  z-index: 1;

  opacity: 1;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.7s ease-in-out;

  -moz-transition: opacity 0.7s ease-in-out;

  -o-transition: opacity 0.7s ease-in-out;

  transition: opacity 0.7s ease-in-out;

}



.product-cover .layer:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}



.product-cover .layer .zoom-in {

  color: #fff;

  background-color: #4d7df0;

  position: absolute;

  bottom: 1px;

  right: 1px;

  padding: 10px 13px;

  height: auto;

  width: auto;

  font-size: 20px;

}



#product-modal .modal-content {

  border: none;

  padding: 0;

  background: #eeeeee;

  border-radius: 0px;

}



#product-modal .modal-content .modal-body {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  margin-left: 0;

}



#product-modal .modal-content .modal-body .product-cover-modal {

  background: #FFFFFF;

  width: 100%;

  height: auto;

}



#product-modal .modal-content .modal-body figure {

  margin-bottom: 0px;

}



#product-modal .modal-content .modal-body .image-caption {

  padding: 0.625rem 1.25rem;

}



#product-modal .modal-content .modal-body .image-caption p {

  margin-bottom: 0;

}



#product-modal .modal-content .modal-body .thumbnails {

  position: relative;

}



#product-modal .modal-content .modal-body .mask {

  position: relative;

  overflow: hidden;

  max-height: 534px;

  margin-top: 30px;

  z-index: 1;

}



#product-modal .modal-content .modal-body .mask.nomargin {

  margin-top: 0;

}



#product-modal .modal-content .modal-body .product-images {

  margin-left: 20px;

}



#product-modal .modal-content .modal-body .product-images img {

  width: 120px;

  cursor: pointer;

  background: #FFFFFF;

}



#product-modal .modal-content .modal-body .product-images img:hover {

  border: #4d7df0 1px solid;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#product-modal .modal-content .modal-body .arrows {

  height: 100%;

  width: 100%;

  text-align: center;

  position: absolute;

  top: 0;

  color: #FFFFFF;

  right: 0px;

  z-index: 0;

  cursor: pointer;

}



#product-modal .modal-content .modal-body .arrows .arrow-up {

  position: absolute;

  top: -20px;

  right: 20px;

  opacity: 0.2;

  filter: alpha(opacity=20);

}



#product-modal .modal-content .modal-body .arrows .arrow-down {

  position: absolute;

  bottom: -20px;

  right: 20px;

}



#product-modal .modal-content .modal-body .arrows i {

  font-size: 75px;

  display: inline;

  color: #000;

}



#blockcart-modal .modal-header {

  color: #4cbb6c;

}



#blockcart-modal .modal-body {

  padding: 35px 25px;

}



#blockcart-modal .modal-body .divide-right span {

  display: inline-block;

  margin-bottom: 10px;

}



#blockcart-modal .modal-dialog {

  max-width: 1140px;

  width: 100%;

}



.page-product #product-modal .modal-header {

  border: 0px;

  padding: 0px;

}



.page-product #product-modal .modal-header .close {

  right: 0;

  top: 0;

  margin-top: 0;

  z-index: 9;

}



#blockcart-modal .product-image {

  width: 240px;

  border: 1px solid #dddddd;

}



#blockcart-modal .modal-title {

  line-height: 24px;

  color: #4cbb6c;

  font-size: 16px;

  text-align: left !important;

  text-transform: uppercase;

  font-weight: 600;

}



#blockcart-modal .modal-title:before {

  content: "\F00C";

  font-family: "FontAwesome";

  font-size: 18px;

  color: #4cbb6c;

  padding-right: 5px;

  font-weight: normal;

}



#blockcart-modal .product-name {

  color: #262626;

  font-size: 16px;

  text-transform: capitalize;

  font-weight: normal;

}



#blockcart-modal .cart-products-count {

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  color: #000000;

  padding-bottom: 13px;

  border-bottom: 1px solid #dfdfdf;

  margin-bottom: 15px;

}



#blockcart-modal .cart-content {

  padding-left: 2.5rem;

}



#blockcart-modal .cart-content button {

  margin-right: 5px;

  background-color: #4d7df0;

  border-color: #4d7df0;

  color: #ffffff;

}



#blockcart-modal .cart-content button:hover {

  background-color: #000000;

  border-color: #000000;

}



#blockcart-modal .divide-right {

  border-right: 1px solid #dddddd;

}



.product-images>li.thumb-container>.thumb {

  border: 1px solid #dddddd;

  cursor: pointer;

  margin: 0 0 10px;

  width: 95px;

}



.images-container .product-images>li.thumb-container>.thumb {

  margin: 0px;

}



.product-images>li.thumb-container>.thumb.selected,

.product-images>li.thumb-container>.thumb:hover {

  border: 1px solid #4d7df0;

}



.images-container .product-images>li.thumb-container {

  display: inline;

  margin-right: 10px;

}



.images-container .js-qv-mask {

  margin: 0 30px;

  white-space: nowrap;

  position: relative;

}



.images-container .js-qv-mask .thumb-container .thumb {

  border: 1px solid #dddddd;

  margin: 0 0 10px;

  width: 95px;

}



.images-container .js-qv-mask .thumb-container .thumb.selected,

.images-container .js-qv-mask .thumb-container .thumb:hover {

  border: 1px solid #4d7df0;

}



.images-container .js-qv-mask .customNavigation {

  top: 30px;

  opacity: 1;

  filter: alpha(opacity=100);

}



.images-container .js-qv-mask .customNavigation a:before {

  font-size: 35px;

}



.images-container .js-qv-mask .customNavigation a.prev {

  left: -30px;

}



.images-container .js-qv-mask .customNavigation a.next {

  right: -30px;

}



.scroll-box-arrows {

  display: none;

}



.scroll-box-arrows.scroll {

  display: block;

}



.scroll-box-arrows i {

  position: absolute;

  bottom: 40px;

  cursor: pointer;

  font-size: 40px;

  color: #000000;

  height: 35px;

  width: 35px;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.scroll-box-arrows i:hover {

  border-color: #4d7df0;

  color: #4d7df0;

}



.scroll-box-arrows .left {

  left: -10px;

}



.scroll-box-arrows .right {

  right: -5px;

}



.product-quantity {

  display: inline-block;

  margin-right: 5px;

  margin-bottom: 0px;

}



#product-details .product-manufacturer {

  max-width: 200px;

}



#product-availability,

.product-availability {

  display: inline-block;

  font-weight: normal;

  margin-left: 5px;

  color: #fff;

}



#product-availability .material-icons,

.product-availability .material-icons {

  display: none;

  line-height: inherit;

}



#product-availability .product-available,

.product-availability .product-available {

  background-color: #4cbb6c;

  padding: 2px 12px 3px;

}



#product-availability .product-unavailable,

.product-availability .product-unavailable {

  background-color: #ff9a52;

  padding: 2px 12px 3px;

}



#product-availability .product-last-items,

.product-availability .product-last-items {

  background-color: #ff9a52;

  padding: 2px 12px 3px;

}



#product-details .label {

  font-weight: 600;

  margin-right: 10px;

  margin-bottom: 12px;

  color: #000000;

}



.product-manufacturer {

  margin-bottom: 15px;

}



.product-features {

  margin-top: 5px;

  margin-left: 0;

}



.product-features h3 {

  font-weight: 600;

  margin-right: 10px;

  margin-bottom: 12px;

  color: #262626;

}



.product-features>dl.data-sheet dd.value,

.product-features>dl.data-sheet dt.name {

  width: 49%;

  display: inline-table;

  font-weight: normal;

  background: #ebebeb;

  padding: 10px 20px;

  margin-right: 0px;

  min-height: 2.5rem;

  word-break: break-all;

  vertical-align: top;

  color: #262626;

}



.product-features>dl.data-sheet dd.value:nth-of-type(even),

.product-features>dl.data-sheet dt.name:nth-of-type(even) {

  background: #f6f6f6;

}



.product-features>dl.data-sheet dt.name {

  text-transform: capitalize;

  font-weight: 600;

}



.product-features>dl.data-sheet dd {

  margin-bottom: 3px;

}



.product-variants>.product-variants-item {

  margin: 10px 0;

}



.product-variants>.product-variants-item select {

  border: 1px solid #ebebeb;

  height: 2.5rem;

  width: auto;

  min-width: 75px;

  padding-left: 8px;

}



.product-variants>.product-variants-item ul li {

  margin-right: 0.625rem;

}



.product-variants>.product-variants-item .color {

  margin: 0;

  width: 20px;

  height: 20px;

}



.product-flags {

  margin: 0px;

}



ul.product-flags li {

  display: block;

  position: absolute;

  padding: 0px;

  font-size: 13px;

  font-weight: 600;

  text-transform: uppercase;

  color: #4d7df0;

  z-index: 2;

}



ul.product-flags li.online-only {

  top: 25rem;

  right: 0;

  font-size: 0.8125rem;

}



ul.product-flags li.discount {

  display: none;

}



ul.product-flags li.on-sale {

  text-align: center;

  margin: 0;

  right: 10px;

  top: 5px;

  color: #000000;

  display: none;

}



ul.product-flags li.on-sale.discount-percentage {

  z-index: 2;

  color: #000000;

  vertical-align: top;

  display: inline;

  padding: 0px;

  font-size: 14px;

}



ul.product-flags li.new {

  left: 10px;

  top: 5px;

}



.product-customization {

  margin: 25px 0;

}



.product-customization .product-customization-item {

  margin: 15px 0;

}



.product-customization .product-message {

  background: #ebebeb;

  border: none;

  width: 100%;

  height: 3.125rem;

  resize: none;

  padding: 0.625rem;

}



.product-customization .product-message::-webkit-input-placeholder {

  color: #262626;

}



.product-customization .product-message::-moz-placeholder {

  color: #262626;

}



.product-customization .product-message:-moz-placeholder {

  color: #262626;

}



.product-customization .product-message:-ms-input-placeholder {

  color: #262626;

}



.product-customization .file-input {

  width: 100%;

  opacity: 0;

  filter: alpha(opacity=0);

  left: 0;

  z-index: 1;

  cursor: pointer;

  height: 2.625rem;

  overflow: hidden;

  position: absolute;

}



.product-customization .custom-file {

  position: relative;

  background: #ebebeb;

  width: 100%;

  height: 2.625rem;

  line-height: 2.625rem;

  text-indent: 0.625rem;

  display: block;

  color: #878787;

  margin-top: 1.25rem;

}



.product-customization .custom-file button {

  z-index: 0;

  position: absolute;

  right: 0;

  top: 0;

}



.product-customization small {

  color: #878787;

}



.product-pack {

  margin-top: 2.5rem;

}



.product-pack .pack-product-container {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  justify-content: space-around;

}



.product-pack .pack-product-container .pack-product-name {

  -webkit-box-flex: 0;

  -moz-box-flex: 0;

  box-flex: 0;

  -webkit-flex: 0 0 50%;

  -moz-flex: 0 0 50%;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  font-size: 0.875rem;

  color: #878787;

}



.product-pack .pack-product-container .pack-product-quantity {

  border-left: #ebebeb 2px solid;

  padding-left: 0.625rem;

}



.product-pack .pack-product-container .pack-product-name,

.product-pack .pack-product-container .pack-product-price,

.product-pack .pack-product-container .pack-product-quantity {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  align-items: center;

}



.product-refresh {

  margin-top: 1.25rem;

}



.blockreassurance_product div {

  padding: 8px 15px 17px;

  background: #f5f5f5;

  margin: 0 0 8px;

}



.blockreassurance_product .item-product {

  margin-right: 10px !important;

  padding-top: 0px !important;

}



.blockreassurance_product div:first-child .item-product svg {

  width: 28px;

}



.blockreassurance_product .block-title {

  font-weight: 600;

}



.blockreassurance_product p {

  display: inline-block;

  vertical-align: revert;

  margin-bottom: 0px;

  padding-top: 6px;

}



.blockreassurance_product div:last-child {

  padding: 0;

  margin: 0;

  border: 0;

}



.social-sharing {

  width: 100%;

  clear: both;

  margin-top: 10px;

}



.social-sharing>span {

  
    display: inline;

}



.social-sharing ul {

  margin: 0;

}



.social-sharing ul li {

  height: 50px;

  width: 50px;

  display: inline-block;
    background-image: url("../../../../img/Icona_Facebook.png");

  /*background-color: #FFFFFF;*/

  cursor: pointer;

  margin-right: 0px;

  border: 0px solid;

  -webkit-transition: all 0.2s ease-in;

  -moz-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

}



.social-sharing ul li a {

  display: block;

  width: 100%;

  height: 100%;

  white-space: nowrap;

  text-align: center;

  line-height: 35px;

  overflow: hidden;

}



.social-sharing ul li a:hover {

  color: transparent;

}



/*.social-sharing ul li a:before {

  font-size: 18px;

  font-family: "FontAwesome";

  display: inline-block;

}*/



.social-sharing ul li.facebook {

  border-color: #435f9f;

}



.social-sharing ul li.facebook a:before {

  /*content: "\F09A";*/

  color: #435f9f;

}



.social-sharing ul li.facebook:hover {

  background-color: #435f9f;

}



.social-sharing ul li.facebook:hover a:before {

  color: #ffffff;

}



.social-sharing ul li.twitter {

  border-color: #00aaf0;

}



.social-sharing ul li.twitter a:before {

  content: "\F099";

  color: #00aaf0;

}



.social-sharing ul li.twitter:hover {

  background-color: #00aaf0;

}



.social-sharing ul li.twitter:hover a:before {

  color: #ffffff;

}



.social-sharing ul li.googleplus {

  border-color: #e04b34;

}



.social-sharing ul li.googleplus a:before {

  content: "\F0D5";

  color: #e04b34;

}



.social-sharing ul li.googleplus:hover {

  background-color: #e04b34;

}



.social-sharing ul li.googleplus:hover a:before {

  color: #ffffff;

}



.social-sharing ul li.pinterest {

  border-color: #ce1f21;

}



.social-sharing ul li.pinterest a:before {

  content: "\F0D2";

  color: #ce1f21;

}



.social-sharing ul li.pinterest:hover {

  background-color: #ce1f21;

}



.social-sharing ul li.pinterest:hover a:before {

  color: #ffffff;

}



.products-selection {

  margin-bottom: 15px;

  display: inline-block;

  width: 100%;

  padding: 10px 0px 15px 0px;

  border-bottom: 1px solid #dddddd;

  color: #000;

}



.products-selection .title {

  color: #808080;

}



@media (max-width: 991px) {



  .tabs {

    margin-top: 20px;

  }



  .product-cover img {

    width: 100%;

  }

  #product-modal .modal-content .modal-body {

    -webkit-box-orient: vertical;

    -moz-box-orient: vertical;

    box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-direction: normal;

    box-direction: normal;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    flex-direction: column;

    -ms-flex-direction: column;

    margin-left: 0;

  }

  #product-modal .modal-content {

    margin: 0 20px;

  }

  #product-modal .modal-content .modal-body img.product-cover-modal {

    width: 100%;

  }

  #product-modal .modal-content .modal-body .arrows {

    display: none;

  }

  #product-modal .modal-content .modal-body .mask {

    margin-top: 20px;

  }

  #product-modal .modal-content .modal-body .product-images>li.thumb-container {

    display: inline-block;

  }

  #product-modal .modal-content .modal-body .image-caption {

    width: 100%;

  }

  #blockcart-modal .modal-dialog {

    width: calc(100% - 20px);

  }

  #blockcart-modal .modal-body {

    padding: 1.875rem;

  }

  .social-sharing {

    padding: 15px 0;

    text-align: left;

  }

  .product-quantity .add {

    margin-left: 0px;

  }

}



@media (max-width: 767px) {

  #blockcart-modal .divide-right {

    border-right: none;

  }

  #blockcart-modal .modal-body {

    padding: 1rem;

  }

  #product .page-content .product-leftside {

    max-width: 280px;

    margin: 0 auto 25px;

    clear: both;

    overflow: hidden;

    height: 100%;

  }

  .pp-left-column {

    clear: both;

  }

  .product-cover .layer {

    width: 100%;

    height: 100%;

    bottom: 0px;

    right: 0px;

  }

  .zoomContainer {

    display: none;

  }

}



@media (max-width: 480px) {

  .blockreassurance_product .item-product {

    padding-top: 10px !important;

  }

  .blockreassurance_product p {

    padding-left: 45px;

    display: block;

    padding-top: 0px;

  }

}



#product-modal .modal-dialog {

  max-width: 800px;

}



#cart .cart-grid {

  margin-bottom: 4rem;

}



.cart-grid {

  margin-bottom: 1rem;

}



.cart-items {

  margin-bottom: 0;

}



.cart-item {

  border-bottom: 1px solid #dddddd;

  padding: 1rem 0;

}



.cart-item:last-child {

  border-bottom: 0px;

}



.cart-summary-line {

  clear: both;

  margin-top: 10px;

}



.cart-summary-line::after {

  content: "";

  display: table;

  clear: both;

}



.cart-summary-line .label {

  padding-left: 0;

  font-weight: 600;

  white-space: inherit;

}



.cart-summary-line .value {

  color: #262626;

  float: right !important;

  font-size: 16px;

  font-weight: 600;

}





/** CART BODY **/



.cart-grid-body {

  margin-bottom: 0.75rem;

}



.cart-grid-body a.label:hover {

  color: #4d7df0;

}



.cart-grid-body .card-block {

  padding: 1rem;

}



.cart-grid-body .card-block h1 {

  margin-bottom: 0;

  font-size: 18px;

  color: #000000;

}



.cart-grid-body hr {

  margin: 0;

}



.cart-grid-body .cart-overview {

  padding: 1rem;

}





/** CART RIGHT **/



.cart-grid-right hr {

  margin: 0;

}



.cart-grid-right .promo-discounts {

  margin-bottom: 0;

}



.cart-grid-right .promo-discounts .cart-summary-line .label {

  color: #808080;

}



.cart-grid-right .promo-discounts .cart-summary-line .label .code {

  text-decoration: underline;

  cursor: pointer;

}



.block-promo .promo-code {

  padding: 1.60rem;

  background: #ebebeb;

}



.block-promo .promo-code .alert-danger {

  position: relative;

  margin-top: 1.25rem;

  background: #ff4c4c;

  color: #FFFFFF;

  display: none;

}



.block-promo .promo-code .alert-danger::after {

  bottom: 100%;

  left: 10%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-bottom-color: #ff4c4c;

  border-width: 10px;

  margin-left: -10px;

}



.block-promo .promo-input {

  color: #262626;

  border: #878787 1px solid;

  height: 2.5rem;

  text-indent: 0.625rem;

  width: 60%;

}



.block-promo .promo-input+button {

  margin-top: -4px;

  text-transform: capitalize;

}



.block-promo .cart-summary-line .label,

.block-promo .promo-name {

  color: #ff9a52;

  font-weight: 600;

}



.block-promo .cart-summary-line .label a,

.block-promo .promo-name a {

  font-weight: normal;

  color: #262626;

  display: inline-block;

}



.block-promo .promo-code-button {

  padding-left: 1.25rem;

  margin-bottom: 1.25rem;

  display: inline-block;

}



.block-promo.promo-highlighted {

  padding: 1.25rem;

  padding-bottom: 0;

  margin-bottom: 0;

}





/** CONTENT LEFT **/



.product-line-grid-left img {

  max-width: 100%;

  border: 1px solid #dddddd;

}





/** CONTENT BODY **/



.product-line-grid-body>.product-line-info>.label {

  padding: 0;

  line-height: inherit;

  text-align: left;

  white-space: inherit;

  font-weight: 600;

}



.product-line-grid-body>.product-line-info>.out-of-stock {

  color: red;

}



.product-line-grid-body>.product-line-info>.available {

  color: #4cbb6c;

}



.product-line-grid-body>.product-line-info>.unit-price-cart {

  padding-left: 0.3125rem;

  font-size: 0.875rem;

  color: #808080;

}





/** CONTENT LEFT **/



.product-line-grid-right .bootstrap-touchspin {

  width: 4.25rem;

}



.product-line-grid-right .bootstrap-touchspin>.form-control,

.product-line-grid-right .bootstrap-touchspin>.input-group {

  color: #262626;

  background-color: #FFFFFF;

  height: 2.5rem;

  padding: 0.175rem 0.5rem;

  width: 3rem;

}



.product-line-grid-right .bootstrap-touchspin>.input-group-btn-vertical {

  width: auto;

}



.product-line-grid-right .cart-line-product-actions,

.product-line-grid-right .product-price {

  color: #262626;

  line-height: 36px;

}



.product-line-grid-right .cart-line-product-actions .remove-from-cart,

.product-line-grid-right .product-price .remove-from-cart {

  color: #000000;

  display: inline-block;

  margin-top: 0.3125rem;

}



.product-line-grid-right .cart-line-product-actions .remove-from-cart:hover, 

.product-line-grid-right .product-price .remove-from-cart:hover {

  color: #4d7df0;

}



.product-line-grid-right .cart-line-product-actions strong,

.product-line-grid-right .product-price strong {

  font-size: 18px;

  font-weight: 600;

}





/*** Responsive part ***/



@media (max-width: 767px) {

  .product-line-grid-body {

    margin-bottom: 1rem;

  }

}



@media (max-width: 575px) {

  .cart-items {

    padding: 1rem 0;

  }

  .cart-item {

    border-bottom: 1px solid #ebebeb;

  }

  .cart-item:last-child {

    border-bottom: 0;

  }

  .cart-grid-body .cart-overview {

    padding: 0;

  }

  .cart-grid-body .no-items {

    padding: 1rem;

    display: inline-block;

  }

  .product-line-grid-left {

    padding-right: 0 !important;

  }

  .tabs .nav-tabs .nav-link {

    padding-top: 4px;

    padding-right: 5px;

    padding-bottom: 4px;

    padding-left: 5px;

    background-color: transparent;

  }

  .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {

    color: #4d7df0;

    background-color: transparent;

  }

}



@media (max-width: 360px) {

  .product-line-grid-right .qty {

    width: 100%;

  }

  .product-line-grid-right .price {

    width: 100%;

  }

}



#block-reassurance {

  margin-top: 20px;

}



#block-reassurance img {

  opacity: 0.7;

  filter: alpha(opacity=70);

  width: 1.5625rem;

  margin-right: 10px;

}



#block-reassurance ul {

  margin-bottom: 0px;

}



#block-reassurance ul li {

  margin-bottom: 5px;

  color: #000;

}



#block-reassurance ul li .block-reassurance-item {

  padding: 12px 15px;

  margin-bottom: 0;

  background: rgba(121, 164, 171, 0.46);

}



#block-reassurance span {

  font-weight: 600;

}



.quickview .modal-dialog {

  width: calc(100% - 30px);

  max-width: 64rem;

}



.quickview .modal-content {

  min-height: 28.125rem;

}



.quickview .modal-header {

  border: none;

  padding: 0;

  position: relative;

  z-index: 9;

}



.quickview .modal-header .close {

  margin-top: 8px;

}



.quickview .modal-body {

  min-height: 23.75rem;

}



.quickview .modal-footer {

  border-top: 1px solid #dddddd;

  padding: 20px 0 10px;

  text-align: left;

  margin-top: 15px;

}



.quickview .layer {

  display: none;

}



.quickview .product-cover img {

  width: 95%;

}



.quickview .images-container {

  z-index: 1;

  min-height: 21.875rem;

}



.quickview .images-container .product-images>li.thumb-container {

  display: inline-block;

}



.quickview .images-container .product-images>li.thumb-container>.thumb {

  margin-bottom: 0.8125rem;

  background: #FFFFFF;

}



.quickview .mask {

  position: relative;

}



.quickview .arrows {

  position: absolute;

  top: 0;

  height: 22.5rem;

  right: 5rem;

  z-index: 0;

}



.quickview .arrows .arrow-up {

  margin-top: -3.125rem;

  cursor: pointer;

  opacity: 0.2;

  filter: alpha(opacity=20);

}



.quickview .arrows .arrow-down {

  position: absolute;

  bottom: -1.875rem;

  cursor: pointer;

}



.quickview .social-sharing {

  margin-top: 0;

  margin-left: 0;

}



#stores .page-stores {

  margin: 0 auto;

}



#stores .page-stores .store-item {

  padding-left: 0.75rem;

  padding-right: 0.75rem;

}



#stores .page-stores .store-picture img {

  max-width: 100%;

}



#stores .page-stores .store-item-container {

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  -webkit-box-pack: distribute;

  -moz-box-pack: distribute;

  box-pack: distribute;

  -webkit-justify-content: space-around;

  -moz-justify-content: space-around;

  -ms-justify-content: space-around;

  -o-justify-content: space-around;

  justify-content: space-around;

  -ms-flex-pack: distribute;

  -webkit-box-align: center;

  -moz-box-align: center;

  box-align: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -o-align-items: center;

  align-items: center;

  -ms-flex-align: center;

  padding: 1.875rem 0;

}



#stores .page-stores .store-item-container ul {

  margin-bottom: 0;

  font-size: 0.9375rem;

}



#stores .page-stores .store-item-container .divide-left {

  border-left: #ebebeb 1px solid;

}



#stores .page-stores .store-item-container .divide-left tr {

  height: 1.5625rem;

}



#stores .page-stores .store-item-container .divide-left td {

  padding-left: 0.375rem;

}



#stores .page-stores .store-item-container .divide-left th {

  text-align: right;

}



#stores .page-stores .store-item-container .store-description {

  font-size: 14px;

}



#stores .page-stores .store-item-footer {

  margin-top: 0.5rem;

  padding-top: 0.5rem;

  display: -webkit-box;

  display: -moz-box;

  display: box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  -js-display: flex;

  display: flex;

  -webkit-box-pack: distribute;

  -moz-box-pack: distribute;

  box-pack: distribute;

  -webkit-justify-content: space-around;

  -moz-justify-content: space-around;

  -ms-justify-content: space-around;

  -o-justify-content: space-around;

  justify-content: space-around;

  -ms-flex-pack: distribute;

}



#stores .page-stores .store-item-footer.divide-top {

  border-top: #ebebeb 1px solid;

}



#stores .page-stores .store-item-footer div:first-child {

  -webkit-box-flex: 0;

  -moz-box-flex: 0;

  box-flex: 0;

  -webkit-flex: 0 0 65%;

  -moz-flex: 0 0 65%;

  -ms-flex: 0 0 65%;

  flex: 0 0 65%;

}



#stores .page-stores .store-item-footer i.material-icons {

  margin-right: 0.625rem;

  color: #878787;

  font-size: 14px;

}



#stores .page-stores .store-item-footer li {

  margin-bottom: 0.625rem;

}





/*** Responsive part ***/



@media (max-width: 767px) {

  #stores .page-stores {

    width: 100%;

  }

  #stores .page-stores .store-item-container {

    padding: 1rem 0;

  }

}



@media (max-width: 575px) {

  #stores .page-stores .store-item-container {

    display: block;

  }

  #stores .page-stores .store-item-container .divide-left {

    border-left: none;

  }

  #stores .page-stores .store-item-container .store-description a {

    margin-bottom: 0.5rem;

  }

  #stores .page-stores .store-item-container .store-description address {

    margin-bottom: 0.5rem;

  }

  #stores .page-stores .store-item-footer {

    display: block;

  }

  #stores .page-stores .store-item-footer.divide-top {

    border-top: #ebebeb 1px solid;

  }

  #stores .page-stores .store-item-footer li {

    margin-bottom: 0.625rem;

  }

  #stores .page-stores .store-item-footer .card-block {

    padding: 0.75rem 0.75rem 0;

  }

}



.block_newsletter {

  margin-bottom: 0.625rem;

}



.block_newsletter form input[type=text] {

  padding: 9px 50px 9px 9px;

  outline: 0;

  border: 1px solid #ddd;

  color: #262626;

}



.block_newsletter form input[type=text]:focus {

  border-color: #aaa;

  background: #FFFFFF;

  color: #262626;

}



/*.block_newsletter form input[type=text]:focus+button .search {

  color: $brand-primary;

}*/



.block_newsletter form button[type=submit] {

  position: absolute;

  background: #4d7df0;

  border: none;

  top: 0px;

  right: 0;

  padding: 10px 15px 9px;

  outline: 0;

  cursor: pointer;

}



.block_newsletter form button[type=submit]:before {

  content: "\F002";

  display: block;

  font-family: "FontAwesome";

  font-size: 16px;

  padding: 0;

  width: 100%;

  text-align: center;

  color: #fff;

}



.block_newsletter form button[type=submit]:hover {

  background: #000000;

  color: #fff;

}



.block_newsletter .title {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  line-height: 45px;

  margin-bottom: 0px;

  letter-spacing: 0px;

  /*text-transform: uppercase;*/

}



.block_newsletter p {

  padding: 6px 10px;

  margin-bottom: 0px;

  margin-top: 5px;

}

#footer .block_newsletter .row {

  margin: 0px;

}

.block_newsletter form {

  position: relative;

}



.block_newsletter form .col-xs-12 {

  padding-left: 0px;

}



.block_newsletter form .input-wrapper {

  overflow: hidden;

}



.block_newsletter form input[type=text] {

  border: none;

  padding: 11px;

  width: 100%;

}



.block_newsletter form input[type=text]:focus {

  color: #262626;

}



.block_newsletter form input {

  height: 47px;

  padding: 7px 20px;

  outline: 0;

}



.block_newsletter form input.btn {

  margin-left: 10px;

  background:#151A79;

  color: #ffffff;

  border: 1px solid #FBF9F9;

}



.block_newsletter form input.btn:hover {

  color: #000000;

  background-color: #ffffff;

}

.block_newsletter form .newsletter-message {

  display: none;

}

.block-contact li {

  overflow: hidden;

  line-height: 26px;

}

.block-contact li i {

  color: #4d7df0;

  float: left;

  font-size: 18px;

  height: 25px;

  margin-top: 0px;

  width: 25px;

}



.block-contact li i.fa-envelope-o {

  font-size: 16px;

}



#contact-rich .block_content .icon {

  float: left;

  padding-top: 6px;

}



#contact-rich .block_content .icon i {

  font-size: 24px;

}



#contact-rich .block_content .icon i.fa-envelope-o {

  font-size: 20px;

}



#contact-rich .block_content .data {

  margin-left: 30px;

}



.linklist .blockcms-title a {

  color: #262626;

}



.account-list a {

  color: #878787;

}



.account-list a:hover {

  color: #4d7df0;

}



.blockcms-title,

.myaccount-title,

.myaccount-title a,

.block-contact-title,

.footer-container h3.h3,

.footer-after h3.block_title a {

  font-weight: 700;

  font-size: 18px;

  margin-bottom: 25px;

}



.block-social {

  position: absolute;

  bottom: 0px;

  left: 10px;

}



.block-social ul {

  margin-bottom: 0px;

}



.block-social li {

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  background-color: #b2b2b2;

  cursor: pointer;

  margin-right: 4px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.block-social li:hover {

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  background-color: #4d7df0;

}



.block-social li:hover a:before {

  color: #FFF;

}



.block-social li a {

  display: block;

  height: 100%;

  white-space: nowrap;

  overflow: hidden;

}



.block-social li a span {

  display: none;

}



.block-social li a:before {

  font-size: 18px;

  font-family: "FontAwesome";

  display: inline-block;

  font-weight: normal;

  height: 35px;

  width: 35px;

  padding-top: 5px;

  color: #FFF;

}



.facebook a:before {

  content: "\F09A";

}



.twitter a:before {

  content: "\F099";

}



.rss a:before {

  content: "\F09E";

}



.youtube a:before {

  content: "\F16A";

}



.googleplus a:before {

  content: "\F0D5";

}



.pinterest a:before {

  content: "\F231";

}



.vimeo a:before {

  content: "\F27D";

}



.instagram a:before {

  content: "\F16D";

}



#footer {

  clear: both;

}



#footer .footer-before {

  padding: 10px 0px 10px;

    background-image: url("../../../../img/Banda menu.png");
    background-size: cover;
}



#footer .block_newsletter {

  padding: 0 40px;

  margin-bottom: 0px;

}



#footer .block_newsletter .title {

  background-image: url(../img/codezeel/newsletter.svg);

  background-repeat: no-repeat;

  background-position: left 21px;

  background-size: 45px;

  background-color: transparent;

  padding-left: 62px;

  float: left;
    
    padding-top: 22px;
    

}



#footer .block_newsletter .block_content {

  float: right;

  width: 50%;

}

#footer .footer-after a {

  color: #808080;

}



#footer .footer-after a:hover {

  color: #4d7df0;

}



#footer #links_block_left {

  width: 100%;

  text-align: center;

}



#footer #links_block_left .collapse {

  display: inherit;

  margin: 0;

}



#footer #links_block_left ul li {

  padding: 0 8px 0 12px;

  display: inline-block;

  background: url(../img/codezeel/pipe.jpg) no-repeat scroll 0 8px;

}



#footer #links_block_left ul li:first-child {

  background: none;

}



.footer-container {

  padding: 40px 0 25px;

  overflow: hidden;

  color: #808080;

}



.footer-container .footer {

  position: relative;

}



.footer-container li {

  margin-bottom: 0.3125rem;

}



.footer-container li a {

  color: #808080;

  cursor: pointer;

}



.footer-container li a:hover {

  color: #4d7df0;

}



.footer-container .links {

  width: 22%;

  margin-bottom: 30px;

}



.footer-container .links .h3,

.footer-container .links h3,

.footer-container .links h3 a {

  color: #000000;

  font: 700 18px/26px "Open Sans", sans-serif;

  text-transform: uppercase !important;

  margin: 0 0 15px 0;

  cursor: pointer;

}



.footer-container .links .collapse {

  display: inherit;

}



.footer-container .links.block-contact {

  width: 36%;

}



.footer-container .links.block-contact ul li span {

  display: inline-block;

  vertical-align: top;

}



.footer-container #czfootercmsblock {

  width: 32%;

  padding-right: 50px;

}



.footer-container #czfootercmsblock .footerlogo {

  /*background: transparent url("https://globalelettronica.it/img/cms/Logo Global.png") no-repeat scroll 0 0;*/

  margin-bottom: 20px;

  max-width: 320px;

  min-height: 60px;

}



.footer-after .container {

  text-align: center;

  padding-top: 25px;

  padding-bottom: 15px;

  border-top: 1px solid #dddddd;

}



.footer-after .copyright {

  padding: 5px 0;

}



.footer-after .payement_logo_block {

  padding: 15px 0 2px;

  clear: both;

}



.footer-after .payement_logo_block a img {

  margin: 0 10px 8px 0;

  vertical-align: top;

}



@media (max-width: 1229px) {

  .block_newsletter .title {

    font-size: 18px;

  }

}



@media (max-width: 1199px) {

  #footer .block_newsletter .block_content {

    width: 40%;

  }

}



@media (max-width: 991px) {

  #footer .footer-before{

    padding: 20px 0px 20px;

  }

  #footer .block_newsletter {

    padding-left: 15px;

    padding-right: 15px;

  }

  #footer .block_newsletter .title {

    width: 100%;

    font-size: 18px;

    margin-bottom: 10px;

    background-image: none;

    padding-left: 0px;

    line-height: 26px;

  }

  #footer .block_newsletter .block_content {

    width: 100%;

    margin-bottom: 0px;

  }

  #footer .links {

    width: 100%;

    margin: 0px;

  }

  #footer .links.block-contact {

    width: 100%;

  }

  #footer .links .title {

    padding: 9px 0;

    margin-bottom: 0px;

    cursor: pointer;

    font-size: 16px;

  }

  #footer .links .title .collapse-icons .remove {

    display: none;

  }

  #footer .links .title[aria-expanded="true"] .collapse-icons .add {

    display: none;

  }

  #footer .links .title[aria-expanded="true"] .collapse-icons .remove {

    display: block;

  }

  #footer .links .navbar-toggler {

    display: inline-block;

    padding: 0;

    width: auto;

    color: #000;

  }

  #footer .links .navbar-toggler .fa-icon:before {

    font-size: 26px;

    line-height: 16px;

  }

  #footer .links .collapse {

    display: none;

  }

  #footer .links .collapse.in {

    display: block;

  }

  #footer .links ul {

    margin-bottom: 0;

    padding: 0px 0;

  }

  #footer #links_block_left {

    text-align: left;

    padding: 0px;

    margin-bottom: 10px;

  }

  #footer #links_block_left .h3.block_title a {

    color: #000000;

    font: 700 18px/26px "Open Sans", sans-serif;

    text-transform: uppercase !important;

    margin: 0 0 20px 0;

  }

  #footer #links_block_left ul li {

    display: block;

    padding: 3px 0;

    background: none;

  }

  #footer #links_block_left .collapse {

    display: none;

  }

  #footer #links_block_left .collapse.in {

    display: block;

  }

  .footer-container {

    padding: 50px 0px 20px;

    box-shadow: none;

    margin-top: 0;

  }

  .footer-container .footer {

    padding-bottom: 50px;

  }

  .footer-container #czfootercmsblock {

    width: 100%;

    margin-bottom: 25px;

    padding-right: 0px;

  }

  .footer-container .col-md-6 {

    width: 100%;

  }

  .footer-after .copyright {

    text-align: center;

    float: none;

  }

  .footer-after .payement_logo_block {

    text-align: center;

    padding-top: 0px;

    float: none;

  }

  .footer-container .hidden-sm-down,

  #search_filters .facet .facet-title.hidden-sm-down {

    display: none !important;

  }

  .footer-container .title.hidden-md-up,

  #search_filters .facet .facet-title.hidden-md-up {

    display: block !important;

  }

  .block-social {

    bottom: -23px;

    clear: both;

    display: inline-block;

    width: 100%;

  }

  #content-wrapper,

  .layout-left-column #content-wrapper,

  .layout-right-column #content-wrapper,

  #left-column,

  #right-column {

    width: 100% !important;

    padding-left: 0px;

    padding-right: 0px;

  }

  .footer-container #czfootercmsblock .footerlogo {

    margin-bottom: 12px;

  }

}



@media (max-width: 575px) {

  #footer .block_newsletter .title {

    font-size: 16px;

  }

}



.contact-rich .block .icon {

  float: left;

  width: 45px;

}



.contact-rich .block .icon i {

  font-size: 2rem;

}



.contact-rich .block .data {

  width: auto;

  overflow: hidden;

}



.contact-form {

  background: #FFFFFF;

  padding: 1rem;

  color: #808080;

  width: 100%;

}



.contact-form h3 {

  text-transform: uppercase;

  color: #000000;

  font-weight: 600;

}



#products #main .page-header,

#pagenotfound #main .page-header {

  margin: 2rem 0 3rem;

}



#products #main .page-content,

#pagenotfound #main .page-content {

  margin-bottom: 10rem;

}



#products .page-not-found,

#pagenotfound .page-not-found {

  background: #FFFFFF;

  padding: 30px;

  border: 1px solid #dddddd;

}



#products .page-not-found h4,

#pagenotfound .page-not-found h4 {

  margin: 0 0 10px;

}



#products .page-not-found .search-widget,

#pagenotfound .page-not-found .search-widget {

  float: none;

  padding: 0;

  width: 100%;

}



#products .page-not-found .search-widget input,

#pagenotfound .page-not-found .search-widget input {

  width: 100%;

}



.customization-modal .modal-content {

  border-radius: 0;

  border: 1px solid #dddddd;

}



.customization-modal .modal-content .modal-body {

  padding-top: 0;

}



.customization-modal .modal-content .modal-body .product-customization-line {

  padding-bottom: 0.9375rem;

  padding-top: 0.9375rem;

  border-bottom: 1px solid #dddddd;

}



.customization-modal .modal-content .modal-body .product-customization-line .label {

  font-weight: bold;

  text-align: right;

}



.customization-modal .modal-content .modal-body .product-customization-line:last-child {

  padding-bottom: 0;

  border-bottom: 0;

}





/*** HEADER ***/



#index #header {

  border-bottom: 0px;

}



#header {

  background-color: #ffffff;

  min-height: 225px;

  position: relative;

  z-index: 9;

}



#header .header_logo {

  width: 340px;

  padding: 10px 0px;

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

}



#header .logo {

  max-width: 100%;
  height: auto;

}



#header ul.dropdown-menu {

  margin: 0px;

  padding: 10px 8px;

  border-color: #dfdfdf;

}



#header ul.dropdown-menu li a {

  padding: 4px 10px;

  display: block;

  color: #000000;

  font-size: 14px;

  margin-bottom: 2px;

  line-height: 22px;

}



#header ul.dropdown-menu li a:hover {

  color: #4d7df0;

}



#header .header-nav {

  background: #f2f2f2;

  line-height: initial;

}



#header .header-nav a {

  color: #808080;

}



#header .header-nav a:hover {

  color: #4d7df0;

}



#header .header-nav .left-nav {

  float: left;

}



#header .header-nav .right-nav {

  float: right;

}



#header .header-nav .currency-selector {

  white-space: nowrap;

  display: inline-block;

  vertical-align: top;

  padding: 15px 0px 16px 0px;

}



#header .header-nav .currency-selector .dropdown-arrow:before {

  font-family: "FontAwesome";

  content: "\F107";

  font-size: 14px;

  padding-left: 1px;

}



#header .header-nav .currency-selector .expand-more {

  color: #808080;

}



#header .header-nav .currency-selector.dropdown:hover .expand-more,

#header .header-nav .currency-selector.dropdown:hover .dropdown-arrow:before {

  text-decoration: none;

  color: #4d7df0;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#header .header-nav .currency-selector.open .dropdown-arrow:before {

  content: "\F106";

}



#header .header-nav .language-selector {

  padding: 15px 24px 16px 0px;

  white-space: nowrap;

  display: inline-block;

  vertical-align: top;

  margin-right: 18px;

}



#header .header-nav .language-selector:after {

  content: "";

  height: 20px;

  position: absolute;

  right: 0px;

  top: 15px;

  border-right: 1px solid #b0b0b0;

}



#header .header-nav .language-selector .dropdown-arrow:before {

  font-family: "FontAwesome";

  content: "\F107";

  font-size: 14px;

  padding-left: 1px;

}



#header .header-nav .language-selector .expand-more {

  /*padding: 15px 0px 15px 0px;*/

  color: #808080;

}



#header .header-nav .language-selector.dropdown:hover .expand-more,

#header .header-nav .language-selector.dropdown:hover .dropdown-arrow:before {

  text-decoration: none;

  color: #4d7df0;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#header .header-nav .language-selector.open .dropdown-arrow:before {

  content: "\F106";

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#header .header-nav .cart-preview .shopping-cart {

  vertical-align: middle;

}



#header .header-nav .cart-preview .body {

  display: none;

}



#header .header-nav #contact-link {

  padding: 15px 0 15px 0px;

  float: right;

  margin-right: 10px;

}



#header .header-nav .material-icons {

  line-height: 22px;

  font-size: 0px;

}



#header .header-nav .material-icons.expand-more {

  margin-left: -3px;

}



#header .header-top {

  width: 100%;

  float: left;

  text-align: center;

  padding: 0px;

  position: relative;

  clear: both;

}



.header-top-inner {

  float: left;

  width: 100%;

  position: relative;

  clear: both;

    margin-bottom: 10px;

}



#index .header-top-inner {

  margin-bottom: 10px;

}



#header .header-top>.container {

  position: relative;

}



#header .top-menu-link {

  margin-left: 1.25rem;

}



#header .header-nav > .head-compare, 

#header .header-nav > .head-wishlist {

  display: inline-block;

  vertical-align: top;

  position: relative;

  padding: 15px 0px 16px;

  margin: 0px 18px;

}



#header .header-nav > .head-compare {

  margin-right: 15px;

  margin-left: 15px;

}



#header .user-info .dropdown-menu li .head-compare {

  padding: 0px;

  margin: 0px;

}



#header .header-nav > .head-compare:before {

  content: "";

  position: absolute;

  height: 20px;

  right: -22px;

  top: 15px;

  border-right: 1px solid #b0b0b0;

}



#header .header-nav > .head-compare a, 

#header .header-nav > .head-wishlist a {

  padding: 0px;

}



#header .header-nav > .head-wishlist:before {

  content: "";

  position: absolute;

  height: 20px;

  right: -20px;

  top: 15px;

  border-right: 1px solid #b0b0b0;

}



#header .user-info {

  position: relative;

  margin-left: 15px;

  display: inline-block;

  vertical-align: top;

  padding: 15px 0px 16px;

  z-index: 9;

}



#header .user-info .user-info-title {

  float: left;

  color: #808080;

  cursor: pointer;

}



#header .user-info .user-info-title:hover {

  color: #4d7df0;

}



#header .user-info .user-info-title .account_text:after {

  font-family: "FontAwesome";

  content: "\F107";

  font-size: 14px;

  padding-left: 5px;

}



#header .user-info.open .user-info-title {

  color: #4d7df0;

}



#header .user-info.open .user-info-title .account_text:after {

  content: "\F106";

}



#header .user-info .material-icons {

  display: none;

}



#header .user-info .dropdown-menu {

  left: auto;

  right: 0;

}



#header .blockcart {

  text-align: center;

  position: relative;

  float: right;

  padding: 0px;

  width: auto;

  margin-top: 40px;

  margin-bottom: 36px;

  z-index: 8;

}



#header .blockcart .blockcart-header {

  display: block;

  text-align: left;

  line-height: 20px;

  position: relative;

  z-index: 9;

}



#header .blockcart .blockcart-header>a.shopping-cart .mobile_count {

  color: #ffffff;

  background: #4d7df0;

  position: absolute;

  width: 18px;

  height: 18px;

  line-height: 16px;

  font-size: 14px;

  top: 0px;

  right: 0px;

  z-index: 9;

  display: none;

  font-weight: 400;

  padding: 1px 6px;

  text-transform: lowercase;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

}



#header .blockcart .blockcart-header>a.shopping-cart {

  text-decoration: none;

  padding: 0px 0px 0px 45px;

  color: #4d7df0;

  text-transform: uppercase;

  font-weight: 600;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  background-image: url(../img/codezeel/head-cart.svg);

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 34px;

  background-color: transparent;

  height: 40px;

  display: block;

}



#header .blockcart .blockcart-header>a.shopping-cart:hover,

#header .blockcart .blockcart-header>a.shopping-cart:focus {

  text-decoration: none;

}



#header .cart_block .block_content button {

  background-color: #4d7df0;

  border: 1px solid #4d7df0;

}



#header .cart_block .block_content button:hover {

  background-color: #000000;

  border-color: #000000;

}



#header .blockcart .blockcart-header>a.shopping-cart .cart-products-count {

  color: #808080;

  text-transform: lowercase;

  display: block;

  font-weight: 400;

  padding-top: 2px;

}



#header .blockcart .material-icons.expand-more {

  display: none;

}



#header .blockcart a {

  color: #000000;

}



#header .blockcart a:hover {

  color: #4d7df0;

}



#header .cart_block {

  position: absolute;

  top: 55px;

  right: 0;

  margin-top: 0px;

  z-index: 100;

  height: auto;

  background: white;

  border: 1px solid #dddddd;

  width: 300px;

  padding: 5px 0;

  left: auto;

}



/* cart scroll design */



#header .cart_block .cart_block_list {

  max-height: 115px;

  overflow: auto;

}

#header .cart_block .cart_block_list::-webkit-scrollbar {

  width: 4px;

}

#header .cart_block .cart_block_list::-webkit-scrollbar-track {

  background: #ddd;

}

#header .cart_block .cart_block_list::-webkit-scrollbar-thumb {

  border: 4px solid #999;

}

#header .cart_block .cart_block_list {

  scrollbar-color: #888 #ccc;

  scrollbar-width: thin;

}



/* end cart scroll design */



#header .cart_block .cart-item {

  margin-bottom: 5px;

  padding: 10px;

  overflow: hidden;

  border-bottom: 1px solid #dddddd;

}



#header .cart_block .cart-item .cart-image {

  float: left;

  margin-right: 12px;

  border: 1px solid #dddddd;

  text-align: center;

}



#header .cart_block .cart-item .cart-image img {

  width: 100%;

}



#header .cart_block .cart-item .cart-info {

  overflow: hidden;

  position: relative;

  padding-right: 20px;

}



#header .cart_block .cart-item .cart-info .product-quantity {

  display: inline-block;

  text-transform: uppercase;

  color: #000000;

  font-size: 14px;

}



#header .cart_block .cart-item .cart-info .product-name {

  font-size: 14px;

  line-height: 18px;

  white-space: pre-line;

}



#header .cart_block .cart-item .cart-info .product-price {

  display: block;

  font-size: 15px;

  padding-top: 5px;

}



#header .cart_block .cart-item .cart-info .remove-from-cart {

  position: absolute;

  right: 0px;

  top: 4px;

  background: url(../img/codezeel/delete.png) right center no-repeat;

  width: 12px;

  height: 12px;

  margin-right: 3px;

  float: right;

  outline: none;

  text-decoration: none;

}



#header .cart_block .cart-item .cart-info .remove-from-cart .material-icons {

  display: none;

}



#header .cart_block .cart-item .cart-info .customizations {

  padding-bottom: 10px;

  font-size: 11px;

}



#header .cart_block .cart-summary {

  border: 0px;

  margin: 0px;

  font-size: 14px;

}



#header .cart_block .block_content .card-block {

  padding: 10px 15px 15px;

  border-bottom: 1px solid #dddddd;

}



#header .cart_block .block_content .checkout.card-block {

  text-align: right;

  padding: 15px;

  border-bottom: none;

}



#header .cart_block .block_content .checkout.card-block .btn-checkout {

  background: #4d7df0;

  border-color: #4d7df0;

  color: #fff;

}



#header .cart_block .block_content .checkout.card-block .btn-checkout:hover {

  background: #000000;

  border-color: #000000;

  color: #fff;

}



#header .search-widget {

  float: right;

  display: inline-block;

  vertical-align: top;

  width: auto;

  z-index: 9;

  padding: 40px 0px 16px 0px;

}



#header .search-widget:before {

  content: "";

  height: 20px;

  position: absolute;

  right: -3px;

  top: 15px;

  border-right: 1px solid #b0b0b0;

}



/*#header .search-widget .search_button {

  display: block;

  font-size: 0px;

  padding: 0;

  text-align: center;

  cursor: pointer;

  z-index: 9;

  height: 20px;

  width: 20px;

  background-image: url(../img/codezeel/search.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 16px;

  background-color: transparent;

  text-transform: capitalize;

}*/



#header .search-widget .search_button.active {

  background-image: url(../img/codezeel/search-close-btn.svg);

  background-size: 15px;

}



#header .search-widget .search_button.active:hover {

  background-image: url(../img/codezeel/search-close-btn-hover.svg);

}



#header .search-widget .search_button:hover {

  background-image: url(../img/codezeel/search-hover.svg);

}



/*#header .search-widget .search_toggle {

  display: none;

  position: absolute;

  background: #fff;

  z-index: 9;

  width: 300px;

  top: 50px;

  right: 0;

}*/



#header .search-widget form button[type=submit] {

  padding: 0px;

  background-image: url(../img/codezeel/search.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 15px;

  background-color: transparent;

  height: 44px;

  width: 44px;

}



#header .search-widget form button[type=submit]:before {

  display: none;

}



#header .search-widget form input[type="text"] {

  width: 100%;

  padding: 11px 40px 10px 12px;

  border: 1px solid #dddddd;

  height: 44px;

}



.popover {

  font-family: inherit;

}





/*** WRAPPER ***/



#category #wrapper {

  padding-top: 20px;

}



#index #wrapper {

  padding-top: 0px;

  padding-bottom: 0px;

}



#wrapper {

  padding-top: 30px;

  padding-bottom: 30px;

}



#wrapper .banner {

  margin-bottom: 30px;

  display: block;

}



.breadcrumb {

  margin: 0px 0 30px;

  float: left;

  width: 100%;

  padding: 10px 0;

  background-color: transparent;

  text-align: left;

}

.breadcrumb .container {

  padding: 0px;

}



.breadcrumb[data-depth="1"] {

  display: none;

}



.breadcrumb ol {

  padding-left: 0;

  margin-bottom: 0;

}



.breadcrumb li {

  display: inline;

}



.breadcrumb li::after {

  content: "|";

  color: #262626;

  margin: 0.3125em;

}



.breadcrumb li:last-child {

  content: "|";

  color: #262626;

}



.breadcrumb li:last-child::after {

  content: "";

  display: none;

}



.breadcrumb li a {

  color: #262626;

}



.breadcrumb li a:hover {

  color: #4d7df0;

}



/*** MAIN ***/



#index #main .page-footer {

  margin-bottom: 0;

}



#main .page-header {

  margin-bottom: 1.5625rem;

}



#main .page-content {

  margin-bottom: 1.5625rem;

}



#main .page-content h6 {

  margin-bottom: 10px;

  font-weight: normal;

}



#main .page-content #notifications {

  margin-left: -20px;

  margin-right: -20px;

}



#main .page-footer {

  margin-bottom: 1.5625rem;

}



#main>h1,

#main h2.h2,

#main .page-header h1,

.block-category h1 {

  font: 600 18px/26px "Open Sans", sans-serif;

  color: #000000;

  text-transform: uppercase;

  margin-bottom: 22px;

}



#notifications ul {

  margin-bottom: 0;

}





/*** FOOTER ***/





/*** Responsive part ***/



@media (max-width: 991px) {

  #wrapper {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .container {

    max-width: 100%;

  }

  .header-top-inner {

    position: absolute;

    top: 20px;

    margin-bottom: 0px;

  } 

  #header .header-top-inner .cat-title {

    padding: 0px;

    line-height: initial;

  }

  .header-top-inner #mobile_top_menu_wrapper .mobile-menu-inner .cat-title {

    padding: 7px 0px 8px 34px;

    line-height: 26px;

    font-size: 14px;

  }

  #header .header-top.fixed {

    background-color: #ffffff;

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    z-index: 9999;

    margin-bottom: 0px;

    animation: 0.9s ease 0s normal both 1 running fixedAnim;

    -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;

    -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;

    -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;

    -webkit-box-shadow: 0 4px 16px rgb(0 0 0 / 55%);

    box-shadow: 0 4px 16px rgb(0 0 0 / 26%);

  }

  #header .blockcart .blockcart-header {

    font-size: 0px;

    padding: 0px;

    height: 40px;

    width: 38px;

    background-size: 25px;

  }

  #header .header-top.fixed .blockcart {

    margin-top: 16px;

  } 

  #header .blockcart .blockcart-header>a.shopping-cart {

    background-size: 25px;

    width: 28px;

    padding: 0px;

    height: 32px;

    background-position: center center;

  }

  #header .blockcart .blockcart-header>a.shopping-cart .mobile_count {

    display: block;

  }

  #header .blockcart .blockcart-header>a.shopping-cart .cart-products-count {

    display: none;

  }

  #header .header-nav .currency-selector {

    padding-top: 12px;

    padding-bottom: 10px;

  }

  #header .search-widget {

    padding-top: 11px;

    padding-bottom: 11px;

    padding-right: 10px;

  }

  #header .user-info {

    padding-top: 11px;

    padding-bottom: 11px;

    margin-left: 12px;

  }

  #header .header-nav .language-selector {

    padding-top: 12px;

    padding-bottom: 10px;

    padding-right: 15px;

    margin-right: 9px;

  }

  #header .header-nav .language-selector:after {

    top: 12px;

  }

  #header .search-widget .search_toggle {

    top: 42px;

  }

  #header .search-widget:before {

    top: 11px;

  }

  #products .product-miniature,

  .products .product-miniature {

    margin: 0 auto;

  }

  .sub-menu {

    left: 0;

    min-width: 100%;

  }

  #blockcart-modal .product-image {

    width: 100%;

    display: block;

    max-width: 250px;

    margin: 0 auto 0.9375rem;

  }

  #blockcart-modal .cart-content {

    padding-left: 0;

  }

  #blockcart-modal .product-name,

  #product-availability {

    margin-top: 0.625rem;

  }

  #search_filters .facet .facet-label {

    text-align: left;

  }

  .block-category .category-cover {

    position: relative;

    text-align: center;

  }

  .block-category {

    padding-bottom: 0;

  }

  #header .header-top .header_logo {

    padding-top: 18px;

    padding-bottom: 18px;

    position: relative;

    float: left;

    margin-left: 30px;

    z-index: 8;

    max-width: 140px;

    text-align: left;

  }

  #header .header-top.fixed .header_logo {

    padding-top: 15px;

    max-width: 115px;

  }

  #header .cart_block {

    top: 45px;

  }

  #header .blockcart {

    margin-top: 22px;

    margin-bottom: 0px;

  }

  #header .blockcart .material-icons.shopping-cart {

    display: inline-block;

  }

  #header {

    min-height: 118px;

  }

  #index #header .header-top {

    border-bottom: 0px;

  }

  #header .header-top {

    border-bottom: 1px solid #dfdfdf;

  }

}



@media (max-width: 767px) {

  #wrapper {

    box-shadow: none;

    padding-top: 15px;

  }

  #checkout-cart-summary {

    float: none;

    width: 100%;

    margin-top: 1rem;

  }

  #header .header-nav .top-logo {

    line-height: 45px;

    vertical-align: middle;

    margin: 0 auto;

  }

  #header .header-nav .top-logo a img {

    max-height: 50px;

    max-width: 100%;

  }

  section.checkout-step {

    width: 100%;

  }

  .default-input {

    min-width: 100%;

  }

  label {

    clear: both;

  }

  #products .product-miniature,

  .products .product-miniature {

    margin: 0 auto;

  }

  .block-contact {

    border: none;

  }

  .container {

    max-width: 100%;

  }

  .pp-left-column,

  .pp-right-column {

    float: none;

    width: 100%;

  }

  .pp-right-column {

    padding-left: 10px;

  }

}



@media (max-width: 575px) {

  #header .header-top .header-cms-block {

    display: none;

  }

  #header .cart_block {

    width: 270px;

  }

  #header .search-widget .search_toggle {

    width: 220px;

  }

  .products-sort-order .dropdown-menu {

    width: 90%;

  }

  #contact-link .callus {

    display: none;

  }

  .viewed-products .products-section-title, 

  .crosssell-products .products-section-title, 

  .productscategory-products .products-section-title, 

  .product-accessories .products-section-title {

    font-size: 24px;

    line-height: 34px;

    padding-bottom:  20px;

  }

  .footer-container .links .h3,

  .footer-container .links h3,

  .footer-container .links h3 a,

  #footer #links_block_left .h3.block_title {

    line-height: 18px;
      font-size: 16px;

  }

}



@media (max-width: 480px) {

  #header .user-info {

    padding-top: 9px;

    padding-bottom: 9px;

  }

  #header .user-info .user-info-title {

    font-size: 0px;

    background-image: url(../img/codezeel/user.svg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 18px;

    background-color: transparent;

    display: block;

    width: 20px;

    height: 24px;

  }

  #header .user-info .user-info-title:hover {

    background-image: url(../img/codezeel/user-hover.svg);

  }

  #header .user-info .user-info-title .account_text:after {

    font-size: 0px;

  }

  .viewed-products .products-section-title, 

  .crosssell-products .products-section-title, 

  .productscategory-products .products-section-title, 

  .product-accessories .products-section-title {

    font-size: 18px;

  }

}



.sitemap .tree {

  padding-left: 20px;

}



.sitemap .tree li {

  padding: 5px 0;

}



.sitemap .tree li a {

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.sitemap .tree li a:before {

  content: "\F105";

  display: inline-block;

  font-family: "FontAwesome";

  padding-right: 13px;

}



.sitemap .tree li ul {

  margin-left: 20px;

}





/**** Category page Subcategory ****/



.subcategory-heading {

  color: #000000;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

}



#subcategories ul {

  margin: 0 0 15px 0;

  width: 100%;

  text-align: center;

}



#subcategories ul li {

  float: left;

  width: 162px;

  margin: 5px 10px 5px 0;

  text-align: center;

}



@media (max-width: 480px) {

  #subcategories ul li {

    float: none;

    display: inline-block;

    width: 45%;

  }

}



#subcategories ul li .subcategory-image {

  margin-bottom: 13px;

}



#subcategories ul li .subcategory-image a {

  display: block;

  padding: 5px;

  border: 1px solid #dfdfdf;

}



#subcategories ul li .subcategory-image a:hover {

  border-color: #4d7df0;

}



#subcategories ul li .subcategory-image a img {

  max-width: 100%;

  vertical-align: top;

  height: auto;

}



#subcategories ul li .subcategory-name {

  font-weight: normal;

  font-size: 14px;

}



/*-------------------------- Start Home page Service CMS Block -------------------------------*/



#czservicecmsblock {

  clear: both;

  padding: 0px 0px;

  float: left;

  width: 100%;

}

#czservicecmsblock .service_container .service-area {

  padding: 0;

  float: left;

  width: 100%;

  text-align: center;

  background-color: #080D71;

}

#czservicecmsblock .service_container .service-area .service-third {

  float: left;

  width: 33.33%;

  padding: 80px 30px;

  background-color: #080D71;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

#czservicecmsblock .service_container .service-area .service-third:hover .service-content .service-heading {

  color: #4d7df0;

}

#czservicecmsblock .service_container .service-area .service-third .service-icon {

  display: inline-block;

  vertical-align: top;

  height: 55px;

  width: 60px;

  margin-bottom: 12px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  background: url(https://globalelettronica.it/img/Service-icon2.png) no-repeat scroll transparent;

}

#czservicecmsblock .service_container .service-area .service-third.service1 .icon1 {

  background-position: center 10px;

}

#czservicecmsblock .service_container .service-area .service-third.service1:hover .icon1 {

  background-position: center -179px;

}

#czservicecmsblock .service_container .service-area .service-third.service2 .icon2 {

  background-position: center -53px;

}

#czservicecmsblock .service_container .service-area .service-third.service2:hover .icon2 {

  background-position: center -261px;

}

#czservicecmsblock .service_container .service-area .service-third.service3 .icon3 {

  background-position: center -113px;

}

#czservicecmsblock .service_container .service-area .service-third.service3:hover .icon3 {

  background-position: 6px -343px;

}



#czservicecmsblock .service_container .service-area .service-third .service-content .service-heading {

  font-weight: 600; 

  font-size: 20px;

  line-height: 35px;

  text-transform: uppercase;

  color: #ffffff;

  margin-bottom: 8px;

}



#czservicecmsblock .service_container .service-area .service-third .service-content .service-description {

  color: #ffffff;

}

@media (max-width: 1199px) {

  #czservicecmsblock .service_container .service-area .service-third {

    padding: 50px 20px;

  }

}

@media (max-width: 991px) {

  #czservicecmsblock {

    padding-top: 25px;

    padding-bottom: 25px;

  }

  #czservicecmsblock .service_container .service-area .service-third {

    padding-top: 35px;

    padding-right: 15px;

    padding-bottom: 45px;

    padding-left: 15px;

  }

  #czservicecmsblock .service_container .service-area .service-third .service-content .service-heading {

    font-size: 15px;

  }

}

@media (max-width: 650px) {

  #czservicecmsblock .service_container .service-area .service-third.service1, 

  #czservicecmsblock .service_container .service-area .service-third.service2 {

    width: 50%;

    padding-bottom: 25px;

  }

  #czservicecmsblock .service_container .service-area .service-third.service3 {

    width: 100%;

    padding-top: 15px;

  }

}

@media (max-width: 450px) {

  #czservicecmsblock .service_container .service-area .service-third.service1, 

  #czservicecmsblock .service_container .service-area .service-third.service2 {

    width: 100%;

    padding-top: 15px;

    padding-bottom: 15px;

  }

  #czservicecmsblock .service_container .service-area .service-third.service3 {

    padding-bottom: 30px;

  }

}



/*-------------------------- Start Home page Parallax Block -------------------------------*/



#cztestimonialcmsblock {

  position: relative;

  clear: both;

  float: left;

  width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;

}

#cztestimonialcmsblock .testimonial_wrapper {

  overflow: hidden;

  padding: 65px 15% 66px;

  position: relative;

  background: url(../img/codezeel/testimonial-bkg.jpg) no-repeat scroll center center;

  background-color: #f4f4f4;

}

#cztestimonialcmsblock .testimonial-area li.item {

  overflow: hidden;

  padding: 0px;

  text-align: center;

}

#cztestimonialcmsblock .testimonial-area .quote_img {

  height: 45px;

  width: 45px;

  display: inline-block;

  vertical-align: top;

  margin-bottom: 30px;

  background: transparent url(../img/codezeel/quote.png) no-repeat scroll 1px 0px;

}

#cztestimonialcmsblock .testimonial-area .des {

  font-family: 'Dancing Script', cursive;

margin-bottom: 30px;

  position: relative;

  padding: 0px;
    
    font-size: 20px;

}




#cztestimonialcmsblock .testimonial-area .cms_face .name a {

  color: #000000;

  font-size: 16px;

  font-weight: 600;

  line-height: 30px;

  text-transform: capitalize;

}

#cztestimonialcmsblock .testimonial-area .cms_face .subheading {

  display: block;

  font-size: 16px;

}

#cztestimonialcmsblock .testimonial_container .customNavigation {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  top: 45%;

}
/*
#cztestimonialcmsblock .testimonial_container .customNavigation a.prev {

  left: 35px;

}

#cztestimonialcmsblock .testimonial_container .customNavigation a.next {

  right: 35px;

}

#cztestimonialcmsblock:hover .testimonial_container .customNavigation {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}*/

@media (max-width: 1229px) {

  #cztestimonialcmsblock .testimonial_wrapper {

    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 120px;

    padding-right: 120px;

  }

}

@media (max-width: 991px) {

  #cztestimonialcmsblock .testimonial_wrapper {

    padding-top: 40px;

    padding-bottom: 40px;

    padding-left: 50px;

    padding-right: 50px;

  }

  #cztestimonialcmsblock .testimonial_container .customNavigation a.prev {

    left: 15px;

  }

  #cztestimonialcmsblock .testimonial_container .customNavigation a.next {

    right: 15px;

  }

}

@media (max-width: 380px) {

  #cztestimonialcmsblock .testimonial_wrapper {

    padding-left: 40px;

    padding-right: 40px;

  }

  #cztestimonialcmsblock .testimonial_container .customNavigation a.prev {

    left: 5px;

  }

  #cztestimonialcmsblock .testimonial_container .customNavigation a.next {

    right: 5px;

  }

}



/*------------- Header CMS Block-------------*/



#header .header-top .header-cms-block {

  float: left;

  text-align: left;

  margin: 36px 0;

  z-index: 9;

  position: relative;

}



#header .header-top .header-cms-block .header-cms {

  padding-left: 42px;

  background-image: url(../img/codezeel/headercms-icon.svg);

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 34px;

  background-color: transparent;

}



#header .header-top .header-cms-block .header-cms .contact-info {

  color: #180B7B;

  font-weight: 600;

  font-size: 16px;

  line-height: 22px;

  display: inline-block;

  vertical-align: top;

}



#header .header-top .header-cms-block .header-cms .shop-time {

  line-height: 22px;

}



@media (max-width: 991px) {

  #header .header-top .header-cms-block {

    margin: 25px 0;

    width: 33%;

    display: none;

  }

}



@media (max-width: 767px) {

  #header .header-top .header-cms-block {

    display: none;

  }

}



/*********************  CMS Sub Banner homepage    ********************/



#czsubbannercmsblock {

  float: right;

  width: 34.18%;

  text-align: right;

  padding-left: 30px;

}

#czsubbannercmsblock .subbanners .subbanner1 {

  margin-bottom: 32px;

}

#czsubbannercmsblock .subbanners .subbanner {

  position: relative;

  overflow: hidden;

  vertical-align: top;

  display: inline-block;

}

#czsubbannercmsblock .subbanners .subbanner a.banner-anchor {

  display: block;

  position: relative;

  overflow: hidden;

}

#czsubbannercmsblock .subbanners .subbanner a.banner-anchor img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  max-width: 100%;

}

#czsubbannercmsblock .subbanners .subbanner:hover a.banner-anchor img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

#czsubbannercmsblock .subbanners .subbanner a.banner-anchor:before {

  border-bottom: 1px solid #ffffff;

  border-top: 1px solid #ffffff;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

}

#czsubbannercmsblock .subbanners .subbanner .subbanner-text {

  position: absolute;

  right: 40px;

  text-align: left;

  top: 60px;

  z-index: 3;

  font-family: 'Poppins', sans-serif;

}

#czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

  font-size: 22px;

  font-weight: 500;

  color: #000000;

  line-height: 30px;

  padding: 0px 0 30px;

  letter-spacing: 0px;

}

#czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title span {

  display: block;

}

#czsubbannercmsblock .subbanners .subbanner .subbanner-text .shopnow {

  display: inline-block;

  vertical-align: top;

}

#czsubbannercmsblock .subbanners .subbanner .subbanner-text a.shop-now {

  position: relative;

  padding: 0px;

  color: #000000;

  font-weight: 600;

  display: inline-block;

  vertical-align: top;

  text-transform: uppercase;

  line-height: 18px;

  border-bottom: 1px solid #000000;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

#czsubbannercmsblock .subbanners .subbanner .subbanner-text a.shop-now:hover {

  color: #4d7df0;

  border-bottom: 0px;

}

@media (max-width: 1229px) {

  #czsubbannercmsblock .subbanners .subbanner .subbanner-text {

    right: 15px;

    top: 35px;

  }

}

@media (max-width: 991px) {

  #czsubbannercmsblock {

    width: 100%;

    padding-left: 0px;

    padding-top: 20px;

  }

  #czsubbannercmsblock .subbanners {

    margin: 0px -10px;

  }

  #czsubbannercmsblock .subbanners .one-half {

    padding: 0px 10px;

    float: left;

    width: 50%;

  }

  #czsubbannercmsblock .subbanners .subbanner1 {

    margin-bottom: 0px;

  }

}

@media (max-width: 575px) and (min-width: 481px) {

  #czsubbannercmsblock .subbanners .subbanner .subbanner-text {

    top: 25px;

  }

  #czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

    font-size: 18px;

    line-height: 25px;

    padding-bottom: 18px;

  }

  #czsubbannercmsblock .subbanners .subbanner .subbanner-text a.shop-now {

    font-size: 13px;

  }

}

@media (max-width: 480px) {

  #czsubbannercmsblock .subbanners .one-half {

    width: 100%;

    margin-bottom: 20px;

    text-align: center;

  }

}

@media (max-width: 350px) {

  #czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

    font-size: 20px;

    padding-bottom: 22px;

  }

}



/*********************  CMS Banner homepage  ********************/



#czbannercmsblock {

  padding: 30px 0;

  clear: both;

  float: left;

  width: 100%;

}

#czbannercmsblock .cmsbanners {

  margin: 0px -15px;

}

#czbannercmsblock .cmsbanners .one-third {

  width: 33.33%;

  float: left;

  padding: 0px 15px;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner {

  position: relative;

  overflow: hidden;

  display: inline-block;

  vertical-align: top;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner a.banner-anchor {

  display: block;

  overflow: hidden;

  position: relative;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner a.banner-anchor img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  max-width: 100%;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner:hover a.banner-anchor img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail {

  position: absolute;

  text-align: left;

  right: 35px;

  top: 40px;

  z-index: 1;

  font-family: 'Poppins', sans-serif;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail .main-title {

  font-size: 22px;

  line-height: 26px;

  letter-spacing: 0px;

  font-weight: 500;

  color: #000000;

  text-transform: capitalize;

  margin-bottom: 30px;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail .main-title span {

  display: block;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail .shopnow {

  display: inline-block;

  vertical-align: top;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail a.shop-now {

  font-size: 14px;

  font-weight: 600;

  line-height: 18px;

  color: #000000;

  position: relative;

  text-transform: uppercase;

  border-bottom: 1px solid #000000;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail a.shop-now:hover {

  border-bottom: 0px;

}

@media (max-width: 1229px) {

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail {

    right: 15px;

    top: 30px;

  }

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail .main-title {

    font-size: 20px;

    margin-bottom: 22px;

  }

}

@media (max-width: 991px) {

  #czbannercmsblock {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  #czbannercmsblock .cmsbanners {

    margin-left: -10px;

    margin-right: -10px;

  }

  #czbannercmsblock .cmsbanners .one-third {

    padding-left: 10px;

    padding-right: 10px;

  }

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail a.shop-now {

    font-size: 12px;

  }

}

@media (max-width: 991px) and (min-width: 651px) {

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail {

    top: 18px;

  }

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail .main-title {

    font-size: 15px;

    line-height: 20px;

    margin-bottom: 14px;

  }

}

@media (max-width: 650px) and (min-width: 576px) {

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail {

    right: 15px;

    top: 12px;

  }

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail .main-title {

    font-size: 14px;

    margin-bottom: 8px;

    line-height: 22px;

  }

}

@media (max-width: 575px) {
    
    
    .img-fluid,

.carousel-inner>.carousel-item>img,

.carousel-inner>.carousel-item>a>img {

  max-width: 100%;

  height: auto;
    padding-bottom: 10px;

}
    
    

  #czbannercmsblock .cmsbanners .one-third {

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

  }

}

@media (max-width: 480px) {

  #czbannercmsblock {

    padding-top: 0px;

  }

}

@media (max-width: 350px) {

  #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-detail {

    top: 19px;

  }

}



/********************* homepage bootm Banner    ********************/



#czbottombannercmsblock {

  margin: 30px 0px;

  clear: both;

  float: left;

  width: 100%;

  position: relative;

}

#czbottombannercmsblock .bottombanners {

  margin: 0px -15px;

}

#czbottombannercmsblock .bottombanners .one-half {

  width: 50%;

  float: left;

  padding: 0px 15px;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner {

  position: relative;

  overflow: hidden;

  vertical-align: top;

  display: inline-block;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner a.banner-anchor {

  display: block;

  overflow: hidden;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail {

  position: absolute;

  right: 40px;

  top: 50px;

  z-index: 1;

  text-align: left;

  color: #000000;

  font-family: "Poppins", sans-serif;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner.bottombanner2 .bottombanner-detail {

  right: 55px;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .offer-title {

  font-size: 18px;

  font-weight: 300;

  line-height: 28px;

  letter-spacing: 0px;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .main-title {

  font-size: 28px;

  font-weight: 500;

  line-height: 34px;

  margin: 10px 0px 48px;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .main-title span {

  display: block;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .shopnow {

  display: inline-block;

  vertical-align: top;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .shopnow a.shop-now {

  font-weight: 400;

  font-family: "Open Sans", sans-serif;

  background-color: #000000;

  text-transform: uppercase;

  color: #ffffff;

  padding: 14px 27px;

  line-height: 30px;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .shopnow a.shop-now:hover {

  background-color: #4d7df0;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner a.banner-anchor img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  max-width: 100%;

}

#czbottombannercmsblock .bottombanners .one-half .bottombanner:hover a.banner-anchor img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

@media (max-width: 1229px) {

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail {

    right: 20px;

    top: 20px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner.bottombanner2 .bottombanner-detail {

    right: 35px;

  }

}

@media (max-width: 991px) and (min-width: 576px) {

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .shopnow a.shop-now {

    padding-top: 8px;

    padding-right: 16px;

    padding-bottom: 8px;

    padding-left: 16px;

    font-size: 13px;

  }

}

@media (max-width: 991px) and (min-width: 650px) {

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail {

    right: 15px;

    top: 15px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner.bottombanner2 .bottombanner-detail {

    right: 25px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .offer-title {

    font-size: 15px;

    line-height: 20px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .main-title {

    font-size: 20px;

    line-height: 26px;

    margin-top: 8px;

    margin-bottom: 25px;

  }

}

@media (max-width: 649px) and (min-width: 576px) {

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail {

    top: 10px;

    right: 15px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .offer-title {

    font-size: 14px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .main-title {

    font-size: 17px;

    line-height: 22px;

    margin-top: 2px;

    margin-bottom: 14px;

  }

}

@media (max-width: 575px) {

  #czbottombannercmsblock {

    margin-top: 20px;

    margin-bottom: 0px;

  }

  #czbottombannercmsblock .bottombanners .one-half {

    width: 100%;

    margin-bottom: 20px;

  }

}

@media (max-width: 450px) {

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .offer-title {

    font-size: 16px;

    line-height: 22px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .main-title {

    font-size: 24px;

    line-height: 30px;

    margin-top: 8px;

    margin-bottom: 28px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .shopnow a.shop-now {

    padding-top: 8px;

    padding-right: 15px;

    padding-bottom: 8px;

    padding-left: 15px;

  }

}

@media (max-width: 380px) {

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail,

  #czbottombannercmsblock .bottombanners .one-half .bottombanner.bottombanner2 .bottombanner-detail {

    top: 8px;

    right: 15px;

  } 

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .offer-title {

    font-size: 15px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .main-title {

    font-size: 18px;

    line-height: 24px;

    margin-top: 7px;

    margin-bottom: 18px;

  }

  #czbottombannercmsblock .bottombanners .one-half .bottombanner .bottombanner-detail .shopnow a.shop-now {

    padding-top: 5px;

    padding-right: 8px;

    padding-bottom: 5px;

    padding-left: 8px;

    font-size: 12px;

  }

}







#header .blockcart .blockcart-header .dropdown-backdrop{

   display: none;

}

#productCommentsBlock{ clear: both;  }

.st-modal-compare h5.modal-title, .st-modal-wishlist h5.modal-title,

.st-modal-compare h5.modal-title a strong, .st-modal-wishlist h5.modal-title a strong {

  color: #333;

  font-weight: 600 !important;

}

#module-stfeature-productscompare ul.product-flags {

  display: none;

}

#header .blockcart .blockcart-header .dropdown-backdrop{

  display: none;

}



.container {

  /* border: 1px solid #f00; */

}



input[type=number] {

  -moz-appearance:textfield;

  &::-webkit-outer-spin-button,

  &::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

  }

}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

-webkit-appearance: none;

margin: 0;

}

.brands-sort .dropdown-menu a,

.suppliers-sort .dropdown-menu a{

	display: block;

	padding: 3px 10px;

}

body#cart .card-block.cart-detailed-subtotals{

	border-bottom: 1px solid #ededed;

}

body#cart .card-block.cart-summary-totals{

	padding: 10px 20px 10px;

}

body#checkout .card .card-block{

	 padding: 20px 20px 10px;

}

body#checkout .card .cart-summary-subtotals-container {

    padding: 10px 0px 20px;

    border-top: 1px solid #ededed;

    border-bottom: 1px solid #ededed;

}

body#checkout .card .card-block.cart-summary-totals{

	padding-top: 0px;

}

.block_newsletter .psgdpr_consent_message {
	margin-top: 10px;
    color: #fff;
    cursor: pointer;
}
.block_newsletter .psgdpr_consent_message a,
.block_newsletter .psgdpr_consent_message input[type="checkbox"] + span .checkbox-checked,
.block_newsletter .psgdpr_consent_message input[type="checkbox"] + span {
    color: #fff;
    text-decoration: underline;
}
.block_newsletter .psgdpr_consent_message {
    font-weight: 400;
}