/*** FONTS ***/

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

/*** Structure de pages ***/

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

/*** COLORS ***/

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

/*** MARGINS ***/

/*** TYPO ***/

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

/*** HEADER ***/

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

/*** FOOTER ***/

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

/*** CART ***/

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

/*** BUTTONS ***/

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

/*** CATEGORY ***/

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

/*** PRODUCT-LIST ***/

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

/*** PRODUCT ***/

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

.xybannerpush-container {

  background-color: #303C8B; }

  .xybannerpush-container #xybannerpush {

    padding: 2px 15px; }

    .xybannerpush-container #xybannerpush a:focus {

      outline: none; }

    .xybannerpush-container #xybannerpush .bannerpush-title,

    .xybannerpush-container #xybannerpush .bannerpush-text {

      font-size: 12px;

      color: #FFF; }

    .xybannerpush-container #xybannerpush .bannerpush-title {

      font-weight: bold; }

    .xybannerpush-container #xybannerpush .bannerpush-content {

      padding: 0 30px; }

    .xybannerpush-container #xybannerpush .slick-arrow {

      background: none;

      border: none;

      opacity: 0;

      transition: all .3s ease-in-out; }

      .xybannerpush-container #xybannerpush .slick-arrow:hover .material-icons {

        color: #333; }

      .xybannerpush-container #xybannerpush .slick-arrow:focus {

        outline: none;

        border: none; }

      .xybannerpush-container #xybannerpush .slick-arrow .material-icons {

        color: #0066CC; }

  .xybannerpush-container:hover #xybannerpush .slick-arrow {

    opacity: 1; }



@media (max-width: 991px) {

  .xybannerpush-container > .container {

    max-width: 100%; } }

@media (max-width: 767px) {

  .xybannerpush-container {

    display: none; }

    .xybannerpush-container #xybannerpush .bannerpush-content {

      padding: 0 10px; }

      .xybannerpush-container #xybannerpush .bannerpush-content .bannerpush-title {

        left: 0;

        right: 0; }

        .xybannerpush-container #xybannerpush .bannerpush-content .bannerpush-title::before, .xybannerpush-container #xybannerpush .bannerpush-content .bannerpush-title::after {

          display: none; } }

@media (max-width: 575px) {

  .xybannerpush-container #xybannerpush .bannerpush-content .bannerpush-text {

    font-size: 11px; } }