/*

 *  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

 */



.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: bolder; }



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: #555555;

  text-decoration: none; }

  a:focus, a:hover {

    color: #5f999c;

    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;*/

  margin: 0; }



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 #fffaef; }



.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 #fffaef;

  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: 100%;

  height: auto; }



.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%; } }

  @media (min-width: 1200px) {

    .container {

      width: 1320px;

      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; }

.container-top {

  width: 100%;

}

.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 #e5e5e5; }

  .table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #e5e5e5; }

  .table tbody + tbody {

    border-top: 2px solid #e5e5e5; }

  .table .table {

    background-color: #fff; }



.table-sm th,

.table-sm td {

  padding: 0.3rem; }



.table-bordered {

  border: 1px solid #e5e5e5; }

  .table-bordered th,

  .table-bordered td {

    border: 1px solid #e5e5e5; }

  .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: #fffaef; }



.table-inverse {

  color: #fffaef;

  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 #e5e5e5;

  border-left: 1px solid #e5e5e5; }

  .table-reflow th:last-child,

  .table-reflow td:last-child {

    border-right: 1px solid #e5e5e5; }



.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 #e5e5e5; }



.table-reflow tr {

  float: left; }

  .table-reflow tr th,

  .table-reflow tr td {

    display: block !important;

    border: 1px solid #e5e5e5; }



.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: #fffaef;

    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: .45; }



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: #fffaef;

  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: #fffaef;

    border-color: transparent; }

  .btn-secondary.disabled:hover, .disabled.btn-tertiary:hover, .btn-secondary:disabled:hover, .btn-tertiary:disabled:hover {

    background-color: #fffaef;

    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: #555555;

  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: #5f999c;

    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 rgba(0, 0, 0, 0.15);

  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: #fbebde; }

  .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: #fffaef;

  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: #fffaef; }

  .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: #fffaef #fffaef #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 .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,

  .nav-tabs .nav-item.open .nav-link,

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

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

    color: #878787;

    background-color: #fff;

    border-color: #ddd #ddd 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: #fbebde;

  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: #fbebde;

  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: #000;

  border-color: #000; }

  .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: #fffaef;

  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: #000;

    border-color: #000; }

  .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: #555555;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd; }

  .page-link:focus, .page-link:hover {

    color: #5f999c;

    background-color: #fffaef;

    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: #000; }

  .tag-primary[href]:focus, .tag-primary[href]:hover {

    background-color: black; }



.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: #fffaef;

  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: #fffaef; }

    .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: #000;

    border-color: #000; }

    .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: #666666; }



.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: #fbebde; }



.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%;

  margin-bottom: 0;

  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;*/

    margin-right: 0; }

  .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: #000 !important; }



a.bg-primary:focus, a.bg-primary:hover {

  background-color: black !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: #878787 !important; }



a.text-muted:focus, a.text-muted:hover {

  color: #6e6e6e !important; }



.text-primary {

  color: #000 !important; }



a.text-primary:focus, a.text-primary:hover {

  color: black !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: "Roboto", 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; }



ul {

  list-style: none;

  padding-left: 0; }



a:hover {

  color: #000;

  text-decoration: none; }



p {

  margin-bottom: 10px; }



/*** Normalize Codezeel Start ***/

b,

strong {

  /*color: #262626;*/

  font-weight: 500; }



a {

  color: #555555; }



a:focus,

a:hover {

  color: #5f999c;

  -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: 600; }



hr {

  border-color: #e5e5e5; }



.thead-default th {

  font-weight: 600;

  color: #262626; }



.form-control {

  padding: 5px 12px;

  color: #262626;

  border: 1px solid #e5e5e5;

  font-size: 14px;

  line-height: 26px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px; }



.form-control::placeholder,

.form-control:focus {

  color: #262626; }



.btn {

  font: 500 14px/22px "Roboto", sans-serif;

  text-transform: capitalize;

  padding: 9px 25px 7px;

  display: inline-block;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  user-select: none;

  border-radius: 5px;

  white-space: nowrap;

  letter-spacing: 0.5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 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 #43595c;

  color: #fff;

  background: #43595c;

  -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: #5f999c;

  color: #fff;

  background: #5f999c;

  -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 #e5e5e5;

  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: capitalize;

  color: #262626; }



.h4 {

  font-weight: 500;

  color: #262626; }



.btn-primary,

.btn-secondary,

.btn-tertiary {

  text-transform: capitalize;

  padding: 8px 20px;

  font-weight: 400;

  -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: 7px 22px;

  margin: 0.25rem 0;

  font-weight: 400;

  font-size: 0.875rem; }

  .btn-tertiary .material-icons {

    font-size: 14px; }



label, .label {

  color: #262626;

  font-weight: 500;

  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: 500; }



.input-group .form-control:focus {

  outline: none; }



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

  border: 0;

  box-shadow: none;

  color: #ffffff;

  font-size: 0.6875rem;

  font-weight: normal;

  margin-left: 0;

  padding: 7px 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: 13px;

  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: #000;

  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: 0.3125rem; }

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

    opacity: 0;

    filter: alpha(opacity=0);

    cursor: pointer; }

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

    display: block;

    background-color: #000;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    position: absolute;

    left: 3px;

    top: 3px; }



.custom-checkbox {

  position: relative; }

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

    margin-top: 0.25rem;

    opacity: 0;

    filter: alpha(opacity=0);

    cursor: pointer;

    position: absolute; }

    .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="checkbox"] + span .checkbox-checked {

        display: none;

        margin: -2px -1px;

        font-size: 16px;

        color: #262626; }

    .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: 20px;

  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: #f0f0f0;

    padding: 0.625rem;

    margin: 0.125rem; }

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

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

      background: #fffaef; }



.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: 500;

  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: 500; }

  .nav-item .nav-link.active,

  .nav-item .nav-separtor.active {

    color: #262626; }



.ps-alert-error {

  margin-bottom: 0; }



.ps-alert-error .item,

.ps-alert-success .item {

  align-items: center;

  border: 2px #ff4c4c solid;

  -js-display: flex;

  display: flex;

  background-color: #ff4c4c;

  margin-bottom: 1rem; }

  .ps-alert-error .item i,

  .ps-alert-success .item i {

    border: 15px #ff4c4c solid;

    -js-display: flex;

    display: flex; }

    .ps-alert-error .item i svg,

    .ps-alert-success .item i svg {

      background-color: #ff4c4c;

      width: 24px;

      height: 24px; }

  .ps-alert-error .item p,

  .ps-alert-success .item p {

    background-color: #fff;

    margin: 0;

    padding: 18px 20px 18px 20px;

    width: 100%; }



.ps-alert-success {

  padding: 0.25rem 0.25rem 2.75rem 0.25rem; }

  .ps-alert-success .item {

    border-color: #4cbb6c;

    background-color: #4cbb6c; }

    .ps-alert-success .item i {

      border-color: #4cbb6c; }

      .ps-alert-success .item i svg {

        background-color: #4cbb6c; }



.dropdown {

  color: #878787; }

  .dropdown:hover .expand-more {

    color: #000; }

  .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: #000; }



.search-widget {

  float: right; }

  .search-widget form {

    position: relative; }

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

      padding: 9px 50px 9px 9px;

      min-width: 250px;

      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: #5f999c;

      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: inline;

    padding: 10px 50px 10px 10px;

    min-width: inherit;

    width: 100%;

    height: 45px;

    line-height: 15px;

    font-size: 14px;

    background: #f0f0f0;

    border: 1px solid #f0f0f0; }



#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-inner .menu {

  margin: 0px 0;

  text-align: center; }

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

    display: none; }

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

    text-align: right;

    float: none;

    display: inline-block; }

    .header-top-inner .menu > ul > li:first-child a[data-depth="0"] {

      padding-left: 0px; }

    .header-top-inner .menu > ul > li.current > a {

      color: #5f999c; }



#index .header-top-inner .menu {

  border-bottom: 0px; }



#header .cat-title {

  display: inline-block;

  cursor: pointer;

  font-weight: 400;

  font-size: 15px;

  line-height: 30px;

  text-transform: capitalize;

  color: #ffffff;

  display: block;

  padding: 8px 0px 8px 35px;

  position: relative;

  letter-spacing: 0.7px; }



#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 {

  width: 1800px;

}

.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; }

  .top-menu a.dropdown-submenu, .top-menu .more_sub_menu a {

    color: #262626;

    text-transform: capitalize;

    font-weight: 400;

    font-size: 15px; }

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

    padding: 15px 15px;

    font: 400 17px/20px "Roboto", sans-serif;

    color: #000000;

    display: block;

    text-transform: capitalize; }

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

      color: #777777;

      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.oneColumn {

    float: none; }

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

      font-size: 14px; }

      .top-menu .sub-menu ul[data-depth="1"] > li.oneColumn a.dropdown-submenu:befoe {

        display: none; }

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

    float: left;

    min-width: 165px;

    margin: 0px 0px 0px 20px; }

  .top-menu .sub-menu a {

    color: #666666;

    letter-spacing: 0.2px; }

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

      color: #5f999c;

      text-decoration: none; }

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

    color: #5f999c;

    text-decoration: none; }

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

    text-transform: capitalize;

    color: #5f999c;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 6px;

    margin-bottom: 20px; }

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

      color: #555555; }

  .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; }

    .top-menu > li > a {

      position: relative;

    }

  .top-menu > li > a::before {

    content: '';

    position: absolute;

    top: -2px;

    left: 50%;

    width: 100%;

    height: 2px;

    opacity: 0;

    background-color: #996b6b;

    transform-origin: center;

    transform: translate(-50%, 0) scaleX(0);

    transition: all 0.3s ease-in-out;

  }

  .top-menu > li > a:hover::before {

    transform: translate(-50%, 0) scaleX(1);

    opacity: 1;

  }



.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 .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"] {

      padding: 3px 0 3px 5px;

      font-size: 15px;

      color: #000000;

      font-weight: 400; }

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

        color: #5f999c; }

    #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 {

            font-size: 14px;

            margin-bottom: 0px;

            color: #000000;

            font-weight: 400; }

      #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: 0px; }

        #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 #e5e5e5;

    -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 #e5e5e5; }

  #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; }



@keyframes slide-down {

  0% {

    transform: translateY(-100%); }

  100% {

    transform: translateY(0); } }



@media (min-width: 992px) {

  .header-top-inner .menu.fixed {

    background: #ffffff;

    position: fixed;

    top: 0px;

    left: 0;

    right: 0;

    z-index: 999;

    padding: 3px 0;

    animation: slide-down 0.7s;

    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }

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

      top: 56px; }

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

    padding: 10px 20px;

    min-width: 180px; }

    .header-top-inner .menu .more_menu .sub-menu li a {

      margin: 0px;

      padding: 5px 0px;

      font-size: 14px;

      color: #555555; }

      .header-top-inner .menu .more_menu .sub-menu li a:hover {

        background: none;

        color: #5f999c; }

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

    border: 0px;

    margin-left: 0px;

    z-index: 10000;

    border-radius: 0;

    display: none;

    top: 50px;

    width: auto;

    left: auto;

    right: auto;

    border: 1px solid #fffaef;

    padding: 15px 10px 15px 0;

    overflow: hidden;

    -webkit-border-radius: 0px 0px 3px 3px;

    -moz-border-radius: 0px 0px 3px 3px;

    -ms-border-radius: 0px 0px 3px 3px;

    -o-border-radius: 0px 0px 3px 3px;

    border-radius: 0px 0px 3px 3px;

    -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;

    background-color: #FFF;

    border-top: 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-top-inner .menu .sub-menu .top-menu > li a {

      position: relative; }

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

        border-top: 1px solid #ddd;

        bottom: -7px;

        content: "";

        float: left;

        height: 2px;

        position: absolute;

        width: 60%; }

    .header-top-inner .menu .sub-menu .top-menu > li a[data-depth="2"],

    .header-top-inner .menu .sub-menu .top-menu > li a[data-depth="3"] {

      font-size: 14px; }

      .header-top-inner .menu .sub-menu .top-menu > li a[data-depth="2"]:before,

      .header-top-inner .menu .sub-menu .top-menu > li a[data-depth="3"]:before {

        content: "\F111";

        font-family: "FontAwesome";

        color: #000000;

        font-size: 4px;

        margin-right: 6px;

        vertical-align: middle; }

      .header-top-inner .menu .sub-menu .top-menu > li a[data-depth="2"]:hover:before,

      .header-top-inner .menu .sub-menu .top-menu > li a[data-depth="3"]:hover:before {

        color: #5f999c; }

    .header-top-inner .menu .sub-menu .top-menu > li.oneColumn a.dropdown-submenu {

      font-size: 14px;

      margin-bottom: 7px; }

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

        display: none; }

  .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; } }



@media (max-width: 991px) {

  .mobile-menu {

    padding: 3px 0; }

    .mobile-menu .menu-container {

      padding: 0px; }

    .mobile-menu > .menu-icon {

      float: left; }

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

    float: none;

    position: relative;

    border: none;

    text-align: left;

    display: block; }

  #header .header-top-inner .top-menu a,

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

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

    line-height: 28px;

    padding: 3px 0 3px 5px; }

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

    left: 0;

    min-width: 100%;

    border: 0px;

    padding: 5px 0px 5px 0px; }

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

      width: 100%;

      padding: 0;

      margin: 0;

      position: relative; }

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

    display: block;

    cursor: pointer;

    font: 400 18px/26px "Roboto", sans-serif;

    text-transform: capitalize;

    color: #000000;

    display: block;

    padding: 9px 0px 9px 35px;

    position: relative;

    text-align: left; }

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

      display: block;

      font-family: "FontAwesome";

      content: "\F0C9";

      position: absolute;

      left: 5px;

      top: 10px;

      font-size: 18px; }

  #header .header-top-inner .menu-icon.active .cat-title {

    color: #000000; }

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

      content: "\F00D"; }

  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; }

  #header .mobile-menu.fixed > .menu-icon {

    position: fixed;

    top: 0;

    width: 100%;

    margin: 0px;

    background: #ffffff;

    padding: 3px 10px;

    z-index: 9999;

    left: 0px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); } }



.checkout.cart-detailed-actions {

  border-bottom: 0px; }

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

    padding: 12px 50px;

    font-size: 14px;

    background-color: #5f999c;

    border-color: #5f999c; }

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

      background-color: #000000;

      border-color: #000000; }



#delivery_message {

  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 [data-action="show-password"] {

    background: #262626; }

  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: #5f999c; }

  body#checkout section#content {

    margin-bottom: 1.5625rem; }

  body#checkout .container {

    min-height: 100%; }

  body#checkout section.checkout-step {

    background-color: #FFFFFF;

    border: 1px #e5e5e5 solid;

    padding: 15px;

    margin-bottom: -1px; }

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

      text-transform: uppercase;

      cursor: pointer;

      margin-bottom: 0;

      font-size: 15px;

      font-weight: 600;

      background: #fbebde;   }

    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: #5f999c; }

    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: #fffaef;

      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 #e5e5e5;

      -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 !important;

      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 .delete-address:hover,

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

        color: #5f999c !important; }

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

          color: #5f999c !important; }

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

      padding: 10px 0;

      margin: 15px 0;

      border: 1px solid #e5e5e5; }

      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: #e5e5e5 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: #e5e5e5 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 #e5e5e5; }

  #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; }



.text-muted {

  color: #555555 !important; }

  .text-muted:hover {

    color: #5f999c !important; }



/*** 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: #262626; }



#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;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px; }

  .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 #e5e5e5;

    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: #5f999c; }

    .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 #fffaef; }

  .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 #e5e5e5; }



.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 #fffaef; }

    .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 #fffaef; }

  .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: 15px;

    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: #ffffff;

      padding: 15px 20px;

      border: 1px solid #e5e5e5;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      -ms-border-radius: 5px;

      -o-border-radius: 5px;

      border-radius: 5px; }

    .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: #5f999c; }

      .page-my-account #content .links a:hover span.link-item {

        border-color: #5f999c;

        background: #fff; }



/*** History page ***/

#history .orders {

  margin: 0 -1rem; }

  #history .orders .order {

    padding: 0.75rem 1rem;

    border-bottom: 1px solid #fffaef; }

    #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; }



.forgotten-password {

  padding: 4px; }

  .forgotten-password .form-fields .center-email-fields {

    -js-display: flex;

    display: flex;

    justify-content: center; }

  .forgotten-password .form-fields .email {

    padding-left: 10px;

    padding-right: 10px;

    width: 430px; }

    .forgotten-password .form-fields .email input {

      height: 38px; }

  .forgotten-password .form-fields label.required {

    width: 130px; }



.send-renew-password-link {

  padding-left: 10px;

  padding-right: 10px; }



.renew-password {

  margin-left: 10px; }

  .renew-password .email {

    padding-bottom: 30px; }

  .renew-password [type=submit] {

    margin-left: 50px; }



.carousel {

  /*margin-bottom: 35px;*/

  margin-bottom: 0px; }

  .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; }

      @media (max-width: 767px) {

        .carousel .carousel-item .caption {

          bottom: 20px;

          left: 35px;  }

          .carousel .carousel-item .caption > h2 {

            font-size: 2rem; }



        }

      @media (max-width: 480px) {

        .carousel .carousel-item .caption {

          bottom: 15px;

          left: 35px;  }

          .carousel .carousel-item .caption > h2 {

            font-size: 2rem; }

            .carousel .carousel-item .caption .caption-description > p {

              display : none } }

      @media (max-width: 380px) {

        .carousel .carousel-item .caption {

          bottom: 10px;

          left: 35px;  }

          .carousel .carousel-item .caption > h2 {

            font-size: 1.5rem; }

            .carousel .carousel-item .caption .caption-description > p {

              display : none } }



      .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: #000; }

    .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: 35px 0 20px;

  position: relative;

  float: left; }

  .cz-hometabcontent .tabs {

    margin-top: 0; }

    .cz-hometabcontent .tabs .tab-pane {

      padding: 0px;

      border: 0px;

      background: none; }

  .cz-hometabcontent .tab-content {

    margin: 0 -12px; }

    .cz-hometabcontent .tab-content .products-section-title {

      display: none; }



.product-tabcontent {

  margin: 50px 0; }

  .product-tabcontent .tabs .nav-tabs {

    margin-bottom: 20px; }



.special-products {

  padding: 30px 0 50px; }

  .special-products .special-products-inner {

    margin: 0 -12px; }

    @media (max-width: 767px) {

      .special-products .special-products-inner {

        margin: 0px; } }



.featured-products,

.newproducts,

.bestseller-products,

.special-products,

.viewed-products,

.crosssell-products,

.productscategory-products,

.product-accessories {

  float: left;

  width: 100%;

  position: relative;

  text-align: center;

  padding: 0 5% 0 5%; }



.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; }

  @media (min-width: 768px) {

    .featured-products .products .customNavigation,

    .newproducts .products .customNavigation,

    .bestseller-products .products .customNavigation,

    .special-products .products .customNavigation,

    .viewed-products .products .customNavigation,

    .crosssell-products .products .customNavigation,

    .productscategory-products .products .customNavigation,

    .product-accessories .products .customNavigation,

    .brands .products .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; }

    .featured-products .products:hover .customNavigation,

    .newproducts .products:hover .customNavigation,

    .bestseller-products .products:hover .customNavigation,

    .special-products .products:hover .customNavigation,

    .viewed-products .products:hover .customNavigation,

    .crosssell-products .products:hover .customNavigation,

    .productscategory-products .products:hover .customNavigation,

    .product-accessories .products:hover .customNavigation,

    .brands .products:hover .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; } }



.viewed-products .products-section-title,

.crosssell-products .products-section-title,

.productscategory-products .products-section-title,

.product-accessories .products-section-title {

  font-size: 30px;

  line-height: 40px; }

  @media (max-width: 767px) {

    .viewed-products .products-section-title,

    .crosssell-products .products-section-title,

    .productscategory-products .products-section-title,

    .product-accessories .products-section-title {

      font-size: 25px; } }



.products-section-title {

  text-align: center;

  border: medium none;

  width: auto;

  position: relative;

  margin: 0;

  padding: 0 0 30px;

  color: #000000;

  position: relative;

  text-align: center;

  font: 400 40px/40px "Cinzel";

  letter-spacing: 1.2px;

  text-transform: uppercase; }

  @media (max-width: 991px) {

    .products-section-title {

      font-size: 35px; } }



/*@media(max-width: 1300px){

	.special-products{

		.container{

			.special-products-inner{

				.products{

					.customNavigation{

						a.prev{

							left:0;

						}

						a.next{

							right:0;

						}

					}

				}

			}

		}

	}

}*/

@media (max-width: 480px) {

  .special-products {

    padding-bottom: 20px; } }



/***** Products Design ****/

.products {

  margin-bottom: 20px; }

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

      width: 100%;

      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 {

    text-transform: capitalize;

    display: block;

    margin-bottom: 10px; }

  .products .thumbnail-container {

    position: relative;

    overflow: hidden;

    background-color: #f9f9f9;

    padding: 0; }

    .products .thumbnail-container:hover .highlighted-informations:after {

      opacity: 1;

      filter: alpha(opacity=100); }

    .products .thumbnail-container:hover .highlighted-informations.no-variants {

      bottom: 70px; }

  .products .product_list {

    width: 100%;

    margin: 0; }

    .products .product_list li {

      /*float: left;*/ }

      .products .product_list li.product_item, .products .product_list li.item {

        padding: 10px 15px 15px; }

      .products .product_list li .product-actions {

        float: right; }

      .products .product_list li .quick-view {

        font-size: 0px;

        height: 42px;

        width: 55px;

        display: inline-block;

        vertical-align: top;

        background: #ffffff url(../img/codezeel/action.png) no-repeat scroll 15px -144px;

        -webkit-transition: none;

        -moz-transition: none;

        -o-transition: none;

        transition: none;

        -webkit-border-radius: 20px 0px 0px 20px;

        -moz-border-radius: 20px 0px 0px 20px;

        -ms-border-radius: 20px 0px 0px 20px;

        -o-border-radius: 20px 0px 0px 20px;

        border-radius: 20px 0px 0px 20px;

        border-right: 2px solid #f7f6f2;

        /*&:before{

				display: inline-block;

				font-family: $font-icon;

				content: "\f06e";

				padding: 6px 12px;

				font-size: 16px;

				color: #000;

			}*/ }

        .products .product_list li .quick-view .material-icons {

          display: none;

          font-size: 20px;

          margin: 7px 10px;

          color: #ffffff; }

        .products .product_list li .quick-view:hover {
        
          background-color: #5f999c;

          background-position: 15px -93px;

          /*&:before{

					color: $secondary-color;;

				}*/ }

      .products .product_list li .product-flags .new {

        /* 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 {

        background: #ffffff url(../img/codezeel/action.png) no-repeat scroll 14px -43px;

        border: 0px;

        padding: 8px 0;

        font-size: 0;

        height: 42px;

        width: 55px;

        display: inline-block;

        -webkit-transition: none;

        -moz-transition: none;

        -o-transition: none;

        transition: none;

        -webkit-border-radius: 0px 20px 20px 0px;

        -moz-border-radius: 0px 20px 20px 0px;

        -ms-border-radius: 0px 20px 20px 0px;

        -o-border-radius: 0px 20px 20px 0px;

        border-radius: 0px 20px 20px 0px; }

        .products .product_list li .btn.add-to-cart:hover {

          background-color: #5f999c;

          background-position: 14px 9px; }

      .products .product_list li .outer-functional {

        position: absolute;

        top: 50%;

        padding: 0 30px;

        margin-top: -25px;

        width: 100%;

        z-index: 9;

        opacity: 0;

        filter: alpha(opacity=0);

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

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

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

        transition: all 300ms ease 0s;

        text-align: center; }

        .products .product_list li .outer-functional .functional-buttons {

          height: 42px;

          color: #818181;

          display: inline-block;

          position: relative;

          text-align: center; }

      .products .product_list li:hover .thumbnail-container .product-thumbnail .fliper_image {

        opacity: 1;

        filter: alpha(opacity=100); }

      .products .product_list li:hover .product-miniature {

        -webkit-box-shadow: 0px 4px 6px #f7f6f2;

        box-shadow: 0px 4px 6px #f7f6f2; }

      .products .product_list li:hover .product-title a {

        color: #5f999c; }

      .products .product_list li:hover .product-flags .new,

      .products .product_list li:hover .on-sale {

        opacity: 1;

        filter: alpha(opacity=100);

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

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

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

        transition: all 300ms ease 0s; }

      .products .product_list li:hover .outer-functional {

        opacity: 1;

        filter: alpha(opacity=100);

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

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

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

        transition: all 300ms ease 0s; }

  .products .product-price-and-shipping {

    color: #43595c;

    font-weight: 500;

    font-size: 17px;

    margin-bottom: 10px; }

  .products .variant-links {

    width: 100%;

    padding-top: 8px; }

    .products .variant-links .color {

      width: 20px;

      height: 20px; }

  .products .highlighted-informations {

    display: none;/*Affiche stock ou non sur miniature en grid*/ }

  .products .product-detail {

    display: none; }

  .products .product-description {

    text-align: center;

    padding: 20px 15px 15px;

    border: 1px solid #fffaef;

    border-top: none; }

    .products .product-description:hover {

      border-color: transparent; }

  .products .product-miniature {

    margin: 0;

    position: relative; }

    .products .product-miniature .product-actions {

      margin: 0;

      display: inline-block; }

    .products .product-miniature .discount {

      display: none; }

    .products .product-miniature .discount-percentage {

      z-index: 2;

      color: #FF0505;

      vertical-align: top;

      display: inline;

      padding: 0 5px;

      font-size: 20px; }

  .products .comments_note {

    text-align: center;

    color: #878787; }

  .products .regular-price {

    color: #878787;

    text-decoration: line-through;

    font-size: 15px;

    padding-right: 3px;

    display: inline-block;

    vertical-align: top; }

  .products .count {

    color: #808080;

    font-weight: 700;

    position: relative;

    bottom: 8px; }

  .products .view_more {

    margin: 30px 0 0; }

  .products .all-product-link {

    clear: both;

    display: inline-block;

    text-align: center;

    font-size: 15px;

    line-height: 24px;

    padding: 9px 50px;

    background-color: #5f999c;

    border: 1px solid #5f999c;

    font-weight: 400;

    letter-spacing: 0.2px;

    color: #fff;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    border-radius: 50px;

    text-transform: capitalize;

    -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-color: #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: #888888;

  font-size: 15px;

  text-decoration: none;

  text-align: center;

  font-weight: 400;

  text-transform: capitalize;

  letter-spacing: 0.2px; }

  .product-title a:hover {

    color: #5f999c; }



/**** List view ****/

#products .products {

  margin-bottom: 15px;

  position: relative; }

  #products .products .product_list.grid .btn.add-to-cart {

    background-position: 14px -230px; }

    #products .products .product_list.grid .btn.add-to-cart:hover {

      background-position: 14px -193px; }

  #products .products .product_list.list li.product_item {

    padding: 0px 15px;

    margin-bottom: 15px; }

    #products .products .product_list.list li.product_item .product-miniature {

      background: #fff;

      padding: 10px 0 10px;

      overflow: hidden; }

    #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 .quick-view {

    border-right: none;

    border-radius: 3px 3px 3px 3px;

    background-position: 10px -144px;

    width: 45px;

    height: 42px; }

    #products .products .product_list.list li .quick-view:hover {

      background-position: 10px -93px; }

  #products .products .product_list.list li .highlighted-informations {

    display: none !important;/*Affiche stock ou non pour miniature en liste*/

    margin-bottom: 15px; }

  #products .products .product_list.list li .center-block {

    text-align: left;

    border: 0;

    padding: 20px 15px 15px 30px; }

  #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 .product-actions {

    float: none; }

    #products .products .product_list.list li .product-actions .add-to-cart {

      width: auto;

      font-size: 14px;

      padding: 8px 30px;

      height: auto;

      -webkit-border-radius: 50px;

      -moz-border-radius: 50px;

      -ms-border-radius: 50px;

      -o-border-radius: 50px;

      border-radius: 50px;

      background-image: none;

      background-color: #5f999c;

      border-color: #5f999c; }

  #products .products .product_list.list li .button-container {

    margin-top: 5px; }

  #products .products .product_list.list li .product-title {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 15px; }

  #products .products .product_list.list li .product-detail {

    margin-bottom: 15px;

    font-size: 13px;

    line-height: 22px;

    display: block;

    letter-spacing: 0.5px; }

  #products .products .product_list.list li:hover .product-miniature {

    box-shadow: none; }

  #products .products .product_list.list li:hover .add-to-cart {

    background-color: #000000;

    border-color: #000000; }



@media (min-width: 768px) {

  .products .product_list.grid, .products .product_list.cz-carousel {

    /*li{

					.product-thumbnail {

						img {

							@include transition(all 0.5s ease);

							@include scale(1, 1);

						}

					}

					.product-actions {

						position: absolute;

						bottom: -15px;

						width: 100%;

						z-index: 9;

						height: 40px;

						text-align: center;

						margin-top: 0px;

						@include transition(all 0.5s ease);

						@include opacity(0);

						@include scale(0);

					}

					.product-price-and-shipping {

						margin-top: 5px;

						@include opacity(1);

						@include scale(1);

						@include transition(all 500ms ease 0s);

					}

					&:hover{

						.product-thumbnail {

							img {

								@include scale(1.1, 1.1);

								@include transition(all 500ms ease 0s);

							}

						}

						.product-price-and-shipping{

							@include opacity(0);

							@include scale(0);

							@include transition(all 500ms ease 0s);

						}

						.product-actions {

							@include opacity(1);

							@include scale(1);

							@include transition(all 500ms ease 0s);

						}

					}

				}*/ } }



@media (max-width: 991px) {

  .cz-hometabcontent {

    padding-top: 30px; }

    .cz-hometabcontent .products-section-title {

      float: none; }

    .cz-hometabcontent .tabs .nav-tabs {

      text-align: center;

      float: none; } }



@media (max-width: 767px) {

  .products {

    margin-bottom: 20px; }

  .products-section-title {

    font-size: 30px;

    line-height: 35px; }

  .cz-hometabcontent {

    padding: 20px 0 30px; }

  .products .product_list {

    /*&.grid, &.cz-carousel{

				li {

					.product-actions {

						@include opacity(1);

						@include scale(1 ,1);

						position: relative;

						bottom: 0px;

					}

					.product-price-and-shipping {

						@include opacity(1);

						@include scale(1 ,1);

					}

				}

			}*/ }

    .products .product_list li .outer-functional {

      opacity: 1;

      filter: alpha(opacity=100);

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

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

      transform: scale(1, 1); }

    .products .product_list li .product-flags .new,

    .products .product_list li .on-sale {

      opacity: 1;

      filter: alpha(opacity=100); }

  .products .product-price-and-shipping {

    margin-bottom: 8px; } }



/*@media (max-width: 480px) {

	.products {

		.product_list{

			li{

				&.product_item {

					&.col-sm-6,

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

				}

				&.item {

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

				}

			}

		}

	}

}*/

@media (max-width: 575px) {

  #products .products .list li.product_item .center-block {

    width: 100%;

    text-align: center;

    padding-left: 0;

    padding-right: 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: 300px;

    width: 100%;

    margin: 0 auto 10px;

    float: none;

    display: block; }

  .products .cz-carousel li.item,

  .products .product_list.grid li {

    max-width: 280px;

    margin: 0 auto 10px;

    text-align: center;

    float: none; }

  .products-section-title {

    font-size: 25px; } }



@media (max-width: 991px) and (min-width: 550px) {

  .products .product_list.list li.product_item {

    width: 100%; }

  .products .product_list li.product_item {

    width: 50%;

    float: left; } }



@media (min-width: 992px) {

  .products .product_list li.product_item.col-md-4, .products .product_list li.product_item.col-md-6 {

    width: 33.33333%;

    min-height: 275px; }

  .products .product_list li.item.col-md-4 {

    width: 33.33333%; } }



@media (min-width: 1200px) {

  .products .product_list li.product_item.col-lg-3 {

    width: 25%; }

  .products .product_list li.item.col-lg-3 {

    width: 25%; } }



/************ Manufacture list page ****************/

.brands {

  text-align: center;

  clear: both;

  padding-top: 30px;

  padding-bottom: 10px; }

  .brands .products-section-title {

    display: none; }

  .brands .products {

    float: left;

    width: 100%;

    position: relative;

    text-align: center;

    margin: 0px auto 20px; }

    .brands .products .product_list li {

      padding: 10px 35px 10px;

      float: left; }

      .brands .products .product_list li.item {

        padding: 10px 25px 10px; }

      .brands .products .product_list li img {

        opacity: 0.7;

        filter: alpha(opacity=70);

        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; }



#brand_list li.brand .brand-inner {

  border-bottom: 1px solid #e5e5e5;

  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 #e5e5e5;

    padding: 0 0 15px 30px;

    min-height: 108px; }



#custom-text {

  background: white;

  border-radius: 0;

  margin-bottom: 1.5rem;

  padding: 0;

  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 {

  color: #808080; }

  #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 #e5e5e5; }

  .block-category #category-description p {

    margin: 0 0 5px 0; }

  .block-category .category-cover {

    margin: 0 0 25px 0; }

    .block-category .category-cover img {

      width: 100%; }



.products-selection .sort-by {

  padding-top: 0rem;

  white-space: nowrap;

  margin-right: -0.9375rem;

  margin-left: 0.9375rem;

  text-align: right; }



.products-selection .total-products {

  padding: 2px; }

  .products-selection .total-products p {

    margin-bottom: 0px;

    padding-top: 5px; }



.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 5px 0 0; }

    .products-selection .display li#grid {

      margin: 8px 5px 0 0px; }

      .products-selection .display li#grid a {

        background: url(../img/codezeel/sprite.png) no-repeat scroll -6px -37px transparent;

        height: 20px;

        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: #000; }

        .products-selection .display li#grid:hover a, .products-selection .display li#grid.selected a {

          background-position: -6px -7px !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: 8px 0 0 0; }

      .products-selection .display li#list a {

        background: url(../img/codezeel/sprite.png) no-repeat scroll -43px -37px 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: #000; }

        .products-selection .display li#list:hover a, .products-selection .display li#list.selected a {

          background-position: -43px -7px !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;

  padding-right: 0; }

  .products-sort-order .select-title {

    display: inline-block;

    margin: 0 10px 0 0;

    width: 100%;

    color: #262626;

    background: #FFFFFF;

    padding: 4px 10px;

    cursor: pointer;

    border: 1px solid #e5e5e5; }

  .products-sort-order .select-list {

    display: block;

    color: #262626;

    padding: 5px 15px;

    font-size: 14px; }

    .products-sort-order .select-list:hover {

      background: #5f999c;

      color: #FFFFFF;

      text-decoration: none; }

  .products-sort-order .dropdown-menu {

    left: auto;

    width: 97%;

    border: 1px solid #e5e5e5;

    background: #FFFFFF;

    border-radius: 0;

    border-top: 0;

    margin-top: 0; }



#search_filters .facet {

  padding-top: 15px; }

  #search_filters .facet .collapse {

    display: block; }

  #search_filters .facet .facet-title {

    color: #000000;

    font-weight: 500;

    margin: 5px 0 5px;

    font-size: 14px;

    text-transform: uppercase;

    line-height: 20px; }

  #search_filters .facet .facet-label {

    margin-bottom: 0;

    text-align: left; }

    #search_filters .facet .facet-label a {

      margin-top: 5px;

      display: inline-block;

      font-weight: 400; }



#search_filters .js-search-filters-clear-all {

  padding: 5px 15px;

  margin: 0px;

  font-weight: normal;

  width: 100%;

  text-align: left;

  font-size: 12px;

  background-color: #f0f0f0;

  border-color: #f0f0f0;

  color: #262626;

  text-transform: capitalize;

  border-radius: 0; }

  #search_filters .js-search-filters-clear-all .material-icons {

    line-height: 20px; }

  #search_filters .js-search-filters-clear-all:hover {

    color: #5f999c; }



.pagination {

  width: 100%;

  border-top: 1px solid #e5e5e5;

  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: #5f999c;

      background-color: #5f999c;

      text-decoration: none; }

  .pagination .previous {

    padding: 4px 10px; }

  .pagination .next {

    padding: 4px 10px; }

  .pagination .disabled {

    cursor: not-allowed; }

  .pagination .current a {

    color: #FFFFFF;

    border-color: #5f999c;

    background-color: #5f999c;

    text-decoration: none; }



.active_filters {

  background: #fffaef;

  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: 2px 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: #000; }



.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; }



#right-column {

  padding-right: 0; }



#left-column a, #right-column a {

  color: #555555; }

  #left-column a:hover, #right-column a:hover {

    color: #5f999c; }



#left-column .links, #right-column .links {

  margin: 0 0 20px;

  background: #FFFFFF;

  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: capitalize;

    padding: 0 0 13px;

    font: 600 16px/18px "Roboto", sans-serif;

    margin: 0 0 10px 0; }



#left-column .block, #right-column .block {

  margin: 0 0 30px;

  background: #FFFFFF; }

  #left-column .block.block-categories .block_title, #right-column .block.block-categories .block_title {

    border-left-color: #5f999c; }

    #left-column .block.block-categories .block_title a, #right-column .block.block-categories .block_title a {

      color: #5f999c; }

  #left-column .block .block_title, #right-column .block .block_title {

    color: #000000;

    text-transform: uppercase;

    padding: 14px 20px;

    font: 600 16px/18px "Roboto", sans-serif;

    margin: 0 0 0px 0;

    position: relative;

    background: #fbebde;

    border-left: 4px solid #000000;

    letter-spacing: 0.5px; }

    #left-column .block .block_title a, #right-column .block .block_title a {

      color: #5f999c; }

  #left-column .block .block_content, #right-column .block .block_content {

    padding: 20px 10px;

    background: #FFFFFF; }

    #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: 7px 0;

  margin: 0;

  overflow: hidden; }

  #left-column .products-block ul li .product_thumbnail, #right-column .products-block ul li .product_thumbnail {

    float: left;

    margin-right: 15px;

    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-bottom: 5px; }

    #left-column .products-block ul li .product-title a, #right-column .products-block ul li .product-title a {

      color: #888888;

      font-size: 14px;

      line-height: 22px; }

      #left-column .products-block ul li .product-title a:hover, #right-column .products-block ul li .product-title a:hover {

        color: #5f999c; }

  #left-column .products-block ul li .product-price-and-shipping,

  #left-column .products-block ul li .product-price, #right-column .products-block ul li .product-price-and-shipping,

  #right-column .products-block ul li .product-price {

    font-size: 16px; }

    #left-column .products-block ul li .product-price-and-shipping .regular-price,

    #left-column .products-block ul li .product-price .regular-price, #right-column .products-block ul li .product-price-and-shipping .regular-price,

    #right-column .products-block ul li .product-price .regular-price {

      font-size: 14px; }

    #left-column .products-block ul li .product-price-and-shipping .discount-percentage,

    #left-column .products-block ul li .product-price .discount-percentage, #right-column .products-block ul li .product-price-and-shipping .discount-percentage,

    #right-column .products-block ul li .product-price .discount-percentage {

      font-size: 13px; }



#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 {

    background: none;

    border: 0;

    color: #000;

    padding: 8px 20px;

    text-align: right;

    border-radius: 50px; }

    #left-column .products-block .view_more a:hover, #right-column .products-block .view_more a:hover {

      background-color: #5f999c;

      color: #ffffff; }



/*** Responsive part ***/

@media (max-width: 991px) {

  .filter-button {

    margin: 10px 0; }

  #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;

    color: #000000;

    width: auto; }

    #left-column .block .block_title .navbar-toggler .fa-icon:before, #right-column .block .block_title .navbar-toggler .fa-icon:before {

      font-size: 26px;

      line-height: 16px; }

  #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 #e5e5e5;

      padding-top: 0;

      border-bottom: 1px solid #fffaef; }

      #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%; }

  .pagination .page-list {

    float: none; } }



@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: 575px) {

  .products-selection .filter-button {

    /*padding-left: 0;*/

    margin: 0; }

  /*#category {

    #left-column, #right-column {

      #search_filters_wrapper {

        margin-left: - $grid-gutter-width-base;

        margin-right: - $grid-gutter-width-base;

      }

    }

  }*/ }



.subcategory-heading {

  color: #000000;

  font-size: 18px;

  font-weight: 400;

  text-transform: capitalize; }



#subcategories ul {

  margin: 0 0 15px 0;

  width: 100%;

  text-align: center; }

  #subcategories ul li {

    float: left;

    width: 200px;

    margin: 5px 10px 5px 0;

    text-align: center; }

    @media (max-width: 480px) {

      #subcategories ul li {

        float: none;

        display: inline-block; } }

    #subcategories ul li .subcategory-image {

      margin-bottom: 10px; }

      #subcategories ul li .subcategory-image a {

        display: block;

        padding: 5px;

        border: 1px solid #e5e5e5; }

        #subcategories ul li .subcategory-image a:hover {

          border-color: #5f999c; }

        #subcategories ul li .subcategory-image a img {

          max-width: 100%;

          vertical-align: top;

          height: auto; }

    #subcategories ul li .subcategory-name {

      font-weight: normal; }



@media (min-width: 991px) and (max-width: 1199px) {

  #left-column .products-block ul li .product_thumbnail,

  #right-column .products-block ul li .product_thumbnail {

    float: none; }

  #left-column .products-block ul li .product-info,

  #right-column .products-block ul li .product-info {

    clear: both;

    margin-top: 10px; } }



#product #content {

  position: relative;

  max-width: 100%;

  clear: both; }

  #product #content .product-leftside {

    position: relative; }



.product-price {

  color: #5f999c;

  font-weight: 500;

  font-size: 16px; }



.product-price {

  display: inline-block; }



.productpage_title,

.quickview h1.h1 {

  margin-top: 0px;

  text-transform: capitalize;

  font-weight: 400;

  color: #000000;

  padding-bottom: 10px;

  margin-bottom: 15px;

  border-bottom: 1px solid #dfdfdf;

  font-size: 18px;

  line-height: 32px; }



#product-description-short {

  color: #262626; }



.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: 500;

  border: 2px solid #FFFFFF; }



.product-actions .control-label {

  width: 100%;

  margin-bottom: 5px;

  display: block;

  width: 100%;

  font-weight: 500;

  color: #262626; }



.product-actions .add-to-cart {

  padding: 7px 22px 5px; }

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

    font-size: 14px;

    padding: 9px 55px;

    color: #fde4d0;

    background-color: #5f999c;

    border-color: #5f999c; }

    .product-quantity .add .add-to-cart:hover {

      color: #3b3838;

      background-color: #e4ded1;

      border-color: #5f999c; }



.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: #fffaef; }

    .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: 6px;

    font-size: 24px;

    font-weight: 600;

    display: inline-block; }

  .product-prices .tax-shipping-delivery-label {

    font-size: 0.8125rem;

    color: #808080; }



.product-discount {

  color: #878787; }

  .product-discount .regular-price {

    text-decoration: line-through;

    font-weight: normal;

    margin-right: 5px;

    font-size: 18px; }



.has-discount.product-price, .has-discount p {

  /* color: $brand-secondary;*/ }



.has-discount .discount {


  color: #EA0202;

  font-weight: normal;

  padding: 5px 11px;

  font-size: 14px;

  margin-left: 10px;

  text-transform: uppercase;

  display: inline-block; }



.product-unit-price {

  font-size: 0.8125rem;

  margin-bottom: 0; }



.tabs {

  margin-top: 40px; }

  .tabs .tab-pane {

    padding: 30px;

    border: 1px solid #e5e5e5;

    background: #fff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px; }

  .tabs .nav-tabs {

    margin-bottom: 25px;

    border: none;

    display: inline-block;

    width: 100%;

    text-align: center;

    line-height: 0; }

    .tabs .nav-tabs .nav-link {

      color: #000000;

      display: block;

      text-transform: capitalize;

      float: left;

      font: 400 16px/22px "Roboto", sans-serif;

      margin: 0px;

      padding: 8px 30px;

      text-align: center;

      position: relative;

      background-color: #FFF;

      border: 1px solid transparent;

      letter-spacing: 0.6px;

      -webkit-border-radius: 50px;

      -moz-border-radius: 50px;

      -ms-border-radius: 50px;

      -o-border-radius: 50px;

      border-radius: 1px;

      -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 {

        background-color: #5f999c;

        color: #fde4d0;

        -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;

      margin: 0 5px 0 0; }



.product-cover {

  margin-bottom: 15px;

  position: relative; }

  .product-cover img {

    background: #FFFFFF; }

  .product-cover .layer {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    padding: 14px;

    cursor: pointer;

    z-index: 9;

    opacity: 0;

    filter: alpha(opacity=0);

    background: rgba(255, 255, 255, 0.3);

    -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: #5f999c;

      position: absolute;

      bottom: 1px;

      right: 1px;

      padding: 10px 13px;

      height: auto;

      width: auto;

      font-size: 20px; }



#product-modal .modal-content {

  background: transparent;

  border: none;

  padding: 0;

  background: #f0f0f0;

  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 {

      background: #FFFFFF;

      padding: 0.625rem 1.25rem;

      border-top: #ebebeb 1px solid; }

      #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: 640px;

      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: #5f999c 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%; }



#blockcart-modal .product-image {

  width: 240px; }



#blockcart-modal .modal-title {

  line-height: 24px;

  color: #4cbb6c;

  font-size: 18px;

  text-align: left !important;

  text-transform: capitalize;

  font-weight: 400;

  letter-spacing: 0.3px; }

  #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: #888888;

  font-size: 16px;

  text-transform: capitalize;

  font-weight: normal; }



#blockcart-modal .cart-products-count {

  font-size: 16px;

  font-weight: 500;

  text-transform: capitalize;

  color: #262626;

  padding-bottom: 13px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 15px; }



#blockcart-modal .cart-content {

  padding-left: 2.5rem; }

  #blockcart-modal .cart-content button {

    margin-right: 5px;

    background-color: #5f999c;

    color: #fff; }

    #blockcart-modal .cart-content button:hover {

      background-color: #43595c; }



#blockcart-modal .divide-right {

  border-right: 1px solid #e5e5e5; }



.product-images > li.thumb-container > .thumb {

  border: 1px solid transparent;

  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 #5f999c; }



.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 transparent;

    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 #5f999c; }

  .images-container .js-qv-mask .customNavigation {

    top: 30px; }

    .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: #5f999c;

      color: #5f999c; }

  .scroll-box-arrows .left {

    left: -10px; }

  .scroll-box-arrows .right {

    right: -5px; }



.product-quantity {

  display: inline-block;

  margin-right: 5px;

  margin-bottom: 0px; }



#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: #5f999c;

    padding: 3px 12px 3px;

    border-radius: 10px; }

  #product-availability .product-unavailable,

  .product-availability .product-unavailable {

    background-color: red;

    padding: 3px 12px 3px;

    border-radius: 10px; }

  #product-availability .product-last-items,

  .product-availability .product-last-items {

    background-color: #ff9a52;

    padding: 3px 12px 3px; }



#product-details .label {

  margin-right: 10px;

  margin-bottom: 12px;

  color: #262626; }



.product-manufacturer {

  margin-bottom: 15px;

  max-width: 250px; }



.product-features {

  margin-top: 5px;

  margin-left: 0; }

  .product-features h3 {

    font-weight: 500;

    margin-right: 10px;

    margin-bottom: 12px;

    font-size: 14px;

    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: #f0f0f0;

    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: #fffaef; }

  .product-features > dl.data-sheet dt.name {

    text-transform: capitalize; }

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

  /*position: absolute;

  top: 0;

  width: 100%;*/ }



ul.product-flags li {

  display: block;

  position: absolute;

  padding: 0px;

  font-size: 11px;

  font-weight: 400;

  text-transform: capitalize;

  color: #fff;

  background: #54658c;

  z-index: 2;

  letter-spacing: 1px;

  padding: 3px 7px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 0px;

  line-height: 19px; }

  ul.product-flags li.online-only {

    top: 25rem;

    right: 0;

    font-size: 0.8125rem;

    /*&::before{

			content:"\E30A";

			font-family: 'Material Icons';

			vertical-align: middle;

			margin: rem(5px);

		  }*/ }

  ul.product-flags li.discount {

    display: none; }

  ul.product-flags li.on-sale {

    text-align: center;

    margin: 0;

    right: 15px;

    top: 15px;

    background: #3e2f28;

    color: #fde4d0;

    text-transform: uppercase; }

    ul.product-flags li.on-sale.discount-percentage {

      z-index: 2;

      background: #8f4687;

      color: #fff;

      vertical-align: top;

      display: inline;

      font-size: 14px; }

  ul.product-flags li.new {

    display: none;

    left: 15px;

    top: 15px; }



.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; }



.social-sharing {

  width: 100%;

  clear: both;

  margin-top: 10px; }

  .social-sharing > span {

    display: none; }

  .social-sharing ul {

    margin: 0; }

    .social-sharing ul li {

      height: 35px;

      width: 60px;

      display: inline-block;

      background-color: #FFFFFF;

      cursor: pointer;

      margin-right: 4px;

      border: 1px 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: 5px;

  display: inline-block;

  width: 100%;

  padding: 10px 0px 15px 0px;

  border-bottom: 1px solid #e5e5e5; }

  .products-selection .title {

    color: #808080; }



@media (max-width: 991px) {

  .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 .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: 10px 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 {

    width: 280px;

    margin: 0 auto 25px;

    clear: both;

    overflow: hidden;

    height: 100%; } }



@media (max-width: 600px) {

  .tabs .nav-tabs .nav-item {

    float: none;

    width: 100%;

    margin: 0 0 8px 0; }

    .tabs .nav-tabs .nav-item a {

      width: 100%; } }



#product-modal .modal-dialog {

  max-width: 800px; }



.card {

  border-color: #e5e5e5;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px; }



.cart-grid {

  margin-bottom: 1rem; }



.cart-items {

  margin-bottom: 0; }



.cart-item {

  border-bottom: 1px solid #e5e5e5;

  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: normal;

    white-space: inherit; }

  .cart-summary-line .value {

    color: #262626;

    float: right !important;

    font-size: 16px;

    font-weight: 500; }



.js-cart hr {

  margin: 0px; }



/** CART BODY **/

.cart-grid-body {

  margin-bottom: 0.75rem; }

  .cart-grid-body a.label:hover {

    color: #000; }

  .cart-grid-body .card-block {

    padding: 1rem; }

    .cart-grid-body .card-block h1 {

      margin-bottom: 0;

      font-size: 18px;

      font-weight: 600;

      text-transform: uppercase; }

  .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 #e5e5e5; }



/** CONTENT BODY **/

.product-line-grid-body > .product-line-info > .label {

  padding: 0;

  line-height: inherit;

  text-align: left;

  white-space: inherit;

  font-weight: normal; }



.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: #262626;

    display: inline-block;

    margin-top: 0.3125rem; }

  .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; } }



@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;

        border-left: 3px solid #5f999c;

        background: #f0f0f0; }

  #block-reassurance span {

    font-weight: 400;

    font-size: 14px; }



.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 #e5e5e5;

  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 {

  text-align: center;

  margin-bottom: 0.625rem; }

  .block_newsletter form {

    position: relative; }

    .block_newsletter form input[type=text] {

      padding: 9px 50px 9px 9px;

      min-width: 250px;

      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: #5f999c;

      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;

    margin-bottom: 20px;

    letter-spacing: 0.3px;

    font: 500 18px/26px "Roboto", sans-serif;

    text-transform: uppercase;

    text-align: center; }

  .block_newsletter .sub_heading {

    color: #fff;

    margin-bottom: 2px;

    font-size:20px;

    display: block; }

  .block_newsletter .newsletter-message {

    font-size: 14px;

    line-height: 26px;

    letter-spacing: 0.2px;

    display: block;

    color: #ffffff;

    font-family: "Roboto", sans-serif; }

  .block_newsletter p {

    padding-top: 0; }

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

      min-width: 255px;

      padding: 10px 10px 10px 25px;

      height: 43px;

      width: 100%;

      color: #000000;

      -webkit-border-radius: 25px 0px 0px 25px;

      -moz-border-radius: 25px 0px 0px 25px;

      -ms-border-radius: 25px 0px 0px 25px;

      -o-border-radius: 25px 0px 0px 25px;

      border-radius: 25px 0px 0px 25px;

      width: 100%; }

      .block_newsletter form input[type=text]:focus {

        color: #000000; }

    .block_newsletter form input {

      height: 43px;

      padding: 10px 15px;

      outline: 0; }

      .block_newsletter form input.btn {

        float: right;

        margin-left: 0px;

        color: #fff;

        border: 0;

        font-size: 0;

        background: #fff url(../img/codezeel/newsletter-btn.png) no-repeat scroll 10px 15px;

        -webkit-border-radius: 0 25px 25px 0;

        -moz-border-radius: 0 25px 25px 0;

        -ms-border-radius: 0 25px 25px 0;

        -o-border-radius: 0 25px 25px 0;

        border-radius: 0 25px 25px 0; }

        .block_newsletter form input.btn:focus, .block_newsletter form input.btn:hover {

          color: #000000;

          background-color: #fff; }

    .block_newsletter form .newsletter-message {

      display: none; }



.block-contact li {

  overflow: hidden;

  line-height: 26px; }

  .block-contact li i {

    color: #ffffff;

    float: left;

    font-size: 18px;

    /*height: 25px;*/

    margin-top: 5px;

    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: #000; }



.blockcms-title,

.myaccount-title,

.myaccount-title a,

.block-contact-title,

.footer-container h3.h3 {

  font-weight: 700;

  font-size: 18px;

  margin-bottom: 25px; }



.block-social {

  position: absolute;

  bottom: 5px;

  left: auto;

  right: 95px; }

  .block-social ul {

    margin-bottom: 0px; }



.block-social li {

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  cursor: pointer;

  margin-right: 3px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  -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: #ffffff; }

  .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: 16px;

      font-family: "FontAwesome";

      display: inline-block;

      font-weight: normal;

      height: 40px;

      width: 40px;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      -ms-border-radius: 50%;

      -o-border-radius: 50%;

      border-radius: 50%;

      padding-top: 8px;

      color: #000000; }



.facebook a:before {

  content: "\F09A"; }



.facebook:hover {

  background-color: #435f9f; }

  .facebook:hover a:before {

    color: #ffffff; }



.twitter a:before {

  content: "\F099"; }



.twitter:hover {

  background-color: #00aced; }

  .twitter:hover a:before {

    color: #ffffff; }



.rss a:before {

  content: "\F09E"; }



.rss:hover {

  background-color: #FA9B39; }

  .rss:hover a:before {

    color: #ffffff; }



.youtube a:before {

  content: "\F16A"; }



.youtube:hover {

  background-color: #bb0000; }

  .youtube:hover a:before {

    color: #ffffff; }



.googleplus a:before {

  content: "\F0D5"; }



.googleplus:hover {

  background-color: #dd4b39; }

  .googleplus:hover a:before {

    color: #ffffff; }



.pinterest a:before {

  content: "\F231"; }



.pinterest:hover {

  background-color: #dd4b39; }

  .pinterest:hover a:before {

    color: #ffffff; }



.vimeo a:before {

  content: "\F27D"; }



.vimeo:hover {

  background-color: #dd4b39; }

  .vimeo:hover a:before {

    color: #ffffff; }



.instagram a:before {

  content: "\F16D"; }



.instagram:hover {

  background-color: #dd4b39; }

  .instagram:hover a:before {

    color: #ffffff; }



#footer {

  background-color: #000000;

  clear: both;

  font-weight: 300; }

  #footer .block_newsletter {

    width: 40%;

    margin-bottom: 0px;

    padding: 0 15px 0 15px; }

    #footer .block_newsletter .title {

      text-align: left; }



.footer-container {

  padding: 50px 0 40px;

  letter-spacing: 0.5px;

  color: #b2b2b2; }

  .footer-container .footer {

    position: relative; }

  .footer-container li {

    margin-bottom: 0.3125rem;

    color: #ffffff; }

  .footer-container li a {

    color: #ffffff;

    cursor: pointer; }

    .footer-container li a:hover {

      color: #b2b2b2; }

  .footer-container .links {

    width: 23%;

    margin-bottom: 40px;

    letter-spacing: 0.5px;

    padding-right: 30px;

    padding-left: 40px;

    text-align: left;

    border-left: 1px solid rgba(246, 246, 246, 0.2);

    min-height: 210px; }

    .footer-container .links .h3, .footer-container .links h3, .footer-container .links h3 a {

      color: #ffffff;

      font: 500 18px/26px "Roboto", sans-serif;

      text-transform: uppercase !important;

      margin: 0 0 20px 0;

      cursor: pointer;

      letter-spacing: 0.4px; }

    .footer-container .links .collapse {

      display: inherit; }

    .footer-container .links.block-contact {

      width: 24%;

      text-align: left;

      padding: 0 30px 0 15px;

      border: none; }

  .footer-container #czfootercmsblock {

    width: 39%;

    padding-right: 40px;

    text-align: center;

    padding-left: 40px;

    border-left: 1px solid rgba(246, 246, 246, 0.15);

    border-right: 1px solid rgba(246, 246, 246, 0.15); }



.footer-after {

  color: #b2b2b2; }

  .footer-after .container {

    padding-top: 30px;

    padding-bottom: 30px;

    border-top: 1px solid rgba(246, 246, 246, 0.15); }

  .footer-after a {

    color: #ffffff; }

    .footer-after a:hover {

      color: #b2b2b2; }

  .footer-after .copyright {

    padding: 9px 0;

    float: left; }

  .footer-after .payement_logo_block {

    padding: 8px 0 0;

    float: right; }

    .footer-after .payement_logo_block a img {

      margin: 0 10px 0px 0;

      filter: grayscale(100%);

      -webkit-filter: grayscale(100%);

      vertical-align: text-top; }

      .footer-after .payement_logo_block a img:hover {

        filter: grayscale(0);

        -webkit-filter: grayscale(0); }



@media (max-width: 1199px) {

  #footer .block_newsletter {

    padding-left: 30px; }

  #footer .block-social {

    right: 25px; }

  .footer-container {

    padding-top: 60px;

    padding-bottom: 30px; }

    .footer-container #czfootercmsblock {

      padding-left: 20px;

      padding-right: 20px; }

    .footer-container .links {

      margin-bottom: 20px;

      padding-right: 30px; }

  .footer-after .container {

    padding: 40px 0 20px; } }



@media (max-width: 991px) {

  #footer .block_newsletter {

    padding-left: 15px;

    width: 100%;

    padding-right: 15px; }

    #footer .block_newsletter .title {

      width: 100%; }

    #footer .block_newsletter .block_content {

      width: 100%;

      margin-bottom: 15px; }

  #footer .block-social {

    left: 0px;

    right: 0px; }

  .footer-after .container {

    padding-top: 20px; }

  .footer-container {

    box-shadow: none;

    margin-top: 0;

    padding-top: 30px;

    padding-bottom: 30px; }

    .footer-container li {

      margin-bottom: 0; }

    .footer-container .footer {

      padding-bottom: 50px; }

    .footer-container .wrapper {

      /*padding-left: 0 !important;

      padding-right: 0 !important;*/ }

    .footer-container #czfootercmsblock {

      width: 100%;

      padding: 0;

      border: 0; }

    .footer-container .links {

      width: 100%;

      margin: 0;

      padding-right: 15px;

      padding-left: 15px;

      border: 0;

      min-height: auto; }

      .footer-container .links h3 {

        margin-bottom: 5px; }

        .footer-container .links h3 a {

          font-size: 16px;

          font-weight: 400; }

      .footer-container .links.block-contact {

        width: 100%;

        padding-left: 15px;

        padding-right: 15px; }

      .footer-container .links .title {

        padding: 10px 0;

        margin-bottom: 0px;

        cursor: pointer;

        font-size: 16px; }

        .footer-container .links .title .collapse-icons .remove {

          display: none; }

      .footer-container .links .title[aria-expanded="true"] .collapse-icons .add {

        display: none; }

      .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {

        display: block; }

      .footer-container .links .navbar-toggler {

        display: inline-block;

        padding: 0;

        width: auto;

        height: auto;

        color: #fff; }

      .footer-container .links .collapse {

        display: none; }

        .footer-container .links .collapse.in {

          display: block; }

      .footer-container .links ul {

        margin-bottom: 0;

        padding: 0px 0; }

    .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: -10px;

    text-align: center;

    clear: both;

    display: inline-block;

    width: 100%;

    right: 0; }

  #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; } }



@media (max-width: 767px) {

  #footer .block_newsletter .title {

    background: none;

    padding-left: 0; } }



@media (max-width: 575px) {

  #footer .block_newsletter .title {

    font-size: 18px;

    line-height: inherit; } }



.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: #262626; }



#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 #e5e5e5; }

  #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 #e5e5e5; }

  .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 #e5e5e5; }

      .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; }



.sitemap-title {

  text-transform: capitalize; }



.sitemap {

  margin-top: 0.9375rem; }

  .sitemap h2 {

    color: #414141;

    text-transform: uppercase;

    font-size: 1.1rem;

    font-weight: 600;

    border-bottom: 1px solid #acaaa6;

    margin-left: -15px;

    width: 100%;

    height: 35px; }

  .sitemap ul {

    margin-left: -15px;

    margin-top: 20px; }

    .sitemap ul.nested {

      margin-left: 20px; }

    .sitemap ul li {

      font-size: 0.9rem;

      margin-bottom: 1rem; }



@media (max-width: 575px) {

  .sitemap {

    margin-top: 0; } }





/*** HEADER ***/

#header .header_logo {

  width: auto;

  padding: 0px 0px;

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

  margin-top: -40px; }



#header .logo {

  max-width: 100%; }



#header ul.dropdown-menu {

  margin: 0px;

  padding: 2px;

  left: 0;

  right: auto;

  font-size: 13px;

  background-color: #ffffff;

  border: 1px solid #fffaef; }

  #header ul.dropdown-menu li a {

    padding: 2px 14px;

    display: block;

    color: #000000; }

    #header ul.dropdown-menu li a:hover {

      color: #ffffff;

      background-color: #5f999c; }



#header .header-nav {

  display: none;

  line-height: initial;

  color: #000000;

  font-weight: 400;

  letter-spacing: 0.5px;

  border-bottom: 1px solid #e5e5e5; }

  #header .header-nav a {

    color: #000000; }

    #header .header-nav a:hover {

      color: #5f999c; }

  #header .header-nav .left-nav {

    display: inline-block; }

    @media (max-width: 480px) {

      #header .header-nav .left-nav {

        display: none; } }

    #header .header-nav .left-nav .nav-cms-block {

      padding: 12px 0;

      font-size: 13px; }

  #header .header-nav .right-nav {

    float: right; }

    @media (max-width: 480px) {

      #header .header-nav .right-nav {

        float: none;

        text-align: center; } }

  @media (max-width: 480px) {

    #header .header-nav .currency-selector,

    #header .header-nav .language-selector {

      padding-top: 8px; } }

  #header .header-nav .cart-preview .shopping-cart {

    vertical-align: middle; }

  #header .header-nav .cart-preview .body {

    display: none; }

  #header .header-nav #contact-link {

    padding: 10px 0 15px 0px;

    float: right;

    margin-right: 10px; }

  #header .header-nav .material-icons {

    line-height: 22px;

    font-size: 20px; }

    #header .header-nav .material-icons.expand-more {

      margin-left: -3px; }



#header .header-top {

  width: 100%;

  text-align: center;

  padding: 50px 0;

  background: #fbebde; }

  #header .header-top > .container {

    position: relative; }



#header .top-menu-link {

  margin-left: 1.25rem; }



#header .currency-selector {

  padding: 0px 0px 5px 0px;

  margin: 0;

  white-space: nowrap;

  display: inline-block;

  float: left;

  font-size: 16px;

  letter-spacing: 0.60px; }

  #header .currency-selector .expand-more {

    color: #000000; }

  #header .currency-selector .dropdown-arrow:before {

    font-family: "FontAwesome";

    content: "\F107";

    font-size: 16px;

    padding-left: 3px; }

  #header .currency-selector .expand-more {

    padding: 0px 0 0px 0px; }

  #header .currency-selector.dropdown:hover .expand-more, #header .currency-selector.dropdown:hover .dropdown-arrow:before {

    text-decoration: none;

    color: #5f999c;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease; }

  #header .currency-selector.open .dropdown-arrow:before {

    content: "\F106"; }



#header .language-selector {

  padding: 0px 35px 5px 0px;

  margin: 0;

  white-space: nowrap;

  display: inline-block;

  float: left;

  font-size: 15px;

  letter-spacing: 0.60px; }

  #header .language-selector .expand-more {

    color: #000000; }

  #header .language-selector .dropdown-arrow:before {

    font-family: "FontAwesome";

    content: "\F107";

    font-size: 16px;

    padding-left: 3px; }

  #header .language-selector .expand-more {

    padding: 0px 0px 0px 0px; }

  #header .language-selector.dropdown:hover .expand-more, #header .language-selector.dropdown:hover .dropdown-arrow:before {

    text-decoration: none;

    color: #5f999c;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease; }

  #header .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 .user-info {

  float: right;

  position: relative;

  margin: 0 15px 0;

  padding-bottom: 5px; }

  #header .user-info .user-info-title {

    float: left;

    color: #000000;

    height: 25px;

    width: 25px;

    cursor: pointer;

    background: url(../img/codezeel/nav-icon.png) no-repeat scroll 0px 4px transparent; }

    #header .user-info .user-info-title:hover {

      background-position: 0px -39px;

      color: #5f999c; }

    #header .user-info .user-info-title .account_text {

      display: none; }

  #header .user-info.open .user-info-title {

    background-position: 0px -39px;

    color: #5f999c; }

  #header .user-info .material-icons {

    display: none; }

  #header .user-info .dropdown-menu {

    left: auto;

    right: 0;

    min-width: 180px; }



#header .blockcart {

  text-align: center;

  white-space: nowrap;

  position: relative;

  float: right;

  width: auto;

  padding: 0 0px 0 15px;

  margin: 0; }

  #header .blockcart .blockcart-header {

    display: block;

    text-align: left;

    height: 25px;

    width: 25px;

    background: url(../img/codezeel/nav-icon.png) no-repeat scroll 0px -278px transparent; }

    #header .blockcart .blockcart-header > a.shopping-cart {

      text-decoration: none;

      padding: 0px;

      color: #000000;

      text-transform: uppercase;

      font-weight: 700;

      -webkit-transition: all 0.5s ease;

      -moz-transition: all 0.5s ease;

      -o-transition: all 0.5s ease;

      transition: all 0.5s ease;

      height: 25px;

      width: 25px;

      display: block;

      font-size: 0; }

      #header .blockcart .blockcart-header > a.shopping-cart:hover, #header .blockcart .blockcart-header > a.shopping-cart:focus {

        text-decoration: none;

        background-position: 0px -342x;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease; }

      #header .blockcart .blockcart-header > a.shopping-cart .cart-products-count {

        color: #fff;

        background: #5f999c;

        line-height: initial;

        position: absolute;

        font-size: 12px;

        top: -4px;

        right: -9px;

        display: block;

        font-weight: 500;

        padding: 1px 5px;

        text-transform: lowercase;

        display: block;

        font-weight: 400;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        -ms-border-radius: 50%;

        -o-border-radius: 50%;

        border-radius: 50%; }

    #header .blockcart .blockcart-header.active, #header .blockcart .blockcart-header:hover {

      background-position: 0px -342px; }

  #header .blockcart .material-icons.expand-more {

    display: none; }

  #header .blockcart a {

    color: #ffffff; }

    #header .blockcart a:hover {

      color: #5f999c; }



#header .cart_block {

  position: absolute;

  top: 32px;

  right: 0px;

  margin-top: 0px;

  z-index: 100;

  height: auto;

  border: 1px solid #fffaef;

  color: #fff;

  width: 300px;

  padding: 5px 0;

  left: auto;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px; }

  #header .cart_block .cart-item {

    margin-bottom: 5px;

    padding: 10px;

    overflow: hidden;

    border-bottom: #555555; }

    #header .cart_block .cart-item .cart-image {

      float: left;

      margin-right: 12px;

      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;

      color: #000000; }

      #header .cart_block .cart-item .cart-info .product-quantity {

        display: inline-block;

        text-transform: uppercase;

        color: #000000; }

      #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-name a {

          color: #555; }

      #header .cart_block .cart-item .cart-info .product-price {

        display: block;

        font-size: 15px;

        padding-top: 5px;

        color: #5f999c; }

      #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;

        color: #000000;

        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;

    background: none; }

    #header .cart_block .cart-summary .cart-summary-line .value,

    #header .cart_block .cart-summary .label {

      color: #555; }

  #header .cart_block .block_content {

    color: #fff; }

    #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: #ffffff;

        border-color: #ffffff;

        color: #000000; }

        #header .cart_block .block_content .checkout.card-block .btn-checkout:hover {

          background: #000000;

          border-color: #000000;

          color: #fff; }



#header .search-widget {

  float: right;

  width: auto;

  z-index: 99;

  padding: 0 15px 0 0;

  margin: 0; }

  #header .search-widget .search_button {

    display: block;

    font-size: 0;

    text-align: center;

    cursor: pointer;

    z-index: 9;

    background: url(../img/codezeel/nav-icon.png) no-repeat scroll 0px -90px transparent;

    height: 25px;

    width: 25px; }

    #header .search-widget .search_button.active {

      background-position: 2px -186px; }

      #header .search-widget .search_button.active:hover {

        background-position: 2px -228px; }

    #header .search-widget .search_button:hover {

      background-position: 0px -139px; }

  #header .search-widget .search_toggle {

    display: none;

    position: absolute;

    background: #fff;

    z-index: 9;

    width: 300px;

    top: 32px;

    right: 5px;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px; }

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

    right: 0px;

    padding: 14px 21px;

    background: url(../img/codezeel/nav-icon.png) no-repeat scroll 8px -90px transparent;

    border-left: 1px solid #dddddd;

    top: 9px; }

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

      display: none; }

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

      background-position: 8px -139px; }

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

    background: #ffffff;

    color: #666666;

    width: 100%;

    padding: 10px 50px 10px 12px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px; }



#header .header-top-inner {

  border-bottom: 1px solid #f2f2f2;

  background-color: #ffffff; }



.popover {

  font-family: inherit; }



/*** WRAPPER ***/

#index #wrapper {

  padding-top: 0px; }



#wrapper {

  padding-top: 35px;

  padding-bottom: 30px; }

  #wrapper .banner {

    margin-bottom: 30px;

    display: block; }



/*.breadcrumb {

  margin: 0px 0 40px;

  float: left;

  width: 100%;

  text-align: center;

  padding: 60px 0;

  background-color: #f7f7f7; }*/

  .breadcrumb[data-depth="1"] {

    display: none; }

  .breadcrumb ol {

    padding-left: 0;

    margin-bottom: 0; }

  .breadcrumb li {

    display: inline; }

    .breadcrumb li::after {

      content: "/";

      color: #333333;

      margin: 0.3125em; }

    .breadcrumb li:last-child {

      content: "/";

      color: #333333;

      margin: 5px; }

      .breadcrumb li:last-child::after {

        content: ""; }

    .breadcrumb li a {

      color: #333333; }

      .breadcrumb li a:hover {

        color: #5f999c;

        text-decoration: underline; }



/*** MAIN ***/

#index #main .page-footer {

  margin-bottom: 0; }



#main .page-header {

  margin-bottom: 25px; }



#main .page-content {

  margin-bottom: 25px; }

  #main .page-content h2, #main .page-content h3 {

    font-weight: 500;

    font-size: 18px; }

  #main .page-content h6 {

    margin-bottom: 10px;

    font-weight: normal; }

  #main .page-content #notifications {

    margin-left: -30px;

    margin-right: -30px; }



#main .page-footer {

  margin-bottom: 25px; }



#main > h1,

#main h2.h2,

#main .page-header h1,

.block-category h1 {

  font: 500 22px/26px "Roboto", sans-serif;

  color: #000000;

  text-transform: uppercase;

  margin-bottom: 20px; }



#notifications ul {

  margin-bottom: 0; }



/*** FOOTER ***/

/*** Responsive part ***/

@media (max-width: 767px) {

  #wrapper {

    box-shadow: none;

    padding-top: 20px; }

  #checkout-cart-summary {

    float: none;

    width: 100%;

    margin-top: 1rem; }

  #header .logo {

    max-height: 45px; }

  #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%; }

  #header .header-nav .user-info {

    text-align: left;

    margin-left: 0; }

  #header .header-nav .blockcart {

    margin-left: 0;

    background: inherit; }

    #header .header-nav .blockcart.inactive .cart-products-count {

      display: none; }

  #header .user-info {

    margin: 0 7px; }

  #header .header-top {

    padding: 20px 0; }

    #header .header-top .language-selector {

      padding-right: 15px; }

  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%; }

   }



@media (max-width: 991px) {

  #index #header {

    position: relative;

    padding-bottom: 0px; }

  .container {

    max-width: 100%; }

  #header .logo {

    width: auto;

    max-height: 48px; }

  #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-top-inner {

    height: 50px;

    margin-top: 30px; }

  #header .header-top .header_logo {

    float: none;

    margin-top: -12px; }

  #header .header-top .menu-wrapper {

    width: 100%;

    float: none; }

  #header .blockcart .material-icons.shopping-cart {

    display: inline-block; }

  #header .blockcart .blockcart-header > a.shopping-cart {

    color: #262626; }

    #header .blockcart .blockcart-header > a.shopping-cart:hover, #header .blockcart .blockcart-header > a.shopping-cart:focus {

      color: #262626; }

    #header .blockcart .blockcart-header > a.shopping-cart:before {

      display: inline-block;

      color: #262626; }

  #header .blockcart a {

    /*span.hidden-sm-down{ display: none;	}*/ }

    #header .header-top {

      padding: 20px 0 20px 0;

  } }



@media (max-width: 575px) {

  #header .header-top {

    padding-top: 20px;

    padding-bottom: 20px; }

    #header .header-top .header_logo {

      width: 100%;

      margin-top: -11px;

      padding-left: 10px;

      text-align: left;}

      #header .header-top .header_logo .logo {

        /*max-height: 42px;*/

        max-height: 48px; }

    #header .header-top .blockcart {

      padding-left: 10px; }

    #header .header-top .user-info {

      margin: 0 7px; }

    #header .header-top .cart_block {

      width: 280px; }

    #header .header-top #search_widget {

      padding-right: 10px; }

      #header .header-top #search_widget .search_toggle {

        width: 280px;

        right: -70px; } }



@media (max-width: 480px) {

  #header .header-top .header_logo {

    margin-top: -7px; }

    #header .header-top {

      padding-top: 15px;

      padding-bottom: 15px; }

    #header .header-top .header_logo .logo {

      /*max-height: 35px;*/

      max-height: 42px;

     } }



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

        margin-left: 5px;

        -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; }



/*-------------------------- Start Home page Testimonial Block -------------------------------*/

#cztestimonialcmsblock {

  clear: both;

  position: relative;

  padding-bottom: 30px; }

  #cztestimonialcmsblock .testimonial_container {

    color: #808080;

    padding-top: 5px;

    padding-bottom: 5px;

    text-align: center; }

    #cztestimonialcmsblock .testimonial_container .testimonial-area {

      padding: 110px 145px;

      float: left;

      width: 100%;

      margin: 0px 0px;

      position: relative; }

      #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel {

        padding: 0px 0px; }

        #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item {

          overflow: hidden; }

          #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-image .testimonial-image-inner {

            float: left;

            border: 5px solid rgba(255, 255, 255, 0.29);

            overflow: hidden;

            border-radius: 50%;

            margin-top: 10px; }

          #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-image .title {

            display: inline-block;

            text-align: left;

            margin-top: 15px;

            color: #ffffff; }

            #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-image .title .name {

              line-height: 19px;

              text-transform: uppercase;

              font-size: 15px;

              font-weight: 400;

              padding-right: 4px;

              display: inline-block; }

              #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-image .title .name a {

                color: #ffffff; }

            #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-image .title .subheading {

              line-height: 22px;

              font-size: 14px;

              display: block; }

          #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-detail {

            padding: 15px 10px 10px 70px;

            overflow: hidden;

            text-align: left;

            position: relative;

            color: #ffffff; }

          #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .description {

            margin-bottom: 0px;

            line-height: 24px;

            font-size: 14px;

            letter-spacing: 0.5px;

            position: relative;

            padding-left: 0px; }

            #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .description:before {

              content: '';

              background: transparent url(../img/codezeel/quote1.png) no-repeat scroll center bottom;

              width: 30px;

              height: 30px;

              position: absolute;

              top: -25px;

              display: block;

              left: -35px; }

            #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .description .quote-image {

              background: transparent url(../img/codezeel/quote2.png) no-repeat scroll center bottom;

              width: 30px;

              height: 20px;

              display: inline-block;

              margin-left: 10px;

              margin-bottom: -10px; }

  #cztestimonialcmsblock .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: 43%; }

  #cztestimonialcmsblock .owl-controls {

    position: absolute;

    margin: 0;

    display: none;

    bottom: -25px;

    text-align: center;

    top: 25px;

    right: -50px;

    z-index: 9; }

    #cztestimonialcmsblock .owl-controls .owl-page {

      margin: 10px 4px;

      display: none;

      zoom: 1;

      border: 1px solid #000000;

      *display: inline; }

      #cztestimonialcmsblock .owl-controls .owl-page span {

        width: 5px;

        height: 5px;

        display: block;

        background: #000000;

        cursor: pointer;

        margin: 3px;

        text-indent: -9999px;

        -webkit-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out;

        -moz-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out;

        -o-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out;

        transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out; }

      #cztestimonialcmsblock .owl-controls .owl-page:hover, #cztestimonialcmsblock .owl-controls .owl-page.active {

        border-color: #5f999c; }

        #cztestimonialcmsblock .owl-controls .owl-page:hover span, #cztestimonialcmsblock .owl-controls .owl-page.active span {

          background: #5f999c; }

  #cztestimonialcmsblock:hover .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; }

  #cztestimonialcmsblock:hover .testimonial-image .testimonial-image-inner {

    border-color: #5f999c; }



@media (max-width: 1199px) {

  #cztestimonialcmsblock .testimonial_container {

    padding-left: 20px;

    padding-right: 20px; }

    #cztestimonialcmsblock .testimonial_container .testimonial-area {

      padding: 80px 80px; } }



@media (max-width: 991px) {

  #cztestimonialcmsblock .parallax {

    min-height: auto; }

  #cztestimonialcmsblock .testimonial_container .testimonial-area {

    padding: 50px 30px; }

    #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .testimonial-image {

      margin-bottom: 15px; } }



@media (max-width: 575px) {

  #cztestimonialcmsblock .testimonial_container {

    padding: 20px 5px; }

    #cztestimonialcmsblock .testimonial_container .testimonial-area {

      padding: 30px 20px; }

      #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel {

        padding: 0px; }

        #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .subheading {

          font-size: 18px; }

        #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .des {

          font-size: 14px; }

        #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .name a {

          font-size: 16px; }

        #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .testimonial-image .testimonial-image-inner {

          float: none;

          display: inline-block; }

        #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .testimonial-image .testimonial-detail {

          padding-left: 0;

          padding-right: 0;

          text-align: center; }

          #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .testimonial-image .testimonial-detail .description {

            font-size: 13px; }

          #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .testimonial-image .testimonial-detail .title {

            width: 100%;

            text-align: center; } }



@media (max-width: 991px) and (min-width: 601px) {

  #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .title {

    clear: both; } }



@media (max-width: 600px) {

  #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face {

    width: 100%;

    float: none; }

  #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .product_inner_cms {

    clear: both;

    padding-top: 0px;

    float: none;

    width: 100%;

    margin-left: 0px; }

    #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .product_inner_cms .des {

      padding-left: 0px; }

      #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .product_inner_cms .des .quote_img {

        display: none; }

  #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel .testimonial-item .testimonial-image .testimonial-detail {

    padding-left: 30px; }

    #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel .testimonial-item .testimonial-image .testimonial-detail .description:before {

      display: none; }

    #cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel .testimonial-item .testimonial-image .testimonial-detail .description .quote-image {

      display: none; } }



/*********************  CMS Banner homepage    *********************/

#czbannercmsblock {

  padding: 20px 0 40px;

  margin: 0px;

  clear: both;

  overflow: hidden; }

  #czbannercmsblock > .czbanner_container {

    display: flex;

    justify-content: center;

    padding: 0;

  }

  #czbannercmsblock .czbanner_container .cmsbanners .one-half {

    float: left;

    margin: 0 10px; }

    #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner {

      position: relative; }

      #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner {

        position: relative;

        overflow: hidden;

        vertical-align: middle; }

        #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner img {

          max-width: 100%; }

        #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner .banner-anchor {

          display: block; }

          #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner .banner-anchor:before {

            position: absolute;

            top: 0;

            left: -75%;

            z-index: 2;

            display: block;

            content: '';

            width: 50%;

            height: 100%;

            background: -webkit-linear-gradient(left, transparent 0%, rgba(246, 246, 246, 0.13) 100%);

            background: linear-gradient(to right, transparent 0%, rgba(246, 246, 246, 0.13) 100%);

            transform: skewX(-30deg);

            -webkit-transform: skewX(-30deg);

            -ms-transform: skewX(-30deg);

            -o-transform: skewX(-30deg); }

        #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner:hover a.banner-anchor:before {

          -webkit-animation: shine 1.5s;

          animation: shine 1.5s; }

        #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner .banner-image {

          position: relative;

          overflow: hidden; }

          #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner .banner-image img {

            -webkit-transform: scale(1);

            -ms-transform: scale(1);

            transform: scale(1);

            -webkit-transition: all 0.3s ease;

            -moz-transition: all 0.3s ease;

            -o-transition: all 0.3s ease;

            transition: all 0.3s ease; }

        #czbannercmsblock .czbanner_container .cmsbanners .one-half .cmsbanner-inner .cmsbanner:hover .banner-image img {

          -webkit-transform: scale(1.05);

          -ms-transform: scale(1.05);

          transform: scale(1.05);

          -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 shine {

  100% {

    left: 125%; } }



@keyframes shine {

  100% {

    left: 125%; } }

  #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part1 {

    /*padding-right: 10px;*/

    width: 50%;

    max-width: 630px; }

  #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part2 {

    text-align: center;

    float: right;

    height: 100%;

    display: flex;

    align-items: center;

    border: 1px solid;

   /* padding: 10px;*/

    width: 50%;

    max-width: 630px; }

    #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part2 .cmsbanner-inner .cmsbanner2 {

      margin-bottom: 3%; }



@media (max-width: 991px) {

  #czbannercmsblock {

    padding: 10px 0 0px; }

    #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part1 {

      padding-right: 7px; }

    #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part2 {

      padding-left: 7px; }

      #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part2 .cmsbanner-inner .cmsbanner2 {

        margin-bottom: 3%; } }



@media (max-width: 600px) {

  #czbannercmsblock .czbanner_container .cmsbanners .one-half {

    width: 100%;

    padding: 0 0; }

  #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part2 .cmsbanner-inner .cmsbanner2 {

    margin: 15px 0; } }



/*********************  CMS Sub Banner homepage    *********************/

#czsubbannercmsblock {

  margin-bottom: 20px;

  width:100%;

  text-align:center;

  display: inline-block; }

  #czsubbannercmsblock .czsubbanner_container .subbanners {

    margin-top: 3px;

    display: inline-block; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner {

      float: left;

      width: 33.33%;

      position: relative;

	  text-align: center;}

      #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .banner-anchor {

        display: block; }

        #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .banner-anchor img {

          max-width: 100%; }

        #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .banner-anchor:before {

          background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

          bottom: 20px;

          content: "";

          left: 20px;

          opacity: 1;

          position: absolute;

          right: 20px;

          top: 20px;

          opacity: 1;

          filter: alpha(opacity=100);

          -webkit-transform: scale(0);

          -ms-transform: scale(0);

          transform: scale(0); }

      #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text {

        position: absolute;

        top: 37%;

        text-align: center;

        color: #ffffff;

        letter-spacing: 0.50px; }

        #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text div {

          font-size: 48px;

          text-transform: uppercase;

          line-height: 44px;

          margin-bottom: 15px; }

        #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text span {

          font-size: 18px;

          line-height: 26px;

          text-transform: capitalize; }

      #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner:hover .banner-anchor:before {

        opacity: 0;

        filter: alpha(opacity=0);

        -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; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner1 {

      padding-right: 3px; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner3 {

      padding-left: 3px; }



@media (max-width: 1400px) {

  #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text {

    top: 35%;

    right: 20px; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text div {

      font-size: 35px;

      margin-bottom: 0; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text span {

      font-size: 14px; } }



@media (max-width: 1199px) {

  #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text div {

    font-size: 25px; } }



@media (max-width: 991px) {

  #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text {

    top: 35%; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text div {

      font-size: 22px;

      line-height: 30px; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text span {

      font-size: 11px; } }



@media (max-width: 767px) {

  #czsubbannercmsblock {

    padding: 0 6px;

    margin-bottom: 10px; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text {

      right: 20px; }

      #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text div {

        font-size: 14px; }

      #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text span {

        display: none; } }



@media (max-width: 575px) {

  #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner {

    width: 100%;

    float: none;

    padding: 0; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text {

      right: 45px;

      top: 35%; }

      #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text div {

        font-size: 40px;

        margin-bottom: 10px;

        line-height: 44px; }

      #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text span {

        display: block;

        font-size: 16px; }

  #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner2 {

    padding: 5px 0; } }



@media (max-width: 480px) {

  #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text {

    right: 29px; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text div {

      font-size: 26px;

      line-height: 35px; }

    #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text span {

      font-size: 11px; } }



@media (min-width: 320px) and (max-width: 375px) {

  #czsubbannercmsblock .czsubbanner_container .subbanners .subbanner .subbanner-text {

    right: 5px; } }



/*-------------------------- Start Home page Service CMS Block -------------------------------*/

#content-hook-order-confirmation-footer,

#cart .featured-products {

  margin-top: 50px; }



#header .blockcart .blockcart-header .dropdown-backdrop{

    display: none;

}

.alert-contact {

  text-align: center;

}

.contact-img {

  text-align: center;

}

.category-cover {

  overflow: hidden;

  border-radius: 0;

}

.category-cover-img {

  z-index: -1 !important;

  position: absolute !important;

}

.category-content {

  margin: 10px;

  color: #3C3A3A;

}

.container-newsletter {

  display: flex;

  justify-content: center;

}

.psgdpr_consent_message {

  color: #ffffff;

  font-weight: 100;

}

.in-stock {


  background-color: #5f999c;

  padding: 3px 12px 3px;

  color: #fff;

}

.out-stock {

    background-color: red;

  padding: 3px 12px 3px;

  color: #fff;

}

.banner-image1 {

  width: 100%;

}

.custom-text-flex {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.perso-img {

  margin: 10px 10px;

}

.perso-img > a > img {

  max-width: 100%;

}

.cmsbanner2 {

  margin : 0 10px;

  max-width: 100%;

}

.cmsbanners {

  display: flex;

  justify-content: center;

  align-items: center;

}

@media (max-width: 673px) {

  .category-cover-img {

    display: none;

  }

}

@media (max-width: 992px) {

  .custom-text-flex {

    flex-wrap: nowrap;

  }}


@media (max-width: 992px) {

  .cmsbanners, .custom-text-flex {

    flex-direction: column;

  }

  


  #czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part1 ,#czbannercmsblock .czbanner_container .cmsbanners .cmsbanner-part2, .perso-img{

    width: unset;

    height: auto;

    max-width: none;

    padding: 0;

    margin:10px 0;

  }

  .custom-text-flex {

    margin: 0;

    padding: 0;

    width: unset;

  }

}

.thumbnail-container > .product-flags > li {

  padding: 3px 3px !important;

}

.psgdpr_consent_message > span > a {

  color: #ffffff;

}

.psgdpr_consent_message > span > a:hover {

  color : #b2b2b2;

}

.col-adresses {

  max-height: 280px;

}

.btn-logout {

    position: relative;

    z-index: 1;

    padding: 8px 20px;

    /*background-color: red;*/

    border-radius: 25px;

  }

.btn-logout::before {



 /* content: '';

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: -0.25em;

  right: -0.25em;

  border-radius:25px;

  background-color: hsla(241, 38%, 34%, 0.75);

  transform-origin: center right;

  transform: scaleX(0);

  transition: transform 0.2s ease-in-out;*/

}

.btn-logout:hover {

 /* transform: scaleX(1);

  transform-origin: center left;*/

  background-color: #5f999c;

      color: #ffffff;

}

.discount-amount {

  z-index: 2;

    color: #FF0505;

    vertical-align: top;

    display: inline;

    padding: 0 5px;

    font-size: 20px;

}

.product-unavailable-other {

  background-color: #4b4b4b;

  padding: 3px 12px 3px;

  border-radius: 10px;

}

@media (max-width: 992px) {

  #left-column {

    display: none;

  }

}

@media (max-width : 992px) {

  .outer-functional {

    display: none;

  }

}

.contact-head > a:before {

  content:"\f003";

  font-family: FontAwesome;

  font-size:25px;

  color : #000000;

}

.contact-head > a {

  width:auto;

}

.contact-head {

  text-align: center;

  white-space: nowrap;

  position: relative;

  float: left;

  width: auto;

  margin: 0;

  z-index:1;

}

@media (max-width : 575px) {

  .contact-head {

    float: right;

    right: 11em;

  }

}

.subbanner-text a {

  text-decoration: none;

  color: #776c6b;

}

@media (max-width: 767px) {

  .page-home > .hidden-sm-down {

    display: block !important;

    padding: 6px; } }