{"version":3,"sourceRoot":"","sources":["../../../../../resources/aura/src/scss/abstracts/__abstracts-dir.scss","../../../../../resources/aura/src/scss/layouts/header/_header_common.scss","../../../../../resources/aura/src/scss/abstracts/_variables.scss","../../../../../resources/aura/src/scss/abstracts/_custom_properties.scss","../../../../../resources/aura/src/scss/abstracts/mixins/_fonts.scss","../../../../../resources/aura/src/scss/layouts/header/_destinia_header.scss","../../../../../resources/aura/src/scss/layouts/header/_telephone.scss","../../../../../resources/aura/src/scss/layouts/header/_destinia_help.scss","../../../../../resources/aura/src/scss/layouts/header/_language_selector.scss","../../../../../resources/aura/src/scss/layouts/header/_destinia_language_selector.scss","../../../../../resources/aura/src/scss/layouts/header/_locale_selector.scss","../../../../../resources/aura/src/scss/layouts/header/_currency_selector.scss","../../../../../resources/aura/src/scss/layouts/header/_destinia_currency_selector.scss","../../../../../resources/aura/src/scss/layouts/header/_account.scss","../../../../../resources/aura/src/scss/layouts/header/_destinia_account.scss","../../../../../resources/aura/src/scss/layouts/header/_main_menu.scss","../../../../../resources/aura/src/scss/layouts/header/_lazy_header_full.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;EACE,QCuLc;EDtLd;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YEcc;EFbd;EACA,QC4KY;ED3KZ;;AAIF;EAjBF;IAkBI;;EACA;IACE;;EAEF;IACE;IACA;IACA;IACA,KC8JU;ID7JV;IACA;IACA;IACA,QC0JU;IDzJV;IACA;;EAEF;IACE,QCqJU;;EDnJV;IACE;;EAIF;IACE;IACA;;;AAMJ;EADF;IAEI;IACA;;;AAIJ;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;AAIJ;EACE;EACA;;AACA;EAHF;IAII;IACA;IACA;;;AAIJ;EACE;EACA;EACA,QCqGY;EDpGZ;EACA;EACA;;AACA;EAPF;IAQI;;;AAMF;EACE;EACA;EACA,QCuFU;EDtFV;EACA;;AACA;EANF;IAOI;;;AAIJ;EACE;EACA,QC6EU;ED5EV;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA,4BCuDgB;IDtDhB,2BCsDgB;IDrDhB;;;AAGA;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA,OC1FO;ED2FP,WCDQ;EDER,aCeK;EDdL;EACA;EACA;EACA;EACA;EACA;EACA,QCiBM;EDhBN,aCgBM;EDfN;EACA;;AACA;EACE,OCzGM;ED0GN;EACA,kBCnEI;EDoEJ;;AACA;EACE;;AAGJ;EGnLR;;AACA;EACE;;AHiLM;EAEE,OCnHM;;ADuHR;EADF;IAEI,WC7BM;;;ADiCR;EACE;;AAKR;EACE,YCrIc;EDsId;EACA,2BCTgB;EDUhB,4BCVgB;EDWhB;EACA;;AACA;EACE;;AAEF;EACE;EG/MN;;AACA;EACE;;AH4ME;EAGE;EACA,OCrIY;EDsIZ;EACA;EACA;EACA;;AACA;EACE;EACA,OC1IgB;;AD6IpB;EACE;;AAIN;EACE;EACA;;AAGA;EADF;IAEI;;;AAFJ;EAIE;EACA;EACA;;AAEF;EACE;;;AAIJ;AAEE;EACE;;AACA;EACE;;AAEF;EACE;EACA,QCpEU;EDqEV;EACA;EACA,YEtOiB;EFuOjB,aCxEU;;ADyEV;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;IACA;;;AASV;EACE,OErQc;EFsQd;;AACA;EACE;;AACA;EACE,ME1QU;;;AF+QlB;EACE;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;;EACA;IACE;IACA;;EAGJ;IACE;;EAEF;IACE;IACA,OChQO;IDiQP;IACA;;EAEE;IACE;;EAGD;IACE,MEjTU;;EFsTjB;IACE,OCzQS;;ED2QX;IACE;IACA;IACA;IACA;IACA;IACA;IACA,YCpRS;IDqRT;IACA;;EACA;IACE,YCxRO;IDyRP;IACA;;EAEF;IACE;;EAEF;IACE,YChSO;IDiSP;IACA;;EAGJ;IACE;;EAMN;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIN;EAEI;IACE;;EACA;IACE;;EAEF;IACE;IACA,OElXY;;EFqXR;IACE,MEtXM;;EF0XZ;IACE,OE3XU;;EF6XZ;IACE,OE7Xe;;EFgYnB;IACE;;EACA;IACE;IACA,OErYU;IFsYV,YEvYc;;EFwYd;IACE,MExYQ;;EF6YhB;IACE,OE7YmB;IF8YnB;;EACA;IACE;;EACA;IACE,MElZe;;;AFyZzB;EAEI;IACE;;EAGJ;AAAA;AAAA;IAGE;;EAEF;AAAA;IAEE;;;AAIJ;EACE;EACA,eCzQoB;ED0QpB;EACA;EACA;EACA,YElbsB;EFmbtB;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;;AAKN;EACE;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEE;IACE;IACA;IACA;;;AAKR;AACA;EACE;IACE;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;IACA;IACA,YC9be;ID+bf;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA,YC1ca;ID2cb;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA,OEnhBU;IFohBV;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;EAEE;IACE,MCreI;;ED2ed;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;;AAKR;EACE;EACA;EACA,QCtYc;EDuYd,aCvYc;EDwYd;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;;EACA;IACE;;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OE3kBgB;EF4kBhB;EACA;EACA;EACA,WC1bgB;;AD2bhB;EACE;EACA;EACA;EACA;EACA;EACA;;AAEE;EACE,MEzlBU;;AFulBd;AAIE;;AACA;EACE;;AAIN;EACE;;;AAGJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGA;EADF;IAEI;IACA;;EACA;IACE;;;;AAIN;AAEE;EACE,YE3mBmB;EF4mBnB;;AACA;EACE;EACA;;AACA;EACE;;AAKJ;EACE;EACA;;AAEE;EACE;;AAKR;EACE;;AACA;EAFF;IAGI;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;;AAGJ;EAdF;IAeI;;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE,MC9nBW;;ADkoBjB;EACE,OCnoBe;EDooBf;;AAEF;EG/sBA;;AACA;EACE;;AHstBJ;EAEI;IACE;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AAEF;EACE;;AAGA;EADF;IAEI;IACA;IACA;;EAEE;IACE;;;;AI3vBV;AAGI;EACE,YFqBiB;EEpBjB;;AAEF;EACE;;AAME;EADF;IAEI;;;AAIA;EADF;IAEI;IACA;;;AAIF;EACE,YFDW;EEEX;;AAIN;EACE;EACA;;;AAKR;EAGM;IACE;;EACA;ID1CN;;EACA;IACE;;ECwCI;IAEE;;EACA;IACE;;EAGJ;IACE;;EAEF;IACE;;EAIN;IACE;IACA;;EACA;IACE;;EACA;IACE;IACA;IACA;;EAGJ;IACE;IACA;;;AAMR;AAGI;EACE;;AAEF;EACE;;AAIJ;EAVF;IAWI;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;;EAGF;IACE;ID9GN;;EACA;IACE;;EC2GE;IAGE;IACA;;EAEA;IACE;;EAEF;IACE;;;AAMN;EADF;IAEI;IACA;;;AAMA;EADF;IAEI,OF9Ge;IE+Gf;;EAEE;IACE,MFlHW;;;;AE2HvB;AAEE;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;IACE;IACA;;EAEF;IACE;;EACA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EACA;IACE;IACA;;EAGA;IACE,OH5GK;IG6GL,MH7GK;;EGmHb;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EACA;IACE;IACA;IACA;;EAEA;IACE;;EACA;IACE;IACA,OH7IE;IG8IF;IACA;IACA;IACA;IACA;;EAKE;IACE;;EACA;IACE;;EAEE;IACE,MHtJP;;EG4JH;IACE;IACA;IACA;;EAEA;IACE;;EAKN;IACE;IACA;;EACA;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAEF;IACE;;EACA;IACE,OHnNJ;;EGsNA;IACE;IACA;;EACA;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;EACA;IACE;;EAEF;IACE;;EAIN;IACE;;EAGJ;IACE;;EAMR;IACE;IACA;;EACA;IACE;IACA;;EAEA;IACE;;EACA;IACE;IACA;IACA;;EAGA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EACA;IACE,OHxPH;IGyPG,MHzPH;;EG8PC;IACE;;EAIN;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAKN;IACE;ID1Vd;;EACA;IACE;;EC0VY;IACE;IACA,kBF3VM;IE4VN;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;;;;AAWhB;EACE;AAAA;AAAA;IAGE;IACA;IACA;IACA;IACA;IACA;IACA;;;AC9XJ;EACE;;AACA;EAFF;IAGI;;EACA;IACE;;;AAGJ;EACE,QJ+KY;EI9KZ;EACA;EACA,YHamB;EGZnB,aJ2KY;EI1KZ,OHagB;;AGZhB;EAPF;IAQI;IACA;;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE,MHHY;;AGQhB;EACE;EACA,OHVc;EGWd,YHjCkB;;AGkClB;EACE,MHbY;;AGiBlB;EACE;EACA;EACA;EACA,YJwIY;EIvIZ;;AAEF;EACE,OHxBqB;EGyBrB;;AACA;EACE,MH3BmB;EG4BnB;;AAGJ;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,WJoFa;EE5Jf;;AACA;EACE;;AEwEA;EACE;EACA,WJmFY;EIlFZ,aJkGW;;AI/FX;EACE;EACA,aJ4FO;;AI1FT;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;;AAMR;EACE;;;AAEF;EACE;IACE;;EACA;IACE;;EAEF;IACE;;EAGA;IACE;;EAEF;IACE;;EAIF;IACE;;EAEF;IACE;;;AAKR;EAEI;IACE;;EACA;IACE;;EAGJ;IACE;;;AAIN;EACE;;;AAIA;EACE;EACA;;AACA;EAHF;IAII;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAEF;IACE;IACA;IACA;;EACA;IACE;IACA;IACA,aJpBK;IIqBL,OJjIQ;IIkIR;;EAIE;IACE,MJvII;;;AI6Id;EACE;EACA;EACA;EACA;;AACA;EACE,WJzDS;EI0DT,aJxCO;EIyCP,OH5LiB;EG6LjB;EACA;EACA;;AACA;EAPF;IAQI;;;AAGJ;EACE;EACA,OJ/JU;EIgKV;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA,WJ7EQ;;AI8ER;EACE,OJ/JQ;;AIiKV;EACE;EACA;EACA;;AACA;EACE;EACA;AACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE,MHrOW;;AGwOf;EACE,OHzOa;;AG8OnB;EACE,WJ7GU;EI8GV;EACA,aJ9FO;EI+FP;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA,aJ5GO;EI6GP,OJzNU;EI0NV;;AAEF;EACE;;AAEF;EACE,OJrNY;;AIuNd;EACE;EACA,aJxHO;EIyHP,OJrOU;EIsOV;EACA;;AAEF;EACE;EACA,OJ3OU;;AI6OZ;EACE;EACA,aJnIO;EIoIP;EACA;EACA,OJlPU;;AIoPZ;EACE,WJ3JS;EI4JT;;;AAOR;EACE;;;AAEF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AC5UJ;EACE;EACA;;AACA;EACE;EACA,QLmLY;EKlLZ;EACA;EACA,YJiBmB;EIhBnB,aL+KY;EK9KZ,OJiBgB;EIhBhB;;AACA;EACE;EACA;EACA,WL+IY;EK9IZ;;AAEF;EAfF;IAgBI;;EACA;IHnBJ;;EACA;IACE;;;AGsBA;EACE;EACA;EACA,YJvBkB;;;AKLxB;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA,WN2IW;;AM1IX;EAPF;IAQI,WN0IU;;;AMvIZ;EACE;EACA;EACA;;AAIJ;EACE;EJ9BJ;;AACA;EACE;;AI+BE;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EAnCF;IAoCI;IACA;IACA;;EACA;IACE;IACA;;EAEF;IACE;IACA,YNSY;;EMPd;IACE;IACA;IACA;IACA;IACA;;;AAGJ;EAvDF;IAwDI;IACA;;EACA;IACE;;;AAKF;EADF;IAEI;;EACA;IACE,2BNiHY;IMhHZ,4BNgHY;;EM9GZ;IACE;;;AAIN;EAZF;IAaI;;;AAEF;EAfF;IAgBI;;;AAKF;EACE;IACE,WN6DQ;;;;AMrDhB;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACI;;;AClHF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EAZF;IAaI;;;AAIA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EL/BJ;;AACA;EACE;;AK6BE;EAEE,OPiCU;EOhCV;EACA;;AAEF;EACE,OP4BU;EO3BV;EACA;;AACA;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEA;EACE;;AACA;ELlEV;;AACA;EACE;;AKqEM;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAKN;EACE;;AAEF;EACE;EACA,kBNjGY;EMkGZ;EACA;EACA;EACA;EACA;EACA;;AAOV;EACE;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EAEA;IACE;;;;AC7KZ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AAGA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EN/BJ;;AACA;EACE;;AM6BE;EAEE,ORiCU;EQhCV;EACA;;AAEF;EACE,OR4BU;EQ3BV;EACA;;AACA;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEA;EACE;;AACA;ENlEV;;AACA;EACE;;AMqEM;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKN;EACE;;AAEF;EACE;EACA,kBPpGY;EOqGZ;EACA;EACA;EACA;EACA;EACA;;AAOV;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EACA;IACE;;EAIJ;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EAEA;IACE;;;;AChLd;EACE;EACA,aT+KY;;AS7KZ;EAJF;IAKI,aT4KU;IS3KV;IACA;;;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA,WT0IW;;ASzIX;EAPF;IAQI,WTyIU;;;ASvIZ;EACE;EACA;EACA;EACA;EACA,aTsJM;ESrJN,ORDiB;;AQIrB;EACE;EPhCJ;;AACA;EACE;;AOgCE;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EAjCF;IAkCI;IACA;IACA;;EACA;IACE;IACA;;EAEF;IACE;IACA,YTUY;;ESRd;IACE;IACA;IACA;IACA;IACA;;;AAGJ;EArDF;IAsDI;IACA;;EACA;IACE;;;AAIF;EADF;IAEI;;EACA;IACE,2BTmHY;ISlHZ,4BTkHY;;ESjHZ;IACE;;;AAIN;EAXF;IAYI;;;AAEF;EAdF;IAeI;;;AAIF;EACE;IACE,WTiEQ;;;;AU1JZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OVoDQ;EElEhB;;AACA;EACE;;AQWI;EAGE;EACA;;AAEF;EACE,OV8CQ;EU7CR;EACA;;AACA;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,kBVwDA;;AUpDJ;EACE;EACA;;AAGF;EACE,aVmHG;EUlHH;EACA;;AAGF;ERjEV;;AACA;EACE;;AQmEQ;EACE;;AAEF;EACE;EACA,kBTvEU;ESwEV;EACA;EACA;EACA;EACA;EACA;;AAOV;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EAEA;IACE;;;;ACjJhB;AAAA;EAEE;;AAGI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;EACE,MX6DS;;AWzDX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,MXiDQ;;AW5ChB;AAAA;EACE;EACA;EACA;;AACA;AAAA;AAAA;EACE;EACA;;AAGA;AAAA;EACE;EACA;EACA;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE,WX2Gc;EW1Gd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OVhCqB;;AUkCrB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EApCF;IAqCI;IACA;IACA,WXoEW;IWnEX;ITzFJ;;EACA;IACE;;;ASyFE;EA1CJ;IA2CM;;;;AAMR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AACA;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA,kBXlFa;EWmFb;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;EACA;EACA;;AACA;EACE,qBXtIW;;AWyIf;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;;ACpNV;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AACA;EAFF;IAGI,WZyIQ;;;AYtIZ;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;;AAGJ;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EAfF;IAgBI;IACA;IACA;;;;AC1DN;AACA;EACE;;AACA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA,QbmKU;EalKV,WbwIY;EavIZ;EACA,abgKU;Ea/JV,Ob2CW;Ea1CX;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;AACE;;AAGJ;EACE;;AAEF;EACE,ObwBS;EavBT;;AAQJ;EACE;;AACA;EACE;;AAGJ;EX1DF;;AACA;EACE;;AWwDA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,abwGQ;EavGR;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE,ObxBW;EayBX,YbrBa;EasBb,abiFS;EahFT;;AACA;EACE;;AAEF;EACE,Yb5BW;Ea6BX;EACA,OblCS;EamCT;EACA;EACA,Qb+EQ;Ea9ER,ab8EQ;Ea7ER;EACA,WbkDU;EajDV;EACA;EACA;EACA,ab+DO;Ea9DP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAtBF;IAuBI,WboCQ;;;AalCV;EACE,ObzDO;Ea0DP;;AAMN;EACE;;AACA;EACE;;AACA;EACE,kBb9BM;;AaoCZ;EACE;;AAGA;EACE;EACA,ObjFS;;AakFT;EACE;EACA;;AACA;EACE,kBb/CI;;;AauDhB;EAGM;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA,WbjBQ;;EamBR;IACE;;EAEF;IACE;;;AAOZ;EAEI;IACE;IACA;IACA;IACA;IACA;IACA,KbZU;IaaV;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA,YbvIY;IawIZ;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EACA;IACE;IACA;IACA;;;AACA;EAJF;IAKI;;EACA;IACE;;;AApCd;EAwCQ;IACE;;EAGA;IACE,YbjKO;;EaoKX;IACE,YbrKS;IasKT;IACA;;EAOF;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IAIA;;;AAHA;EAPF;IAQI;;;AArEZ;EAwEU;IACE;IACA;IXrQV;;EACA;IACE;;EWiQM;IAIE;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;;EACA;IACE,Ob1NE;;Ea8NR;IACE;;EACA;IACE;IACA;;;AAWZ;EADF;IAEI;;;;AAMA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE,Mb3PU;;;AaiQlB;EACE;EACA;EACA;;AACA;EACE,2Bb1IkB;Ea2IlB,4Bb3IkB;Ea4IlB;;AACA;EACE;;;AAIN;EACE;;AAGE;EACE;;AACA;EACE;;;AAMR;EACE;;;AAGA;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE,MbxSS;;Aa0SX;EACE;;AAIF;EACE,MbjTU;;;AauTlB;AAKI;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAIN;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,MbhVO;;AasVT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,MbxVQ;;;Aa8VlB;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAK;;AACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAK;;;AAMf;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAK;;AACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAK;;;AAMf;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAKR;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAKR;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAKR;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAKR;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAKR;AAMM;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AfxiBR;AAAA;AAAA;AAAA;AgBIA;AAGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YdyDiB","file":"header_full.css","sourcesContent":["/*\nThis file is used to contain all abstracts imports.\nFiles inside this folder can contain abstract settings, helpers or functions. They have no direct output.\n*/\n\n//Import Abstracts files\n@import \"custom_properties\";\n@import \"variables\";\n@import \"mixins\";\n",".brand-header {\n  height: $navbar-height;\n  position: relative;\n  &:before {\n    display: block;\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    background: $brand-navbar-bg;\n    background: linear-gradient(90deg, $brand-navbar-bg 0%, $brand-navbar-bg-dark 70%);\n    height: $navbar-height;\n    z-index: 0;\n\n  }\n\n  @media (min-width: $grid-float-breakpoint) {\n    height: $navbar-height * 2;\n    &:before {\n      background: linear-gradient(90deg, $brand-navbar-bg 0%, $brand-navbar-bg 49%, $brand-navbar-bg-dark 50%, $brand-navbar-bg-dark 100%);\n    }\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      top: $navbar-height;\n      left: 0;\n      width: 100%;\n      background: #fff;\n      height: $navbar-height;\n      z-index: 0;\n      border-bottom: 1px solid $colorBordes;\n    }\n    &.compact-header, &.noclick-header {\n      height: $navbar-height;\n\n      &:after {\n        display: none;\n      }\n    }\n    &.open-compact-header {\n      &:after {\n        display: block;\n        z-index: 3;\n      }\n    }\n  }\n\n  .header-position {\n    @media (min-width: $grid-float-breakpoint) {\n      position: relative;\n      display: flex;\n    }\n  }\n\n  ul, ol {\n    list-style: none;\n  }\n\n  .navbar {\n    margin-bottom: 0;\n  }\n\n  .navbar-left {\n    @media (min-width: $grid-float-breakpoint) {\n      float: left !important;\n    }\n  }\n\n  .navbar-header {\n    text-align: center;\n    background: linear-gradient(90deg, $brand-navbar-bg 0%, $brand-navbar-bg-dark 70%);\n    @media (min-width: $grid-float-breakpoint) {\n      flex: 1 1 auto;\n      text-align: left;\n      float: none;\n    }\n  }\n\n  .navbar-brand {\n    margin: 0 !important;\n    padding: 0;\n    height: $navbar-height;\n    position: relative;\n    float: none;\n    display: inline-block;\n    @media (min-width: $grid-float-breakpoint) {\n      float: left;\n    }\n\n    &:hover, &:focus {\n    }\n\n    svg, svg * {\n      shape-rendering: geometricPrecision;\n      width: 100px;\n      height: $navbar-height;\n      fill: #fff;\n      vertical-align: top;\n      @media print {\n        fill: #000;\n      }\n    }\n\n    svg.arabic, svg.arabic * {\n      width: 100px;\n      height: $navbar-height;\n      margin-top: 0;\n      margin-left: 0;\n    }\n\n    img.brand-logo {\n      width: auto;\n      max-height: 40px;\n      margin-top: 5px;\n    }\n  }\n\n  .ball-spin-fade-loader {\n    position: absolute !important;\n    top: 65%;\n    left: 50%;\n    margin-left: -12.5px;\n    margin-top: -23.5px;\n  }\n}\n.brand-header, .custom-brand-header {\n  .dropdown-menu {\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    overflow: hidden;\n    margin:0;\n    @media (min-width: $grid-float-breakpoint) {\n      opacity: 0;\n      border-bottom-right-radius: $border-radius-large;\n      border-bottom-left-radius: $border-radius-large;\n      box-shadow: 0 8px 12px rgba(0, 0, 0, .175);\n    }\n    > ul {\n      @media (min-width: $grid-float-breakpoint) {\n        margin-top: -1px;\n      }\n    }\n    ul {\n      padding: 0;\n      border-left: 1px solid $colorBordes;\n      border-right: 1px solid $colorBordes;\n      margin: 0;\n      li {\n        border-bottom: 1px solid $colorBordes;\n        position: relative;\n        &:last-child {\n          border-bottom: none\n        }\n        > a, > div.collapse-title, > button, .languageSelector, .skeleton__link {\n          text-align: left !important;\n          color: $brand-grey-alt;\n          font-size: $font-size-large;\n          font-weight: $roboto-light;\n          display: inline-block;\n          width: 100%;\n          padding: 0;\n          padding-left: 15px;\n          border: 0;\n          border-radius: 0;\n          height: $navbar-height;\n          line-height: $navbar-height;\n          vertical-align: middle;\n          background: #fff;\n          &:hover, &:focus {\n            color: $brand-grey-dark;\n            text-decoration: none;\n            background-color: $menu-hover-bg;\n            outline: none;\n            &[data-bs-toggle=\"collapse\"] {\n              background-color: #fff;\n            }\n          }\n          &.active_selection {\n            @include medium-weight;\n            color: $brand-grey-dark;\n          }\n        }\n        > a, > button {\n          @media (max-width: $grid-float-breakpoint-max) {\n            font-size: $font-size-large;\n          }\n        }\n        > .skeleton__link {\n          .skeleton__title {\n            display: inline-block !important;\n          }\n        }\n      }\n    }\n    .container-bottom-links {\n      background: $brand-brown-light;\n      padding: 0;\n      border-bottom-left-radius: $border-radius-large;\n      border-bottom-right-radius: $border-radius-large;\n      border: 1px solid $colorBordes;\n      border-top: 0;\n      > button {\n        cursor: pointer;\n      }\n      > button, > .skeleton__button {\n        background: none;\n        @include medium-weight;\n        border: none;\n        color: $interactive-color;\n        display: block;\n        width: 100%;\n        padding: 20px;\n        outline: none;\n        &:hover, &:active {\n          text-decoration: underline;\n          color: $interactive-color-hover;\n        }\n      }\n      > .skeleton__button {\n        min-height: 56px;\n      }\n    }\n  }\n  .dropdown-menu-right {\n    left: auto;\n    right: 0;\n  }\n  .dropdown-menu.show {\n    @media (min-width: $grid-float-breakpoint) {\n      opacity: 1;\n    }\n    height: auto;\n    backface-visibility: hidden;\n    perspective: 1000px;\n  }\n  .header-top-nav .dropdown-menu.show {\n    min-height: 100px;\n  }\n}\n\n/* menu superior cuenta, moneda, idioma */\n.header-top-nav, .custom-brand-header {\n  .navbar-nav > li {\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\n    &:last-child {\n      border-right: 0;\n    }\n    > .dropdown-toggle, > .dropdown-not-toggle {\n      display: inline-block;\n      height: $navbar-height;\n      padding: 0 15px;\n      border: 0;\n      background: $brand-navbar-bg-dark;\n      line-height: $navbar-height;\n      > span {\n        vertical-align: middle;\n        line-height: 1;\n      }\n      svg {\n        vertical-align: middle;\n        &.icon-ui-chevron-down {\n          width: 10px;\n          height: 10px;\n          margin-left: 5px;\n        }\n        &.icon-graph-user {\n          width: 16px;\n          height: 16px;\n          margin-right: 5px;\n          @media (min-width: $grid-float-breakpoint) {\n            width: 14px;\n            height: 14px;\n            margin-right: 5px;\n          }\n        }\n      }\n    }\n    > .dropdown-toggle {\n    }\n  }\n\n  .navbar-nav > li > .dropdown-toggle.show, .navbar-nav > li > .dropdown-toggle.show:hover, .navbar-nav > li > .dropdown-toggle.show:focus {\n    color: $brand-navbar-bg;\n    background: #fff;\n    svg[class*=\"icon-graph\"], svg[class*=\"icon-ui\"] {\n      opacity: 1;\n      &, & * {\n        fill: $brand-navbar-bg;\n      }\n    }\n  }\n}\n@media (max-width: $grid-float-breakpoint-max) {\n  .header-top-nav, .custom-brand-header {\n    border-top: 0;\n    border-bottom: 1px solid $colorBordes;\n    background: #fff;\n    margin:0 0 15px 0;\n    .navbar-nav {\n      display: flex;\n      margin:0;\n      flex-wrap: nowrap;\n      flex-direction: row-reverse;\n      > li {\n        flex: 1 1 auto;\n        border-left: 1px solid $colorBordes;\n        position:static;\n        border-right: 0;\n        &#loginheader {\n          flex: 1 1 auto;\n          border-left: 0;\n          > .dropdown-toggle, > .dropdown-not-toggle {\n            text-align: left;\n            text-decoration: none;\n          }\n        }\n        &.norelative {\n          display: none;\n        }\n        > .dropdown-toggle, > .dropdown-not-toggle {\n          border-top: 0;\n          color: $brand-grey-alt;\n          width: 100%;\n          background: #fff;\n          svg {\n            &.icon-ui-chevron-down {\n              display: none;\n            }\n           &[class*=\"icon-graph\"], &[class*=\"icon-ui\"] {\n             &, & * {\n               fill: $brand-navbar-text-open;\n             }\n            }\n          }\n        }\n        > .dropdown-toggle.show, > .dropdown-not-toggle.show {\n          color: $brand-copy-light;\n        }\n        .dropdown-menu {\n          position: fixed !important;\n          inset: 0 0 0 0 !important;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          width: 100%;\n          background: $brand-grey-light;\n          z-index: 201;\n          box-shadow: none;\n          .dropdown-top-header {\n            background: $brand-grey-light;\n            height: 50px;\n            border-bottom: 1px solid $colorBordes;\n          }\n          ul {\n            border: 0;\n          }\n          .container-bottom-links {\n            background: $brand-grey-light;\n            border: 0;\n            border-top: 1px solid $colorBordes;\n          }\n        }\n        .dropdown-menu.show {\n          transform: translate3d(0, 0, 0) !important;\n        }\n      }\n    }\n  }\n  .brand-header .dropdown-menu {\n    .dropdown-top-header {\n      height: 50px;\n      line-height: 49px;\n      padding: 0;\n    }\n    .mobile-scroll {\n      padding-top: 0;\n      position: absolute;\n      top:50px;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 2;\n    }\n  }\n}\n@media (min-width: $grid-float-breakpoint) {\n  .header-top-nav, .custom-brand-header {\n    .navbar-nav > li {\n      border-right: 1px solid rgba(#fff, 0.3);\n      &:last-child {\n        border-right: 0;\n      }\n      > .dropdown-toggle, > .dropdown-not-toggle {\n        border-top: 1px solid $brand-navbar-bg;\n        color: $brand-navbar-text;\n        svg {\n          &[class*=\"icon-graph\"], &[class*=\"icon-ui\"] {\n            &, & * {\n              fill: $brand-navbar-text;\n            }\n          }\n        }\n        #login-user-info span {\n          color: $brand-navbar-text;\n        }\n        &.show #login-user-info span {\n          color: $brand-navbar-text-open;\n        }\n      }\n      > .dropdown-toggle {\n        transition: background-color 0.3s;\n        &:hover, &:focus {\n          cursor: pointer;\n          color: $brand-navbar-text;\n          background: $brand-navbar-bg-hover;\n          > svg, > svg * {\n            fill: $brand-navbar-text;\n          }\n        }\n      }\n    }\n    .navbar-nav > li > .dropdown-toggle.show, .navbar-nav > li > .dropdown-toggle.show:hover, .navbar-nav > li > .dropdown-toggle.show:focus {\n      color: $brand-navbar-text-open;\n      background: #fff;\n      svg[class*=\"icon-ui\"], svg[class*=\"icon-graph\"] {\n        opacity: 1;\n        &, & * {\n          fill: $brand-navbar-text-open;\n        }\n      }\n    }\n  }\n}\n//mobile menu\n@media (max-width: $grid-float-breakpoint-max) {\n  .brand-header .dropdown-menu .container-bottom-links {\n    > button {\n      text-transform: none;\n    }\n  }\n  .brand-header .dropdown-menu ul li > button:active,\n  .brand-header .dropdown-menu ul li > a:active,\n  .navbar-nav > li > .dropdownmenu-main-more > ul.navbar-main-more > li button:active {\n    background-color: $menu-hover-bg !important;\n  }\n  .brand-header .dropdown-menu ul li > a:hover,\n  .brand-header .dropdown-menu ul li > button:hover {\n    background: none\n  }\n}\n\n.navbar-toggle {\n  position: relative;\n  border-radius: $border-radius-large;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background: $brand-navbar-bg-hover;\n  border: 0;\n  padding: 8px;\n  line-height: 1;\n  height: auto;\n  margin: 7px 0;\n  .icon {\n    width: 20px;\n    height: 20px;\n    vertical-align: top;\n    &, & * {\n      fill: #fff;\n    }\n  }\n}\n\n@media (min-width: $grid-float-breakpoint) {\n  .open_header {\n    position: absolute;\n    left: 0;\n    right: 0;\n    width: 100%;\n    margin: 0 auto\n  }\n  .collapsed_header {\n    display: none!important;\n  }\n}\n@media (min-width:$grid-float-breakpoint) {\n  .menus-container {\n    flex: 0 0 auto;\n    .header-top-nav {\n      .navbar-nav {\n        display: flex;\n        flex-wrap: nowrap;\n        margin: 0 -15px 0 0;\n      }\n    }\n  }\n}\n/* Refurbish menu mobile */\n@media (max-width:$grid-float-breakpoint-max) {\n  #body-wrapper {\n    transition: transform 0.3s ease-in;\n    backface-visibility: hidden;\n    &.menus-open {\n      transform: translate3d(100%,0,0);\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 800000;\n    }\n  }\n  .menus-container {\n    position: fixed;\n    width: 100%;\n    background: $brand-grey-light;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    z-index:1000000;\n    border: 0;\n    transform: translate3d(-100%,0,0);\n    .menus-header {\n      height: 50px;\n      line-height: 49px;\n      padding: 0;\n      background: $brand-grey-light;\n      border-bottom: 1px solid $colorBordes;\n      .menus-close-bt {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        display: inline-block;\n        width: auto;\n        border: 0;\n        background: 0;\n        color: $brand-secondary;\n        padding: 0 15px;\n        vertical-align: middle;\n        .icon {\n          display: inline-block;\n          width: 14px;\n          height: 14px;\n          margin: 0;\n          padding: 0;\n          vertical-align: middle;\n          &.icon-ui-close {\n            &, & * {\n              fill: $brand-grey-dark;\n            }\n          }\n        }\n      }\n    }\n    .menus-overflow {\n      position: absolute;\n      top: 50px;\n      left: 0;\n      right:0;\n      bottom:0;\n      z-index: 1;\n      &.blocked-scroll {\n        overflow: hidden;\n      }\n    }\n  }\n}\ndiv.iran_message {\n  color:#fff;\n  font-size: 16px;\n  height: $navbar-height;\n  line-height: $navbar-height;\n  padding: 0 15px;\n  float: right;\n  border-right: 1px solid rgba(255, 255, 255, 0.3);\n  @media (min-width: $grid-float-breakpoint) and (max-width: $screen-sm-max) {\n    max-width: 140px;\n    line-height: 1.5;\n    font-size: 15px;\n    html[lang|=\"hu\"] & {\n      display: none;\n    }\n  }\n}\n.dropdown-close-bt {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: inline-block;\n  width: auto;\n  border: 0;\n  background: 0;\n  color: $brand-secondary;\n  padding: 0 15px;\n  vertical-align: middle;\n  text-transform: capitalize;\n  font-size: $font-size-large;\n  .icon {\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    margin-right: 5px;\n    padding: 0;\n    vertical-align: middle;\n    &.icon-ui-chevron-left {\n      &, & * {\n        fill: $brand-secondary;\n      }\n      /*rtl:ignore*/\n      [dir='rtl'] & {\n        transform: rotate(180deg);\n      }\n    }\n  }\n  span {\n    vertical-align: middle;\n  }\n}\n/* generic background svg */\n.checked:after {\n  content: '';\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  background-image: url('/headers/svg/background/icon-ownfill-graph-check-027a02.svg'), none;\n  background-repeat: no-repeat;\n  background-size:100% 100%;\n}\n.mobile-scroll, .menus-overflow {\n  @media (max-width: $grid-float-breakpoint-max) {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n/* Rewards on header */\n.rewards_selector {\n  .header-top-nav .navbar-nav>&>.dropdown-toggle {\n    background: $brand-navbar-bg-dark;\n    color:#fff;\n    .icon {\n      width: 16px;\n      height: 16px;\n      &, & * {\n        fill: #fff;\n      }\n    }\n  }\n  .header-top-nav .navbar-nav>&>.dropdown-toggle.show {\n    &, &:hover, &:focus {\n      background: #bc4206;\n      color:#fff;\n      svg[class*=icon] {\n        &, & * {\n          fill: #fff;\n        }\n      }\n    }\n  }\n  .brand-header & .dropdown-menu.dropdown-rewards {\n    border: 1px solid #bc4206;\n    @media (max-width: $grid-float-breakpoint-max) {\n      position: absolute !important;\n      min-width: 100%;\n      top: 50px;\n      inset: 50px 0 auto 0!important;\n      right: 0;\n      left: 0;\n      bottom: auto;\n      .mobile-scroll {\n        position: static;\n      }\n    }\n    @media (min-width: $grid-float-breakpoint) {\n      min-width: 306px;\n    }\n  }\n}\n.rewards_alert {\n  display: inline-block;\n  width: 13px;\n  line-height: 13px;\n  border-radius: 12px;\n  background-color: #ffd212;\n  color: #000;\n  margin-top: -15px;\n  font-size: 10px;\n  margin-left: -7px;\n  #mobileNavOpener & {\n    position: absolute;\n    right: -5px;\n    top: 13px;\n  }\n}\n.rewards_message {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 18px;\n  background: #fff;\n  &__icon {\n    margin-right: 8px;\n    flex: 0 0  auto;\n    .icon {\n      width: 18px;\n      height: 18px;\n      &, & * {\n        fill: $brand-copy-light;\n      }\n    }\n  }\n  &__content {\n    color: $brand-copy-light;\n    font-size: 14px;\n  }\n  &__title {\n    @include medium-weight;\n  }\n  &__text {\n\n  }\n}\n\n//header generico para headers no destinia\n@media (max-width: $grid-float-breakpoint-max) {\n  .brand-header:not(.destinia-header) {\n    .navbar-brand {\n      margin: 0 0 0 -36px !important;\n    }\n  }\n}\n.brand-header.wozozo-header {\n  .navbar-brand img.brand-logo {\n    margin-top: 10px;\n    width: auto;\n    margin-bottom: 1px;\n  }\n}\n.brand-header.consolidator-header {\n  &:before {\n    background: #f7f7f7;\n    @media (min-width: $screen-sm-min) {\n      background: #f7f7f7;\n    }\n  }\n  .navbar-header {\n    background: #f7f7f7;\n  }\n  .header-top-nav .navbar-nav>li {\n    border-right-color: transparent;\n  }\n  .header-top-nav .navbar-nav>li>.dropdown-toggle {\n    @media (min-width: $screen-sm-min) {\n      background: #f7f7f7;\n      border-top: #222;\n      color: #222;\n      svg[class*=icon-ui] {\n        &, & * {\n          fill: #222;\n        }\n      }\n    }\n  }\n}\n","// Variables\n\n// structure\n$grid-columns: 12 !default;\n$grid-gutter-width: 15px !default;\n\n//** Disabled cursor for form controls and buttons.\n$cursor-disabled: not-allowed !default;\n\n// media queries\n//== Media queries breakpoints\n//\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n// Small screen / tablet\n$screen-sm-min: 768px !default;\n\n// Medium screen / desktop\n$screen-md-min: 992px !default;\n\n// Large screen / wide desktop\n$screen-lg-min: 1200px !default;\n\n// So media queries don't overlap when required, provide a maximum\n$screen-xs-max: ($screen-sm-min - 1) !default;\n$screen-sm-max: ($screen-md-min - 1) !default;\n$screen-md-max: ($screen-lg-min - 1) !default;\n\n// legacy media-query used in illusion css\n$grid-float-breakpoint: $screen-sm-min;\n$grid-float-breakpoint-max: $screen-xs-max;\n\n// Wide limit\n//Container limited para paginas 1200px\n$container-width-limit: 1200px !default;\n//Container limited para paginas anchas 1600px\n$container-wide-width-limit: 1600px !default;\n\n// Colour variables\n$gray-900: #212529 !default;\n$gray-dark: #4a4a4a;\n\n$gray-border: #c7c7c7;\n\n$brand-yellow: #ffd212;\n$brand-yellow-medium: #fffbcc;\n$brand-yellow-light: #fffae9;\n\n$brand-green: #027a02;\n$brand-green-medium: #bfd653;\n$brand-green-light: #e5f1e5;\n\n$brand-navy: #35495a;\n$brand-navy-medium: #85919c;\n$brand-navy-light: #c2c8cd;\n\n$brand-blue-dark: #1e3747;\n$blue-grey-dark: #35495a;\n\n$brand-red: #e50000;\n$brand-red-medium: #ed8d6b;\n$brand-red-light: #fbd9d9;\n\n$brand-brown: #7c7167;\n$brand-brown-medium: #beb8b3;\n$brand-brown-light: #f4f3f2;\n\n$brand-grey-dark: #222222;\n$brand-grey-alt: #222222;\n$brand-grey-strong: #818181;\n$brand-grey-medium: #dfdfdf;\n$brand-grey-secondary: #ededed;\n$brand-grey-light: #f7f7f7;\n\n$brand-copy-light: #74716e;\n\n$travel-copy-light-color: $brand-red;\n\n$interactive-color: #3171c9;\n$interactive-color-light: #d3e5f8;\n$interactive-color-hover: #185596;\n\n$brand-info: #d3e5f8;\n\n$brand-white: #fff;\n\n$brand-hotel-name: #515253;\n$brand-hotel-score-icon: #f6a623;\n$brand-hotel-location-icon: #3171c9;\n$brand-hotel-background-color: $brand-white;\n\n//** Global text color on `<body>`.\n$text-color: $brand-grey-dark;\n\n//** Global textual link color.\n$link-color: $interactive-color;\n//** Link hover color set via `darken()` function.\n$link-hover-color: $interactive-color;\n\n$dropdown-link-color: $gray-900 !default;\n\n// colours availability\n$colorBordes: $brand-grey-medium;\n\n//** `<input>` border color\n$input-border: #d0cbc9;\n\n$menu-hover-bg: #f4f8fc;\n\n//Aura buttons\n\n$btn-default-color: $brand-grey-dark;\n$btn-default-bg: #fff;\n$btn-default-border: $brand-grey-dark;\n$btn-default-hover-txt: $brand-copy-light;\n$btn-default-hover: #fff;\n\n$btn-primary-color: #fff;\n$btn-primary-bg: $brand-primary;\n$btn-primary-border: $brand-primary;\n$btn-primary-hover: $brand-primary-hover;\n\n$btn-secondary-color: #fff;\n$btn-secondary-bg: $brand-secondary;\n$btn-secondary-border: $brand-secondary;\n$btn-secondary-hover: $brand-secondary-hover;\n$btn-secondary-hover-txt: #fff;\n\n$btn-cta-color: $cta-text-color;\n$btn-cta-bg: $brand-cta;\n$btn-cta-border: $brand-cta;\n$btn-cta-hover-txt: $cta-text-color;\n$btn-cta-hover: $brand-cta-hover;\n\n$btn-link-disabled-color: $brand-copy-light;\n$btn-link-disabled-bg: $brand-grey-medium;\n\n$btn-transparent-border: $input-border;\n$btn-transparent-blue-hover: #185596;\n$btn-transparent-blue-hover-txt: #1c66b5;\n\n$extras-background-color: #fde9dd;\n\n// Font variables\n\n$default_font: 'Roboto Fallback MacOS','Roboto Fallback Windows','Roboto Fallback Linux', sans-serif !default;\n$default_font_heading: 'Georama Fallback MacOS', 'Georama Fallback Windows', 'Georama Fallback Linux', sans-serif !default;\n$text_font: 'Roboto' !default;\n$text_font_heading: 'Georama';\n$arabic_text_font: 'Noto Kufi Arabic';\n$farsi_text_font: 'BYekan';\n$hebrew_text_font: 'Arimo';\n$japanese_text_font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka,\n  'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';\n$chinese_text_font: 'Roboto', sans-serif;\n$fonts_base_url: 'https://eur1.otcdn.com/headers/aura/fonts';\n\n$font-size-base: 14px;\n$font-size-large: 16px; // ~16px\n$font-size-superior-large: 18px; // ~18px\n$font-size-small: 12px; // ~12px\n$font-size-extra-small: 10px; // ~10px\n\n$font-size-h1: 24px;\n$font-size-h2: 22px;\n$font-size-h3: 20px;\n$font-size-h4: ceil(($font-size-base * 1.28)); // ~18px\n$font-size-h5: ceil(($font-size-base * 1.14)); // ~16px\n$font-size-h6: $font-size-base; // ~14px\n\n//** Unit-less `line-height` for use in components like buttons.\n$line-height-base: 1.5; // 21/14\n\n//font-weight equivalence to Roboto font names\n$roboto-thin: 200;\n$roboto-light: 300;\n$roboto-regular: 400;\n$roboto-medium: 500;\n$roboto-bold: 700;\n\n$headings-font-weight: $roboto-light;\n$headings-color: $brand-grey-dark;\n\n// Basics of a navbar\n$navbar-height: 50px;\n\n//border color for active tabs and nav menu\n$active-border: $brand-primary;\n\n$border-radius-base: 4px !default;\n\n$border-radius-large: 6px !default;\n\n$btn-border-radius-base: 10px !default;\n$btn-border-radius-large: 10px !default;\n\n// transitions\n$transition-time: 0.3s;\n\n//forms\n//** `<input>` background color\n$input-bg: #fff !default;\n//** `<input disabled>` background color\n$input-bg-disabled: $brand-grey-secondary !default;\n$padding-base-input: 27px 10px 5px 10px !default;\n\n//** `.form-group` margin\n$form-group-margin-bottom: 15px !default;\n\n//** Text color for `<input>`s\n$input-color: $brand-grey-dark;\n\n$input-border-radius: $border-radius-base !default;\n\n//** Border color for inputs on focus\n$input-border-focus: $input-border;\n\n//** Placeholder text color\n$input-color-placeholder: $brand-copy-light;\n\n//** Default `.form-control` height\n$input-height-base: 40px;\n\n$legend-color: $brand-grey-dark;\n$legend-border-color: $colorBordes;\n\n$padding-small-vertical: 7px;\n$padding-small-horizontal: 14px;\n\n$padding-xs-vertical: 3px;\n$padding-xs-horizontal: 10px;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width) !default;\n//** For `$screen-lg-min` and up.\n$container-lg: $container-large-desktop !default;\n\n//** Breadcrumb\n$breadcrumb-bg: transparent;\n$breadcrumb-color: $brand-grey-dark;\n$breadcrumb-active-color: $brand-grey-dark;\n$breadcrumb-separator: '>';\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n$state-success-text: #3c763d !default;\n$state-success-bg: #dff0d8 !default;\n$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;\n\n$state-info-text: #31708f !default;\n$state-info-bg: #d9edf7 !default;\n$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;\n\n$state-warning-text: #8a6d3b !default;\n$state-warning-bg: #fcf8e3 !default;\n$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;\n\n$state-danger-text: #a94442 !default;\n$state-danger-bg: #f2dede !default;\n$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;\n\n//== Alerts\n//\n//## Define alert colors, border radius, and padding.\n\n$alert-padding: 15px !default;\n$alert-border-radius: $border-radius-base !default;\n$alert-link-font-weight: inherit !default;\n\n$alert-success-bg: $state-success-bg !default;\n$alert-success-text: $state-success-text !default;\n$alert-success-border: $state-success-border !default;\n\n$alert-info-bg: $state-info-bg !default;\n$alert-info-text: $state-info-text !default;\n$alert-info-border: $state-info-border !default;\n\n$alert-warning-bg: $state-warning-bg !default;\n$alert-warning-text: $state-warning-text !default;\n$alert-warning-border: $state-warning-border !default;\n\n$alert-danger-bg: $state-danger-bg !default;\n$alert-danger-text: $state-danger-text !default;\n$alert-danger-border: $state-danger-border !default;\n\n// filters\n$filter-hover-bg: $menu-hover-bg;\n\n$order-menu-dropdown-border: #d3d7dc;\n$order-menu-dropdown-hover: #f4f8fc;\n\n// black friday\n\n$black-friday-background-color: #222;\n$black-friday-svg-background-color: #E50000;\n\n//aura searcher\n$aura-searcher-occupancy-warning-text: #c1a655;\n$aura-searcher-desktop-breakpoint: 900px;\n$aura-searcher-tablet-breakpoint: 690px;","// Variables with custom properties values\n\n// Colour custom properties\n\n$brand-primary:         var(--brand-primary);\n$brand-primary-hover:   var(--brand-primary-hover);\n$brand-primary-medium: var(--brand-primary-medium);\n$brand-primary-light: var(--brand-primary-light);\n\n$brand-secondary: var(--brand-secondary);\n$brand-secondary-hover: var(--brand-secondary-hover);\n$brand-secondary-medium: var(--brand-secondary-medium);\n$brand-secondary-light: var(--brand-secondary-light);\n\n\n//** Background color for `<body>`.\n$body-bg:               var(--body-bg);\n\n$brand-cta: var(--brand-cta); //Call to action #ffd212\n$brand-cta-hover: var(--brand-cta-hover);\n$cta-text-color: var(--cta-text-color); // texto color\n\n// Header and footer colors\n\n$brand-navbar-bg: var(--brand-navbar-bg);\n$brand-navbar-bg-dark: var(--brand-navbar-bg-dark);\n$brand-navbar-bg-hover: var(--brand-navbar-bg-hover);\n$brand-navbar-text: var(--brand-navbar-text);\n$brand-navbar-text-open: var(--brand-navbar-text-open);\n\n// Map\n$brand-map-cluster: var(--brand-map-cluster);","@mixin medium-weight {\n  font-weight: 500;\n  html[lang|=\"ar\"] &, html[lang|=\"fa\"] &, html[lang|=\"he\"] &, html[lang|=\"ja\"] &, html[lang|=\"zh\"] &, html[lang|=\"ko\"] & {\n    font-weight: 700;\n  }\n}\n","/* menu superior cuenta, moneda, idioma */\n.destinia-header {\n  .header-top-nav .navbar-nav>li>.dropdown-toggle.show {\n    &, &:hover {\n      background: $brand-navbar-bg-dark;\n      color: #fff;\n    }\n    &:focus {\n      background: #fff;\n    }\n  }\n  .header-top-nav {\n    .navbar-nav > li {\n      > .dropdown-toggle, > .dropdown-not-toggle {\n        @media (min-width: $grid-float-breakpoint) {\n          padding: 0 10px;\n        }\n        > span {}\n        svg.icon-graph-user {\n          @media (min-width: $grid-float-breakpoint) {\n            width: 16px;\n            height: 16px;\n          }\n        }\n        &.show {\n          &, &:hover, &:focus {\n            background: $brand-navbar-bg-dark;\n            color: #fff;\n          }\n        }\n      }\n      &.rewards_selector a {\n        display: inline-block;\n        text-align: center;\n      }\n    }\n  }\n}\n@media (min-width: $grid-float-breakpoint) {\n  .destinia-header {\n    .header-top-nav {\n      .navbar-nav > li {\n        border-right: none;\n        > button > span, > a > span {\n          @include medium-weight;\n          font-size: 16px;\n          &.mobile-text {\n            display: none;\n          }\n        }\n        .dropdown-not-toggle .mobile-text {\n          display: none;\n        }\n        > .dropdown-toggle {\n          border-top: none;\n        }\n      }\n    }\n    .header-bottom-nav .navbar-nav > li#dropdown-main-more.dropdown {\n      margin-left: auto !important;\n      margin-right: 10px !important;\n      .dropdown-toggle {\n        padding-right: 10px;\n        svg {\n          width: 12px;\n          height: 12px;\n          margin-bottom: -1px;\n        }\n      }\n      .dropdown-menu {\n        right: 0;\n        left: auto;\n      }\n    }\n  }\n}\n\n/* Rewards on header */\n.destinia-header .header-top-nav .navbar-nav>li.rewards_selector {\n  >.dropdown-toggle span {\n    &.rewards-text-desktop {\n      display: none;\n    }\n    &.rewards-text-mobile {\n      display: inline-block;\n    }\n  }\n\n  @media (min-width: $grid-float-breakpoint) {\n    padding: 0 10px;\n    display: flex;\n    flex-wrap: wrap;\n    align-content: center;\n\n    &.hidden {\n      display: none;\n    }\n\n    >.dropdown-toggle {\n      height: auto;\n      padding: 2px 10px;\n      border-radius: 14px;\n      border: solid 1px #fff;\n      line-height: 1;\n      vertical-align: middle;\n      .icon {\n        margin-right: 5px;\n        object-fit: contain;\n      }\n\n      span {\n        display: inline-block;\n        @include medium-weight;\n        font-size: 16px;\n        line-height: 22px;\n\n        &.rewards-text-desktop {\n          display: inline-block;\n        }\n        &.rewards-text-mobile {\n          display: none;\n        }\n      }\n    }\n  }\n  .header-top-nav .navbar-nav>&>.dropdown-toggle .icon {\n    @media (min-width: $grid-float-breakpoint) {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  .header-top-nav .navbar-nav>&>.dropdown-toggle.show {\n    &, &:hover, &:focus {\n      @media (min-width: $grid-float-breakpoint) {\n        color: $brand-navbar-bg-dark;\n        background: #fff;\n        svg[class*=icon] {\n          &, & * {\n            fill: $brand-navbar-bg-dark;\n          }\n        }\n      }\n\n    }\n  }\n}\n\n/* Mobile */\n.destinia-header {\n  .navbar-header {\n    display: flex;\n    flex-direction: row;\n\n    > div button.navbar-toggle {\n      background: none;\n      margin: 14px 0;\n      padding: 0;\n    }\n  }\n  @media (max-width: $grid-float-breakpoint-max) {\n    .navbar-header {\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n    .menus-container {\n      background-color: #fff;\n      .menus-header {\n        height: 50px;\n        text-align: right;\n        border: none;\n        background-color: #fff;\n\n        .menus-close-bt {\n          height: 16px;\n          padding: 1px 20px;\n          svg {\n            height: 16px;\n            width: 16px;\n          }\n          .icon-ui-close {\n            &, & * {\n              color: $brand-copy-light;\n              fill: $brand-copy-light;\n            }\n          }\n        }\n      }\n\n      .menus-overflow {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        top: 50px;\n        bottom: 0;\n\n        .header-top-nav {\n          border-bottom: none;\n          order: 1;\n          .navbar-nav {\n            flex-direction: column;\n            padding: 15px 30px;\n            border-bottom: none;\n\n            li {\n              border: none;\n              a, button {\n                width: auto;\n                color: $brand-grey-dark;\n                background: none;\n                padding: 10px 0;\n                height: auto;\n                line-height: 1;\n                font-size: 16px;\n              }\n\n              &.language_selector, &.locale_selector, &.currency_selector {\n                .dropdown-top-header {\n                  .dropdown-top-header-title {\n                    align-self: flex-end;\n                    + button {\n                      align-self: flex-start;\n                      .icon {\n                        &, & * {\n                          fill: $brand-copy-light;\n                        }\n                      }\n                    }\n                  }\n                }\n                > button {\n                  width: 100%;\n                  display: flex;\n                  justify-content: space-between;\n\n                  > span {\n                    font-size: 16px;\n                  }\n                }\n              }\n\n              &.language_selector, &.locale_selector {\n                border-bottom: 1px solid $colorBordes;\n                padding-bottom: 15px;\n                .dropdown-not-toggle {\n                  padding: 0;\n                }\n                svg {\n                  padding: 0;\n                  margin: 0;\n                }\n              }\n              &.currency_selector .currentCurrencyCode {\n                font-weight: inherit;\n                margin: 0;\n              }\n              &.rewards_selector {\n                padding-top: 15px;\n                span {\n                  color: $brand-green;\n                }\n              }\n              &#loginheader {\n                height: auto;\n                padding: 0;\n                .dropdown-toggle {\n                  padding: 10px 0;\n                }\n                .dropdown-menu.dropdown-account {\n                  position: relative !important;\n                  z-index: 0;\n                  height: auto;\n                  display: block;\n                  padding: 0;\n                  .mobile-scroll {\n                    position: relative;\n                    top: auto;\n                    padding: 0;\n                    li span, li a {\n                      padding: 10px 20px;\n                    }\n                    li.link-logout a {\n                      padding-left: 0;\n                    }\n                  }\n                }\n                .greetings {\n                  display: inline;\n                }\n              }\n              &#loginheader svg, &.rewards_selector svg {\n                display: none;\n              }\n            }\n          }\n        }\n\n        .header-bottom-nav {\n          padding: 0 30px;\n          order: 0;\n          .navbar-nav {\n            border: none;\n            border-bottom: 1px solid $colorBordes;\n\n            li {\n              border-bottom: none;\n              a {\n                line-height: 1;\n                height: auto;\n                padding: 10px 0;\n              }\n              &#dropdown-main-more.dropdown {\n                button {\n                  display: flex;\n                  align-items: center;\n                  justify-content: space-between;\n                  padding: 0;\n\n                  svg {\n                    width: 18px;\n                    height: 18px;\n                    &, & * {\n                      color: $brand-copy-light;\n                      fill: $brand-copy-light;\n                    }\n                  }\n\n                  &.show {\n                    svg.icon-ui-chevron-down {\n                      transform: rotate(180deg);\n                    }\n                  }\n                }\n                .dropdown-menu.dropdownmenu-main-more {\n                  position: relative;\n                  border: none;\n                  padding-left: 25px;\n                  padding-bottom: 10px;\n                  border-bottom: 1px solid $colorBordes;\n                  box-shadow: none;\n                  ul {\n                    border: none;\n                  }\n                }\n              }\n              //Active mark\n              &:has(li.active) button, &.active a {\n                border-left: none;\n                @include medium-weight;\n                &::before {\n                  content: \"\";\n                  background-color: $brand-primary;\n                  height: 21px;\n                  width: 2px;\n                  display: inline-block;\n                  position: absolute;\n                  margin-left: -12px;\n                  margin-top: -4px;\n                }\n              }\n              &:has(li.active) button::before {\n                margin-top: -3px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n//Scroll block at desktop\n@media (min-width: $grid-float-breakpoint) {\n  body:has(header.destinia-header .currency_selector .dropdown-menu.show),\n  body:has(header.destinia-header .language_selector .dropdown-menu.show),\n  body:has(header.destinia-header .locale_selector .dropdown-menu.show) {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    overflow-y: scroll;\n  }\n}",".phone-assistant {\n  float: right;\n  @media (min-width: $grid-float-breakpoint) {\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\n    .noclick-header & {\n      border-right: 0;\n    }\n  }\n  > .dropdown-toggle, > .dropdown-not-toggle {\n    height: $navbar-height;\n    padding: 0;\n    border: 0;\n    background: $brand-navbar-bg-dark;\n    line-height: $navbar-height;\n    color: $brand-navbar-text;\n    @media (min-width: $grid-float-breakpoint) {\n      padding: 0 15px;\n      border-top: 1px solid $brand-navbar-bg;\n    }\n    > span {\n      vertical-align: middle;\n    }\n    svg {\n      vertical-align: middle;\n      &.icon-ui-chevron-down {\n        width: 10px;\n        height: 10px;\n        margin-left: 5px;\n      }\n      &[class*=\"icon-\"], &[class*=\"icon-\"] * {\n        fill: $brand-navbar-text;\n      }\n    }\n  }\n  > .dropdown-toggle {\n    &:hover, &:focus {\n      cursor: pointer;\n      color: $brand-navbar-text;\n      background: $brand-primary-hover;\n      > svg, > svg * {\n        fill: $brand-navbar-text;\n      }\n    }\n  }\n  .dropdown-toggle {\n    display: inline-block;\n    padding-top: 0;\n    line-height: 1;\n    max-height: $navbar-height;\n    position: relative;\n  }\n  > .dropdown-toggle.show, > .dropdown-toggle.show:hover, > .dropdown-toggle.show:focus {\n    color: $brand-navbar-text-open;\n    background: #fff;\n    svg[class*=\"icon-\"], svg[class*=\"icon-\"] * {\n      fill: $brand-navbar-text-open;\n      opacity: 1;\n    }\n  }\n  .icon-graph-customerservice {\n    width: 30px;\n    height: 30px;\n    margin-right: 6px;\n  }\n  .dropdown-toggle .icon-graph-phone {\n    width: 20px;\n    height: 20px;\n    display: none;\n  }\n  .phoneinfo {\n    display: inline-block;\n    vertical-align: top;\n    text-align: left;\n    font-size: $font-size-base;\n    @include medium-weight;\n    span {\n      display: block;\n      font-size: $font-size-small;\n      font-weight: $roboto-regular;\n      &.phonecopy, &.phone_info_desc {\n      }\n      &.phone_info_desc {\n        max-width: 200px;\n        font-weight:$roboto-light;\n      }\n      &.phonecopy{\n        margin-top:3px;\n      }\n      &.skeleton__title {\n        position:relative;\n        overflow: hidden;\n        display: block;\n        width: 98px;\n        height: 11px;\n        margin: 3px 0 3px;\n        border-radius: 2px;\n        background: none;\n        &:after {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          z-index: 2;\n          background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);\n          background-position: 0 0;\n          background-repeat: no-repeat;\n          animation: shinelazyloadphone 2s infinite;\n        }\n      }\n      &.skeleton__sub {\n        width: 147px;\n        height: 9px;\n        margin-top: 2px;\n      }\n    }\n  }\n}\n\nhtml[lang|=\"fa\"] .phone-assistant .phoneinfo span.phonecopy {\n  line-height: 1.8;\n}\n@media (max-width: $grid-float-breakpoint-max) {\n  .phone-assistant {\n    position: static;\n    .phoneinfo, .facelogoinfo .icon-ui-chevron-down {\n      display: none;\n    }\n    .icon-graph-customerservice {\n      margin-right: 0;\n    }\n    .facelogoinfo {\n      .icon-graph-customerservice {\n        display: inline-block;\n      }\n      .icon-graph-phone {\n        display: none;\n      }\n    }\n    .phonelogoinfo {\n      .icon-graph-customerservice {\n        display: none;\n      }\n      .icon-graph-phone {\n        display: inline-block;\n      }\n    }\n  }\n}\n@media (min-width: $grid-float-breakpoint) and (max-width: $screen-md-max) {\n  .phone-assistant {\n    .phoneinfo {\n      display: none;\n      .noclick-header & {\n        display: inline-block;\n      }\n    }\n    .icon-graph-customerservice {\n      margin-right: 0;\n    }\n  }\n}\n.dropdown-phone-info {\n  min-height: 90px;\n}\n//popup telefonos\n.brand-header, .custom-brand-header {\n  .dropdown-menu.dropdown-phone-info {\n    margin: 0;\n    min-width: 100%;\n    @media (max-width: $grid-float-breakpoint-max) {\n      display: block;\n      position: fixed !important;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      float: none;\n      transform: translate3d(100%, 0, 0) !important;\n      transition: transform .3s ease-in;\n      backface-visibility: hidden;\n      box-shadow: none;\n      inset: 0 !important;\n      &.show {\n        transform: translate3d(0, 0, 0) !important;\n      }\n      .dropdown-top-header {\n        background: #fff;\n        border-bottom: 1px solid #fff;\n        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.12);\n        .header-title {\n          display: inline-block;\n          font-size: 18px;\n          font-weight: $roboto-light;\n          color: $brand-grey-dark;\n          vertical-align: middle;\n        }\n        .dropdown-close-bt {\n          .icon {\n            &, & * {\n              fill: $brand-grey-dark;\n            }\n          }\n        }\n      }\n    }\n    .phone-extended-info {\n      min-width: 213px;\n      width:100%;\n      padding-bottom:10px;\n      margin: 0;\n      .assistance-title {\n        font-size: $font-size-base;\n        font-weight: $roboto-light;\n        color: $brand-navbar-text-open;\n        line-height: 1.4;\n        margin-bottom: 0;\n        padding:20px 15px 10px;\n        @media (min-width: $grid-float-breakpoint) {\n          display: none;\n        }\n      }\n      ul li {\n        text-align: left;\n        color: $brand-grey-dark;\n        margin: 0;\n        padding:10px 15px;\n      }\n      ul {\n        border: 0;\n        li {\n          border: 0;\n          text-align: left;\n          font-size:$font-size-large;\n          .txt_faq{\n            color: $interactive-color;\n          }\n          svg {\n            margin-right: 13px;\n            margin-bottom: 0;\n            float: left;\n            &.icon-graph-help{\n              width: 20px;\n              height: 20px;\n              /* margin-bottom:26px;*/\n            }\n            &.icon-graph-phone{\n              width: 20px;\n              height: 20px;\n            }\n            &.icon-graph-email{\n              width: 20px;\n              height: 20px;\n            }\n            &, & * {\n              fill: $brand-navbar-text-open;\n            }\n          }\n          &:last-child a{\n            color: $brand-navbar-text-open;\n          }\n        }\n      }\n\n      a {\n        font-size: $font-size-large;\n        text-align: left;\n        font-weight: $roboto-light;\n        padding: 0 !important;\n        width: auto;\n        line-height: normal;\n        height: auto;\n        display:block;\n        &:hover, &:focus {\n          background: #fff;\n          text-decoration: none;\n        }\n      }\n\n      .phonetype {\n        font-size: 16px;\n        font-weight: $roboto-light;\n        color: $brand-grey-dark;\n        display:block;\n      }\n      .icon + .phonetype {\n        padding-left: 33px;\n      }\n      a .phonetype {\n        color: $interactive-color;\n      }\n      .faq {\n        font-size: 16px;\n        font-weight: $roboto-light;\n        color: $brand-grey-dark;\n        display:block;\n        padding-left:33px;\n      }\n      strong {\n        font-size: 19px;\n        color:$brand-grey-dark;\n      }\n      .phonedesc {\n        font-size: 10px;\n        font-weight: $roboto-light;\n        display: block;\n        line-height:14px;\n        color: $brand-grey-dark;\n      }\n      .alert {\n        font-size: $font-size-base;\n        margin-bottom: 15px;\n      }\n    }\n  }\n}\n\n\n[dir=\"rtl\"] .phone-extended-info .phonetype + strong{\n  padding-left:45px;\n}\n[dir=\"rtl\"] .phone-extended-info ul li svg{\n  margin-top:5px;\n}\n\n@keyframes shinelazyloadphone {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n",".header_destinia_help_button {\n  position: relative;\n  float: right;\n  > .destinia-help-link {\n    display: inline-block;\n    height: $navbar-height;\n    padding: 0;\n    border: 0;\n    background: $brand-navbar-bg-dark;\n    line-height: $navbar-height;\n    color: $brand-navbar-text;\n    vertical-align: middle;\n    > span {\n      display: inline-block;\n      vertical-align: middle;\n      font-size: $font-size-large;\n      line-height: 1;\n    }\n    @media (min-width: $grid-float-breakpoint) {\n      padding: 0 10px;\n      > span {\n        @include medium-weight;\n      }\n    }\n\n    &:hover, &:focus {\n      cursor: pointer;\n      color: $brand-navbar-text;;\n      background: $brand-primary-hover;\n    }\n  }\n}",".currentLanguageFlag {\n  display: inline-block;\n  > .icon {\n    width: 20px;\n    height: 15px;\n    vertical-align: middle;\n    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);\n    margin: 0 4px;\n  }\n}\n.brand-header, .custom-brand-header {\n  .dropdown-language {\n    ul li span {\n      display: block;\n      vertical-align: middle;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      font-size: $font-size-base;\n      @media (max-width: $screen-xs-max) {\n        font-size: $font-size-large;\n      }\n\n      &.element-symbol {\n        margin-right: 10px;\n        float: left;\n        width: auto;\n      }\n    }\n\n    .active-element {\n      position: relative;\n      @include medium-weight;\n\n      &:after {\n        position: absolute;\n        right: 15px;\n        top: 50%;\n        margin-top: -7px;\n      }\n    }\n\n    ul li a, ul li button {\n      padding-right: 30px;\n    }\n\n    @media (min-width: $screen-sm-min) {\n      width: 440px;\n      right: 100%;\n      margin-right: -206px;\n      .dropdown:last-child &, .dropdown:nth-last-child(2) & {\n        right: 0;\n        margin-right: 0;\n      }\n      ul {\n        overflow: hidden;\n        background: $brand-brown-light;\n      }\n      ul li {\n        float: left;\n        width: 50%;\n        border-right: 1px solid $colorBordes;\n        margin-top: 0;\n        right: -1px;\n      }\n    }\n    @media (min-width: $screen-md-min) {\n      width: 470px;\n      margin-right: -205px;\n      .dropdown:last-child &, .dropdown:nth-last-child(2) & {\n        margin-right: 0;\n      }\n    }\n\n    &.drowpdown-wide {\n      @media (min-width: $screen-sm-min) {\n        width: 700px;\n        ul {\n          border-bottom-left-radius: $border-radius-large;\n          border-bottom-right-radius: $border-radius-large;\n\n          li {\n            width: 25%;\n          }\n        }\n      }\n      @media (min-width: $screen-md-min) {\n        width: 870px;\n      }\n      @media (min-width: 1500px) {\n        margin-right: -207px;\n      }\n    }\n\n    .container-bottom-links {\n      @media (max-width: $screen-xs-max) {\n        button {\n          font-size: $font-size-large;\n        }\n      }\n    }\n  }\n}\n\n.language_selector {\n  ul li a .element-symbol svg{\n    width: 20px;\n    height:15px;\n    vertical-align: middle;\n    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);\n    margin: 0 4px;\n  }\n}\n\n.destinia-header .language_selector .currentLanguageFlag + svg {\n    display: none;\n}\n\n",".destinia-header li.language_selector {\n  .dropdown-not-toggle {\n    border-top: none;\n    height: auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    span {\n      padding: 10px 0;\n      font-size: 16px;\n    }\n  }\n  @media (min-width: $grid-float-breakpoint) {\n    height: 50px;\n  }\n\n  .dropdown-language.show {\n    #show-all-language-options {\n      display: none;\n    }\n\n    .dropdown-top-header {\n      height: 100px;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      align-items: center;\n      background: white;\n      padding: 20px;\n      padding-left: 30px;\n      border: none;\n\n      .dropdown-top-header-title {\n        @include medium-weight;\n        color: $brand-grey-dark;\n        font-size: 16px;\n        line-height: 1;\n      }\n      .dropdown-close-bt {\n        color: $brand-grey-dark;\n        padding: 0;\n        height: 16px;\n        .icon {\n          margin-right: 0;\n          width: 16px;\n          height: 16px;\n          vertical-align: top;\n        }\n      }\n    }\n\n    .language-options-container {\n      top: 100px;\n      padding-left: 20px;\n      background-color: white;\n      box-sizing: content-box;\n\n      ul {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        li {\n          border: none;\n          order: 2;\n\n          &:has(> a.checked) {\n            order: 1; /* Selected language displayed first */\n            .element-symbol, .element-symbol + span {\n              @include medium-weight;\n            }\n          }\n\n          a {\n            height: auto;\n            padding: 14px 10px;\n            line-height: 1.1;\n            font-weight: 400;\n            display: flex;\n            align-items: center;\n\n            .element-symbol {\n              margin-right: 15px;\n              height: 15px;\n              svg {\n                box-shadow: none;\n                margin: 0;\n                vertical-align: top;\n              }\n\n              + span {\n                font-size: 16px;\n                height: auto;\n              }\n            }\n          }\n\n          .checked::after {\n            content: none;\n          }\n          .checked::before {\n            content: \"\";\n            background-color: $brand-primary;\n            height: 21px;\n            width: 2px;\n            display: inline-block;\n            position: absolute;\n            margin-top: 0;\n            margin-left: -10px;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: $grid-float-breakpoint) {\n    .dropdown-not-toggle {\n      display: inline-block;\n    }\n    .dropdown-language.show {\n      display: flex;\n      position: fixed;\n      justify-content: center;\n      width: 100vw;\n      height: 100vh;\n      top: 0;\n      padding-top: 180px;\n      background-color: rgba(0, 0, 0, 0.4);\n      right: 0;\n      left: 0;\n      margin: 0;\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n\n      > div {\n        max-height: 390px;\n        min-width: 300px;\n        max-width: 690px;\n      }\n\n      .dropdown-top-header {\n        height: 50px;\n        padding: 15px;\n        padding-left: 30px;\n        border-top-left-radius: 6px;\n        border-top-right-radius: 6px;\n      }\n\n      .language-options-container {\n        top: 50px;\n        padding: 10px 0 20px 25px;\n        max-height: none;\n        max-width: 690px;\n        padding-right: 30px;\n        background-image: linear-gradient(rgba(0, 0, 0, .12), rgba(0, 0, 0, 0));\n        background-size: 100% 10px;\n        background-repeat: no-repeat;\n        background-attachment: scroll;\n        background-color: #fff;\n        scrollbar-width: thin;\n        border-bottom-left-radius: 6px;\n        border-bottom-right-radius: 6px;\n\n        ul {\n          flex-wrap: wrap;\n          flex-direction: row;\n          gap: 0 5%;\n          background-color: transparent;\n          li {\n            float: none;\n            border: none;\n            width: 30%;\n            flex: 0 1 auto;\n\n            .checked::before {\n              width: 3px;\n            }\n          }\n        }\n      }\n    }\n  }\n}",".destinia-header li.locale_selector {\n  .currentLocaleFlag {\n    display: inline-block;\n    > .icon {\n      width: 20px;\n      height: 15px;\n      vertical-align: middle;\n      box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);\n      margin: 0 4px;\n    }\n  }\n  .dropdown-not-toggle {\n    display: flex;\n    height: auto;\n    justify-content: space-between;\n  }\n  .dropdown-locale.show {\n    #show-all-language-options {\n      display: none;\n    }\n\n    .dropdown-top-header {\n      height: 100px;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      align-items: center;\n      background: white;\n      padding: 20px;\n      padding-left: 30px;\n      border: none;\n\n      .dropdown-top-header-title {\n        @include medium-weight;\n        color: $brand-grey-dark;\n        font-size: 16px;\n        line-height: 1;\n      }\n      .dropdown-close-bt {\n        color: $brand-grey-dark;\n        padding: 0;\n        height: 16px;\n        .icon {\n          margin-right: 0;\n          width: 16px;\n          height: 16px;\n          vertical-align: top;\n        }\n      }\n    }\n\n    .language-options-container {\n      top: 100px;\n      padding-left: 20px;\n      background-color: white;\n      box-sizing: content-box;\n\n      ul {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        li {\n          border: none;\n          order: 2;\n\n          &:has(> a.checked) {\n            order: 1; /* Selected language displayed first */\n            .element-symbol, .element-symbol + span {\n              @include medium-weight;\n            }\n          }\n\n          a {\n            height: auto;\n            padding: 14px 10px;\n            line-height: 1.1;\n            font-weight: 400;\n            display: flex;\n            align-items: center;\n\n            .element-symbol {\n              float: left;\n              width: auto;\n              margin-right: 15px;\n              height: 15px;\n              svg {\n                margin: 0;\n                vertical-align: top;\n                width: 20px;\n                height:15px;\n              }\n\n              + span {\n                font-size: 16px;\n                height: auto;\n              }\n            }\n          }\n\n          .checked::after {\n            content: none;\n          }\n          .checked::before {\n            content: \"\";\n            background-color: $brand-primary;\n            height: 21px;\n            width: 2px;\n            display: inline-block;\n            position: absolute;\n            margin-top: 0;\n            margin-left: -10px;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: $grid-float-breakpoint) {\n    .dropdown-locale.show {\n      display: flex;\n      position: fixed;\n      justify-content: center;\n      width: 100vw;\n      height: 100vh;\n      top: 0;\n      padding-top: 180px;\n      background-color: rgba(0, 0, 0, 0.4);\n      right: 0;\n      left: 0;\n      margin: 0;\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n\n      > div {\n        min-width: 500px;\n        max-height: 390px;\n        max-width: 690px;\n        &.adjusted-to-content {\n          height: fit-content;\n        }\n      }\n\n      .dropdown-top-header {\n        height: 50px;\n        padding: 15px;\n        padding-left: 30px;\n        border-top-left-radius: 6px;\n        border-top-right-radius: 6px;\n      }\n\n      .language-options-container {\n        top: 50px;\n        padding: 10px 0 20px 25px;\n        max-height: none;\n        max-width: 690px;\n        padding-right: 30px;\n        background-image: linear-gradient(rgba(0, 0, 0, .12), rgba(0, 0, 0, 0));\n        background-size: 100% 10px;\n        background-repeat: no-repeat;\n        background-attachment: scroll;\n        background-color: #fff;\n        scrollbar-width: thin;\n        border-bottom-left-radius: 6px;\n        border-bottom-right-radius: 6px;\n\n        ul {\n          flex-wrap: wrap;\n          flex-direction: row;\n          gap: 0 5%;\n          background-color: transparent;\n          li {\n            float: none;\n            border: none;\n            width: 30%;\n            flex: 0 1 auto;\n\n            .checked::before {\n              width: 3px;\n            }\n          }\n        }\n      }\n    }\n  }\n}","//desktop\n.currentCurrencySymbol {\n  font-size: 16px;\n  font-weight: $roboto-bold;\n  //mobile menu\n  @media (max-width: $screen-xs-max) {\n    font-weight: $roboto-bold;\n    font-size: 14px;\n    margin: 0 10px 0 8px;\n  }\n}\n.brand-header, .custom-brand-header {\n  .dropdown-currency {\n    ul li span {\n      display: block;\n      vertical-align: middle;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      font-size: $font-size-base;\n      @media (max-width: $screen-xs-max) {\n        font-size: $font-size-large;\n      }\n      &.element-symbol {\n        margin-right: 10px;\n        float: left;\n        width: auto;\n        font-size: 14px;\n        font-weight: $roboto-bold;\n        color: $brand-navbar-text-open;\n      }\n    }\n    .active-element {\n      position: relative;\n      @include medium-weight;\n      &:after {\n        position: absolute;\n        right: 15px;\n        top: 50%;\n        margin-top: -7px;\n      }\n    }\n    ul li a, ul li button {\n      padding-right: 30px;\n    }\n    @media (min-width: $screen-sm-min) {\n      width: 440px;\n      right: 100%;\n      margin-right: -264px;\n      .dropdown:last-child &, .dropdown:nth-last-child(2) & {\n        right: 0;\n        margin-right: 0;\n      }\n      ul {\n        overflow: hidden;\n        background: $brand-brown-light;\n      }\n      ul li {\n        float: left;\n        width: 50%;\n        border-right: 1px solid $colorBordes;\n        margin-top: 0;\n        right: -1px;\n      }\n    }\n    @media (min-width: $screen-md-min) {\n      width: 470px;\n      margin-right: -205px;\n      .dropdown:last-child &, .dropdown:nth-last-child(2) & {\n        margin-right: 0;\n      }\n    }\n    &.drowpdown-wide {\n      @media (min-width: $screen-sm-min) {\n        width: 700px;\n        ul {\n          border-bottom-left-radius: $border-radius-large;\n          border-bottom-right-radius: $border-radius-large;\n          li {\n            width: 25%;\n          }\n        }\n      }\n      @media (min-width: $screen-md-min) {\n        width: 870px;\n      }\n      @media (min-width: 1500px) {\n        margin-right: -207px;\n      }\n    }\n    .container-bottom-links {\n      @media (max-width: $screen-xs-max) {\n        button {\n          font-size: $font-size-large;\n        }\n      }\n    }\n  }\n}\n\n\n","//Destinia header\n.destinia-header {\n  li.currency_selector {\n    .dropdown-currency.show {\n      .dropdown-top-header {\n        height: 100px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: white;\n        padding: 20px;\n        padding-left: 30px;\n        border: none;\n\n        .dropdown-top-header-title {\n          color: $brand-grey-dark;\n          @include medium-weight;\n          font-size: 16px;\n          line-height: 1;\n        }\n        .dropdown-close-bt {\n          color: $brand-grey-dark;\n          padding: 0;\n          height: 16px;\n          .icon {\n            margin-right: 0;\n            width: 16px;\n            height: 16px;\n            vertical-align: top;\n          }\n        }\n      }\n\n      .currency_selector_options {\n        top: 100px;\n        padding-left: 20px;\n        background-color: white;\n\n        ul {\n          border: none;\n          li {\n            border: none;\n            button {\n              height: auto;\n              line-height: 1;\n              padding: 15px 10px;\n              background: transparent;\n              display: flex;\n              font-weight: 400;\n              align-items: center;\n              &:hover {\n                background-color: $menu-hover-bg;\n              }\n            }\n\n            span {\n              font-size: 16px;\n              line-height: 1.1;\n            }\n\n            .element-symbol {\n              font-weight: $roboto-regular;\n              min-width: 48px;\n              margin-right: 5px;\n            }\n\n            .checked .element-symbol, .checked .element-symbol + span {\n              @include medium-weight;\n            }\n\n            .checked::after {\n              content: none;\n            }\n            .checked::before {\n              content: \"\";\n              background-color: $brand-primary;\n              height: 21px;\n              width: 2px;\n              display: inline-block;\n              position: absolute;\n              margin-top: 0;\n              margin-left: -11px;\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: $grid-float-breakpoint) {\n      .dropdown-currency.show {\n        display: flex;\n        position: fixed;\n        justify-content: center;\n        width: 100vw;\n        height: 100vh;\n        top: 0;\n        padding-top: 180px;\n        background-color: rgba(0, 0, 0, 0.4);\n        right: 0;\n        left: 0;\n        margin: 0;\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n\n        > .dropdown-inner-modal {\n          max-height: 410px;\n          min-width: 300px;\n          max-width: 690px;\n        }\n\n        .dropdown-top-header {\n          height: 50px;\n          padding: 15px;\n          padding-left: 30px;\n          border-top-left-radius: 6px;\n          border-top-right-radius: 6px;\n        }\n\n        .currency_selector_options {\n          top: 50px;\n          padding-left: 30px;\n          padding-top: 10px;\n          padding-right: 15px;\n          background-image: linear-gradient(rgba(0, 0, 0, .12), rgba(0, 0, 0, 0));\n          background-size: 100% 10px;\n          background-repeat: no-repeat;\n          background-attachment: scroll;\n          background-color: #fff;\n          max-height: 360px;\n          overflow-y: scroll;\n          scrollbar-width: thin;\n          border-bottom-left-radius: 6px;\n          border-bottom-right-radius: 6px;\n          border-bottom: 30px solid #fff;\n          ul {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0 2.9%;\n            background-color: transparent;\n            li {\n              float: none;\n              border: none;\n              width: 31.4%;\n              flex: 0 1 auto;\n\n              .checked::before {\n                width: 3px;\n              }\n            }\n          }\n        }\n      }\n\n    }\n  }\n}","//account options\n.brand-header .dropdown-account,\n.custom-brand-header .dropdown-account {\n  min-width: 300px;\n  ul {\n    li a, li button {\n      svg {\n        width: 17px;\n        height: 17px;\n        vertical-align: text-top;\n        margin-right: 16px;\n        transition: fill $transition-time;\n        &, & * {\n          fill: $brand-copy-light;\n        }\n      }\n      &:hover, &:focus {\n        svg, svg * {\n          fill: $brand-grey-dark;\n        }\n      }\n    }\n  }\n  .container-bottom-links {\n    border-top: 1px solid $colorBordes;\n    padding: 15px;\n    overflow: hidden;\n    .float-left, .float-right {\n      min-width: 117px;\n      max-width: 127px;\n    }\n    .lazy-module .skeleton {\n      &__button {\n        width: 100%;\n        margin-bottom: 0;\n        display: block;\n      }\n    }\n  }\n}\n\n#login-user-info {\n  min-width: 80px;\n  display: inline-block;\n  img {\n    border-radius: 50%;\n    margin-right: 5px;\n    width: 32px;\n    height: 32px;\n  }\n  span {\n    font-size: $font-size-large;\n    display: inline-block;\n    min-width: 61px;\n    vertical-align: middle;\n    text-transform: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    max-width: 118px;\n    color: $brand-navbar-text-open;\n\n    &.skeleton__title {\n      position:relative;\n      overflow: hidden;\n      width: 98px;\n      height: 11px;\n      display: inline-block;\n      margin: 3px 0;\n      border-radius: 2px;\n      &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        z-index: 2;\n        background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100% );\n        background-position: 0 0;\n        background-repeat: no-repeat;\n        animation: shinelazyloadphone 2s infinite;\n      }\n    }\n\n    @media (min-width: $grid-float-breakpoint) {\n      text-align: left;\n      text-transform: none;\n      font-size: $font-size-base;\n      color: #fff;\n      @include medium-weight;\n      @media (max-width: $screen-md-max) {\n        max-width: 94px;\n      }\n    }\n  }\n}\n// Excepciones idiomas\nhtml[lang|=\"de\"] #dropdown-account .container-bottom-links a,\nhtml[lang|=\"de\"] #collapse-login-selector .login-container-bottom-links a,\nhtml[lang|=\"fi\"] #dropdown-account .container-bottom-links a,\nhtml[lang|=\"fi\"] #collapse-login-selector .login-container-bottom-links a,\nhtml[lang|=\"pl\"] #dropdown-account .container-bottom-links a,\nhtml[lang|=\"pl\"] #collapse-login-selector .login-container-bottom-links a,\nhtml[lang|=\"ro\"] #dropdown-account .container-bottom-links a,\nhtml[lang|=\"ro\"] #collapse-login-selector .login-container-bottom-links a,\nhtml[lang|=\"no\"] #dropdown-account .container-bottom-links a,\nhtml[lang|=\"no\"] #collapse-login-selector .login-container-bottom-links a,\nhtml[lang|=\"fr\"] #dropdown-account .container-bottom-links a,\nhtml[lang|=\"fr\"] #collapse-login-selector .login-container-bottom-links a {\n  font-size: 11px;\n  padding: 11px 8px;\n}\nhtml[lang|=\"hu\"] #dropdown-account .container-bottom-links a,\nhtml[lang|=\"hu\"] #collapse-login-selector .login-container-bottom-links a\n{\n  font-size: 10px;\n  padding: 11px 8px;\n}\n/* layer aviso precios exclusivos */\n.navbar-nav > li.norelative {\n  position: static;\n}\n.exclusivetooltip {\n  display: block;\n  max-width: 330px;\n  top: 50px;\n  right: 0;\n  z-index: 300;\n  border:0;\n  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.18);\n  padding: 0;\n  &.bottom {\n    padding: 0;\n  }\n  .tooltip-inner {\n    padding: 10px 42px 10px 10px;\n    position: relative;\n    background-color: $blue-grey-dark;\n    color: #fff;\n    overflow: hidden;\n    &:before {\n      content: '';\n      display: block;\n      width: 40px;\n      height: 40px;\n      vertical-align: middle;\n      float: left;\n      margin-right: 0;\n      background: transparent url('/headers/svg/background/icon-ownfill-deco-vip.svg') no-repeat top left;\n      background-size: 100%;\n    }\n    p {\n      margin-bottom: 0;\n      margin-left: 50px;\n      text-align: left;\n      color: #fff;\n      strong {\n        color: #ffd212;\n      }\n      a {\n        text-decoration: underline;\n        &, &:hover, &:focus {\n          color: #fff;\n        }\n      }\n    }\n  }\n  .exclusivetooltip_close {\n    background: transparent;\n    border: 0;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 15px;\n    z-index: 2;\n    svg {\n      width: 12px;\n      height: 12px;\n      vertical-align: middle;\n      &, & * {\n        fill: #fff;\n      }\n    }\n  }\n  &.bottom .tooltip-arrow {\n    right: 10% !important;\n    left: auto !important;\n    border-bottom-color: transparent;\n    &:after {\n      border-bottom-color: $blue-grey-dark;\n    }\n  }\n  &.exclusivetooltipmobile {\n    max-width: 100%;\n    @media (min-width: $grid-float-breakpoint) {\n      display: none;\n    }\n    .tooltip-inner {\n      display: block;\n      max-width: 100%;\n      border-radius: 0;\n      padding: 10px;\n      padding-right: 40px;\n      text-decoration: none;\n      .mobiletext {\n        display: block;\n        margin-left: 50px;\n        text-align: left;\n        color: #fff;\n        strong {\n          color: #ffd212;\n        }\n      }\n    }\n  }\n}",".destinia-header #loginheader {\n  padding: 0 10px;\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n\n  .dropdown-toggle {\n    height: auto;\n    padding: 2px 10px;\n    border-radius: 14px;\n    border: solid 1px #fff;\n    line-height: 1;\n    span {\n      line-height: 22px;\n    }\n    #login-user-info {\n      min-width: 30px;\n      font-size: 0;\n      span {\n        min-width: 30px;\n        @media (min-width: $grid-float-breakpoint) {\n          font-size: $font-size-large;\n        }\n      }\n      + svg {\n        display: none;\n      }\n      a {\n        text-decoration: none;\n        color: inherit;\n      }\n      .link-logout a, .link-logout a:hover {\n        color: #3171c9;\n        background: #fff;\n      }\n    }\n    &.show, &.show:focus {\n      background: #fff;\n    }\n  }\n  .dropdown-account {\n    background: #fff;\n    min-width: 200px;\n    .mobile-scroll li {\n      a, span{\n        font-size: 16px;\n        padding: 17px 15px;\n        height: auto;\n        line-height: normal;\n        display: inline-block;\n      }\n      &.link-logout a {\n        color: #3171c9;\n      }\n    }\n    @media (min-width: $grid-float-breakpoint) {\n      margin-top: -7px;\n      border-radius: 6px;\n      right: 10px;\n    }\n  }\n}","/* menu navegacion secciones */\n.header-bottom-nav {\n  background: #fff;\n  .navbar-main {\n    float: none;\n    margin: 0 -15px;\n\n    > li {\n      float: none;\n    }\n\n    > li + li {\n      margin: 0 !important;\n    }\n    > li, > li > a, > li > button, > li.has-subitems .secondlevel-nav > li > button {\n      position: relative;\n    }\n    > li > a, > li > button, > li.has-subitems .secondlevel-nav > li > button {\n      width: 100%;\n      display: block;\n      cursor: pointer;\n      height: $navbar-height;\n      font-size: $font-size-large;\n      padding: 0 15px;\n      line-height: $navbar-height;\n      color: $brand-grey-alt;\n      border-radius: 0;\n      background: transparent;\n      border: 0;\n      text-align: center;\n      text-transform: none;\n      transition: color $transition-time, background $transition-time;\n      svg {\n        width: 11px;\n        height: 9px;\n        margin-left: 5px;\n        &, & * {\n          /*fill: $brand-copy-light;*/ //quitar el color para el svg de portaventura\n        }\n      }\n      img {\n        vertical-align:middle;\n      }\n      &:hover, &:focus {\n        color: $brand-grey-alt;\n        border-bottom: 2px solid $active-border;\n        svg {\n          &, & * {\n            //fill: $brand-grey-dark; //quitar el color para el svg de portaventura\n          }\n        }\n      }\n    }\n    li button[data-bs-toggle=\"collapse\"] {\n      padding-right: 35px !important;\n      &:hover, &:focus {\n        border-bottom: 0;\n      }\n    }\n    > li.active > a, li.active > button {\n      @include medium-weight;\n      border-left: 2px solid $active-border;\n      &:hover, &:focus {\n\n      }\n    }\n    button[data-bs-toggle=\"collapse\"]:after {\n      content: '';\n      width: 10px;\n      height: 10px;\n      display: inline-block;\n      background-image: url('/headers/svg/background/icon-ownfill-ui-plus-74716e.svg'), none;\n      background-repeat: no-repeat;\n      background-size:cover;\n      font-weight: $roboto-bold;\n      font-size: 16px;\n      position: absolute;\n      right: 20px;\n      top: 20px;\n    }\n    button[aria-expanded=\"true\"]:after {\n      background-image: url('/headers/svg/background/icon-ownfill-ui-minus-74716e.svg'), none;\n    }\n    button[aria-expanded=\"false\"]:after {\n      background-image: url('/headers/svg/background/icon-ownfill-ui-plus-74716e.svg'), none;\n    }\n  }\n  .has-subitems ul {\n    border: 0;\n    border-top: 1px solid $colorBordes;\n    margin-bottom: 0;\n    li {\n      color: $brand-grey-alt;\n      background:  $brand-grey-light;\n      font-weight: $roboto-light;\n      border-bottom: 1px solid $colorBordes;\n      &:last-child {\n        border-bottom: 0;\n      }\n      a {\n        background: $brand-grey-light;\n        display: block;\n        color: $brand-grey-alt;\n        border: 0;\n        border-radius: 0;\n        height: $navbar-height;\n        line-height: $navbar-height;\n        vertical-align: middle;\n        font-size: $font-size-large;\n        padding: 0;\n        padding-left: 30px;\n        padding-right: 20px;\n        font-weight: $roboto-light;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        text-align: left!important;\n        text-transform: none;\n        width: 100%;\n        white-space: nowrap;\n        -webkit-transition: background .3s;\n        transition: background .3s;\n        @media (max-width: $grid-float-breakpoint-max) {\n          font-size: $font-size-large;\n        }\n        &:hover, &:focus {\n          color: $brand-grey-alt;\n          text-decoration: none;\n        }\n      }\n    }\n  }\n  .has-subitems.from-collapse ul {\n    li {\n      border-bottom: 1px solid $colorBordes;\n      a {\n        background: #fff;\n        &:hover, &:focus {\n          background-color: $menu-hover-bg;\n        }\n      }\n    }\n  }\n  .has-subitems ul {\n    &.secondlevel-nav .upper-level-menu a {\n      padding: 0 15px;\n    }\n    &.secondlevel-nav .collapse ul, &.secondlevel-nav .collapsing ul {\n      li {\n        background: #fff;\n        color: $brand-grey-alt;\n        a {\n          background: #fff;\n          text-transform: none;\n          &:hover, &:focus {\n            background-color: $menu-hover-bg;\n          }\n        }\n      }\n    }\n  }\n}\n//mobile menu\n@media (max-width: $grid-float-breakpoint-max) {\n  .brand-header, .custom-brand-header {\n    .header-bottom-nav {\n      .navbar-main {\n        margin: 0;\n        border-top: 1px solid $colorBordes;\n\n        > li {\n          border-bottom: 1px solid $colorBordes;\n        }\n\n        > li > a, > li > button, > li.has-subitems .secondlevel-nav > li > a, > li.has-subitems .secondlevel-nav > li > button {\n          text-align: left;\n          font-size: $font-size-large;\n\n          &:hover, &:focus {\n            border-bottom: 0;\n          }\n          &:hover, &:focus, &:active, &:checked {\n            background: transparent;\n          }\n        }\n      }\n    }\n  }\n}\n@media (min-width: $grid-float-breakpoint) {\n  .brand-header, .custom-brand-header {\n    .header-bottom-nav {\n      transition: opacity $transition-time;\n      z-index: 200;\n      clear: both;\n      position: absolute;\n      width: 100%;\n      top: $navbar-height;\n      left: 0;\n      &:before {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        height: 1px;\n        left: 0;\n        background: $colorBordes;\n        z-index: 0;\n      }\n      &.blurred {\n        opacity: 0.3;\n      }\n      > nav {\n        margin-left: 0 !important;\n      }\n      .navbar-main {\n        display: flex;\n        flex-wrap: nowrap;\n        > li {\n          text-align: center;\n          white-space: nowrap;\n          flex: 0 0 auto;\n          @media (max-width: $grid-float-breakpoint-max) {\n            flex: 1 0 auto;\n            &.calculating {\n              flex: 0 0 auto;\n            }\n          }\n        }\n        > li.float-right {\n          margin-left: auto!important;\n        }\n        > li > a, > li > button, > li.has-subitems .secondlevel-nav > li > button {\n          &:hover, &:focus {\n            background: $brand-grey-light;\n          }\n        }\n        > li.active > a, li.active > button {\n          background: $brand-grey-light;\n          border-left: 0;\n          border-bottom: 2px solid $active-border;\n          &:hover, &:focus {\n\n          }\n        }\n      }\n      .has-subitems.from-collapse {\n        .dropdown-menu.show {\n          transform: translate(-50%, 0);\n        }\n        ul.secondlevel-nav {\n          display: flex;\n          flex-wrap: wrap;\n          background: #fff;\n          gap: 5px;\n          padding: 20px 20px 5px;\n          min-width: 600px;\n          @media (min-width: $screen-lg-min) {\n            min-width: 650px;\n          }\n          justify-content: space-between;\n          .submenu-title {\n            font-size: 16px;\n            padding: 0 5px;\n            @include medium-weight;\n            text-transform: none;\n            margin-bottom: 10px;\n          }\n          li {\n            border-bottom: 0;\n            background: #fff;\n            margin-bottom: 0;\n            flex: 0 1 auto;\n            max-width: 50%;\n            &.upper-level-menu {\n              flex: 1 0 100%;\n              order: -1;\n              margin-bottom: 0;\n              max-width: 100%;\n            }\n            a {\n              text-transform: none;\n              padding: 5px;\n              height: auto;\n              line-height: 1.5;\n              &:hover, &:focus {\n                color: $brand-grey-dark;\n              }\n            }\n          }\n          ul {\n            border-top: 0;\n            li {\n              margin-bottom: 10px;\n              max-width: 100%;\n            }\n          }\n        }\n      }\n\n    }\n  }\n}\n\n.navbar-right {\n  @media (min-width: $grid-float-breakpoint) {\n    float: right !important;\n  }\n}\n\n.navbar-nav #dropdownmenu-main-more, .navbar-nav #dropdownmenu-main-more-compact {\n  .close {\n    svg {\n      width: 10px;\n      height: 10px;\n      position: absolute;\n      right: 15px;\n      top: 20px;\n      &, & * {\n        fill: $brand-grey-dark;\n      }\n    }\n  }\n}\n\n.navbar-nav > li > .dropdownmenu-main-more, .header-bottom-nav .navbar-nav > li > .dropdown-menu {\n  border-top: 2px solid $brand-navbar-bg;\n  margin-top: -2px;\n  min-width: 100%;\n  > ul {\n    border-bottom-left-radius: $border-radius-large;\n    border-bottom-right-radius: $border-radius-large;\n    text-transform: none;\n    li button, li a {\n      padding-right: 20px;\n    }\n  }\n}\n.navbar-nav > li > .dropdownmenu-main-more {\n  width: 252px;\n\n  > ul {\n    &.navbar-main-more > li {\n      background: #FFF;\n      button {\n        text-transform: none;\n      }\n    }\n  }\n}\n\n.navbar-main > li > button.show:focus {\n  border: 0\n}\n#dropdown-main-more {\n  > button.dropdown-toggle {\n    border-left: 0;\n    &:after {\n      display: none;\n    }\n    svg {\n      width: 11px;\n      height: 9px;\n      margin-left: 5px;\n      &, & * {\n        fill: $brand-grey-alt;\n      }\n      &.icon-ui-chevron-up {\n        display: none;\n      }\n    }\n    &:hover, &:focus {\n      svg {\n        fill: $brand-grey-dark;\n      }\n    }\n  }\n}\n\n/* Clase para marcar que el elemento del menu tiene un svg con width y height en el tag */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.generic_svg_menu_item svg {\n      width: auto;\n      height: auto;\n      vertical-align: middle;\n      margin-left: 0;\n    }\n  }\n}\n/* Incluir disney como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.disney_menu_item {\n      .svg-menu {\n        width: 91px;\n        height: 25px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n        &, & * {\n          fill: $brand-grey-alt;\n        }\n      }\n    }\n    &.disney_menu_item:hover, &.disney_menu_item:focus {\n      .svg-menu {\n        &, & * {\n          fill: $brand-grey-dark;\n        }\n      }\n    }\n  }\n}\n/* Incluir wizink como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.wizink_menu_item {\n      .svg-menu {\n        width: 60px;\n        height: 18px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n      &, &:hover, &:focus {\n        .svg-menu {\n          .st0{fill:#00c6c5}\n          .st1{fill:#152a69}\n        }\n      }\n    }\n  }\n}\n/* Incluir portaventura world como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.portaventura_menu_item {\n      .svg-menu {\n        width: 45px;\n        height: 40px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n      &, &:hover, &:focus {\n        .svg-menu {\n          .st0{fill:#00c6c5}\n          .st1{fill:#152a69}\n        }\n      }\n    }\n  }\n}\n/* Incluir la rioja como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.la_rioja_menu_item {\n      .svg-menu {\n        width: 45px;\n        height: 40px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n    }\n  }\n}\n/* Incluir vive viajando como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.vive_viajando_menu_item {\n      .svg-menu {\n        width: 80px;\n        height: 40px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n    }\n  }\n}\n/* Incluir flash days como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.flash_days_menu_item {\n      .svg-menu {\n        width: 56px;\n        height: 40px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n    }\n  }\n}\n/* Incluir flowo como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.flowo_menu_item {\n      .svg-menu {\n        width: 88px;\n        height: 25px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n    }\n  }\n}\n/* Incluir actividades andalucia como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.actividades_andalucia_menu_item {\n      .svg-menu {\n        width: 100px;\n        height: 50px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n    }\n  }\n}\n/* Incluir comunidad de madrid como svg en el menu */\n.header-bottom-nav .navbar-main,\n.brand-header .dropdown-menu ul,\nbody {\n  > li > a, > li > button {\n    &.comunidad_madrid_menu_item {\n      .svg-menu {\n        width: 100px;\n        height: 25px;\n        margin-left: 0;\n        vertical-align: middle;\n        display: inline-block;\n      }\n    }\n  }\n}\n","@charset \"utf-8\";\n//Abstracts\n@import \"../../abstracts/__abstracts-dir\";\n\n/* Destinia header main nav lazyload */\n.destinia_seo_web_common_modules_mainheadermenu {\n  .skeleton {\n    .skeleton__title {\n      display: inline-block;\n      vertical-align: middle;\n      margin: 0;\n      width: 60px;\n      height: 8px;\n      position: relative;\n      background: $brand-grey-secondary;\n    }\n  }\n}\n"]}