/* You can add global styles to this file, and also import other style files */
/* Override some variables and utilities */
/* ex: Basic pages content */
/*1600px;*/
@import url("//fonts.googleapis.com/css?family=Roboto|Oswald");
.ApColumn .block {
  margin-bottom: 0px !important; }

#index #content-wrapper .title_block {
  margin: 50px 0;
  margin-bottom: unset; }

#content [data-bg=" no-repeat"]:nth-of-type(2) {
  margin-top: 25px !important; }

.d-initial {
  display: initial; }

.opacity-100 {
  opacity: 1 !important; }

.bg-dark {
  color: #fff; }
  .bg-dark .blockquote-display-2 {
    color: #e2e2e4; }

.bg-odd {
  background-color: #FF8500; }

.bg-even {
  background-color: #222457; }

@media (min-width: 576px) {
  .fullscreen-desktop {
    height: 100%;
    width: 100%; }
  .fullscreen-desktop.fullscreen-stretch {
    padding-top: 15%;
    margin-top: -3%; } }

@media (max-width: 639px) {
  .fullscreen-desktop {
    padding-bottom: 30%; }
    .fullscreen-desktop .block {
      margin-top: 30%; }
  .fullscreen-desktop.fullscreen-stretch {
    margin-top: 45%; }
    .fullscreen-desktop.fullscreen-stretch .block {
      margin-top: 80%; } }

.background-image-none {
  background-image: none !important; }

.fb-0 {
  flex-basis: 0% !important; }

.fb-1 {
  flex-basis: 1% !important; }

.fb-2 {
  flex-basis: 2% !important; }

.fb-3 {
  flex-basis: 3% !important; }

.fb-4 {
  flex-basis: 4% !important; }

.fb-5 {
  flex-basis: 5% !important; }

.fb-6 {
  flex-basis: 6% !important; }

.fb-7 {
  flex-basis: 7% !important; }

.fb-8 {
  flex-basis: 8% !important; }

.fb-9 {
  flex-basis: 9% !important; }

.fb-10 {
  flex-basis: 10% !important; }

.fb-11 {
  flex-basis: 11% !important; }

.fb-12 {
  flex-basis: 12% !important; }

.fb-13 {
  flex-basis: 13% !important; }

.fb-14 {
  flex-basis: 14% !important; }

.fb-15 {
  flex-basis: 15% !important; }

.fb-16 {
  flex-basis: 16% !important; }

.fb-17 {
  flex-basis: 17% !important; }

.fb-18 {
  flex-basis: 18% !important; }

.fb-19 {
  flex-basis: 19% !important; }

.fb-20 {
  flex-basis: 20% !important; }

.fb-21 {
  flex-basis: 21% !important; }

.fb-22 {
  flex-basis: 22% !important; }

.fb-23 {
  flex-basis: 23% !important; }

.fb-24 {
  flex-basis: 24% !important; }

.fb-25 {
  flex-basis: 25% !important; }

.fb-26 {
  flex-basis: 26% !important; }

.fb-27 {
  flex-basis: 27% !important; }

.fb-28 {
  flex-basis: 28% !important; }

.fb-29 {
  flex-basis: 29% !important; }

.fb-30 {
  flex-basis: 30% !important; }

.fb-31 {
  flex-basis: 31% !important; }

.fb-32 {
  flex-basis: 32% !important; }

.fb-33 {
  flex-basis: 33% !important; }

.fb-34 {
  flex-basis: 34% !important; }

.fb-35 {
  flex-basis: 35% !important; }

.fb-36 {
  flex-basis: 36% !important; }

.fb-37 {
  flex-basis: 37% !important; }

.fb-38 {
  flex-basis: 38% !important; }

.fb-39 {
  flex-basis: 39% !important; }

.fb-40 {
  flex-basis: 40% !important; }

.fb-41 {
  flex-basis: 41% !important; }

.fb-42 {
  flex-basis: 42% !important; }

.fb-43 {
  flex-basis: 43% !important; }

.fb-44 {
  flex-basis: 44% !important; }

.fb-45 {
  flex-basis: 45% !important; }

.fb-46 {
  flex-basis: 46% !important; }

.fb-47 {
  flex-basis: 47% !important; }

.fb-48 {
  flex-basis: 48% !important; }

.fb-49 {
  flex-basis: 49% !important; }

.fb-50 {
  flex-basis: 50% !important; }

.fb-51 {
  flex-basis: 51% !important; }

.fb-52 {
  flex-basis: 52% !important; }

.fb-53 {
  flex-basis: 53% !important; }

.fb-54 {
  flex-basis: 54% !important; }

.fb-55 {
  flex-basis: 55% !important; }

.fb-56 {
  flex-basis: 56% !important; }

.fb-57 {
  flex-basis: 57% !important; }

.fb-58 {
  flex-basis: 58% !important; }

.fb-59 {
  flex-basis: 59% !important; }

.fb-60 {
  flex-basis: 60% !important; }

.fb-61 {
  flex-basis: 61% !important; }

.fb-62 {
  flex-basis: 62% !important; }

.fb-63 {
  flex-basis: 63% !important; }

.fb-64 {
  flex-basis: 64% !important; }

.fb-65 {
  flex-basis: 65% !important; }

.fb-66 {
  flex-basis: 66% !important; }

.fb-67 {
  flex-basis: 67% !important; }

.fb-68 {
  flex-basis: 68% !important; }

.fb-69 {
  flex-basis: 69% !important; }

.fb-70 {
  flex-basis: 70% !important; }

.fb-71 {
  flex-basis: 71% !important; }

.fb-72 {
  flex-basis: 72% !important; }

.fb-73 {
  flex-basis: 73% !important; }

.fb-74 {
  flex-basis: 74% !important; }

.fb-75 {
  flex-basis: 75% !important; }

.fb-76 {
  flex-basis: 76% !important; }

.fb-77 {
  flex-basis: 77% !important; }

.fb-78 {
  flex-basis: 78% !important; }

.fb-79 {
  flex-basis: 79% !important; }

.fb-80 {
  flex-basis: 80% !important; }

.fb-81 {
  flex-basis: 81% !important; }

.fb-82 {
  flex-basis: 82% !important; }

.fb-83 {
  flex-basis: 83% !important; }

.fb-84 {
  flex-basis: 84% !important; }

.fb-85 {
  flex-basis: 85% !important; }

.fb-86 {
  flex-basis: 86% !important; }

.fb-87 {
  flex-basis: 87% !important; }

.fb-88 {
  flex-basis: 88% !important; }

.fb-89 {
  flex-basis: 89% !important; }

.fb-90 {
  flex-basis: 90% !important; }

.fb-91 {
  flex-basis: 91% !important; }

.fb-92 {
  flex-basis: 92% !important; }

.fb-93 {
  flex-basis: 93% !important; }

.fb-94 {
  flex-basis: 94% !important; }

.fb-95 {
  flex-basis: 95% !important; }

.fb-96 {
  flex-basis: 96% !important; }

.fb-97 {
  flex-basis: 97% !important; }

.fb-98 {
  flex-basis: 98% !important; }

.fb-99 {
  flex-basis: 99% !important; }

.fb-100 {
  flex-basis: 100% !important; }

#footer .footer-bottom {
  background-color: #222;
  text-align: center;
  color: #fff; }

#footer .footer-center {
  display: none; }

.page-footer a {
  border-radius: 10px;
  margin-top: 40px; }

.footer-container {
  margin-top: 2px; }

.header-logo img {
  width: 200px;
  height: 90px;
  max-height: 100px !important;
  max-width: 200px !important; }

#my-account #header .navbar-toggler {
  display: none; }

h1, h2 {
  font-family: 'Oswald' !important;
  font-weight: bold !important;
  font-style: normal !important; }

h1 {
  font-size: 2em !important; }

h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto' !important; }

a, span {
  font-weight: bold;
  font-family: 'Roboto' !important; }

.footer-container a {
  color: #fff;
  font-weight: initial; }

.footer-container a:hover {
  color: #fff;
  font-weight: bold; }

@media (max-width: 420px) {
  .page-my-account #content .links a span.link-item .row > div:nth-child(2) {
    margin-left: -0.5rem !important; }
  .page-my-account #content .account-span {
    font-size: 2.2rem !important; } }

@media (max-width: 365px) {
  .page-my-account #content .links, .page-my-account .page-footer {
    width: 100% !important;
    padding: 0 0.5rem !important; } }

@media (max-width: 1600px) {
  .page-my-account .page-footer {
    padding-right: 5.5rem; } }

@media (min-width: 1600px) {
  .page-my-account .page-footer {
    padding-right: 10.5rem; } }

.page-my-account #wrapper {
  padding-top: 0px;
  min-height: 760px; }

.page-my-account .title-account {
  color: #4dbec8;
  text-align: center;
  text-transform: uppercase;
  margin: 34px 0;
  font-size: 2rem !important; }

.page-my-account #content #boutique {
  display: flex;
  justify-content: center; }

.page-my-account #content .bg-image {
  /*background-color: #44629c;*/
  background-image: url("../img/account-full.png");
  height: 220px;
  /* You must set a specified height */
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
  display: flex;
  justify-content: center;
  align-items: center; }
  .page-my-account #content .bg-image .col-md-6 {
    width: 100%; }
  .page-my-account #content .bg-image .pt-3 {
    padding: 0 !important;
    margin: 0 !important; }

.page-my-account #content .account-span {
  font-size: 3rem;
  font-weight: normal;
  color: white;
  padding: 5px;
  display: inline-block;
  line-height: 3rem;
  margin: auto;
  background-color: #41464860; }

.page-my-account #content .links {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5.5rem; }
  @media (max-width: 1199px) {
    .page-my-account #content .links {
      padding: 0 2.5rem; } }
  @media (max-width: 1599px) {
    .page-my-account #content .links {
      width: 100%; } }
  @media (max-width: 575px) {
    .page-my-account #content .links {
      width: 95%; } }

.page-my-account #content .account-links {
  font-size: 1.3rem;
  color: #414648;
  text-transform: uppercase;
  text-align: left;
  /* &.account-div {
           
            }*/ }
  @media (max-width: 991px) {
    .page-my-account #content .account-links {
      font-size: 1.1rem; } }
  .page-my-account #content .account-links.account-div-second {
    margin: auto; }

.page-my-account #content .links a span.link-item {
  background-image: url("../img/account-fill.png");
  background-size: 100% 100%;
  padding: 5px;
  margin-left: auto;
  margin-right: auto; }
  .page-my-account #content .links a span.link-item .row > div:nth-child(2) {
    margin-left: 2rem;
    line-height: 1.5rem; }
    @media (max-width: 575px) {
      .page-my-account #content .links a span.link-item .row > div:nth-child(2) {
        margin-left: 1rem; } }
  .page-my-account #content .links a span.link-item .row {
    display: flex;
    align-items: center; }
  .page-my-account #content .links a span.link-item .fit-picture {
    width: 50px !important;
    height: 50px !important; }

.page-my-account #content .links a i {
  padding-bottom: 0;
  font-size: 2.5rem;
  color: #44629c; }

.page-my-account #content .links a:hover i {
  color: #44629c; }

.page-my-account .page-footer {
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 1199px) {
    .page-my-account .page-footer {
      padding-right: 3.5rem; } }

body#checkout section.checkout-step .step-title {
  font-size: 10px !important; }

#wrapper {
  min-height: 770px; }

#title-content {
  max-width: 640px;
  margin: 0 auto; }