/**
 * @author:  Michel Dumont <michel.dumont.io>
 * @version: 1.0.0 - 2018-09-13
 * @license: http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * @package: prestashop 1.6
 */



  /* Globals
  --------------------------------------------------------------------------------------- */
    a, button, button:before, button:after {transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; transform-origin: center; }


    .mdgSlide {position: relative; overflow: hidden; width: 100%;}
    .mdgSlide ul {overflow: hidden; width: 400%; margin: 0; padding: 0;}
    .mdgSlide ul li {float: left; width: 25%;}
    .mdgSlide ul li img {width: 100%; height: auto;}
    .mdgSlide ul li:nth-of-type(2) ~ li {display: none;}
    .mdgSlide ul li:last-of-type {display: block;}
    .mdgSlide .mdgSlide-action {position: absolute; bottom: 10px; right: 10px; clear: both;}
    .mdgSlide .mdgSlide-action button { position: absolute; bottom: 10px; outline: 0; background: transparent; width: 52px; height: 52px; text-indent: -9999px; z-index: 9999; border: 2px solid #FFF; transition: unset; -webkit-transition: unset; -moz-transition: unset; }
    .mdgSlide .mdgSlide-action button:before { height: 48px; width: 48px; display: block; background: #fff; content: ""; opacity: 0.14; text-indent: -9999px; position: absolute; left: 0; top: 0; z-index: 1; }
    .mdgSlide .mdgSlide-action button:hover:before { background: #00A89D;  opacity: 1; }
    .mdgSlide .mdgSlide-action button:after { display: block; width: 48px; height: 48px; color: #fff; text-indent: 0; text-align: center; font-size: 21px; font-family: "FontAwesome"; position: absolute; top: 0; left: 0; z-index: 2; padding: 11px 0 0 0; }
    .mdgSlide .mdgSlide-action button.mdgSlide-left { right: 50px; }
    .mdgSlide .mdgSlide-action button.mdgSlide-left:after {content: "\f053";}
    .mdgSlide .mdgSlide-action button.mdgSlide-right { right: 0px; }
    .mdgSlide .mdgSlide-action button.mdgSlide-right:after {content: "\f054";}

    .mdgSlide[data-count="0"] .mdgSlide-action,
    .mdgSlide[data-count="1"] .mdgSlide-action {display: none;}



  /* Fancybox
  --------------------------------------------------------------------------------------- */
    .fancybox-alert { padding: 30px; }
    .fancybox-alert h3 { font-size: 22px; font-weight: 400; margin-bottom: 1em; text-align: center;}
    .fancybox-alert p { margin-bottom: .8em;}
    .fancybox-alert p:last-child { margin-bottom: 0;}


  /* Banner
  --------------------------------------------------------------------------------------- */
    #cookie_banner {position: fixed; bottom: 0; left: 0; background: #fff; padding: 30px 20px 20px; max-width: 50%;}
      #cookie_banner-content {display: inline-block; text-align: justify; padding-right: 10px; color: #444;}
      #cookie_banner-content button {display: block; font-weight: bold; color: #bb9f57; background: transparent; border: none; padding: 8px 0 0;}
      #cookie_banner-content button:hover {color: #444;}
      #close_cookie_banner {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; padding: 0; font-size: 17px; border-radius: 100%; background: transparent; border: 1px solid #444; color: #444; text-align: center; line-height: 10px; transform: rotate(45deg);}
      #close_cookie_banner:hover {background: #bb9f57; color: #fff; transform: rotate(180deg);}