/**************************************************
***************************************************
Preload Images
***************************************************
**************************************************/
body:after {
  display: none;
  content: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-14.jpg);
}
body:before {
  display: none;
  content: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-16.jpg) url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_787302808.jpg') url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_238070647.jpg') url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_785840170.jpg') url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_789874123.jpg') url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_251930041.jpg') url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_144525854.jpg') url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_244390960.jpg') url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_729181372.jpg');
}
html:after {
  display: none;
  content: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-022.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-06.jpg)url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-06.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-07.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-08.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-09.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-10.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-11.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-12.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-13.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-14.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-15.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-16.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-01.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-02.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-03.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-04.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-05.jpg) url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-06.jpg);
}
.btn:focus, .btn:active, button, a, button:focus, button:active, a:focus, a:active {
  outline: none !important;
  box-shadow: none;
}

html {
scroll-behavior: smooth;

}

video {
	width: 100%;
	background: #000;
}

div.button {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 15px;
    transition: all 0.25s;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: all 0.25s;
    font-size: .8rem;
    margin-top: 0px;

}
div.button i {
    margin-right: 5px;
}

div.button:hover {
background: rgba(255, 255, 255, 0.3);
}


.modal-dialog { max-width: 100%; width: 800px; }

/**************************************************
***************************************************
Intro Slide
***************************************************
*************************************************/
.DnnModule.DnnModule-2778 {
  overflow: hidden;
}
#starter {
  background: #85877C;
  padding: 3rem 0rem 0rem 0rem;
  height: 750px;
  overflow: hidden;
}
#starter h1 .second {
  color: #F8FFEA;
	display: block;
	    font-size: 3rem;
    line-height: 3rem;
}
#starter p {
  color: #fff;
  line-height: 1.3;
}
#starter h1 {
  margin-top: 6rem;
  display: block;
  margin-bottom: 20px;
  font-family: "Oswald", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  text-transform: uppercase;
  font-size: 4rem;
  color: rgba(34, 38, 12, 1);
  line-height: 4rem;
}
#starter .slick-slide img {
  width: 100%;
  min-height: 100%;
}
a.btn-down-scroll {
  font-size: 20px;
  color: #fff;
  transition: all 0.25s;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: normal;
  display: block;
  width: fit-content;
  border: 3px solid #FFf;
  border-radius: 3px;
  padding: 10px 40px;
}
.modal-body h4 {
  color: #fff;
	margin-bottom: 10px;
}

.modal-body h3 {
  color: #fff;
	margin-bottom: 10px;
}
.social-link {
  color: #fff;
  border: 3px solid #fff;
  padding: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
}
.social-top {
  margin-left: 25px;
}
a.btn-down-scroll:hover {
  background: #fff;
  color: rgba(34, 38, 12, 1);
  text-decoration: none;
}
.btn-down-scroll i {
  display: block;
  margin: 0;
  transition: all 0.1s;
}
a.btn-down-scroll:hover i {
  margin-top: 10px;
}
.social-link:hover {
  background: #fff;
}
.social-link:hover span {
  color: rgba(12, 31, 37, 1);
}
.fade-slideshow {
  z-index: 0;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.1;
  min-height: 100%;
max-height: 750px;
    overflow: hidden;
}
/**************************************************
***************************************************
Slide Backgrounds
***************************************************
**************************************************/
#dnn_ContentPaneFullBleed1 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/army/shutterstock_746632390.jpg');
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
  background-position: center;
  background-size: cover;
}
#dnn_ContentPaneFullBleed1.slide-2 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/army/shutterstock_132625856.jpg');
}
#dnn_ContentPaneFullBleed1.slide-3 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_785840170.jpg');
}
#dnn_ContentPaneFullBleed1.slide-4 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_789874123.jpg');
}
#dnn_ContentPaneFullBleed1.slide-5 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_251930041.jpg');
}
#dnn_ContentPaneFullBleed1.slide-6 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/army/original.jpg');
	
}
#dnn_ContentPaneFullBleed1.slide-7 {
	  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_144525854.jpg');
}


#dnn_ContentPaneFullBleed1.slide-8, #dnn_ContentPaneFullBleed1.slide-9 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_244390960.jpg');
}
#dnn_ContentPaneFullBleed1.slide-10 {
  background-image: linear-gradient(to top left, rgba(34, 38, 12, 0.95), rgba(34, 38, 12, 0.8)), url('/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_729181372.jpg');
}
/**************************************************
***************************************************
Scroll Bar
***************************************************
**************************************************/
/* width */ ::-webkit-scrollbar {
  width: 10px;
} /* Track */ ::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 3px;
} /* Handle */ ::-webkit-scrollbar-thumb {
  background: #ABAD9F;
  border-radius: 3px;
} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/**************************************************
***************************************************
Variations
***************************************************
**************************************************/
.variations h2 {
  margin-top: 0px;
  display: block;
  color: #F8FFEA;
  font-size: 2rem;
  margin-bottom: 10px;
  border-bottom: 3px solid #F8FFEA;
  padding-bottom: 10px;
}
.btn-group {
  width: 100%;
}
.btn-group > .btn {
  border-color: #F8FFEA;
  color: #F8FFEA;
  font-size: .7rem;
  width: 50%;
}
.btn-group > .btn.active {
  background: #F8FFEA;
  color: rgb(12, 31, 37);
}
.variations p {
  color: #fff;
  line-height: 1.3;
}
.variations li {
  list-style: disc inside;
  color: #ABAD9F;
  margin-bottom: 15px;
  font-size: 19px;
  position: relative;
  float: left;
  display: contents;
}
/**************************************************
***************************************************
Slider Structure
***************************************************
**************************************************/
#slideshow-head h1 {
  margin-top: 4rem;
  display: block;
  text-align: center;
  margin-bottom: 5px;
  font-family: "Oswald", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #F8FFEA;
  text-transform: uppercase;
  font-size: 4rem;
}
#slideshow-head p {
  display: block;
  text-align: center;
  color: #fff;
  font-style: italic;
  margin-bottom: 0px;
}
.timeline {
  padding-bottom: 4rem;
}
.timeline .slick-slide {
  padding: 0px 40px !important;
}
.slick-list .slick-track div.slick-slide:last-child .timeline-dot:after {
  right: 75%;
  left: auto;
}
.timeline .fa {
  font-size: 45px;
  position: absolute;
  top: 75px;
  z-index: 9;
	color: #E4E4E4;
}
.timeline .fa-chevron-right {
  right: 50px;
}
.timeline .fa-chevron-left {
  left: 50px;
}
.timeline-dot {
  width: 20px;
  height: 20px;
  background-color: #ABAD9F;
  margin: auto;
  margin-bottom: 1rem;
  border-radius: 50%;
  margin-top: 0px;
  position: relative;
}
.timeline-dot:after {
  content: "";
  width: 100vw;
  height: 4px;
  background: #ABAD9F;
  position: absolute;
  bottom: 7px;
  left: 100%;
}
.timeline-nav h2 {
  color: #ABAD9F;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 1.5rem;
}
.timeline-nav p {
  color: #ABAD9F;
  text-align: center;
  max-width: 700px;
  margin: auto;
  margin-top: 40px;
  min-height: 200px;
}
.inside {
  height: 399%;
  width: 100%;
  border-radius: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0);
}
.changer-container {
  width: 384px;
  height: 550px;
  z-index: -1;
  margin: auto;
  display: block;
  max-width: 100%;
}
.frame {
  position: absolute;
}
.scrollable {
  height: 550px;
  width: 400px;
  margin: auto;
  overflow: scroll;
  overflow-x: hidden;
  max-width: 100%;
}
.remove-fix {
  position: relative;
}
.remove-height {
  height: 100%;
}
.circle {
  position: absolute;
}
.pulsating-circle {
  position: absolute;
  left: 5px;
  top: 8px;
  transform: translateX(-50%) translateY(-50%);
  width: 10px;
  height: 10px;
}
.circle .title {
font-size: 15px;
    right: 20px;
    top: -10px;
    position: relative;
    z-index: 99999999999999999999999999;
    display: block;
    color: #fff;
    background: rgba(34, 38, 12, 0.6);
    padding: 10px;
    border-radius: 3px;
    min-width: 100px;
    left: -116px;
}
button.circle {
  position: relative;
  width: 10px;
  height: 10px;
  z-index: 99;
  background: transparent;
  border: none;
  transition: all .25s;
}
.pulsating-circle:before {
  content: '';
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: rgba(255, 255, 255, 0.8);
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .3);
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
button.circle .title {
  transition: all .25s;
}
button.circle:hover .title {
  background: rgba(34, 38, 12, 1);
}
.variation-selector h3 {
  color: #fff;
  font-size: 30px;
}
.variation-selector .nav-link {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 15px 20px;
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  float: left;
}
.variation-selector .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.variation-selector .nav-link.active, .variation-selector .nav-link.active:hover {
  background-color: #fff;
  color: #000;
}
.nav-pills > li > a {
  border-radius: 0px;
}
.variation-selector li:nth-child(1) .nav-link {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.variation-selector li:last-child .nav-link {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: rgba(34, 38, 12, 1);
  background-color: #fff;
}
@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
     opacity: 0; 
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}

.dgov-grid.dgov-justify-center .dgov-col-xlg-4 {
	min-height: 580px;
}

.yk {
	background: #ffffff09;
    padding: 15px;
    font-style: italic;
	margin-bottom: 15px;
}

.yk p {
	font-size: .9rem;
}

.yk p:last-child {
	margin: 0px;
}

.modal-title {
display: inline-block;
    font-family: "Oswald", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 95%;
    font-size: 1.4rem;
    opacity: .5;
}
.modal-header {
border-bottom: 1px solid rgba(255,255,255,0.1);
	    padding: 0px 15px;
}
.modal-content {
  border-radius: 4px;
  background: rgba(34, 38, 12, 1);
}
.modal-header .close {
  color: #fff;
}
.modal-body {
  color: #fff;
	    padding: 0px 15px;
}
.modal-body p {
font-weight: 100;
	line-height: 1.4;
}

.modal-body p strong {
color:#c8c836;
}

.modal.in .modal-dialog {
  opacity: 1;
}
.modal-header .close {
  margin-top: 0px;
  font-size: 2rem;
}
.slick-arrow {
  opacity: 0.8;
  transition: all 0.25s;
}
.slick-disabled {
  opacity: 0.3 !important;
}
.slick-arrow:hover {
  opacity: 1;
  color: #62A522;
}
.slick-disabled:hover {
  opacity: 0.3 !important;
  color: #F8FFEA;
}
.hotspots {
  width: 100%;
  height: 100%;
	position: relative;
}
.circle {
  transition: all 0.25s;
  position: absolute;
}

.social-link:hover span {
	color: #000 !important;
}

@media (max-width: 1200px) {
	#dnn_ctr2782_HtmlModule_lblContent > div.timeline.slick-initialized.slick-slider > div > div > div.slick-slide.slick-current.slick-active > div > div {
		width: 90%;
		display: block;
		margin: auto;
	}
}


@media (max-width: 991px) {
	
	#dnn_ctr2782_HtmlModule_lblContent > div.timeline.slick-initialized.slick-slider > div > div > div.slick-slide.slick-current.slick-active > div > div {
		width: 100%;
		display: inline-block;
	}
	
  #starter .dgov-col-md-5 img {
    display: none;
  }
  #starter {
    height: auto;
    padding-bottom: 50px;
  }
  h1 .first {
    display: block;
  }
	.tab-pane {
	margin: auto;
	transform: translate(50%, 0%);
}
	.pulsating-circle {
		display: none;
	}
}
@media (max-width: 780px) {
	
	p.desktop {display:none;}
	p.mobile {display:none;}
	.modal-dialog {
	width: 900px
}
	
.timeline .slick-slide {
  padding: 0px 0px !important;
	}
	
	
	.timeline .fa-chevron-right, .timeline .fa-chevron-left {
		top: -45px;
		opacity: 1;
	}
	.social-top {
		display: block;
		margin-top: 30px;
    margin-left: -4px;
	}
	
	.dgov-col-md-7 br {
		display:none;
	}
	
	#starter {
		background: linear-gradient(rgba(133, 135, 124, .7) , rgba(133, 135, 124, .7)) ,url(/portals/1/SANDBOXES/BEvans/sequence/shutterstock_787302808.jpg);
		background-size: cover;
	}
	
	#starter .slick-slider {
		display: none;
	}
}
@media (max-width: 550px) {
.changer-container {
		width: 90%;
	}
		.tab-pane {
	margin: auto;
	transform: translate(0%, 0%);
}
	.circle .title {
		min-width: 100px;
	}
	.switcher-fix {
	position: relative;
	padding: 0px;
	margin: 15px;
}

.switcher-fix .card {
	max-width: 100%;
}

.switcher-fix .card .changer-container {
	width: 100%;
}
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 1
***************************************************
**************************************************/
#f01-hotspot-05 {
     left: 129px;
    top: 1626px;
  opacity: 0; 
}
#f01-hotspot-04 {
       left: 151px;
    top: 887px;
   opacity: 0; 
}
#f01-hotspot-03 {
left: 154px;
    top: 487px;
   opacity: 0;
}
#f01-hotspot-02 {
     left: 207px;
    top: 362px;
    opacity: 0;
}
#f01-hotspot-01 {
    left: 181px;
    top: 24px;
 opacity: 0;
}
.hotspots0 #f01-hotspot-01, .hotspots0 #f01-hotspot-02, .hotspots0 #f01-hotspot-03  {
  opacity: 1;
}
.hotspots1 #f01-hotspot-02, .hotspots2 #f01-hotspot-02 {
  opacity: 1;
}
.hotspots12 #f01-hotspot-05, .hotspots13 #f01-hotspot-05 {
  opacity: 1;
}

.hotspots6 #f01-hotspot-04, .hotspots7 #f01-hotspot-04 {
  opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 2
***************************************************
**************************************************/
#f02-hotspot-05 {
    left: 105px;
    top: 1730px;
	opacity: 0; 
}

#f02-hotspot-04 {
left: 108px;
    top: 1071px;
	opacity: 0; 
}

#f02-hotspot-03 {
  left: 142px;
    top: 506px;
	opacity: 0; 
}

#f02-hotspot-02 {
       left: 195px;
    top: 362px;  
	opacity: 0; 
}

#f02-hotspot-01 {
  left: 198px;
  top: 52px;
	opacity: 0; 
}

.hotspots0 #f02-hotspot-01, .hotspots0 #f02-hotspot-02, .hotspots0 #f02-hotspot-03 {
  opacity: 1;
}

.hotspots1 #f02-hotspot-02, .hotspots2 #f02-hotspot-02 {
	  opacity: 1;

}

.hotspots8 #f02-hotspot-04, .hotspots9 #f02-hotspot-04  {
  opacity: 1;
}

.hotspots13 #f02-hotspot-05, .hotspots14 #f02-hotspot-05 {
  opacity: 1;
}

/**************************************************
***************************************************
HOTSPOTS - SLIDE 3
***************************************************
**************************************************/
#f03-hotspot-06 {
left: 92px;
    top: 180px;
   opacity: 0; 
}

#f03-hotspot-05 {
      left: 80px;
    top: 1571px;
   opacity: 0; 
}
#f03-hotspot-04 {
  left: 102px;
    top: 1020px;
   opacity: 0; 
}
#f03-hotspot-03 {
  left: 155px;
  top: 473px;
  opacity: 0; 
}

#f03-hotspot-02 {
      left: 163px;
    top: 241px;
   opacity: 0; 
}
#f03-hotspot-01 {
  left: 174px;
  top: 40px;
   opacity: 0; 
}
.hotspots0 #f03-hotspot-01, .hotspots0 #f03-hotspot-02, .hotspots0 #f03-hotspot-03, .hotspots0 #f03-hotspot-06 {
  opacity: 1;
}

.hotspots1 #f03-hotspot-02 {
	  opacity: 1;

}

.hotspots12 #f03-hotspot-05, .hotspots13 #f03-hotspot-05 {
  opacity: 1;
}
.hotspots8 #f03-hotspot-04, .hotspots9 #f03-hotspot-04 {
  opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 3B
***************************************************
**************************************************/
#f03b-hotspot-06 {
  left: 87px;
  top: 1016px;
   opacity: 0; 
}
#f03b-hotspot-05 {
      left: 132px;
    top: 1586px;
   opacity: 0; 
}
#f03b-hotspot-04 {
left: 114px;
    top: 1040px;
   opacity: 0; 
}
#f03b-hotspot-03 {
     left: 140px;
    top: 464px;
   opacity: 0; 
}
#f03b-hotspot-02 {
  left: 196px;
    top: 331px;
   opacity: 0; 
}
#f03b-hotspot-01 {
  left: 174px;
  top: 40px;
   opacity: 0; 
}
.hotspots0 #f03b-hotspot-01, .hotspots0 #f03b-hotspot-02, .hotspots0 #f03b-hotspot-03, .hotspots0 #f03b-hotspot-06 {
  opacity: 1;
}

.hotspots1 #f03b-hotspot-02, .hotspots2 #f03b-hotspot-02 {
	  opacity: 1;

}

.hotspots8 #f03b-hotspot-04, .hotspots9 #f03b-hotspot-04 {
  opacity: 1;
}
.hotspots12 #f03b-hotspot-05, .hotspots13 #f03b-hotspot-05 {
  opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 4
***************************************************
**************************************************/
#f04-hotspot-06 {
  left: 112px;
  top: 231px;
   opacity: 0; 
}
#f04-hotspot-05 {
      left: 138px;
    top: 1414px;
   opacity: 0; 
}
#f04-hotspot-04 {
      left: 122px;
    top: 1028px;
   opacity: 0; 
}
#f04-hotspot-03 {
       left: 155px;
    top: 503px;
   opacity: 0; 
}
#f04-hotspot-02 {
  left: 160px;
    top: 374px;
   opacity: 0; 
}
#f04-hotspot-01 {
  left: 180px;
  top: 77px;
   opacity: 0; 
}
.hotspots0 #f04-hotspot-01, .hotspots0 #f04-hotspot-02, .hotspots0 #f04-hotspot-03, .hotspots0 #f04-hotspot-06 {
  opacity: 1;
}

.hotspots1 #f04-hotspot-02 {
	opacity: 1;
}

.hotspots12 #f04-hotspot-05 {
	opacity: 1;
}

.hotspots8 #f04-hotspot-04 {
  opacity: 1;
}

#f04b-hotspot-01 {
top: 420px;
    left: 152px;
	opacity: 0;
}

.hotspots0 #f04b-hotspot-01, .hotspots1 #f04b-hotspot-01 {
	opacity: 1
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 5
***************************************************
**************************************************/
#f05-hotspot-06 {
  left: 151px;
    top: 199px;
   opacity: 0; 
}
#f05-hotspot-05 {
left: 179px;
    top: 1400px;
   opacity: 0; 
}
#f05-hotspot-04 {
 left: 115px;
    top: 1015px;
   opacity: 0; 
}
#f05-hotspot-03 {
      left: 177px;
    top: 487px;
   opacity: 0; 
}
#f05-hotspot-02 {
  left: 181px;
  top: 595px;
   opacity: 0; 
}
#f05-hotspot-01 {
  left: 178px;
    top: 18px;
   opacity: 0; 
}
.hotspots0 #f05-hotspot-01, .hotspots0 #f05-hotspot-03, .hotspots0 #f05-hotspot-06 {
  opacity: 1;
}
.hotspots2 #f05-hotspot-02, .hotspots3 #f05-hotspot-02, .hotspots4 #f05-hotspot-02, .hotspots5 #f05-hotspot-02 {
  opacity: 1;
}
.hotspots8 #f05-hotspot-04, .hotspots9 #f05-hotspot-04 {
  opacity: 1;
}
.hotspots12 #f05-hotspot-05, .hotspots13 #f05-hotspot-05 {
  opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 5b
***************************************************
**************************************************/
#f05b-hotspot-06 {
	  left: 140px;
  top: 200px;
   opacity: 0; 
}
#f05b-hotspot-05 {
 left: 98px;
  top: 1426px;
   opacity: 0; 
}
#f05b-hotspot-04 {
    left: 132px;
    top: 1028px;
   opacity: 0; 
}
#f05b-hotspot-03 {
  left: 175px;
    top: 457px;
   opacity: 0; 
}
#f05b-hotspot-02 {
 left: 181px;
  top: 328px;
  opacity: 0;
}
#f05b-hotspot-01 {
    left: 177px;
    top: 28px;
   opacity: 0; 
}
.hotspots0 #f05b-hotspot-06, .hotspots0 #f05b-hotspot-01, .hotspots0 #f05b-hotspot-02, .hotspots0 #f05b-hotspot-03 {
  opacity: 1;
}

.hotspot1 #f05b-hotspot-02 {
	opacity: 1;
}
.hotspots8 #f05b-hotspot-04 {
  opacity: 1;
}
.hotspots12 #f05b-hotspot-05 {
  opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 5c
***************************************************
**************************************************/

#f05c-hotspot-06 {
  left: 129px;
    top: 193px;
   opacity: 0; 
}
#f05c-hotspot-05 {
     left: 159px;
    top: 127px;
   opacity: 0; 
}
#f05c-hotspot-04 {
  left: 177px;
  top: 819px;
   opacity: 0; 
}
#f05c-hotspot-03 {
  left: 132px;
    top: 476px;
   opacity: 0; 
}
#f05c-hotspot-02 {
  left: 153px;
    top: 385px;
   opacity: 0; 
}
#f05c-hotspot-01 {
  left: 181px;
  top: 23px;
   opacity: 0; 
}
.hotspots0 #f05c-hotspot-01, .hotspots0 #f05c-hotspot-02, .hotspots0 #f05c-hotspot-03, .hotspots0 #f05c-hotspot-06 {
  opacity: 1;
}

.hotspots1 #f05c-hotspot-02 {
  opacity: 1;
}

.hotspots6 #f05c-hotspot-04, .hotspots7 #f05c-hotspot-04 {
  opacity: 1;
}
.hotspots0 #f05c-hotspot-05 {
  opacity: 1;
}

/**************************************************
***************************************************
HOTSPOTS - SLIDE 6
***************************************************
**************************************************/
#f06-hotspot-07 {
     left: 91px;
    top: 289px;
  opacity: 0;
}
#f06-hotspot-06 {
  left: 124px;
    top: 750px;
   opacity: 0; 
}
#f06-hotspot-05 {
left: 159px;
    top: 126px;
   opacity: 0; 
}
#f06-hotspot-04 {
  left: 166px;
  top: 231px;
   opacity: 0; 
}
#f06-hotspot-03 {
  left: 196px;
  top: 469px;
   opacity: 0; 
}
#f06-hotspot-02 {
  left: 181px;
  top: 699px;
   opacity: 0; 
}
#f06-hotspot-01 {
  left: 179px;
  top: 33px;
   opacity: 0; 
}
.hotspots0 #f06-hotspot-04, .hotspots0 #f06-hotspot-01, .hotspots0 #f06-hotspot-03, .hotspots0 #f06-hotspot-02 {
  opacity: 1;
}
.hotspots4 #f06-hotspot-02, .hotspots5 #f06-hotspot-02, .hotspots6 #f06-hotspot-02, .hotspots4 #f06-hotspot-06, .hotspots5 #f06-hotspot-06, .hotspots6 #f06-hotspot-06 {
  opacity: 1;
}
.hotspots0 #f06-hotspot-05 {
  opacity: 1;
}

.hotspots1 #f06-hotspot-07 {
	opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 7
***************************************************
**************************************************/

#f07-hotspot-07 {
top: 635px;
left: 118px;
  opacity: 0;
}

#f07-hotspot-06 {
left: 92px;
    top: 156px;
  opacity: 0;
}
#f07-hotspot-05 {
  left: 166px;
  top: 199px;
   opacity: 0; 
}
#f07-hotspot-04 {
  left: 166px;
  top: 1012px;
   opacity: 0; 
}
#f07-hotspot-03 {
  left: 118px;
  top: 467px;
   opacity: 0; 
}
#f07-hotspot-02 {
  left: 191px;
  top: 804px;
   opacity: 0; 
}
#f07-hotspot-01 {
  left: 179px;
  top: 35px;
   opacity: 0; 
}
.hotspots0 #f07-hotspot-05, .hotspots0 #f07-hotspot-01, .hotspots0 #f07-hotspot-03, .hotspots0 #f07-hotspot-06 {
  opacity: 1;
}
.hotspots4 #f07-hotspot-02, .hotspots5 #f07-hotspot-02, .hotspots6 #f07-hotspot-02, .hotspots7 #f07-hotspot-02 {
  opacity: 1;
}

.hotspots4 #f07-hotspot-07 {
  opacity: 1;
}
.hotspots8 #f07-hotspot-04 {
  opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 8
***************************************************
**************************************************/

#f08-hotspot-06 {
     left: 87px;
    top: 121px;
   opacity: 0; 
}
#f08-hotspot-05 {
 left: 137px;
    top: 188px;
   opacity: 0; 
}
#f08-hotspot-04 {
    left: 155px;
    top: 930px;
   opacity: 0; 
}
#f08-hotspot-03 {
      left: 116px;
    top: 469px;
   opacity: 0; 
}
#f08-hotspot-02 {
  left: 188px;
  top: 1299px;
   opacity: 0; 
}
#f08-hotspot-01 {
  left: 172px;
  top: 38px;
   opacity: 0; 
}
.hotspots0 #f08-hotspot-01, .hotspots0 #f08-hotspot-03, .hotspots0 #f08-hotspot-05, .hotspots0 #f08-hotspot-06 {
  opacity: 1;
}
.hotspots5 #f08-hotspot-06 {
  opacity: 1;
}
.hotspots7 #f08-hotspot-04 {
  opacity: 1;
}
.hotspots9 #f08-hotspot-02, .hotspots10 #f08-hotspot-02 {
  opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 9
***************************************************
**************************************************/
#f09-hotspot-06 {
      left: 111px;
    top: 994px;
   opacity: 0; 
}
#f09-hotspot-05 {
  left: 142px;
  top: 189px;
   opacity: 0; 
}
#f09-hotspot-04 {
  left: 142px;
    top: 1616px;
   opacity: 0; 
}
#f09-hotspot-03 {
  left: 181px;
    top: 472px;
   opacity: 0; 
}
#f09-hotspot-02 {
  left: 181px;
  top: 699px;
   opacity: 0; 
}
#f09-hotspot-01 {
  left: 176px;
  top: 36px;
   opacity: 0; 
}
.hotspots0 #f09-hotspot-01, .hotspots0 #f09-hotspot-03, .hotspots0 #f09-hotspot-05 {
  opacity: 1;
}
.hotspots8 #f09-hotspot-06 {
  opacity: 1;
}
.hotspots3 #f09-hotspot-02, .hotspots4 #f09-hotspot-02, .hotspots5 #f09-hotspot-02 {
  opacity: 1;
}

.hotspots14 #f09-hotspot-04 {
	opacity: 1;
}
/**************************************************
***************************************************
HOTSPOTS - SLIDE 9B
***************************************************
**************************************************/

#f09b-hotspot-06 {
        left: 111px;
    top: 1016px;
   opacity: 0; 
}
#f09b-hotspot-05 {
left: 133px;
    top: 169px;
   opacity: 0; 
}
#f09b-hotspot-04 {
    left: 181px;
    top: 210px;
   opacity: 0; 
}
#f09b-hotspot-03 {
left: 139px;
    top: 435px;
  opacity: 0;
}
#f09b-hotspot-02 {
    left: 188px;
    top: 759px;
   opacity: 0; 
}
#f09b-hotspot-01 {
left: 164px;
    top: 42px;
   opacity: 0; 
}

.hotspots0 #f09b-hotspot-01,  .hotspots0 #f09b-hotspot-03, .hotspots0 #f09b-hotspot-04 {
	opacity: 1;
}

.hotspots4 #f09b-hotspot-02, .hotspots5 #f09b-hotspot-02 {
	opacity: 1;
}


.hotspots0 #f09b-hotspot-05 {
	opacity: 1;
}

.hotspots8 #f09b-hotspot-06, .hotspots9 #f09b-hotspot-06 {
	opacity: 1;
}

/**************************************************
***************************************************
HOTSPOTS - SLIDE 10
***************************************************
**************************************************/

#f10-hotspot-06 {
left: 84px;
    top: 219px;
   opacity: 0; 
}
#f10-hotspot-05 {
      left: 137px;
    top: 180px;
   opacity: 0; 
}
#f10-hotspot-04 {
 left: 137px;
    top: 1000px;
   opacity: 0; 
}
#f10-hotspot-03 {
left: 155px;
    top: 473px;
   opacity: 0; 
}
#f10-hotspot-02 {
left: 184px;
    top: 699px;
   opacity: 0; 
}
#f10-hotspot-01 {
    left: 181px;
    top: 46px;
     opacity: 0; 
}

.hotspots0 #f10-hotspot-01, .hotspots0 #f10-hotspot-03, .hotspots0 #f10-hotspot-06, .hotspots0 #f10-hotspot-05 {
	opacity: 1;
}

.hotspots3 #f10-hotspot-02, .hotspots4 #f10-hotspot-02, .hotspots5 #f10-hotspot-02 {
	opacity: 1;
} 

.hotspots8 #f10-hotspot-04 {
	opacity: 1;
}
	
/* MOBILE */

@media (max-width: 550px) {
	#f03-hotspot-06 {
    left: 70px;
    top: 153px;
	}
	#f04-hotspot-06 {
    left: 82px;
    top: 231px;
	}
	
	#f05-hotspot-06 {
		left: 80px;
	}
	
	#f05-hotspot-05 {
    left: 89px;
    top: 1400px;
	}
	
	#f06-hotspot-05 {
    left: 119px;
    top: 126px;
	}
	
	#f06-hotspot-07 {
    left: 57px;
    top: 289px;
	}
	
	#f06-hotspot-06 {
    left: 74px;
    top: 750px;
	}
	
	#f07-hotspot-05 {
    left: 113px;
    top: 232px;
	}
	
	#f07-hotspot-07 {
    top: 635px;
    left: 58px;
	}
}



	/* CREDITS */
	#credits {
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(10,10,10,1) 100%);
    color: #838383;
    font-size: 13px;
		padding: 2rem 0rem;
		text-align: center;
		position: relative;
	}

#credits:before {
	content: "";
	background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
	width: 100%;
	height: 100px;
	top: -80px;
	left: 0px;
	position: absolute;
}
	
	#credits h3, #credits .btn {
		    display: block;
    margin-bottom: 10px;
    font-family: "Oswald", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #c0c0c0;
    text-transform: uppercase;
    font-size: 17px;
		text-align: center;
	}
#credits h4 {
font-size: 17px;
    color: #acacac;
}
	
	#credits li {
		    margin-bottom: 10px;
	}
#credits ul {
margin-bottom: 20px;
}

#accordion {
	margin: 0px 15px;
}