/* ----------------------- Global Styles ---------------------------
 * -----------------------------------------------------------------
 */
 html,
 body {
   height: 100%;
   margin: 0;
   padding: 0;
 }
 
 @font-face {
   font-family: 'Gotham-Light';
   src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
     url('fonts/Gotham-Light.woff') format('woff'),
     url('fonts/Gotham-Light.ttf') format('truetype'),
     url('fonts/Gotham-Light.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Gotham-Medium';
   src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
     url('fonts/Gotham-Medium.woff') format('woff'),
     url('fonts/Gotham-Medium.ttf') format('truetype'),
     url('fonts/Gotham-Medium.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 .header-privileges a:hover {
   text-decoration: none;
 }
 
 .container.top-menu {
   /*height: 44px;*/
 }
 
 .my-privileges-sub-menu .top-menu-list a {
   padding: 14px 6px 13px !important;
 }
 
 /* Medium desktop sizes */
 @media (max-width: 1200px) {
   .my-privileges-sub-menu .top-menu-list a {
     padding: 16px 4px 16px !important;
     font-size:10px;
   }
 }
 
 .privilege-searchbar {
   margin: 5px 0 8px !important;
 }
 
 /* ---------------------- Filters Styles ---------------------------
  * -----------------------------------------------------------------
  */
 .select-box {
   border: none;
   background: transparent;
   width: 80px;
   font-size: 10px;
   font-weight: 800;
   color: #05559e;
   padding: 6px 0;
   text-transform: uppercase;
   text-align: center;
 }
 /* Medium desktop sizes */
 @media (max-width: 1200px) {
   .select-box {
     font-size: 8px;
     padding: 10px 0;
   }
 }
 /* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) {
   .filter-group-item .col-sm-6.col-xs-6 {
     margin-right: 17px;
   }
 }
 @media (max-width: 767px) {
   .filter-group-item .col-sm-6.col-xs-6 {
     margin-right: 0;
   }
 }
 @media (max-width: 480px) {
   .filter-group-item .col-sm-6.col-xs-6 {
     margin-right: 0;
   }
 }
 
 /*
  * ------------------------ Map Styles ------------------------------
  * Always set the map height explicitly to define the size of the div
  * elements that are in the map.
  * ------------------------------------------------------------------
  */
 .map_store_container.col-sm-9 {
   height: 400px;
   padding: 0 0 0 15px;
 }
 
 #map_stores {
   height: 100%;
 }
 
 #map_detail {
   height: 100%;
 }
 
 #right-panel {
   font-family: 'Roboto', 'sans-serif';
   line-height: 30px;
   padding-left: 10px;
   padding-top: 60px;
 }
 
 #right-panel select,
 #right-panel input {
   font-size: 15px;
 }
 
 #right-panel select {
   width: 100%;
 }
 
 #right-panel i {
   font-size: 12px;
 }
 
 #right-panel i.fa {
   font-size: 16px;
 }
 
 #right-panel {
   height: 100%;
   float: right;
   width: 390px;
   overflow: auto;
 }
 
 @media print {
   #right-panel {
     float: none;
     width: auto;
   }
 }
 
 .close-panel {
   cursor: pointer;
 }
 
 .close-panel:hover {
   text-decoration: none;
   font-weight: 700;
 }
 
 .gm-style-iw {
   text-align: center;
 }
 
 .gm-style-iw h4 {
   color: #003373;
 }
 
 .gm-style-iw div div {
   overflow: hidden !important;
 }
 
 @media (max-width: 767px) {
   .map_store_container.col-sm-9 {
     height: 400px;
     padding: 15px;
   }
 }
 
 /*
  * ------------------------ Store Detail Styles ------------------------------
  * Other styles are in index.css
  * ---------------------------------------------------------------------------
  */
 .col-md-4.no-padding-right {
   text-align: right;
   padding-right: 0;
 }
 
 .store-detail-back {
   position: relative;
   display: inline-block;
   color: #041E42;
   padding: 5px 15px;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   font-size: 16px;
   font-weight: bold;
   cursor: pointer;
   margin-bottom: 20px;
 }
 
 .store-detail-back-xs {
   display: none;
 }
 
 @media (max-width: 991px) {

   .store-detail-back-xs {
     display: block;
     position: fixed;
     top: 0;
     right: 75px;
     background-color: #004c97;
     color: white;
     z-index: 99;
     text-align: center;
     font-weight: 700;
     line-height: 51px;
     font-size: 20px;
     padding: 5px 25px;
     z-index: 9999;
   }
   .no-scroll .store-detail-back-xs {
     z-index: 98;
   }
 }
 
 @media (max-width: 767px) {
   .store-detail-back-xs {
     line-height: 48px;
     font-size: 18px;
   }
 }
 
 .promos-store,
 .promos-store-percentage {
   padding: 10px;
   background-color: #a3b8cb;
   color: white;
   margin-top: 12px;
   position: relative;
 }
 
 .page-detalle .promos-store p,
 .page-detalle .promos-store-percentage p {
   margin-left: 30px;
   font-size: 16px;
   font-weight: 700;
 }
 
 .list-view .promos-store p,
 .list-view .promos-store-percentage p {
   font-size: 16px;
   font-weight: 700;
   margin: 0 30px;
 }
 
 .promos-store-percentage:before {
   background-image: url('../images/promo-icon-percentage.png');
   background-size: 17px;
   display: inline-block;
   position: absolute;
   width: 20px;
   height: 35px;
   content: '';
   top: 0;
   background-repeat: no-repeat;
 }
 
 .promos-store:before {
   background-image: url('../images/promo-icon-gift.png');
   background-size: 17px;
   display: inline-block;
   position: absolute;
   width: 20px;
   height: 37px;
   content: '';
   top: 0;
   background-repeat: no-repeat;
 }
 
 .promo-conditions {
  cursor: pointer;
  padding: 5px 10px 5px 0;
  margin-bottom: 12px;
  color: #041E42;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
 }

 .promo-conditions::after{
  background-image: url(../images/plus.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  margin: 0 10px;
  content: "";
  right: 20px;
  top: 10px;
  height: 18px;
  width: 18px;
 }

 .promo-conditions.space {
  margin-right: 21%;
}
 
 h3.promo-conditions-title {
   margin: 0;
   font-size: 20px;
   line-height: 20px;
 }
 
 #promo_conditions_modal h3.page-detalle-title.promo-conditions-title {
   font-size: 28px;
 }
 
 .social-share-fixed {
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: 999;
 }
 
 .social-share-fixed .facebook {
   background-color: #005684;
   padding: 10px 0;
 }
 
 .social-share-fixed .twitter {
   background-color: #01aef2;
   padding: 10px 0;
 }
 
 .social-share-fixed .whatsapp {
   background-color: #00bd49;
   padding: 10px 0;
 }
 
 .social-share-fixed .facebook a,
 .social-share-fixed .twitter a,
 .social-share-fixed .whatsapp a {
   color: white;
 }
 
 /* Store detail share by email */
 #share_email_modal .modal-dialog {
   width: 700px;
 }
 
 #share_email_modal .modal-dialog .modal-body .form-group .col-md-2 {
   text-align: right;
 }
 
 #share_email_modal .modal-dialog .modal-body .form-group label {
   color: #002554;
   font-size: 14px;
 }
 
 #share_email_modal .modal-dialog .modal-body .form-group label sup {
   color: red;
 }
 
 #share_email_modal .modal-dialog .modal-body input {
   margin-bottom: 10px;
 }
 
 #share_email_modal .modal-dialog .modal-body textarea {
   height: auto;
   margin-bottom: 10px;
 }
 
 #share_email_modal .modal-dialog .modal-body button.btn.btn-default {
   padding: 15px 80px;
   border: none;
   color: #ffffff;
   background-color: #002554;
   font-weight: 700;
   font-size: 14px;
 }
 
 /* social share box */
 .share-container {
  display: flex;
  margin-bottom: 12px;
  margin-top: 50px;
 }
 
 .share-detail-container {
  padding: 5px 0px;
  color: #163754;
  font-size: 12px;
  background-color: #ffffff;
  display: inline-block;
  width: 145px;
 }
 
 .share-text {
  display: inline-block;
  color: #16375c;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0;
 }
 
 .locations-list > li a.active {
   color: #337ab7;
   text-decoration: underline;
 }
 
 /*
  * ------------------------ Stores List Styles ------------------------------
  * Other styles are in index.css
  * ---------------------------------------------------------------------------
  */
 @media (max-width: 767px) {
   .list-view-title > span:after {
     background-image: url('../images/promo-icon.png');
     background-size: 16px;
     display: inline-block;
     position: absolute;
     width: 20px;
     height: 45px;
     content: '';
     top: 0;
     right: -5px;
     background-repeat: no-repeat;
   }
 
   .list-view-content .promo-icon-percentage {
     background-image: url('../images/promo-icon.png');
     background-repeat: no-repeat;
     position: absolute;
     top: 0;
     right: -5px;
     background-size: 25px;
     padding: 26px 0;
     height: 70px;
     width: 25px;
     color: white;
     line-height: 14px;
     text-align: center;
     font-size: 14px;
     z-index: 97;
   }
 
   .list-view-content .promo-icon:after {
     background-image: url('../images/promo-icon-gift.png');
     background-size: 25px;
     display: inline-block;
     position: absolute;
     width: 25px;
     height: 70px;
     content: '';
     top: 0;
     right: -5px;
     background-repeat: no-repeat;
     white-space: pre;
     line-height: 14px;
     font-size: 14px;
     padding: 8px 2px;
     color: white;
     font-weight: 700;
     z-index: 97;
   }
 }
 
 @media (max-width: 320px) {
   .list-view-content .promo-icon-percentage {
     right: 0;
     background-size: 19px;
     padding: 20px 0;
     height: 25px;
     width: 20px;
     line-height: 9px;
     font-size: 10px;
   }
 
   .list-view-content .promo-icon:after {
     background-size: 19px;
     width: 19px;
   }
 }
 
 /*
  * ------------------------ Stores Grid Styles ------------------------------
  * Other styles are in index.css
  * ---------------------------------------------------------------------------
  */
  .container-img{
    position: absolute;
    top: calc(50% - 90px);
    right: 0;
    left: 0;
    padding-top: 5px;
    bottom: 50px;
    overflow: hidden;
  }
 .ms-grid-item-content .promo-icon-percentage {
   font-family: 'gotham_htfbold';
   background-image: url('../images/promo-icon.png');
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   right: 0;
   background-size: 30px;
   padding: 34px 6px 10px 0;
   height: 70px;
   width: 35px;
   color: white;
   line-height: 14px;
   text-align: center;
   font-size: 14px;
   z-index: 97;
 }
 
 .ms-grid-item-content .promo-icon:after {
  background: url(../images/gift.png) no-repeat 50% 50%;
  background-size: 28px;
  background-origin: content-box;
  position: absolute;
  width: 45px;
  height: 43px;
  content: '';
  top: 29px;
  left: 21%;
  background-repeat: no-repeat;
  white-space: pre;
  line-height: 14px;
  font-size: 14px;
  padding: 8px 2px;
  color: white;
  background-color: #00A3E0;
  border-radius: 20px;
  margin: 50px
 }
 
 .no-results-container {
   color: white;
   background-color: #002554;
   text-align: center;
   padding: 50px;
   margin: 10px;
 }
 
 .no-results-container a {
   color: white;
   border: solid 1px #ffffff;
   padding: 20px;
 }
 
 .no-results-container a:hover {
   color: white;
   font-weight: 700;
 }
 
 @media (max-width: 767px) {
   .ms-grid-item-content .promo-icon-percentage {
     background-size: 25px;
     padding: 26px 10px 10px 0;
   }
 
   .ms-grid-item-content .promo-icon:after {
     background-size: 25px;
   }
   .program-subscription .btn.btn-default{
     display: block;
     margin: 10px 0;
     text-align: center;
   }
 }
 
 @media (max-width: 320px) {
   .ms-grid-item-content .promo-icon-percentage {
     background-size: 21px;
     padding: 22px 3px 0 0;
     font-size: 10px;
     height: 45px;
     width: 23px;
     line-height: 10px;
   }
 
   .ms-grid-item-content .promo-icon:after {
     background-size: 18px;
     width: 21px;
   }
 }
 
 /*
  * ------------------------ Form Program Subscription ------------------------------
  * Other styles are in index.css
  * ---------------------------------------------------------------------------
  */
 .program-subscription {
   background: #ffffff;
   padding: 30px 40px;
 }
 
 .program-subscription p {
   text-align: justify;
 }
 
 .program-subscription h2.form-title {
   color: #002554;
 }
 
 .program-subscription h3.form-subtitle {
   color: #002554;
 }
 
 .program-subscription .form-group {
   padding-top: 5px;
   padding-bottom: 5px;
 }
 
 .program-subscription .form-group label {
   color: #002554;
   font-size: 14px;
 }
 
 .program-subscription .form-group label sup {
   color: red;
 }
 
 .program-subscription .form-group label span {
   color: #5d5d5d;
   font-size: 12px;
 }
 
 .program-subscription button.btn.btn-default {
   padding: 15px 80px;
   border: none;
   color: #ffffff;
   background-color: #002554;
   font-weight: 700;
   font-size: 14px;
 }
 
 .program-subscription .btn.btn-default {
   padding: 10px 15px;
   border: none;
   color: #ffffff;
   background-color: #004c97;
   font-weight: 700;
   font-size: 10px;
 }
 
 .margin-row{
   margin: 0 4px;
 }
 
 .program-subscription .law-quote p {
   color: #002554;
   font-size: 12px;
 }
 
 .program-subscription .law-quote p span {
   color: red;
 }
 
 .subscription-thanks {
   text-align: center;
   background: #ffffff;
   padding: 10px 40px;
 }
 
 .subscription-thanks h1,
 .subscription-thanks h3 {
   color: #48c8f5;
 }
 
 /*
  * ---------------------------- Program Info ---------------------------------
  * Other styles are in index.css
  * ---------------------------------------------------------------------------
  */
 .no-interest-info {
   background-color: #ffffff;
   padding: 0 50px;
 }
 
 @media (max-width: 1200px) {
  .share-detail-container {
    width: 217px;
  }
 }