@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Oswald", sans-serif; }

html {
  font-size: 16px; }

body {
  font-family: "Roboto", sans-serif;
  color: #525960;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5rem; }

a {
  color: inherit;
  text-decoration: none; }

strong {
  font-weight: bold; }

img {
  vertical-align: middle;
  max-width: 100%; }

label {
  cursor: pointer; }

input {
  color: #000;
  font-size: 16px;
  font-weight: 400; }

input.button, button {
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  padding: 5px 20px 3px;
  border: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: "Oswald", sans-serif;
  background-color: #00386c;
  border-radius: 3px; }

td {
  font-size: inherit; }

::-webkit-input-placeholder {
  opacity: .9; }

::-moz-placeholder {
  opacity: .9; }

:-ms-input-placeholder {
  opacity: .9; }

:-moz-placeholder {
  opacity: .9; }

button, .button {
  font-family: "Oswald", sans-serif;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  outline: none;
  background-color: #000; }

::before, ::after {
  font-family: fontello; }

ul, ol {
  margin: 0; }

.hidden {
  display: none; }

@media all and (max-width: 992px) {
  .md-hide {
    display: none; } }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

/******************************/
.navbar {
  display: none; }

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem; }

.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none; }

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0; }

.navbar-nav .dropdown-menu {
  position: static;
  float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none; }

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler {
    display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .navbar-expand-md .navbar-toggler {
    display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler {
    display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler {
    display: none; } }

@media (max-width: 1439.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1440px) {
  .navbar-expand-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .navbar-expand-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .navbar-expand-xxl .navbar-toggler {
    display: none; } }

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0; }

.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute; }

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.navbar-expand .navbar-toggler {
  display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  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:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' 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 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' 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 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a {
  color: #fff; }

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none; } }

/**********************/
@media all and (max-width: 768px) {
  .no-padding > * {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

/**********/
.position-static {
  position: static !important; }

/********************/
.l-container {
  max-width: 1340px; }
  @media all and (min-width: 992px) {
    .l-container {
      padding-left: 15px;
      padding-right: 15px; } }
  @media all and (min-width: 1200px) {
    .l-container {
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0; } }

@media all and (min-width: 1200px) {
  .l-grid {
    display: grid;
    grid-template-columns: 1fr 1340px 1fr;
    grid-template-rows: 1fr;
    height: 100%; } }

.l-pagebox {
  margin-bottom: 30px; }
  .l-pagebox:after {
    content: '';
    display: table;
    clear: both; }

.l-sidebar {
  display: none; }
  @media all and (min-width: 992px) {
    .l-sidebar {
      display: block;
      width: 270px;
      float: left; } }

.l-page {
  width: 100%; }
  @media all and (min-width: 992px) {
    .l-page {
      width: calc(100% - 300px);
      float: right; } }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media all and (max-width: 1200px) {
  html {
    position: relative;
    min-height: 100%; } }

@media all and (max-width: 1200px) {
  body {
    height: 100%; } }

/************************/
.top {
  line-height: 2.5rem;
  color: #d1dbe4;
  background-color: #00386c;
  border-bottom: 1px solid #37333a;
  min-height: 40px; }
  .top .shipping__info {
    background-color: #002d58;
    display: inline-block;
    padding: 0 18px; }
  .top .shipping__info em {
    background: url(../img/ico-shipping.png) center center no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    position: relative;
    top: 4px; }
  @media all and (max-width: 768px) {
    .top__information {
      display: none; }
    .top .shipping__info {
      text-align: center !important;
      padding: 0;
      width: 100%;
      text-align: center; } }

/**********************/
.mobileMenu {
  text-align: center;
  padding: 2px 0 2px;
  margin-bottom: 20px;
  border-top: 1px solid #dce2e4;
  border-bottom: 1px solid #dce2e4; }
  .mobileMenu a {
    display: inline-block;
    padding: 8px 10px 5px;
    border-left: 1px solid #dce2e4;
    border-right: 1px solid #dce2e4;
    font-size: 25px;
    color: #00386c; }
  @media all and (min-width: 992px) {
    .mobileMenu {
      padding: 0;
      margin-bottom: 0;
      border-top: 0;
      border-bottom: 0;
      display: inline-block;
      float: left; }
      .mobileMenu a {
        border-left: 0;
        border-right: 0; }
      .mobileMenu .mobileMenu__cart {
        display: none; } }
  @media all and (min-width: 1200px) {
    .mobileMenu {
      display: none; } }

/**********************/
.header {
  padding: 22px 0 12px; }
  @media all and (max-width: 992px) {
    .header__logo {
      text-align: center;
      display: block;
      margin-bottom: 20px; } }

/*********************/
.searchBox {
  border: 1px solid #d0d8db;
  background-color: #edf0f1;
  border-radius: 6px;
  overflow: hidden; }
  .searchBox form {
    display: flex;
    justify-content: space-between;
    height: 36px; }
  .searchBox button {
    background-color: #fff;
    color: #00386c; }
    .searchBox button:hover {
      color: #ed1c24; }
  .searchBox input {
    border: none;
    background-color: rgba(255, 255, 255, 0);
    font-family: "Roboto", sans-serif;
    font-size: .875rem;
    padding: 2px 0 0 10px;
    color: #525960; }
  @media all and (max-width: 992px) {
    .searchBox {
      width: 100%; } }
  @media all and (min-width: 992px) {
    .searchBox {
      margin-left: 10%; } }

/**********************/
.panel__amount {
  display: none; }

@media all and (max-width: 992px) {
  .panel {
    display: none; } }

@media all and (min-width: 768px) {
  .panel {
    font-family: "Oswald", sans-serif;
    font-size: 1.125rem;
    color: #00386c; }
    .panel__account {
      display: inline-block;
      position: relative; }
    .panel__cart {
      display: inline-block;
      margin-left: 36px;
      font-size: 1.25rem;
      font-weight: 500; }
    .panel__cart a {
      display: block;
      background: url(../img/ico-cart.png) 0 center no-repeat;
      padding: 10px 0 10px 60px;
      position: relative;
      height: 34px; }
    .panel__qty {
      display: block;
      background-color: #88b823;
      color: #fff;
      font-family: "Oswald", sans-serif;
      font-size: .8125rem;
      text-align: center;
      width: 25px;
      height: 25px;
      line-height: 24px;
      overflow: hidden;
      border-radius: 30px;
      position: absolute;
      top: -2px;
      left: 25px; } }

@media all and (min-width: 992px) {
  .panel__account {
    display: none; } }

@media all and (min-width: 1200px) {
  .panel__cart a {
    height: auto; }
  .panel__amount {
    display: inline-block; }
  .panel__account {
    display: inline-block; } }

/********************/
@media all and (max-width: 1200px) {
  .cbox {
    display: block;
    position: absolute;
    top: 0;
    left: -330px;
    bottom: 0;
    height: 100%;
    width: 265px;
    z-index: 9999;
    background-color: #d01018;
    cursor: pointer;
    transition: all 200ms ease-in-out; }
    .cbox.opened {
      left: 0; } }

.cclose {
  display: none; }
  @media all and (max-width: 1200px) {
    .cclose {
      display: inline-block;
      position: absolute;
      top: 80px;
      right: -50px;
      border-radius: 50px;
      width: 44px;
      height: 44px;
      background-color: #000;
      color: #fff;
      text-align: center;
      overflow: hidden;
      line-height: 44px;
      font-size: 22px;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5); } }

@media all and (max-width: 1200px) {
  .navigation .categories {
    color: #fff;
    padding: 10px 0; }
    .navigation .categories__item {
      display: block;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      position: relative; }
    .navigation .categories__item > a {
      display: block;
      font-size: 1.125rem;
      font-weight: 500;
      text-transform: uppercase;
      padding: 9px 14px 7px; }
    .navigation .categories .ctrigger {
      position: absolute;
      text-align: right;
      top: 0;
      left: 0;
      right: 0;
      height: 38px;
      padding: 9px 10px 0 0;
      cursor: pointer; }
    .navigation .categories__submenu {
      padding: 2px 14px 11px;
      display: none; }
    .navigation .categories__submenu a {
      display: block;
      font-size: .9375rem; } }

@media all and (min-width: 1200px) {
  .navigation .categories {
    display: flex;
    justify-content: space-between;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.25rem;
    padding-bottom: 6px;
    position: relative; }
    .navigation .categories__item {
      padding: 0;
      transition: all 100ms ease-in-out; }
    .navigation .categories__item > a {
      padding: 12px 15px;
      display: block;
      transition: all 100ms ease-in-out;
      white-space: nowrap; }
      .navigation .categories__item > a:hover {
        color: #fff; }
    .navigation .categories__submenu {
      position: absolute;
      top: 51px;
      left: 0;
      right: 0;
      display: flex;
      padding: 0 6px;
      background-color: #00386c;
      opacity: 0;
      visibility: hidden;
      transition: all 100ms ease-in-out;
      z-index: 10000; }
    .navigation .categories__item:hover .categories__submenu, .navigation .categories__item .categories__submenu:hover {
      opacity: 1;
      top: 46px;
      visibility: visible; }
    .navigation .categories__item:hover, .navigation .categories__item:hover a {
      background-color: #00386c;
      color: #fff; }
    .navigation .categories__topLevel {
      display: block;
      padding: 13px 12px 10px;
      font-size: 1rem;
      font-weight: 400;
      white-space: nowrap;
      color: #fff; }
    .navigation .categories__topLevel--16 {
      display: none; }
    .navigation .categories .ctrigger {
      display: none;
      position: absolute;
      text-align: right;
      top: 0;
      left: 0;
      right: 0;
      height: 38px;
      padding: 9px 10px 0 0;
      cursor: pointer; } }

.sidebarMenu {
  background-color: #edf0f1;
  margin: 30px 30px 0 0;
  padding: 10px 0; }
  .sidebarMenu .ctrigger {
    display: none; }
  .sidebarMenu .categories__item > a {
    display: none;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 10px; }
  .sidebarMenu .categories__item:not(.active) {
    display: none; }
  .sidebarMenu .categories__topLevel {
    display: block; }
  .sidebarMenu .categories__topLevel--8 {
    font-size: 1rem;
    margin-bottom: 6px;
    padding: 3px 10px;
    font-weight: 600;
    color: #00386c; }
  .sidebarMenu .categories__topLevel--16 {
    font-size: .9375rem;
    padding: 2px 10px 2px 15px; }
    .sidebarMenu .categories__topLevel--16::before {
      content: '\e812';
      margin-right: 5px;
      font-size: 12px; }
    .sidebarMenu .categories__topLevel--16:hover {
      text-decoration: underline; }

.sidebarMenu .categories__topLevel--16 + .categories__topLevel--8 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 16px;
  margin-top: 6px; }

/********************/
.catalog {
  padding-top: 38px; }
  .catalog-intro {
    margin-bottom: 10px;
    text-align: center; }
  .catalog-catName {
    color: #00386c;
    font-size: 1.375rem;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase; }
  .catalog-grid {
    clear: both;
    padding: 30px 0; }
  @media all and (min-width: 768px) {
    .catalog-intro {
      float: left;
      margin-bottom: 0;
      text-align: left; } }

.category-description {
  padding: 30px 0 20px; }
  .category-description h1 {
    margin-bottom: 10px;
    font-size: 1.125rem;
    color: #00386c;
    font-weight: 500; }
  .category-description p {
    margin-bottom: 10px;
    font-weight: 300; }

.productSingle {
  border-bottom: 1px solid #edf0f1;
  margin-bottom: 10px; }
  .productSingle__thumbnail {
    text-align: center; }
  .productSingle__thumbnail img {
    max-height: 150px; }
  .productSingle__infos {
    padding: 10px 0; }
  .productSingle__name a {
    display: block;
    margin-bottom: 6px;
    color: #00386c; }
  .productSingle__desc {
    font-size: .8125rem;
    line-height: 1.125rem;
    font-weight: 300; }
  .productSingle__buybox {
    text-align: center;
    padding: 10px; }
  .productSingle__price {
    color: #00386c;
    margin-bottom: 3px; }
  .productSingle__buy .inputIlosc {
    width: 40px;
    font-family: "Roboto", sans-serif;
    font-size: .9375rem;
    text-align: center; }
  .productSingle__buy button {
    margin-top: 8px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: .8125rem;
    background-color: #88b823;
    border-radius: 3px;
    padding: 4px 12px 3px; }
  @media all and (min-width: 768px) {
    .productSingle {
      display: flex;
      border: 1px solid #edf0f1;
      margin-bottom: 10px; }
      .productSingle__thumbnail {
        width: 160px;
        flex-basis: 160px;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: center;
        text-align: center; }
      .productSingle__thumbnail img {
        max-height: 100px; }
      .productSingle__infos {
        padding: 10px 0;
        flex-grow: 2; }
      .productSingle__name a {
        display: block;
        margin-bottom: 6px;
        color: #00386c; }
      .productSingle__desc {
        font-size: .8125rem;
        line-height: 1.125rem;
        font-weight: 300; }
      .productSingle__buybox {
        width: 140px;
        flex-basis: 140px;
        flex-grow: 0;
        flex-shrink: 0;
        text-align: right;
        padding: 10px; }
      .productSingle__price {
        color: #00386c;
        margin-bottom: 3px; }
      .productSingle__buy .inputIlosc {
        width: 40px;
        font-family: "Roboto", sans-serif;
        font-size: .9375rem;
        text-align: center; }
      .productSingle__buy button {
        margin-top: 8px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: .8125rem;
        background-color: #88b823;
        border-radius: 3px;
        padding: 4px 12px 3px; } }

/********************/
.breadcrumbs {
  display: none; }
  @media all and (min-width: 768px) {
    .breadcrumbs {
      display: block;
      background-color: #edf0f1;
      border-bottom: 4px solid #dfe4e6; }
      .breadcrumbs__item {
        display: inline-block;
        line-height: 32px;
        padding-top: 2px;
        font-size: .875rem; }
        .breadcrumbs__item:not(:first-of-type)::before {
          content: ' ';
          display: inline-block;
          width: 34px; }
      .breadcrumbs__item strong {
        font-weight: 400;
        color: #00386c; } }

/********************/
.productPage {
  padding: 50px 0 40px; }

.photos {
  text-align: center; }
  .photos__main {
    margin-bottom: 30px; }
  .photos__gallery {
    padding: 20px 0; }
  .photos__gallery a {
    display: inline-block;
    margin: 10px;
    width: 80px; }
  @media all and (max-width: 992px) {
    .photos__main img {
      max-height: 400px; } }
  @media all and (min-width: 992px) {
    .photos {
      padding-right: 10%; }
      .photos__gallery a {
        width: 100px; } }

.infos {
  padding: 18px 0 10px 0;
  font-size: .9375rem;
  text-align: center; }
  .infos__name {
    font-size: 1.875rem;
    line-height: 2rem;
    color: #00386c;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    margin-bottom: 20px; }
  .infos__features {
    margin-bottom: 20px; }
  .infos__features li {
    display: inline-block;
    margin-right: 30px; }
  .infos__features li em {
    display: inline-block;
    width: 24px;
    height: 26px;
    float: left;
    margin-right: 10px; }
  .infos__shipping--marked {
    color: #88b823;
    font-weight: 700; }
  .infos__shipping em {
    background: url(../img/ico-truck.png) right center no-repeat;
    background-size: 24px auto; }
  .infos__store em {
    background: url(../img/ico-store.png) right center no-repeat;
    background-size: 14px auto; }
  @media all and (min-width: 992px) {
    .infos {
      padding: 18px 30px 10px 20px;
      text-align: left;
      border: 1px solid #dfe4e6;
      border-left: none;
      padding: 48px 30px 0 20px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomright: 10px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; } }

.accessories__header {
  color: #00386c;
  margin-bottom: 15px; }

.accessories__grid {
  display: flex;
  flex-direction: column; }

.accessories__item {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 30px;
  margin-bottom: 30px; }

.accessories__cart {
  flex: 0 0 40px; }
  .accessories__cart input[type=checkbox] {
    display: none; }

.accessories__marker {
  background-color: #edf0f1;
  width: 20px;
  height: 20px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center; }
  .accessories__marker::before {
    content: '\e804';
    color: #fff;
    line-height: 18px;
    position: relative;
    top: -3px;
    opacity: 0;
    transition: all 150ms ease-in-out; }

.accessories__cart input[type=checkbox]:checked + .accessories__marker {
  background-color: #ed1c24; }
  .accessories__cart input[type=checkbox]:checked + .accessories__marker::before {
    top: -3px;
    opacity: 1; }

.accessories__photo {
  flex: 0 0 90px;
  padding-right: 10px; }

.accessories__infos {
  line-height: 1.25rem;
  flex: 1 1 auto; }

.accessories__name {
  display: block;
  height: 40px;
  margin-bottom: 4px;
  overflow: hidden; }

@media all and (min-width: 992px) {
  .accessories__grid {
    flex-direction: row; }
  .accessories__item {
    width: 50%; }
  .accessories__cart {
    flex: 0 0 40px; }
  .accessories__photo {
    flex: 0 0 70px; } }

.buyBox {
  padding-bottom: 30px; }
  .buyBox__price {
    font-size: 1.5rem;
    color: #00386c;
    margin-bottom: 10px; }
  .buyBox__cart input[type=text] {
    border-radius: 4px;
    border: 0;
    background-color: #edf0f1;
    text-align: center;
    width: 38px;
    height: 38px;
    margin-right: 3px; }
  .buyBox__cart button {
    border-radius: 4px;
    border: 0;
    background-color: #88b823;
    text-align: center;
    height: 38px;
    margin: 0 3px 0 0;
    padding: 0 38px;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    top: 2px; }
    .buyBox__cart button:hover {
      background-color: #78a31f; }
  @media all and (min-width: 768px) {
    .buyBox {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%; } }
  @media all and (min-width: 992px) {
    .buyBox {
      justify-content: flex-start; }
      .buyBox__price {
        margin: 0 30px 0 0; }
      .buyBox__cart input[type=text] {
        border-radius: 4px;
        border: 0;
        background-color: #edf0f1;
        text-align: center;
        width: 38px;
        height: 38px;
        margin-right: 3px; }
      .buyBox__cart button {
        border-radius: 4px;
        border: 0;
        background-color: #88b823;
        text-align: center;
        height: 38px;
        margin: 0 3px 0 0;
        padding: 0 38px;
        font-size: 20px;
        font-weight: 500;
        position: relative;
        top: 2px; }
        .buyBox__cart button:hover {
          background-color: #78a31f; } }

.askAbout {
  padding: 22px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.shippingTable {
  padding: 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .shippingTable__header {
    cursor: pointer; }
    .shippingTable__header::before {
      content: '\e819';
      color: #88b823;
      font-size: 12px;
      margin-right: 7px;
      margin-left: 7px; }
  .shippingTable__wrapper {
    display: none;
    padding-top: 20px; }
  .shippingTable__row {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px dotted #edf0f1;
    padding: 10px 0;
    font-size: .875rem; }
  .shippingTable__cell {
    flex: 0 0 auto;
    padding: 1px 0; }
  .shippingTable__cell--sec {
    width: 250px; }
  @media all and (min-width: 992px) {
    .shippingTable {
      padding: 22px 0; }
      .shippingTable__row {
        flex-direction: row;
        padding: 0; }
      .shippingTable__cell {
        flex: 0 0 auto;
        padding: 5px 0; }
      .shippingTable__cell--logo {
        width: 160px;
        flex-basis: 170px;
        padding-right: 30px;
        text-align: right; } }

.bgLight {
  background-color: #edf0f1; }

/********************************/
.switcher {
  padding-top: 20px; }
  .switcher__menu {
    list-style: none; }
  .switcher__item {
    display: inline-block;
    font-size: 1.125rem; }
  .switcher__item a {
    display: inline-block;
    padding: 14px 40px 16px; }
  .switcher__item.active a {
    color: #00386c;
    font-weight: 600;
    background-color: #edf0f1;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .switcher__item a:hover {
    color: #00386c; }

.prodDesc {
  padding: 60px 0 40px; }
  .prodDesc * {
    font-size: .9375rem !important;
    font-family: "Roboto", sans-serif !important; }

/*******************************/
.banner {
  background-color: #edf0f1;
  padding: 20px 0;
  border-bottom: 4px solid #dce2e4; }
  .banner__item {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    font-family: "Oswald", sans-serif;
    margin-bottom: 20px; }
  .banner__bottomLine {
    background-color: rgba(255, 255, 255, 0.92);
    position: absolute;
    bottom: 30px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.375rem;
    color: #00386c;
    font-weight: 600;
    padding: 16px 0;
    z-index: 10; }
  .banner__text {
    position: relative; }
    .banner__text::before {
      content: ' ';
      position: absolute;
      display: block;
      left: -10px;
      right: -10px;
      bottom: -19px;
      height: 10px;
      background-color: #00386c; }
  .banner__phone {
    color: #fff;
    background-color: #ed1c24;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2rem;
    display: block;
    bottom: 80px;
    right: 0;
    padding: 7px 16px 9px 30px;
    z-index: 120;
    position: absolute; }
  @media all and (min-width: 768px) {
    .banner {
      padding: 70px 0; }
      .banner__grid {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      .banner__item {
        width: 31.8%; }
      .banner__item img {
        opacity: .8;
        z-index: 1;
        position: relative;
        transition: opacity 120ms ease-in-out; }
      .banner__item:hover img {
        opacity: 1; } }

/*****************************/
.homeOffer {
  padding: 60px 0 60px; }
  .homeOffer__menu {
    text-align: center;
    margin-bottom: 60px; }
  .homeOffer li {
    display: inline-block; }
  .homeOffer li a {
    font-size: 1.375rem;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #00386c;
    padding: 12px 8px 36px;
    margin: 0 6px;
    background-color: #fff;
    display: block; }
  .homeOffer li.active a {
    font-weight: 600;
    color: #ed1c24; }
  .homeOffer__grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media all and (min-width: 992px) {
      .homeOffer__grid {
        flex-wrap: nowrap; } }

.productBox {
  width: 33.33333%;
  padding: 22px 12px;
  position: relative;
  background-color: #fff; }
  .productBox__name {
    font-size: .9375rem;
    line-height: 1.25rem;
    display: block;
    height: 100px;
    padding-top: 20px; }
  .productBox__price {
    color: #00386c;
    font-family: "Oswald", sans-serif;
    height: 34px;
    font-size: 1.0625rem; }
  @media all and (max-width: 576px) {
    .productBox {
      text-align: center;
      width: 50%; } }
  @media all and (min-width: 992px) {
    .productBox {
      width: 15%;
      padding: 22px 12px;
      position: relative;
      background-color: #fff; }
      .productBox::before {
        content: ' ';
        height: 6px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #00386c;
        opacity: 0;
        z-index: 1;
        transition: opacity 180ms ease-in-out; }
      .productBox::after {
        content: ' ';
        display: block;
        -webkit-box-shadow: 0px 2px 21px -5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 21px -5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 21px -5px rgba(0, 0, 0, 0.2);
        width: 100%;
        left: 0;
        top: 0;
        bottom: 5px;
        position: absolute;
        z-index: -1;
        opacity: 0;
        transition: opacity 180ms ease-in-out; } }

.bgGray {
  background-color: #edf0f1; }

.comBox {
  color: #fff;
  display: table;
  background: url(../img/serwis-wymiana-wyswietlacza.jpg) 20% center no-repeat;
  background-size: cover;
  height: 110px;
  width: 100%; }
  .comBox__title {
    background-color: #ed1c24;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    width: 130px;
    font-size: 1.125rem;
    font-family: "Oswald", sans-serif; }
  .comBox__box {
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    text-align: right;
    width: 100%;
    padding-right: 3%;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center; }
  .comBox__box p {
    color: #44c5ff;
    font-size: 1.5rem;
    font-weight: 500; }
  @media all and (min-width: 768px) {
    .comBox__box {
      font-size: 1.5rem;
      line-height: 1.5rem; } }
  @media all and (min-width: 992px) {
    .comBox__title {
      width: 130px;
      font-size: 1.5rem; }
    .comBox__box {
      text-align: right;
      padding-right: 20%;
      font-size: 2rem;
      font-weight: 500;
      line-height: 1.975rem; } }
  @media all and (min-width: 1200px) {
    .comBox__box {
      padding-right: 33%; } }

/***************************/
.replacements {
  font-family: "Oswald", sans-serif;
  padding: 50px 0 30px; }
  .replacements h1 {
    font-size: 1.375rem;
    font-weight: 500;
    color: #e3121a;
    text-align: center;
    margin-bottom: 40px; }
  .replacements__row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 23px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 14px; }
  .replacements__brand {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 8px; }
  .replacements__models {
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
  .replacements__modelName {
    background-color: #fff;
    margin: 8px 0;
    position: relative;
    padding: 2px 10px 2px;
    border-radius: 5px;
    transition: all 100ms ease-in-out; }
    .replacements__modelName::after {
      content: ' ';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 0;
      border-radius: 5px;
      box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.14);
      opacity: 1;
      transition: opacity 100ms ease-in-out; }
    .replacements__modelName:hover {
      background-color: #ed1c24;
      color: #fff; }
      .replacements__modelName:hover::after {
        opacity: 0; }
  @media all and (min-width: 1200px) {
    .replacements__row {
      border: none; }
    .replacements__brand {
      width: 100px;
      flex-basis: 100px; }
    .replacements__models {
      justify-content: flex-start;
      flex-wrap: nowrap; }
    .replacements__modelName {
      margin: 0 8px;
      padding: 2px 10px 0; } }

.homeInfos {
  padding: 20px 0 30px; }
  .homeInfos__header {
    position: relative;
    margin-bottom: 30px; }
  .homeInfos__header h2 {
    position: absolute;
    left: 88px;
    bottom: 17px;
    font-family: "Oswald", sans-serif;
    color: #00386c;
    font-size: .75rem;
    text-transform: uppercase; }
  .homeInfos__content {
    text-align: justify;
    line-height: 1.5rem; }
  .homeInfos__content p {
    margin-bottom: 14px; }
  .homeInfos__content h3 {
    margin-bottom: 12px;
    font-family: "Oswald", sans-serif;
    color: #00386c;
    font-size: 1.5rem;
    font-weight: 500; }
  @media all and (min-width: 992px) {
    .homeInfos {
      padding: 20px 0 30px; }
      .homeInfos__header {
        position: relative;
        margin-bottom: 40px; }
      .homeInfos__header h2 {
        position: absolute;
        left: 88px;
        bottom: 17px;
        font-family: "Oswald", sans-serif;
        color: #00386c;
        font-size: .875rem;
        text-transform: uppercase; }
      .homeInfos__content {
        columns: 2;
        column-gap: 80px;
        text-align: justify;
        line-height: 1.75rem; }
      .homeInfos__content p {
        margin-bottom: 14px; }
      .homeInfos__content h3 {
        margin-bottom: 12px;
        font-family: "Oswald", sans-serif;
        color: #00386c;
        font-size: 1.5rem;
        font-weight: 500; } }
  @media all and (min-width: 1200px) {
    .homeInfos {
      padding: 40px 0 60px; } }

.modFooter {
  background-color: #00386c;
  color: #fff;
  font-family: "Oswald", sans-serif; }

.newsletter {
  padding: 20px 0 30px;
  text-align: center; }
  .newsletter__header {
    font-size: 2rem;
    text-transform: uppercase;
    display: block;
    padding-top: 10px;
    margin-bottom: 15px; }
    .newsletter__header::before {
      content: '\f1d8';
      color: #ed1c24;
      font-size: 1.5rem;
      position: relative;
      top: -3px;
      margin-right: 15px; }
  .newsletter__box {
    background-color: rgba(255, 255, 255, 0.18);
    display: inline-block;
    width: 100%;
    padding: 4px 0 2px;
    margin-bottom: 5px; }
  .newsletter__box input {
    background-color: rgba(255, 255, 255, 0);
    font-family: "Roboto", sans-serif;
    color: #fff;
    padding: 5px 0 0 12px;
    border: 0;
    font-size: .9375rem; }
  .newsletter__box button {
    background-color: rgba(255, 255, 255, 0);
    color: #ed1c24;
    border: 0;
    float: right; }
  .newsletter__info {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    padding-top: 5px; }
  @media all and (min-width: 992px) {
    .newsletter {
      text-align: left;
      padding: 36px 0 30px; }
      .newsletter__header {
        font-size: 1.75rem;
        display: inline-block;
        padding-top: 0;
        margin: 0; }
      .newsletter__box {
        width: calc(100% - 240px);
        margin-left: 16px;
        position: relative;
        padding: 4px 0 2px;
        top: -7px; }
      .newsletter__info {
        padding-top: 0; } }

.smBox {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: inline-block;
  height: 100%;
  text-align: center;
  font-size: 1.5rem; }
  .smBox__fbLink, .smBox__ytLink {
    padding: 43px 8px; }
  .smBox__blogLink {
    padding: 43px 20px 40px 30px;
    font-size: 1.75rem;
    background: url(../img/bg-newsletter.jpg) center center no-repeat;
    background-size: cover; }
    .smBox__blogLink::after {
      content: ' ';
      height: 5px;
      background-color: #ed1c24; }
  .smBox__blogLink span {
    display: inline-block;
    position: relative; }
    .smBox__blogLink span::after {
      content: ' ';
      height: 5px;
      background-color: #ed1c24;
      position: absolute;
      bottom: -22px;
      left: 0;
      width: 100%; }
  @media all and (min-width: 992px) {
    .smBox {
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      display: inline-block;
      height: 100%;
      text-align: center;
      font-size: 1.5rem; }
      .smBox__fbLink, .smBox__ytLink {
        padding: 43px 18px; }
      .smBox__blogLink {
        padding: 43px 30px 40px 160px;
        font-size: 1.75rem;
        background: url(../img/bg-newsletter.jpg) center center no-repeat;
        background-size: cover; }
        .smBox__blogLink::after {
          content: ' ';
          height: 5px;
          background-color: #ed1c24; }
      .smBox__blogLink span {
        display: inline-block;
        position: relative; }
        .smBox__blogLink span::after {
          content: ' ';
          height: 5px;
          background-color: #ed1c24;
          position: absolute;
          bottom: -22px;
          left: 0;
          width: 100%; } }

.bottomMenu {
  padding: 50px 0 30px;
  font-size: .9375rem; }
  .bottomMenu__header {
    color: #00386c;
    font-size: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    margin-bottom: 30px; }
  .bottomMenu__list {
    column-count: 2;
    column-gap: 30px; }
  .bottomMenu__list li {
    display: block;
    padding: 1px 20px 1px 0; }

.bottomContact {
  padding: 50px 0 30px;
  font-size: .9375rem; }
  .bottomContact__header {
    color: #00386c;
    font-size: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    margin-bottom: 30px; }
  .bottomContact__address {
    padding: 3px 0 30px 44px;
    line-height: 1.375rem;
    position: relative; }
    .bottomContact__address::before {
      content: '';
      width: 40px;
      height: 50px;
      position: absolute;
      top: 4px;
      left: 0;
      background: url(../img/ico-address.png) 6px 0 no-repeat; }
  .bottomContact__consultant {
    padding: 0 0 0 44px;
    line-height: 1.375rem;
    position: relative; }
    .bottomContact__consultant::before {
      content: '';
      width: 30px;
      height: 50px;
      position: absolute;
      top: 2px;
      left: 0;
      background: url(../img/ico-consultant.png) center 0 no-repeat; }

.bottomMap {
  margin-top: 35px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }
  .bottomMap iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }

.footer {
  text-align: center;
  font-size: .9375rem;
  border-top: 1px solid #edf0f1;
  padding: 55px 0; }

/********************************/
.ask {
  background-color: #FFFFFF;
  clear: both;
  width: 100%;
  padding: 0 40px 10px 40px;
  margin-bottom: 10px; }

.ask a {
  text-decoration: underline; }

.ask p {
  font-size: .875rem; }

.ask__header {
  color: #fff;
  font-size: 1rem;
  padding: 6px 10px 4px;
  display: none; }

@media all and (max-width: 800px) {
  .ask {
    padding-left: 15px;
    padding-right: 15px; } }

.ask .block-1 {
  float: left;
  width: 100%;
  padding-top: 27px; }

@media all and (max-width: 800px) {
  .ask .block-1 {
    width: 100%; } }

.ask .block-2 {
  float: right;
  width: 100%; }

@media all and (max-width: 800px) {
  .ask .block-2 {
    width: 100%; } }

.ask .row1 {
  padding-top: 5px;
  padding-bottom: 4px;
  margin: 0; }
  .ask .row1:after {
    content: '';
    display: table;
    clear: both; }

.ask .row1 label {
  font-weight: 300;
  display: block;
  float: left;
  width: 40%;
  padding-right: 5%;
  padding-top: 7px; }

@media all and (max-width: 560px) {
  .ask .row label {
    width: 100%; } }

.ask .text {
  background-color: #F8F8F8;
  float: right;
  border: 1px solid #D7D7D7;
  width: 55%; }

@media all and (max-width: 560px) {
  .ask .text {
    width: 100%; } }

.ask .clear {
  clear: both; }

.ask .clear:after {
  content: '';
  display: table;
  clear: both; }

.ask textarea {
  background-color: #F8F8F8;
  border: 1px solid #D7D7D7;
  width: 100%;
  margin-top: 17px;
  height: 126px; }

.ask input.button {
  float: right;
  padding-left: 40px;
  padding-right: 40px; }

/**************************/
.homeNews {
  padding: 20px 0 40px;
  text-align: center;
  width: 100%; }
  .homeNews__header {
    color: #00386c;
    font-size: 1.375rem;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    margin-bottom: 28px; }
  .homeNews ul {
    display: flex; }
  .homeNews li {
    width: 24%; }
  .homeNews img {
    margin-bottom: 20px; }
  .homeNews a:hover {
    text-decoration: underline; }

/*****************************/
.page {
  padding: 40px 0 30px; }
  .page * {
    font-family: "Roboto", sans-serif;
    font-size: .9375rem; }
  .page__header {
    color: #00386c;
    font-size: 1.375rem;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .page p, .page ol, .page ul {
    margin-bottom: 10px; }

/*****************************/
.viewBox {
  background-color: #fff;
  border: 1px solid #edf0f1;
  padding: 15px 0; }
  .viewBox__header {
    color: #00386c;
    font-size: 1.375rem;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 10px 15px 0; }
  .viewBox li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #edf0f1;
    padding: 15px; }
    .viewBox li:last-of-type {
      border: 0;
      padding-bottom: 0; }
  .viewBox__thumbnail {
    flex: 0 0 70px; }
  .viewBox__infos {
    padding-left: 20px;
    font-size: .9375rem;
    line-height: 1.125rem; }
  .viewBox__infos a {
    display: inline-block;
    padding: 0 15px 10px 0; }
    .viewBox__infos a:hover {
      text-decoration: underline; }

/*****************************/
.pagination {
  text-align: center;
  font-size: 15px;
  clear: both; }
  .pagination > * {
    display: inline-block;
    margin: 0 4px; }
  .pagination > a {
    overflow: hidden;
    display: inline-block;
    width: 28px;
    height: 34px;
    text-align: center;
    margin: 0 3px;
    line-height: 34px;
    text-decoration: none;
    color: #000;
    text-decoration: none; }
    @media all and (min-width: 992px) {
      .pagination > a {
        width: 34px; } }
  .pagination > a:before {
    font-family: fontello;
    content: '';
    display: inline-block;
    font-size: 10px;
    line-height: 30px; }
  .pagination > a:first-of-type::before {
    content: '\e813'; }
  .pagination > a:last-of-type::before {
    content: '\e812'; }
  .pagination > a strong {
    display: none; }
  .pagination__name, .pagination__number {
    position: relative;
    top: -8px;
    display: none; }
  .pagination__page {
    overflow: hidden;
    display: inline-block;
    width: 28px;
    height: 34px;
    text-align: center;
    margin: 0 3px;
    line-height: 34px;
    text-decoration: none;
    color: #000;
    text-decoration: none; }
    @media all and (min-width: 992px) {
      .pagination__page {
        width: 34px; } }
  .pagination__page a {
    display: block;
    color: #000;
    text-decoration: none; }
  .pagination__page--active {
    color: #ed1c24;
    margin: 0 2px;
    font-weight: 900; }

.sortBox {
  padding: 5px 12px 2px;
  font-size: .9375rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-top: 6px;
  clear: both; }
  .sortBox__name {
    margin-right: 2px; }
  .sortBox select {
    border: none;
    outline: none;
    font-weight: normal;
    font-size: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    padding: 2px 0;
    float: right;
    font-family: "Roboto", sans-serif;
    color: inherit; }
  @media all and (min-width: 768px) {
    .sortBox {
      float: right;
      width: auto;
      margin-top: 0;
      clear: none; }
      .sortBox select {
        float: none; } }

/**********************/
.register {
  width: 800px;
  margin: 20px auto 40px;
  font-size: 1rem; }
  .register input[type=checkbox] {
    margin-right: 6px; }
  .register__box {
    padding: 20px 25px;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .register__row {
    clear: both;
    padding: 4px 0; }
    .register__row:after {
      content: '';
      display: table;
      clear: both; }
  .register__row--header {
    font-size: 110%;
    padding-top: 20px;
    padding-bottom: 8px; }
  .register__row--header strong {
    font-weight: 400; }
  .register__row--line {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 15px; }
  .register__row--line {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 15px; }
  .register__title {
    display: block;
    float: left; }
  .register__input-box {
    float: right;
    width: 60% !important; }
  .register__row input[type=text] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.02);
    width: 100% !important; }
  .register__row input[type=password] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.02);
    width: 100% !important; }
  .register__row input[name=ulica], .register__row input[name=firma_ulica] {
    width: 85% !important; }
  .register__row input[name=dom], .register__row input[name=firma_dom] {
    width: 13% !important;
    margin-left: 2% !important; }
  .register__row select {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.02);
    width: 100% !important; }
  .register__row--submit {
    text-align: center; }

@media all and (max-width: 860px) {
  .register {
    width: 800px;
    margin: 20px auto 40px; }
    .register input[type=checkbox] {
      margin-right: 6px; }
    .register__box {
      padding: 20px 25px;
      border: 1px solid rgba(0, 0, 0, 0.1); }
    .register__row {
      clear: both;
      padding: 4px 0; }
      .register__row:after {
        content: '';
        display: table;
        clear: both; }
    .register__row--header {
      font-size: 110%;
      padding-top: 20px;
      padding-bottom: 8px; }
    .register__row--header strong {
      font-weight: 400; }
    .register__row--line {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 15px; }
    .register__row--line {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 15px; }
    .register__title {
      display: block;
      float: left; }
    .register__input-box {
      float: right;
      width: 60% !important; }
    .register__row input[type=text] {
      padding: 4px 10px 2px;
      border: 1px solid rgba(0, 0, 0, 0.12);
      background-color: rgba(0, 0, 0, 0.02);
      width: 100% !important; }
    .register__row input[type=password] {
      padding: 4px 10px 2px;
      border: 1px solid rgba(0, 0, 0, 0.12);
      background-color: rgba(0, 0, 0, 0.02);
      width: 100% !important; }
    .register__row input[name=ulica], .register__row input[name=firma_ulica] {
      width: 85% !important; }
    .register__row input[name=dom], .register__row input[name=firma_dom] {
      width: 13% !important;
      margin-left: 2% !important; }
    .register__row--submit {
      text-align: center; } }

/*******************/
.login {
  width: 500px;
  margin: 20px auto 40px;
  font-size: 1rem; }
  .login input[type=checkbox] {
    margin-right: 6px; }
  .login__box {
    padding: 20px 25px;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .login__row {
    clear: both;
    padding: 4px 0; }
    .login__row:after {
      content: '';
      display: table;
      clear: both; }
  .login__title {
    display: block;
    float: left; }
  .login__input-box {
    float: right;
    width: 60% !important; }
  .login__row input[type=text] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.02);
    width: 100% !important; }
  .login__row input[type=password] {
    padding: 4px 10px 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.02);
    width: 100% !important; }
  .login__row--submit {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px; }
  .login__row--links {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.12); }

/******************/
.cartPage input {
  border-radius: 0; }

.cartPage {
  width: 100%;
  padding-bottom: 30px;
  position: relative;
  font-size: .9375rem;
  padding-top: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .cartPage:after {
    content: '';
    display: table;
    clear: both; }
  .cartPage__header {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 4px;
    color: #000;
    padding: 7px 8px 3px;
    margin-bottom: 10px;
    float: left; }
  .cartPage__sslInfo {
    float: right; }
  .cartPage__sslInfo img {
    width: 90px;
    position: relative;
    top: -2px; }
  @media all and (max-width: 768px) {
    .cartPage__sslInfo span {
      display: none; } }

.cartPath {
  text-align: center;
  padding: 10px 0 30px;
  position: relative; }
  .cartPath::after {
    position: absolute;
    top: 32%;
    height: 1px;
    background-color: #edf0f1;
    width: 100%;
    left: 0;
    content: ' ';
    display: block;
    z-index: 1; }
  .cartPath__grid {
    justify-content: center;
    align-items: flex-start;
    display: flex; }
  .cartPath__step {
    padding: 0 10px;
    text-align: center;
    position: relative;
    z-index: 10; }
  .cartPath__counter {
    display: inline-block;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    font-size: .9375rem;
    font-weight: 300;
    line-height: 34px;
    overflow: hidden;
    background-color: #edf0f1;
    border: 10px solid #fff; }
  .cartPath__name {
    display: none; }
  .cartPath__step--active .cartPath__counter {
    background-color: #ed1c24;
    color: #fff;
    font-weight: 600; }
  .cartPath__step--active .cartPath__name {
    font-weight: 600; }
  @media all and (min-width: 768px) {
    .cartPath__step {
      padding: 0 30px; }
    .cartPath__name {
      display: block;
      line-height: 1rem;
      margin-top: -5px; } }

.cartProducts {
  clear: both;
  background-color: #fff; }
  .cartProducts__single {
    display: table;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11); }
  @media all and (max-width: 576px) {
    .cartProducts__single--header {
      display: none; } }
  @media all and (min-width: 576px) {
    .cartProducts__single--header {
      background-color: #edf0f1;
      font-weight: 600; } }
  .cartProducts__single--header *::before {
    display: none !important; }
  .cartProducts__box {
    display: table-row;
    width: 100%;
    vertical-align: middle; }
  .cartProducts__box > * {
    text-align: center;
    padding: 20px 0; }
    @media all and (min-width: 600px) {
      .cartProducts__box > * {
        display: table-cell;
        vertical-align: middle; } }
  .cartProducts__box--header > * {
    text-align: center;
    padding: 8px 0 4px; }
  .cartProducts__thumbnail {
    padding: 10px;
    text-align: left;
    width: 90px; }
    @media all and (max-width: 768px) {
      .cartProducts__thumbnail {
        float: left;
        padding-top: 20px; } }
  .cartProducts__thumbnail img {
    max-width: 90%; }
  .cartProducts__name {
    text-align: left; }
    @media all and (min-width: 768px) {
      .cartProducts__name {
        width: calc(55% - 170px); } }
    @media all and (max-width: 768px) {
      .cartProducts__name {
        width: calc(100% - 90px);
        float: right;
        text-align: left;
        padding: 10px 0 0; } }
  .cartProducts__name div {
    margin: 0 !important; }
  .cartProducts__name a {
    font-weight: 600;
    text-decoration: none;
    font-size: 100%;
    display: block;
    color: #000; }
    @media all and (max-width: 768px) {
      .cartProducts__name a {
        line-height: 1.125rem; } }
  @media all and (max-width: 768px) {
    .cartProducts__price, .cartProducts__amount, .cartProducts__worth {
      width: calc(100% - 90px);
      float: right;
      text-align: left;
      padding: 0; } }
  @media all and (min-width: 768px) {
    .cartProducts__price, .cartProducts__amount, .cartProducts__worth {
      width: 15%; } }
  .cartProducts__price::before, .cartProducts__amount::before, .cartProducts__worth::before {
    display: inline-block;
    font-family: "Oswald", sans-serif;
    margin-right: 6px; }
  .cartProducts__price--discount {
    font-weight: 800; }
  .cartProducts__price::before {
    content: 'Cena: '; }
  .cartProducts__price--discount::before {
    content: 'Rabat: '; }
  .cartProducts__amount::before {
    content: 'Ilość: '; }
  .cartProducts__worth::before {
    content: 'Wartość: '; }
  .cartProducts__amount input {
    text-align: center;
    font-family: inherit;
    font-size: 100%;
    background-color: #edf0f1;
    border: 1px solid #edf0f1; }
  @media all and (min-width: 600px) {
    .cartProducts__remove {
      width: 80px;
      padding-right: 20px;
      text-align: right; } }
  @media all and (max-width: 600px) {
    .cartProducts__remove {
      clear: both;
      padding: 0; } }
  .cartProducts__remove a {
    display: inline-block;
    color: #000; }
    .cartProducts__remove a::before {
      content: '\e80f';
      color: #000;
      opacity: .7;
      text-align: center;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 32px;
      font-size: 16px;
      transition: all 100ms ease-in-out; }
  .cartProducts__remove img {
    display: none; }
  @media all and (max-width: 768px) {
    .cartProducts {
      clear: both; } }

.cartSummary {
  color: #000;
  font-size: 1rem;
  background-color: #edf0f1;
  font-weight: 600;
  padding: 12px 12px 8px; }
  @media all and (max-width: 800px) {
    .cartSummary {
      text-align: center; } }
  @media all and (min-width: 800px) {
    .cartSummary {
      float: right;
      display: inline-block; } }

.cartCoupon {
  padding-top: 12px;
  padding-bottom: 20px;
  float: left; }
  .cartCoupon input[type=text] {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.11);
    padding: 7px 5px 5px; }
  @media all and (max-width: 800px) {
    .cartCoupon {
      text-align: center;
      clear: both;
      float: none; } }
  @media all and (min-width: 800px) {
    .cartCoupon {
      clear: right; } }

.cartButtons {
  float: right;
  padding-top: 12px;
  padding-bottom: 20px; }
  @media all and (max-width: 600px) {
    .cartButtons {
      text-align: center;
      float: none;
      text-align: center; } }
  .cartButtons input {
    color: #fff;
    font-size: 110%;
    float: right;
    display: inline-block;
    padding: 10px 30px 8px;
    cursor: pointer;
    text-transform: none; }
    @media all and (max-width: 600px) {
      .cartButtons input {
        width: 100%;
        margin-bottom: 20px; } }
  .cartButtons input.goNext {
    background-color: #ed1c24;
    font-weight: 600;
    margin-left: 15px; }
    .cartButtons input.goNext:hover {
      background-color: #c61017; }
  @media all and (max-width: 800px) {
    .cartButtons {
      display: flex;
      flex-direction: column; }
      .cartButtons input.goNext {
        order: 4;
        margin-left: 0;
        padding-top: 22px;
        padding-bottom: 20px;
        font-weight: 500;
        font-size: 1.5rem; } }

.cartBackTo {
  float: left;
  clear: both; }
  .cartBackTo__link {
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    padding: 4px 16px 3px; }

/**********************************/
.cartDelivery {
  padding-top: 20px;
  font-weight: 300;
  font-size: 90%;
  margin-bottom: 30px; }
  @media all and (min-width: 800px) {
    .cartDelivery {
      float: left;
      width: 48%; } }
  @media all and (min-width: 800px) {
    .cartDelivery--payments {
      float: right; } }
  .cartDelivery__header {
    font-weight: 600;
    padding: 7px 8px 3px;
    color: #fff;
    background-color: #00386c; }
  .cartDelivery--payments .cartDelivery__header {
    background-color: #00386c; }
  .cartDelivery__single {
    padding: 10px 4px 5px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    position: relative;
    background-color: #fff; }
  .cartDelivery__single > * {
    position: relative;
    z-index: 10; }
  .cartDelivery__single label {
    display: inline-block;
    padding: 2px 0 2px 30px; }
    .cartDelivery__single label:hover {
      text-decoration: underline; }
  .cartDelivery__single input[type=radio] {
    display: none;
    cursor: pointer; }
  .cartDelivery__single input[type=radio] + em {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #edf0f1;
    float: left;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    left: 8px;
    top: 12px;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .cartDelivery__single input[type=radio]:checked + em {
    background-color: #ed1c24;
    color: #fff; }
  .cartDelivery__single input[type=radio]:checked + em::before {
    content: '\e804';
    display: block;
    text-align: center;
    line-height: 20px; }
  .cartDelivery__single input[type=radio]:checked + em + span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #edf0f1;
    z-index: 1; }
  .cartDelivery__single input[type=radio]:checked + em + span + .cartDelivery__name {
    font-weight: 600; }

.cartBack {
  clear: both;
  text-align: center;
  padding-top: 30px; }

.cartDeliverySummary {
  padding-top: 20px;
  margin: auto;
  font-weight: 300;
  font-size: 90%;
  margin-bottom: 30px; }
  @media all and (min-width: 800px) {
    .cartDeliverySummary {
      float: right;
      width: 48%; } }
  .cartDeliverySummary__row {
    padding: 10px 4px 5px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    position: relative; }
  .cartDeliverySummary__row--sum {
    background-color: #00386c;
    color: #fff;
    font-weight: 600;
    padding: 0;
    border: none; }
    .cartDeliverySummary__row--sum:after {
      content: '';
      display: table;
      clear: both; }
  .cartDeliverySummary__row--sum > * {
    float: left;
    padding: 7px 4px 5px 8px;
    margin-right: 20px; }
  .cartDeliverySummary__all {
    float: right;
    font-size: 120%;
    margin-right: 0;
    padding: 7px 12px 5px 12px; }

.cartClient {
  clear: both;
  margin: auto;
  font-size: 90%;
  font-weight: 300;
  margin-bottom: 30px; }
  @media all and (min-width: 800px) {
    .cartClient {
      width: 50%; } }
  .cartClient__header {
    font-weight: 600;
    padding: 6px 8px 4px;
    color: #fff;
    background-color: #00386c;
    margin-bottom: 4px; }
    @media all and (max-width: 800px) {
      .cartClient__header {
        margin-bottom: 0; } }
  .cartClient__box {
    padding: 8px;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15); }
    @media all and (max-width: 800px) {
      .cartClient__box {
        border: 0; } }
  .cartClient__row {
    padding: 4px 0; }
    .cartClient__row:after {
      content: '';
      display: table;
      clear: both; }
  .cartClient__title {
    display: block;
    line-height: 30px; }
    @media all and (min-width: 800px) {
      .cartClient__title {
        width: 200px;
        float: left; } }
  .cartClient__row input {
    margin: 8px 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #f6f7f8;
    padding: 8px 4px 6px;
    font-size: .9375rem;
    width: 100% !important; }
    @media all and (max-width: 800px) {
      .cartClient__row input {
        margin: 0 !important; } }
    @media all and (min-width: 800px) {
      .cartClient__row input {
        width: calc(100% - 210px) !important;
        margin: 0 !important;
        float: right; } }
  .cartClient__row--street input[name=ulica] {
    width: 75% !important;
    float: left;
    margin-right: 5%  !important; }
    @media all and (min-width: 800px) {
      .cartClient__row--street input[name=ulica] {
        width: calc(80% - 220px) !important;
        margin: 0 10px 0 10px !important; } }
  .cartClient__row--street input[name=dom] {
    width: calc(20%) !important;
    float: left; }
  .cartClient__row--place input[name=miasto] {
    width: 75% !important;
    float: left;
    margin-left: 5%  !important; }
    @media all and (min-width: 800px) {
      .cartClient__row--place input[name=miasto] {
        width: calc(80% - 220px) !important;
        margin: 0 !important; } }
  .cartClient__row--place input[name=kod_pocztowy] {
    width: calc(20%) !important;
    float: left; }
    @media all and (min-width: 800px) {
      .cartClient__row--place input[name=kod_pocztowy] {
        margin: 0 10px 0 10px !important; } }

/********************/
textarea[name=uwagi] {
  width: 50% !important;
  margin: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f7f8;
  padding: 8px;
  font-size: 90%; }
  @media all and (max-width: 800px) {
    textarea[name=uwagi] {
      width: 100% !important; } }

/********************/
#inpost_paczkomat_pole {
  clear: both;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 auto 30px !important;
  width: 100%; }

#inpost_paczkomat_przycisk {
  border-radius: 5px;
  padding: 6px 25px !important;
  font-size: 18px;
  margin-bottom: 30px; }

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