/**
* 2007-2021 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2021 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.prodPromo {
  position: relative;
}

.promoContainer {
  font-size: 16px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.promoContainer strong {
  font-weight: bold;
  font-family: 'Metrocity-Medium', sans-serif;
}

.promoContainer .cupon {
  font-family: 'Metrocity-Bold', sans-serif;
  font-weight: bold;
  color: #ff7d00;
  text-transform: uppercase;
}







.prodPromo.PromoTyA {
  border: dashed 1px #ccc;
  background: #fff;
  margin-bottom: 20px;
  min-height: 57px;
  line-height: 57px;
  display: block;
}

.PromoTyA .promoContainer {
  padding-left: 80px;
  max-width: 65%;
  vertical-align: middle;
}

.PromoTyA .icon {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 11px;
  width: 36px;
  height: 36px;
  transform: rotate(-90deg);
  background-size: cover;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9IiIgZD0iTTUwMC44OTYsMjEzLjQ3OGwtMzMuOTQtMTM1Ljc2NWMtMi4xMjEtOC4wNjEtNi4xNTEtMTUuMDYyLTExLjg3OS0yMC43OXMtMTIuNzI5LTkuNzU5LTIwLjc5LTExLjg3OSAgbC0xMzUuNzY1LTMzLjk0Yy0xNS4yNzItMy44MTgtMzEuNjA2LDAuNjM2LTQyLjg1LDExLjg3OUwxMy4yMDUsMjY1LjQ1Yy0xNy42MDYsMTcuNjA2LTE3LjYwNyw0Ni4wMzIsMCw2My42NGwxNjkuNzA2LDE2OS43MDYgIGMxNy42MDcsMTcuNjA3LDQ2LjAzNCwxNy42MDYsNjMuNjQsMGwyNDIuNDY3LTI0Mi40NjdDNTAwLjI2MSwyNDUuMDg1LDUwNC43MTUsMjI4Ljc1LDUwMC44OTYsMjEzLjQ3OHogTTMzMS40MDMsMTgwLjU5NyAgYy0xNy42MDctMTcuNjA3LTE3LjYwNi00Ni4wMzQsMC02My42NGMxNy42MDctMTcuNjA3LDQ2LjAzMi0xNy42MDcsNjMuNjQsMHMxNy42MDcsNDYuMDMyLDAsNjMuNjQgIEMzNzcuNDM3LDE5OC4yMDMsMzQ5LjAxLDE5OC4yMDQsMzMxLjQwMywxODAuNTk3eiIgZmlsbD0iI2ZmNDk2NyIgZGF0YS1vcmlnaW5hbD0iI2ZmNmM2YyIgY2xhc3M9IiI+PC9wYXRoPgo8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSIiIGQ9Ik00ODkuMDE3LDI1Ni4zMjhMMjQ2LjU1LDQ5OC43OTVjLTE3LjYwNiwxNy42MDYtNDYuMDMyLDE3LjYwNy02My42NCwwbC04NC44NTMtODQuODUzICBsMjMzLjM0NS0yMzMuMzQ1YzE3LjYwNywxNy42MDcsNDYuMDM0LDE3LjYwNiw2My42NCwwYzE3LjYwNy0xNy42MDcsMTcuNjA3LTQ2LjAzMiwwLTYzLjY0bDYwLjAzNC02MC4wMzQgIGM1LjcyOCw1LjcyOCw5Ljc1OSwxMi43MjksMTEuODc5LDIwLjc5bDMzLjk0MSwxMzUuNzY1QzUwNC43MTUsMjI4Ljc1LDUwMC4yNjEsMjQ1LjA4NSw0ODkuMDE3LDI1Ni4zMjh6IiBmaWxsPSIjZmY2Yzg0IiBkYXRhLW9yaWdpbmFsPSIjZmY0OTQ5IiBjbGFzcz0iIj48L3BhdGg+CjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9IiIgZD0iTTE4Mi45MTEsMjQ0LjIzN2MtMTcuNTQ2LTE3LjU0Ni0xNy41NDYtNDYuMDkzLDAtNjMuNjRzNDYuMDkzLTE3LjU0Niw2My42NCwwczE3LjU0Niw0Ni4wOTMsMCw2My42NCAgUzIwMC40NTcsMjYxLjc4MywxODIuOTExLDI0NC4yMzd6IE0yMjUuMzM3LDIwMS44MWMtNS44NTItNS44NTItMTUuMzYxLTUuODUyLTIxLjIxMywwcy01Ljg1MiwxNS4zNjEsMCwyMS4yMTMgIHMxNS4zNjEsNS44NTIsMjEuMjEzLDBDMjMxLjE4OSwyMTcuMTcxLDIzMS4xODksMjA3LjY2MiwyMjUuMzM3LDIwMS44MXoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiNmZmU0NzAiIGNsYXNzPSIiPjwvcGF0aD4KPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iIiBkPSJNMjA0LjEyNCwzOTIuNzI5Yy0xNy41NDYtMTcuNTQ2LTE3LjU0Ni00Ni4wOTMsMC02My42NGMxNy41NDYtMTcuNTQ2LDQ2LjA5My0xNy41NDYsNjMuNjQsMCAgYzE3LjU0NiwxNy41NDYsMTcuNTQ2LDQ2LjA5MywwLDYzLjY0QzI1MC4yMTcsNDEwLjI3NSwyMjEuNjcsNDEwLjI3NSwyMDQuMTI0LDM5Mi43Mjl6IE0yNDYuNTUsMzUwLjMwMyAgYy01Ljg1Mi01Ljg1Mi0xNS4zNjEtNS44NTItMjEuMjEzLDBjLTUuODUyLDUuODUyLTUuODUyLDE1LjM2MSwwLDIxLjIxM2M1Ljg1Miw1Ljg1MiwxNS4zNjEsNS44NTIsMjEuMjEzLDAgIEMyNTIuNDAzLDM2NS42NjQsMjUyLjQwMywzNTYuMTU1LDI0Ni41NSwzNTAuMzAzeiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iI2ZmZDQwMCIgY2xhc3M9IiI+PC9wYXRoPgo8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSIiIGQ9Ik0zMjIuNDk0LDI5MC45MDZsLTExNC4xMjcsMTIuNzI3bC03Ni43OTIsOC40ODZjLTQuODgsMC42MzYtOS4xMjItMS4wNi0xMi4zMDQtNC4yNDMgIGMtMi4zMzMtMi4zMzMtMy44MTctNS41MTYtNC4yNDMtOC45MDljLTEuMDYtOC4yNzUsNS4wOTItMTUuNjk5LDEzLjE1Mi0xNi41NDdsMTE0LjEyNy0xMi43MjdsNzYuNzkyLTguNDg2ICBjOC4yNzUtMS4wNiwxNS42OTgsNS4wOTEsMTYuNTQ3LDEzLjE1MkMzMzYuNzA4LDI4Mi42MzIsMzMwLjU1NSwyOTAuMDU2LDMyMi40OTQsMjkwLjkwNnoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiNmZmU0NzAiIGNsYXNzPSIiPjwvcGF0aD4KPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iIiBkPSJNMzIyLjQ5NCwyOTAuOTA2bC0xMTQuMTI3LDEyLjcyN2wzMy45NDEtMzMuOTQxbDc2Ljc5Mi04LjQ4NmM4LjI3NS0xLjA2LDE1LjY5OCw1LjA5MSwxNi41NDcsMTMuMTUyICBDMzM2LjcwOCwyODIuNjMyLDMzMC41NTUsMjkwLjA1NiwzMjIuNDk0LDI5MC45MDZ6IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjZmZkNDAwIiBjbGFzcz0iIj48L3BhdGg+CjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9IiIgZD0iTTUwNy41NDUsMjUuNjY4TDM5NS4wNDMsMTM4LjE3MWMtNS45NCw1Ljk0LTE1LjI3Myw1Ljk0LTIxLjIxMywwcy01Ljk0LTE1LjI3MywwLTIxLjIxMyAgTDQ4Ni4zMzIsNC40NTVjNS45NC01Ljk0LDE1LjI3My01Ljk0LDIxLjIxMywwQzUxMy40ODUsMTAuMzk1LDUxMy40ODUsMTkuNzI4LDUwNy41NDUsMjUuNjY4eiIgZmlsbD0iIzM4NDk0NiIgZGF0YS1vcmlnaW5hbD0iIzNlNTk1OSIgY2xhc3M9IiI+PC9wYXRoPgo8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSIiIGQ9Ik0zNzMuODI5LDEzOC4xNzFMNTA3LjU0NSw0LjQ1NWM1Ljk0LDUuOTQsNS45NCwxNS4yNzMsMCwyMS4yMTNMMzk1LjA0MywxMzguMTcxICBDMzg5LjEwMiwxNDQuMTExLDM3OS43NywxNDQuMTExLDM3My44MjksMTM4LjE3MXoiIGZpbGw9IiMzZTU5NTQiIGRhdGEtb3JpZ2luYWw9IiMzODQ5NDkiIGNsYXNzPSIiPjwvcGF0aD4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==)
}

.PromoTyA .actionBtn {
  cursor: pointer;
  display: inline-block;
  background: transparent;
  border: solid 2px #ff7d00;
  line-height: 1;
  height: 35px;
  padding: 5px 25px;
  font: 600 13px 'Metrocity-Medium', sans-serif;
  text-transform: uppercase;
  color: #ff7d00;
  position: absolute;
  top: 10px;
  right: 10px;
}

.PromoTyA .actionBtn:hover {
  background: #ff7d00;
  color: #fff;
}

.PromoTyB {
  padding: 7px 10px;
  background: rgb(58, 171, 255);
  background: linear-gradient(90deg, rgb(195 0 0) 0%, rgb(243 43 43) 50%, rgb(195 0 0) 100%);
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1;
}

.PromoTyB .promoContainer {
  color: #fff;
}

.PromoTyB .promoContainer .cupon {
  font-family: 'Metrocity-Bold', sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}





.popUpOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  background: rgba(223, 223, 223, 0);
  cursor: pointer;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfjBxkUAhTw9rraAAABdklEQVQ4y5XUTU8TURSA4UeH1rGlQtdujW5dg4lCIqUUmkIkfv0+F0SjmzbWFQtCiCwwrmEDM1vAr6RDMeCilU5rQXqW577vzLnn3HtZMyfrOpE1Z41Zu6rC/+Khsl0lMsp2rMhfiecs2VHt1BJasmFV4VJ8XM2GlV4dOTVNL9wZihc807TaqSEAp2I/vPRbJBnAJ8x75Y2PfvUE2iKJGgPKpAXLPmj42UkEF0ttsTMlGZFWN1dUUdLU8P0vFqS+diIWeCIUa3XxGesavvWgtEAiljUtLxZa9MimuuM0MjawxWMNN00pOnfflrqjfiAwGInYXSX3bHvncHB5zPA4v2yG//6haNFD2/Y8kO9u/wqhqGLaZ299dduUXKrJQ4RJFTM21R1qiYQeu+UgPcq0MGFByfpFZxKRjKeCtNITCspqmhqpviciN1Sd2XfSL4yb99r7/ql2lVPPte1r99I5yz5d73gz8gXKKPsyyhWdtTfaIzDiM/MHh751ISX8Tw8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDctMjVUMTg6MDI6MjArMDI6MDAbnPZFAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA3LTI1VDE4OjAyOjIwKzAyOjAwasFO+QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=), auto;
  z-index: 90;
  transition: background .3s 0s, visibility 0s .3s, transform .3s 0s;
}

.popUpOverlay.open {
  visibility: visible;
  background: rgba(223, 223, 223, .44);
  transition: background .3s 0s, transform .3s 0s;
}

.popUpModalWind {
  z-index: 91;
  display: none;
  background-color: #fff;
  position: fixed;
  z-index: 205;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: none;
  width: 90vw;
  height: 80vh;
}

.popUpModalWind.open {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.popUpModal {
  line-height: 1;
}

.popUpTopBanner {
  line-height: 1;
}

.popUpTopContent {
  text-align: center;
  line-height: 1;
  padding: 42px 0px;
}

.popUpTopContent h3 {
  line-height: 1;
  font-size: 38px;
  margin-bottom: 20px;
}

.popUpTopContent p {
  line-height: 22px;
  color: #000;
  font-size: 14px;
}

.popUpTopActions {
  text-align: center;
  line-height: 1;
}

.popUpTopActions .mainAction {
  display: inline-block;
  min-width: 230px;
}

.popUpTopActions .actionLater {
  line-height: 1;
  display: inline-block;
  text-transform: capitalize;
  text-decoration: underline;
  color: #333;
  margin-top: 16px;
  font-size: 11px;
}




@media (min-width: 765px) {
  .popUpModalWind {
    padding-bottom: 6px;
    width: 750px;
    max-width: 750px;
    height: 530px;
    max-height: 80vh;
  }
}


@media (max-width: 991px) {
  .appAfterBanner {
    display: none;
  }

  .PromoTyA .actionBtn {
    position: relative;
    top: initial;
    right: initial;
    display: block;
    margin: auto;
    margin-bottom: 10px;
  }

  .PromoTyA .promoContainer {
    padding-left: 60px;
    max-width: 100%;
  }
}