/*
 * Above these lines the vars @color2 and @color1 will be added from the
 * by the adminstration interface
 * These colors are configured in the page admin > store > store list > edit
 * go to "Graphic information".
 * on the "Update" action, @color1 and @color2 are added on top of this file, and this file is compiled for the given store
 */
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i';
body {
  color: #c00a3b;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
a {
  color: #312e29 !important;
}
a:hover,
a:focus {
  color: #4d4840 !important;
  text-decoration: none;
}
.products-line .product .price {
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.product-sheet .btn-info {
  color: white !important;
}
.user-status {
  background-color: #c00a3b;
  border-bottom-color: #90072c;
}
.user-status a {
  color: white !important;
}
.user-status a:hover,
.user-status a:focus {
  color: #f76c91 !important;
  text-decoration: none;
}
a .logo {
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0;
  max-width: 100px;
}
a .logo:hover,
a .logo:focus {
  top: -5px;
}
.menu ul {
  border-bottom: none !important;
}
.menu ul li.current a {
  color: #312e29;
}
.menu ul li a {
  color: #c00a3b;
  font-weight: lighter;
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.filter-search,
.filter-platform {
  background-color: #c00a3b;
}
.btn-primary {
  background-color: #312e29;
  color: white !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #4d4840;
  color: white !important;
}
.btn-secondary {
  background-color: #c00a3b;
  color: white !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #f00d4a !important;
  color: white !important;
}
.filter-platform {
  background-color: #c00a3b;
}
.filter-platform li a {
  background-color: transparent !important;
  border-color: #312e29 !important;
}
.filter-platform li a:hover,
.filter-platform li a:focus {
  background-color: #a80934 !important;
}
.filter-platform li.active a {
  color: #312e29;
  background-color: #90072c !important;
}
.filter-platform li.active a:hover,
.filter-platform li.active a:focus {
  background-color: #a80934 !important;
}
.splash-navigation li a {
  background-color: white !important;
}
.splash-navigation li a.ctx-selected {
  background-color: #c00a3b !important;
}
.add-to-cart-popin .platform {
  background-color: #c00a3b;
}
.add-to-cart-popin .price-bloc .right .big-price {
  color: #312e29;
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.cart-resume .warning {
  color: #c00a3b;
}
.table-order td.subtotal {
  color: #c00a3b;
}
.table-order tfoot .total-cost {
  color: #c00a3b;
}
.table-order td.total-weight {
  color: #c00a3b;
}
.purchase-explanation .means {
  color: #312e29;
}
.products-selection .product-flash-sale-1 {
  height: auto;
  padding: 5px;
  min-width: initial;
  width: auto;
}
.products-selection .product-sheet header .platform {
  background: #312e29 !important;
}
.products-selection .product-sheet .price-information .price {
  color: #312e29;
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.products-selection .product-sheet .actions .unit-indicator {
  color: #312e29;
}
.products-selection .product a {
  overflow: hidden;
  display: block;
}
.products-selection .product a img {
  transition: all 0.3s ease-in-out;
}
.products-selection .product a:hover img,
.products-selection .product a:focus img {
  transform: scale(1.1);
}
.products-selection .product .name {
  color: #c00a3b;
  min-height: 40px;
}
.products-selection .product .platform {
  z-index: 1;
  background-color: #c00a3b;
  height: auto;
  padding: 5px;
  min-width: initial;
}
.products-selection .product .price {
  color: #312e29;
}
.animated-purchase-flow {
  background-color: #c00a3b;
}
.social-insert .bloc-advisor {
  background-color: #312e29;
  border: 1px solid #5b554c;
  cursor: pointer;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}
.social-insert .bloc-advisor:hover,
.social-insert .bloc-advisor:focus {
  background-color: #3f3b35;
}
.social-insert .bloc-advisor a {
  display: block;
}
.social-insert .bloc-advisor a:hover,
.social-insert .bloc-advisor a:focus {
  text-decoration: none !important;
}
.social-insert .bloc-advisor .advisor-picture {
  border-radius: 0 200px 200px 200px;
  overflow: hidden;
  border: 1px solid #312e29;
  margin: 0;
}
.social-insert .bloc-advisor .advisor-text .advisor-title {
  line-height: 1.2;
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
@media screen and (max-width: 400px) {
  .social-insert .bloc-advisor {
    width: 100%;
  }
}
.social-insert .follow-title {
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.menu-account li.active > a {
  background-color: #c00a3b;
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: none;
}
.nav-categories li.parent.active > a,
.nav-categories li.parent .nav-list li.active > a {
  background-color: #c00a3b;
  color: white !important;
}
.nav-categories .nav-header {
  border-color: #c00a3b;
  color: #c00a3b !important;
}
.product-tooltip .tooltip-title {
  color: #c00a3b !important;
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.product-tooltip .platform {
  background: #312e29 !important;
}
.product-tooltip .price-bloc .right .big-price {
  color: #312e29 !important;
}
.product-tooltip .price-bloc .big-price {
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
footer {
  background-color: #c00a3b;
}
footer a {
  color: white !important;
}
footer a:hover,
footer a:focus {
  color: #312e29 !important;
  text-decoration: none;
}
footer h4 {
  border-color: #f76c91 !important;
}
.purchase-explain {
  text-align: center;
}
.purchase-explain .icon {
  border-radius: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: white;
  font-size: 30px;
  padding: 20px;
  margin: 15px 0 5px;
  display: inline-block;
  background: #c00a3b;
  text-align: center;
}
.purchase-explain .text1 {
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
  color: #c00a3b;
  font-weight: bolder;
}
.purchase-explain .text2 {
  color: #312e29;
  font-weight: bolder;
  font-size: 18px;
}
.icons .span2 {
  text-align: center;
}
.icons .icon {
  border-radius: 0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: white !important;
  font-size: 20px;
  padding: 10px;
  margin: 15px 0 5px;
  display: inline-block;
  background: #c00a3b;
  text-align: center;
  transition: all 0.1s ease-in;
  position: relative;
  bottom: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #f4235b;
}
.icons .icon:hover,
.icons .icon:focus {
  background: #c00a3b;
  bottom: 3px;
}
.bloc-social .span2 {
  text-align: center;
}
.bloc-social .icon {
  border-radius: 0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #c00a3b !important;
  font-size: 20px;
  padding: 10px;
  margin: 15px 0;
  display: inline-block;
  background: white;
  text-align: center;
  transition: all 0.1s ease-in;
}
.bloc-social .icon:hover,
.bloc-social .icon:focus {
  background: #f76c91;
}
@-webkit-keyframes animated-purchase-flow1 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes animated-purchase-flow1 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes animated-purchase-flow1 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes animated-purchase-flow1 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes animated-purchase-flow1 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes animated-purchase-flow2 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes animated-purchase-flow2 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes animated-purchase-flow2 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes animated-purchase-flow2 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes animated-purchase-flow2 {
  from {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes animated-purchase-flow3 {
  from {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes animated-purchase-flow3 {
  from {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes animated-purchase-flow3 {
  from {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes animated-purchase-flow3 {
  from {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes animated-purchase-flow3 {
  from {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes animated-purchase-flow4 {
  from {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes animated-purchase-flow4 {
  from {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes animated-purchase-flow4 {
  from {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes animated-purchase-flow4 {
  from {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes animated-purchase-flow4 {
  from {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media screen and (max-width: 1044px) {
  .animated-purchase-flow .content {
    width: auto;
  }
  .animated-purchase-flow .content .purchase-flow .span3 {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 25px;
    padding-bottom: 25px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .animated-purchase-flow .content .purchase-flow .span3 p {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}
.animated-purchase-flow .purchase-flow {
  padding: 25px 0;
}
.animated-purchase-flow .purchase-flow .span3 {
  opacity: 0;
  color: white;
  text-align: center;
  font-size: 14px;
}
.animated-purchase-flow .purchase-flow .span3 img {
  display: block;
  margin: 0 auto 15px;
}
.animated-purchase-flow .purchase-flow .span3 p {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 5px solid #f76c91;
}
.animated-purchase-flow .purchase-flow .span3:nth-child(1) {
  -webkit-animation: animated-purchase-flow1 10s linear 2s infinite;
  -moz-animation: animated-purchase-flow1 10s linear 2s infinite;
  -ms-animation: animated-purchase-flow1 10s linear 2s infinite;
  -o-animation: animated-purchase-flow1 10s linear 2s infinite;
  animation: animated-purchase-flow1 10s linear 2s infinite;
}
.animated-purchase-flow .purchase-flow .span3:nth-child(2) {
  -webkit-animation: animated-purchase-flow2 10s linear 2s infinite;
  -moz-animation: animated-purchase-flow2 10s linear 2s infinite;
  -ms-animation: animated-purchase-flow2 10s linear 2s infinite;
  -o-animation: animated-purchase-flow2 10s linear 2s infinite;
  animation: animated-purchase-flow2 10s linear 2s infinite;
}
.animated-purchase-flow .purchase-flow .span3:nth-child(3) {
  -webkit-animation: animated-purchase-flow3 10s linear 2s infinite;
  -moz-animation: animated-purchase-flow3 10s linear 2s infinite;
  -ms-animation: animated-purchase-flow3 10s linear 2s infinite;
  -o-animation: animated-purchase-flow3 10s linear 2s infinite;
  animation: animated-purchase-flow3 10s linear 2s infinite;
}
.animated-purchase-flow .purchase-flow .span3:nth-child(4) {
  -webkit-animation: animated-purchase-flow4 10s linear 2s infinite;
  -moz-animation: animated-purchase-flow4 10s linear 2s infinite;
  -ms-animation: animated-purchase-flow4 10s linear 2s infinite;
  -o-animation: animated-purchase-flow4 10s linear 2s infinite;
  animation: animated-purchase-flow4 10s linear 2s infinite;
}
.products-slider .layout-splash {
  width: 100%;
  max-width: none;
  height: 500px;
  overflow: hidden;
}
.products-slider .layout-splash .splash-content {
  right: 0;
  bottom: 0;
}
.products-slider .layout-splash .splash-content .slide {
  position: relative;
}
.products-slider .layout-splash .splash-content .slide:after {
  z-index: 1;
  content: '';
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.products-slider .layout-splash .splash-content .slide img {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.products-slider .layout-splash .splash-content .slide .slide-caption {
  z-index: 2;
  left: auto;
  right: auto;
  max-width: none;
  text-align: center;
  width: 100%;
  top: 20%;
}
.products-slider .layout-splash .splash-content .slide .slide-caption .inner {
  max-width: 500px;
  margin: 0 auto;
}
.products-slider .layout-splash .splash-content .slide .slide-caption .inner .slide-title {
  color: white;
  font-size: 3em;
  padding: 15px;
  line-height: 1.2;
  display: inline-block;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.products-slider .layout-splash .splash-content .slide .slide-caption .inner p {
  color: white;
  margin: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-weight: lighter;
}
.products-slider .layout-splash .splash-navigation {
  left: 40%;
  right: 40%;
}
.products-slider .layout-splash .splash-navigation li a {
  width: 20px;
  height: 20px;
}
.store_products_product .product-sheet {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #c00a3b;
}
.store_products_product .product-sheet .platform {
  height: auto;
  padding: 5px;
  min-width: initial;
}
.menu-second .nav-header {
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
footer {
  margin-top: 50px;
}
.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.4;
  }
}
.product-organic {
  background: #91bf22;
  color: white;
}
.product-flash-sale-1 {
  animation: blinker 1s linear infinite;
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.cart-resume .unit-cost,
.cart-resume .subtotal,
.cart-resume .total-cost {
  font-family: 'Open Sans', serif !important;
  font-weight: lighter !important;
}
.alert-info {
  background-color: #312e29 !important;
}
.alert-info a {
  color: white !important;
}
.alert-info-animate {
  background-color: #312e29 !important;
}
.alert-info-animate a {
  color: white !important;
}
.alert-warning {
  background-color: orange;
}
.alert-warning a {
  color: white !important;
}
.alert-warning-animate {
  background-color: orange;
}
.alert-warning-animate a {
  color: white !important;
}