/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 

body {
    font: 300 16px lato;
    color: #000
}

.container {
  width: 100%;
  max-width: 1920px;
}

img {
    max-width: 100% !important;
    height: auto !important;
}



#wrapper {  
  box-shadow: none;
  background-color: #fff;
}

#index #wrapper {  
  padding-top: 0;   
}

.block-category {
    min-height: unset;
    border: none;
    box-shadow: none;
}

h1, .h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font:400 50px Lato;
  color: #000;
  text-transform: uppercase
}

h1::after, .h1::after{
    content: "";
    display: flex;
    margin: 10px auto 25px;
    width: 100px;
    height: 3px;
    background: red;
}

.carousel {
  box-shadow: none;
  margin-bottom: 0;
}

.carousel .carousel-inner {
  height: auto;
  margin-bottom: 0
}

.carousel figure {
  margin-bottom: 0
}

#carousel figcaption.caption {display: none}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
  color: red;
}

#wrapper .banner,
.carousel .carousel-item {
    text-align: center;
}

#block_myaccount_infos .myaccount-title a,
.footer-container .links .h3,
.footer-container .h3,
.links p.h3 {
  color: red!important;
  text-transform: none!important;
  font: 700 20px Lato;
  margin-bottom: 1.25rem;   
}

.footer-container li a {
  color: #000;
  font: 300 16px Lato; 
}

.footer-container li a:hover {
  color:red;
}


p#incomm {
  background: #285a7f;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
  color: white;
}


@media (max-width: 767px) {}
@media (min-width: 768px) {
  .mm_menus_ul,
  .scroll_heading .mm_menus_ul{
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}
@media (min-width: 1200px) and (max-width: 1365px) {}
@media (min-width: 1366px) {}
@media (min-width: 1366px) and (max-width: 1599px) {}
@media (min-width: 1600px) {}