/* Webfont: BrandonGrotesque-Bold */
@font-face {
  font-family: 'BrandonGrotesqueBold';
  src: url("../fonts/BrandonGrotesque-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/BrandonGrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandonGrotesque-Bold.woff") format("woff"), url("../fonts/BrandonGrotesque-Bold.ttf") format("truetype"), url("../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: BrandonGrotesque-Medium */
@font-face {
  font-family: 'BrandonGrotesqueMedium';
  src: url("../fonts/BrandonGrotesque-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/BrandonGrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandonGrotesque-Medium.woff") format("woff"), url("../fonts/BrandonGrotesque-Medium.ttf") format("truetype"), url("../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: BrandonGrotesque-Regular */
@font-face {
  font-family: 'BrandonGrotesqueRegular';
  src: url("../fonts/BrandonGrotesque-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/BrandonGrotesque-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandonGrotesque-Regular.woff") format("woff"), url("../fonts/BrandonGrotesque-Regular.ttf") format("truetype"), url("../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: ChaparralPro-Italic */
@font-face {
  font-family: 'ChaparralProIt';
  src: url("../fonts/ChaparralPro-Italic.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ChaparralPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/ChaparralPro-Italic.woff") format("woff"), url("../fonts/ChaparralPro-Italic.ttf") format("truetype"), url("../fonts/ChaparralPro-Italic.svg#ChaparralPro-Italic") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: ChaparralPro-SemiboldIt */
@font-face {
  font-family: 'ChaparralProSmBd';
  src: url("../fonts/ChaparralPro-SemiboldIt.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ChaparralPro-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ChaparralPro-SemiboldIt.woff") format("woff"), url("../fonts/ChaparralPro-SemiboldIt.ttf") format("truetype"), url("../fonts/ChaparralPro-SemiboldIt.svg#ChaparralPro-SemiboldIt") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: ChaparralPro-BoldIt */
@font-face {
  font-family: 'ChaparralProBdIt';
  src: url("../fonts/ChaparralPro-BoldIt.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ChaparralPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ChaparralPro-BoldIt.woff") format("woff"), url("../fonts/ChaparralPro-BoldIt.ttf") format("truetype"), url("../fonts/ChaparralPro-BoldIt.svg#ChaparralPro-BoldIt") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility; }

/* DEFAULTS --- */
.sprite.icon36.bar {
  background-position: 0 0; }
.sprite.icon36.restaurant {
  background-position: -36px 0; }
.sprite.icon36.cafe {
  background-position: -72px 0; }
.sprite.icon36.shop {
  background-position: -108px 0; }
.sprite.icon36.gig {
  background-position: -144px 0; }
.sprite.icon36.event {
  background-position: -180px 0; }
.sprite.icon36.art {
  background-position: -216px 0; }
.sprite.icon36.film {
  background-position: -288px 0; }
.sprite.icon36.music {
  background-position: -144px 0; }
.sprite.icon36.nightlife {
  background-position: -360px 0; }
.sprite.icon36.design {
  background-position: -396px 0; }
.sprite.icon36.fashion {
  background-position: -432px 0; }
.sprite.icon36.sustainability {
  background-position: -504px 0; }
.sprite.icon36.technology {
  background-position: -468px 0; }
.sprite.icon36.travel {
  background-position: -540px 0; }
.sprite.icon36.culture {
  background-position: -252px 0; }
.sprite.icon36.literature {
  background-position: -324px 0; }
.sprite.icon36.health {
  background-position: -576px 0; }
.sprite.icon36.beauty {
  background-position: -612px 0; }
.sprite.icon36.sport {
  background-position: -648px 0; }
.sprite.icon36.leisure {
  background-position: -684px 0; }
.sprite.icon36.stage {
  background-position: -756px 0; }
.sprite.icon36.citylife {
  background-position: -720px 0; }
.sprite.icon36.story {
  background-position: -828px 0; }
.sprite.icon36.place {
  background-position: -864px 0; }
.sprite.icon36.pub {
  background-position: -900px 0; }

/* BLACK */
.icon-variant-black .sprite.icon36.bar {
  background-position: 0 0; }
.icon-variant-black .sprite.icon36.restaurant {
  background-position: -36px 0; }
.icon-variant-black .sprite.icon36.cafe {
  background-position: -72px 0; }
.icon-variant-black .sprite.icon36.shop {
  background-position: -108px 0; }
.icon-variant-black .sprite.icon36.gig {
  background-position: -144px 0; }
.icon-variant-black .sprite.icon36.event {
  background-position: -180px 0; }
.icon-variant-black .sprite.icon36.art {
  background-position: -216px 0; }
.icon-variant-black .sprite.icon36.film {
  background-position: -288px 0; }
.icon-variant-black .sprite.icon36.music {
  background-position: -144px 0; }
.icon-variant-black .sprite.icon36.nightlife {
  background-position: -360px 0; }
.icon-variant-black .sprite.icon36.design {
  background-position: -396px 0; }
.icon-variant-black .sprite.icon36.fashion {
  background-position: -432px 0; }
.icon-variant-black .sprite.icon36.sustainability {
  background-position: -504px 0; }
.icon-variant-black .sprite.icon36.technology {
  background-position: -468px 0; }
.icon-variant-black .sprite.icon36.travel {
  background-position: -540px 0; }
.icon-variant-black .sprite.icon36.culture {
  background-position: -252px 0; }
.icon-variant-black .sprite.icon36.literature {
  background-position: -324px 0; }
.icon-variant-black .sprite.icon36.health {
  background-position: -576px 0; }
.icon-variant-black .sprite.icon36.beauty {
  background-position: -612px 0; }
.icon-variant-black .sprite.icon36.sport {
  background-position: -648px 0; }
.icon-variant-black .sprite.icon36.leisure {
  background-position: -684px 0; }
.icon-variant-black .sprite.icon36.stage {
  background-position: -756px 0; }
.icon-variant-black .sprite.icon36.citylife {
  background-position: -720px 0; }
.icon-variant-black .sprite.icon36.story {
  background-position: -828px 0; }
.icon-variant-black .sprite.icon36.place {
  background-position: -864px 0; }
.icon-variant-black .sprite.icon36.pub {
  background-position: -900px 0; }

.icon-variant-black.active .sprite.icon36.bar, .icon-variant-black:hover .sprite.icon36.bar {
  background-position: 0 -36px; }
.icon-variant-black.active .sprite.icon36.restaurant, .icon-variant-black:hover .sprite.icon36.restaurant {
  background-position: -36px -36px; }
.icon-variant-black.active .sprite.icon36.cafe, .icon-variant-black:hover .sprite.icon36.cafe {
  background-position: -72px -36px; }
.icon-variant-black.active .sprite.icon36.shop, .icon-variant-black:hover .sprite.icon36.shop {
  background-position: -108px -36px; }
.icon-variant-black.active .sprite.icon36.gig, .icon-variant-black:hover .sprite.icon36.gig {
  background-position: -144px -36px; }
.icon-variant-black.active .sprite.icon36.event, .icon-variant-black:hover .sprite.icon36.event {
  background-position: -180px -36px; }
.icon-variant-black.active .sprite.icon36.art, .icon-variant-black:hover .sprite.icon36.art {
  background-position: -216px -36px; }
.icon-variant-black.active .sprite.icon36.film, .icon-variant-black:hover .sprite.icon36.film {
  background-position: -288px -36px; }
.icon-variant-black.active .sprite.icon36.music, .icon-variant-black:hover .sprite.icon36.music {
  background-position: -144px -36px; }
.icon-variant-black.active .sprite.icon36.nightlife, .icon-variant-black:hover .sprite.icon36.nightlife {
  background-position: -360px -36px; }
.icon-variant-black.active .sprite.icon36.design, .icon-variant-black:hover .sprite.icon36.design {
  background-position: -396px -36px; }
.icon-variant-black.active .sprite.icon36.fashion, .icon-variant-black:hover .sprite.icon36.fashion {
  background-position: -432px -36px; }
.icon-variant-black.active .sprite.icon36.sustainability, .icon-variant-black:hover .sprite.icon36.sustainability {
  background-position: -504px -36px; }
.icon-variant-black.active .sprite.icon36.technology, .icon-variant-black:hover .sprite.icon36.technology {
  background-position: -468px -36px; }
.icon-variant-black.active .sprite.icon36.travel, .icon-variant-black:hover .sprite.icon36.travel {
  background-position: -540px -36px; }
.icon-variant-black.active .sprite.icon36.culture, .icon-variant-black:hover .sprite.icon36.culture {
  background-position: -252px -36px; }
.icon-variant-black.active .sprite.icon36.literature, .icon-variant-black:hover .sprite.icon36.literature {
  background-position: -324px -36px; }
.icon-variant-black.active .sprite.icon36.health, .icon-variant-black:hover .sprite.icon36.health {
  background-position: -576px -36px; }
.icon-variant-black.active .sprite.icon36.beauty, .icon-variant-black:hover .sprite.icon36.beauty {
  background-position: -612px -36px; }
.icon-variant-black.active .sprite.icon36.sport, .icon-variant-black:hover .sprite.icon36.sport {
  background-position: -648px -36px; }
.icon-variant-black.active .sprite.icon36.leisure, .icon-variant-black:hover .sprite.icon36.leisure {
  background-position: -684px -36px; }
.icon-variant-black.active .sprite.icon36.stage, .icon-variant-black:hover .sprite.icon36.stage {
  background-position: -756px -36px; }
.icon-variant-black.active .sprite.icon36.citylife, .icon-variant-black:hover .sprite.icon36.citylife {
  background-position: -720px -36px; }
.icon-variant-black.active .sprite.icon36.story, .icon-variant-black:hover .sprite.icon36.story {
  background-position: -828px -36px; }
.icon-variant-black.active .sprite.icon36.place, .icon-variant-black:hover .sprite.icon36.place {
  background-position: -864px -36px; }
.icon-variant-black.active .sprite.icon36.pub, .icon-variant-black:hover .sprite.icon36.pub {
  background-position: -900px -36px; }

/* GOLD */
.icon-variant-gold .sprite.icon36.bar {
  background-position: 0 -72px; }
.icon-variant-gold .sprite.icon36.restaurant {
  background-position: -36px -72px; }
.icon-variant-gold .sprite.icon36.cafe {
  background-position: -72px -72px; }
.icon-variant-gold .sprite.icon36.shop {
  background-position: -108px -72px; }
.icon-variant-gold .sprite.icon36.gig {
  background-position: -144px -72px; }
.icon-variant-gold .sprite.icon36.event {
  background-position: -180px -72px; }
.icon-variant-gold .sprite.icon36.art {
  background-position: -216px -72px; }
.icon-variant-gold .sprite.icon36.film {
  background-position: -288px -72px; }
.icon-variant-gold .sprite.icon36.music {
  background-position: -144px -72px; }
.icon-variant-gold .sprite.icon36.nightlife {
  background-position: -360px -72px; }
.icon-variant-gold .sprite.icon36.design {
  background-position: -396px -72px; }
.icon-variant-gold .sprite.icon36.fashion {
  background-position: -432px -72px; }
.icon-variant-gold .sprite.icon36.sustainability {
  background-position: -504px -72px; }
.icon-variant-gold .sprite.icon36.technology {
  background-position: -468px -72px; }
.icon-variant-gold .sprite.icon36.travel {
  background-position: -540px -72px; }
.icon-variant-gold .sprite.icon36.culture {
  background-position: -252px -72px; }
.icon-variant-gold .sprite.icon36.literature {
  background-position: -324px -72px; }
.icon-variant-gold .sprite.icon36.health {
  background-position: -576px -72px; }
.icon-variant-gold .sprite.icon36.beauty {
  background-position: -612px -72px; }
.icon-variant-gold .sprite.icon36.sport {
  background-position: -648px -72px; }
.icon-variant-gold .sprite.icon36.leisure {
  background-position: -684px -72px; }
.icon-variant-gold .sprite.icon36.stage {
  background-position: -756px -72px; }
.icon-variant-gold .sprite.icon36.citylife {
  background-position: -720px -72px; }
.icon-variant-gold .sprite.icon36.story {
  background-position: -828px -72px; }
.icon-variant-gold .sprite.icon36.place {
  background-position: -864px -72px; }
.icon-variant-gold .sprite.icon36.pub {
  background-position: -900px -72px; }

.icon-variant-gold.active .sprite.icon36.bar, .icon-variant-gold:hover .sprite.icon36.bar {
  background-position: 0 -108px; }
.icon-variant-gold.active .sprite.icon36.restaurant, .icon-variant-gold:hover .sprite.icon36.restaurant {
  background-position: -36px -108px; }
.icon-variant-gold.active .sprite.icon36.cafe, .icon-variant-gold:hover .sprite.icon36.cafe {
  background-position: -72px -108px; }
.icon-variant-gold.active .sprite.icon36.shop, .icon-variant-gold:hover .sprite.icon36.shop {
  background-position: -108px -108px; }
.icon-variant-gold.active .sprite.icon36.gig, .icon-variant-gold:hover .sprite.icon36.gig {
  background-position: -144px -108px; }
.icon-variant-gold.active .sprite.icon36.event, .icon-variant-gold:hover .sprite.icon36.event {
  background-position: -180px -108px; }
.icon-variant-gold.active .sprite.icon36.art, .icon-variant-gold:hover .sprite.icon36.art {
  background-position: -216px -108px; }
.icon-variant-gold.active .sprite.icon36.film, .icon-variant-gold:hover .sprite.icon36.film {
  background-position: -288px -108px; }
.icon-variant-gold.active .sprite.icon36.music, .icon-variant-gold:hover .sprite.icon36.music {
  background-position: -144px -108px; }
.icon-variant-gold.active .sprite.icon36.nightlife, .icon-variant-gold:hover .sprite.icon36.nightlife {
  background-position: -360px -108px; }
.icon-variant-gold.active .sprite.icon36.design, .icon-variant-gold:hover .sprite.icon36.design {
  background-position: -396px -108px; }
.icon-variant-gold.active .sprite.icon36.fashion, .icon-variant-gold:hover .sprite.icon36.fashion {
  background-position: -432px -108px; }
.icon-variant-gold.active .sprite.icon36.sustainability, .icon-variant-gold:hover .sprite.icon36.sustainability {
  background-position: -504px -108px; }
.icon-variant-gold.active .sprite.icon36.technology, .icon-variant-gold:hover .sprite.icon36.technology {
  background-position: -468px -108px; }
.icon-variant-gold.active .sprite.icon36.travel, .icon-variant-gold:hover .sprite.icon36.travel {
  background-position: -540px -108px; }
.icon-variant-gold.active .sprite.icon36.culture, .icon-variant-gold:hover .sprite.icon36.culture {
  background-position: -252px -108px; }
.icon-variant-gold.active .sprite.icon36.literature, .icon-variant-gold:hover .sprite.icon36.literature {
  background-position: -324px -108px; }
.icon-variant-gold.active .sprite.icon36.health, .icon-variant-gold:hover .sprite.icon36.health {
  background-position: -576px -108px; }
.icon-variant-gold.active .sprite.icon36.beauty, .icon-variant-gold:hover .sprite.icon36.beauty {
  background-position: -612px -108px; }
.icon-variant-gold.active .sprite.icon36.sport, .icon-variant-gold:hover .sprite.icon36.sport {
  background-position: -648px -108px; }
.icon-variant-gold.active .sprite.icon36.leisure, .icon-variant-gold:hover .sprite.icon36.leisure {
  background-position: -684px -108px; }
.icon-variant-gold.active .sprite.icon36.stage, .icon-variant-gold:hover .sprite.icon36.stage {
  background-position: -756px -108px; }
.icon-variant-gold.active .sprite.icon36.citylife, .icon-variant-gold:hover .sprite.icon36.citylife {
  background-position: -720px -108px; }
.icon-variant-gold.active .sprite.icon36.story, .icon-variant-gold:hover .sprite.icon36.story {
  background-position: -828px -108px; }
.icon-variant-gold.active .sprite.icon36.place, .icon-variant-gold:hover .sprite.icon36.place {
  background-position: -864px -108px; }
.icon-variant-gold.active .sprite.icon36.pub, .icon-variant-gold:hover .sprite.icon36.pub {
  background-position: -900px -108px; }

/* GREEN */
.icon-variant-green .sprite.icon36.bar {
  background-position: 0 -144px; }
.icon-variant-green .sprite.icon36.restaurant {
  background-position: -36px -144px; }
.icon-variant-green .sprite.icon36.cafe {
  background-position: -72px -144px; }
.icon-variant-green .sprite.icon36.shop {
  background-position: -108px -144px; }
.icon-variant-green .sprite.icon36.gig {
  background-position: -144px -144px; }
.icon-variant-green .sprite.icon36.event {
  background-position: -180px -144px; }
.icon-variant-green .sprite.icon36.art {
  background-position: -216px -144px; }
.icon-variant-green .sprite.icon36.film {
  background-position: -288px -144px; }
.icon-variant-green .sprite.icon36.music {
  background-position: -144px -144px; }
.icon-variant-green .sprite.icon36.nightlife {
  background-position: -360px -144px; }
.icon-variant-green .sprite.icon36.design {
  background-position: -396px -144px; }
.icon-variant-green .sprite.icon36.fashion {
  background-position: -432px -144px; }
.icon-variant-green .sprite.icon36.sustainability {
  background-position: -504px -144px; }
.icon-variant-green .sprite.icon36.technology {
  background-position: -468px -144px; }
.icon-variant-green .sprite.icon36.travel {
  background-position: -540px -144px; }
.icon-variant-green .sprite.icon36.culture {
  background-position: -252px -144px; }
.icon-variant-green .sprite.icon36.literature {
  background-position: -324px -144px; }
.icon-variant-green .sprite.icon36.health {
  background-position: -576px -144px; }
.icon-variant-green .sprite.icon36.beauty {
  background-position: -612px -144px; }
.icon-variant-green .sprite.icon36.sport {
  background-position: -648px -144px; }
.icon-variant-green .sprite.icon36.leisure {
  background-position: -684px -144px; }
.icon-variant-green .sprite.icon36.stage {
  background-position: -756px -144px; }
.icon-variant-green .sprite.icon36.citylife {
  background-position: -720px -144px; }
.icon-variant-green .sprite.icon36.story {
  background-position: -828px -144px; }
.icon-variant-green .sprite.icon36.place {
  background-position: -864px -144px; }
.icon-variant-green .sprite.icon36.pub {
  background-position: -900px -144px; }

.icon-variant-green.active .sprite.icon36.bar, .icon-variant-green:hover .sprite.icon36.bar {
  background-position: 0 -180px; }
.icon-variant-green.active .sprite.icon36.restaurant, .icon-variant-green:hover .sprite.icon36.restaurant {
  background-position: -36px -180px; }
.icon-variant-green.active .sprite.icon36.cafe, .icon-variant-green:hover .sprite.icon36.cafe {
  background-position: -72px -180px; }
.icon-variant-green.active .sprite.icon36.shop, .icon-variant-green:hover .sprite.icon36.shop {
  background-position: -108px -180px; }
.icon-variant-green.active .sprite.icon36.gig, .icon-variant-green:hover .sprite.icon36.gig {
  background-position: -144px -180px; }
.icon-variant-green.active .sprite.icon36.event, .icon-variant-green:hover .sprite.icon36.event {
  background-position: -180px -180px; }
.icon-variant-green.active .sprite.icon36.art, .icon-variant-green:hover .sprite.icon36.art {
  background-position: -216px -180px; }
.icon-variant-green.active .sprite.icon36.film, .icon-variant-green:hover .sprite.icon36.film {
  background-position: -288px -180px; }
.icon-variant-green.active .sprite.icon36.music, .icon-variant-green:hover .sprite.icon36.music {
  background-position: -144px -180px; }
.icon-variant-green.active .sprite.icon36.nightlife, .icon-variant-green:hover .sprite.icon36.nightlife {
  background-position: -360px -180px; }
.icon-variant-green.active .sprite.icon36.design, .icon-variant-green:hover .sprite.icon36.design {
  background-position: -396px -180px; }
.icon-variant-green.active .sprite.icon36.fashion, .icon-variant-green:hover .sprite.icon36.fashion {
  background-position: -432px -180px; }
.icon-variant-green.active .sprite.icon36.sustainability, .icon-variant-green:hover .sprite.icon36.sustainability {
  background-position: -504px -180px; }
.icon-variant-green.active .sprite.icon36.technology, .icon-variant-green:hover .sprite.icon36.technology {
  background-position: -468px -180px; }
.icon-variant-green.active .sprite.icon36.travel, .icon-variant-green:hover .sprite.icon36.travel {
  background-position: -540px -180px; }
.icon-variant-green.active .sprite.icon36.culture, .icon-variant-green:hover .sprite.icon36.culture {
  background-position: -252px -180px; }
.icon-variant-green.active .sprite.icon36.literature, .icon-variant-green:hover .sprite.icon36.literature {
  background-position: -324px -180px; }
.icon-variant-green.active .sprite.icon36.health, .icon-variant-green:hover .sprite.icon36.health {
  background-position: -576px -180px; }
.icon-variant-green.active .sprite.icon36.beauty, .icon-variant-green:hover .sprite.icon36.beauty {
  background-position: -612px -180px; }
.icon-variant-green.active .sprite.icon36.sport, .icon-variant-green:hover .sprite.icon36.sport {
  background-position: -648px -180px; }
.icon-variant-green.active .sprite.icon36.leisure, .icon-variant-green:hover .sprite.icon36.leisure {
  background-position: -684px -180px; }
.icon-variant-green.active .sprite.icon36.stage, .icon-variant-green:hover .sprite.icon36.stage {
  background-position: -756px -180px; }
.icon-variant-green.active .sprite.icon36.citylife, .icon-variant-green:hover .sprite.icon36.citylife {
  background-position: -720px -180px; }
.icon-variant-green.active .sprite.icon36.story, .icon-variant-green:hover .sprite.icon36.story {
  background-position: -828px -180px; }
.icon-variant-green.active .sprite.icon36.place, .icon-variant-green:hover .sprite.icon36.place {
  background-position: -864px -180px; }
.icon-variant-green.active .sprite.icon36.pub, .icon-variant-green:hover .sprite.icon36.pub {
  background-position: -900px -180px; }

/* BLUE */
.icon-variant-blue .sprite.icon36.bar {
  background-position: 0 -216px; }
.icon-variant-blue .sprite.icon36.restaurant {
  background-position: -36px -216px; }
.icon-variant-blue .sprite.icon36.cafe {
  background-position: -72px -216px; }
.icon-variant-blue .sprite.icon36.shop {
  background-position: -108px -216px; }
.icon-variant-blue .sprite.icon36.gig {
  background-position: -144px -216px; }
.icon-variant-blue .sprite.icon36.event {
  background-position: -180px -216px; }
.icon-variant-blue .sprite.icon36.art {
  background-position: -216px -216px; }
.icon-variant-blue .sprite.icon36.film {
  background-position: -288px -216px; }
.icon-variant-blue .sprite.icon36.music {
  background-position: -144px -216px; }
.icon-variant-blue .sprite.icon36.nightlife {
  background-position: -360px -216px; }
.icon-variant-blue .sprite.icon36.design {
  background-position: -396px -216px; }
.icon-variant-blue .sprite.icon36.fashion {
  background-position: -432px -216px; }
.icon-variant-blue .sprite.icon36.sustainability {
  background-position: -504px -216px; }
.icon-variant-blue .sprite.icon36.technology {
  background-position: -468px -216px; }
.icon-variant-blue .sprite.icon36.travel {
  background-position: -540px -216px; }
.icon-variant-blue .sprite.icon36.culture {
  background-position: -252px -216px; }
.icon-variant-blue .sprite.icon36.literature {
  background-position: -324px -216px; }
.icon-variant-blue .sprite.icon36.health {
  background-position: -576px -216px; }
.icon-variant-blue .sprite.icon36.beauty {
  background-position: -612px -216px; }
.icon-variant-blue .sprite.icon36.sport {
  background-position: -648px -216px; }
.icon-variant-blue .sprite.icon36.leisure {
  background-position: -684px -216px; }
.icon-variant-blue .sprite.icon36.stage {
  background-position: -756px -216px; }
.icon-variant-blue .sprite.icon36.citylife {
  background-position: -720px -216px; }
.icon-variant-blue .sprite.icon36.story {
  background-position: -828px -216px; }
.icon-variant-blue .sprite.icon36.place {
  background-position: -864px -216px; }
.icon-variant-blue .sprite.icon36.pub {
  background-position: -900px -216px; }

.icon-variant-blue.active .sprite.icon36.bar, .icon-variant-blue:hover .sprite.icon36.bar {
  background-position: 0 -252px; }
.icon-variant-blue.active .sprite.icon36.restaurant, .icon-variant-blue:hover .sprite.icon36.restaurant {
  background-position: -36px -252px; }
.icon-variant-blue.active .sprite.icon36.cafe, .icon-variant-blue:hover .sprite.icon36.cafe {
  background-position: -72px -252px; }
.icon-variant-blue.active .sprite.icon36.shop, .icon-variant-blue:hover .sprite.icon36.shop {
  background-position: -108px -252px; }
.icon-variant-blue.active .sprite.icon36.gig, .icon-variant-blue:hover .sprite.icon36.gig {
  background-position: -144px -252px; }
.icon-variant-blue.active .sprite.icon36.event, .icon-variant-blue:hover .sprite.icon36.event {
  background-position: -180px -252px; }
.icon-variant-blue.active .sprite.icon36.art, .icon-variant-blue:hover .sprite.icon36.art {
  background-position: -216px -252px; }
.icon-variant-blue.active .sprite.icon36.film, .icon-variant-blue:hover .sprite.icon36.film {
  background-position: -288px -252px; }
.icon-variant-blue.active .sprite.icon36.music, .icon-variant-blue:hover .sprite.icon36.music {
  background-position: -144px -252px; }
.icon-variant-blue.active .sprite.icon36.nightlife, .icon-variant-blue:hover .sprite.icon36.nightlife {
  background-position: -360px -252px; }
.icon-variant-blue.active .sprite.icon36.design, .icon-variant-blue:hover .sprite.icon36.design {
  background-position: -396px -252px; }
.icon-variant-blue.active .sprite.icon36.fashion, .icon-variant-blue:hover .sprite.icon36.fashion {
  background-position: -432px -252px; }
.icon-variant-blue.active .sprite.icon36.sustainability, .icon-variant-blue:hover .sprite.icon36.sustainability {
  background-position: -504px -252px; }
.icon-variant-blue.active .sprite.icon36.technology, .icon-variant-blue:hover .sprite.icon36.technology {
  background-position: -468px -252px; }
.icon-variant-blue.active .sprite.icon36.travel, .icon-variant-blue:hover .sprite.icon36.travel {
  background-position: -540px -252px; }
.icon-variant-blue.active .sprite.icon36.culture, .icon-variant-blue:hover .sprite.icon36.culture {
  background-position: -252px -252px; }
.icon-variant-blue.active .sprite.icon36.literature, .icon-variant-blue:hover .sprite.icon36.literature {
  background-position: -324px -252px; }
.icon-variant-blue.active .sprite.icon36.health, .icon-variant-blue:hover .sprite.icon36.health {
  background-position: -576px -252px; }
.icon-variant-blue.active .sprite.icon36.beauty, .icon-variant-blue:hover .sprite.icon36.beauty {
  background-position: -612px -252px; }
.icon-variant-blue.active .sprite.icon36.sport, .icon-variant-blue:hover .sprite.icon36.sport {
  background-position: -648px -252px; }
.icon-variant-blue.active .sprite.icon36.leisure, .icon-variant-blue:hover .sprite.icon36.leisure {
  background-position: -684px -252px; }
.icon-variant-blue.active .sprite.icon36.stage, .icon-variant-blue:hover .sprite.icon36.stage {
  background-position: -756px -252px; }
.icon-variant-blue.active .sprite.icon36.citylife, .icon-variant-blue:hover .sprite.icon36.citylife {
  background-position: -720px -252px; }
.icon-variant-blue.active .sprite.icon36.story, .icon-variant-blue:hover .sprite.icon36.story {
  background-position: -828px -252px; }
.icon-variant-blue.active .sprite.icon36.place, .icon-variant-blue:hover .sprite.icon36.place {
  background-position: -864px -252px; }
.icon-variant-blue.active .sprite.icon36.pub, .icon-variant-blue:hover .sprite.icon36.pub {
  background-position: -900px -252px; }

/* RED */
.icon-variant-red .sprite.icon36.bar {
  background-position: 0 -288px; }
.icon-variant-red .sprite.icon36.restaurant {
  background-position: -36px -288px; }
.icon-variant-red .sprite.icon36.cafe {
  background-position: -72px -288px; }
.icon-variant-red .sprite.icon36.shop {
  background-position: -108px -288px; }
.icon-variant-red .sprite.icon36.gig {
  background-position: -144px -288px; }
.icon-variant-red .sprite.icon36.event {
  background-position: -180px -288px; }
.icon-variant-red .sprite.icon36.art {
  background-position: -216px -288px; }
.icon-variant-red .sprite.icon36.film {
  background-position: -288px -288px; }
.icon-variant-red .sprite.icon36.music {
  background-position: -144px -288px; }
.icon-variant-red .sprite.icon36.nightlife {
  background-position: -360px -288px; }
.icon-variant-red .sprite.icon36.design {
  background-position: -396px -288px; }
.icon-variant-red .sprite.icon36.fashion {
  background-position: -432px -288px; }
.icon-variant-red .sprite.icon36.sustainability {
  background-position: -504px -288px; }
.icon-variant-red .sprite.icon36.technology {
  background-position: -468px -288px; }
.icon-variant-red .sprite.icon36.travel {
  background-position: -540px -288px; }
.icon-variant-red .sprite.icon36.culture {
  background-position: -252px -288px; }
.icon-variant-red .sprite.icon36.literature {
  background-position: -324px -288px; }
.icon-variant-red .sprite.icon36.health {
  background-position: -576px -288px; }
.icon-variant-red .sprite.icon36.beauty {
  background-position: -612px -288px; }
.icon-variant-red .sprite.icon36.sport {
  background-position: -648px -288px; }
.icon-variant-red .sprite.icon36.leisure {
  background-position: -684px -288px; }
.icon-variant-red .sprite.icon36.stage {
  background-position: -756px -288px; }
.icon-variant-red .sprite.icon36.citylife {
  background-position: -720px -288px; }
.icon-variant-red .sprite.icon36.story {
  background-position: -828px -288px; }
.icon-variant-red .sprite.icon36.place {
  background-position: -864px -288px; }
.icon-variant-red .sprite.icon36.pub {
  background-position: -900px -288px; }

.icon-variant-red.active .sprite.icon36.bar, .icon-variant-red:hover .sprite.icon36.bar {
  background-position: 0 -324px; }
.icon-variant-red.active .sprite.icon36.restaurant, .icon-variant-red:hover .sprite.icon36.restaurant {
  background-position: -36px -324px; }
.icon-variant-red.active .sprite.icon36.cafe, .icon-variant-red:hover .sprite.icon36.cafe {
  background-position: -72px -324px; }
.icon-variant-red.active .sprite.icon36.shop, .icon-variant-red:hover .sprite.icon36.shop {
  background-position: -108px -324px; }
.icon-variant-red.active .sprite.icon36.gig, .icon-variant-red:hover .sprite.icon36.gig {
  background-position: -144px -324px; }
.icon-variant-red.active .sprite.icon36.event, .icon-variant-red:hover .sprite.icon36.event {
  background-position: -180px -324px; }
.icon-variant-red.active .sprite.icon36.art, .icon-variant-red:hover .sprite.icon36.art {
  background-position: -216px -324px; }
.icon-variant-red.active .sprite.icon36.film, .icon-variant-red:hover .sprite.icon36.film {
  background-position: -288px -324px; }
.icon-variant-red.active .sprite.icon36.music, .icon-variant-red:hover .sprite.icon36.music {
  background-position: -144px -324px; }
.icon-variant-red.active .sprite.icon36.nightlife, .icon-variant-red:hover .sprite.icon36.nightlife {
  background-position: -360px -324px; }
.icon-variant-red.active .sprite.icon36.design, .icon-variant-red:hover .sprite.icon36.design {
  background-position: -396px -324px; }
.icon-variant-red.active .sprite.icon36.fashion, .icon-variant-red:hover .sprite.icon36.fashion {
  background-position: -432px -324px; }
.icon-variant-red.active .sprite.icon36.sustainability, .icon-variant-red:hover .sprite.icon36.sustainability {
  background-position: -504px -324px; }
.icon-variant-red.active .sprite.icon36.technology, .icon-variant-red:hover .sprite.icon36.technology {
  background-position: -468px -324px; }
.icon-variant-red.active .sprite.icon36.travel, .icon-variant-red:hover .sprite.icon36.travel {
  background-position: -540px -324px; }
.icon-variant-red.active .sprite.icon36.culture, .icon-variant-red:hover .sprite.icon36.culture {
  background-position: -252px -324px; }
.icon-variant-red.active .sprite.icon36.literature, .icon-variant-red:hover .sprite.icon36.literature {
  background-position: -324px -324px; }
.icon-variant-red.active .sprite.icon36.health, .icon-variant-red:hover .sprite.icon36.health {
  background-position: -576px -324px; }
.icon-variant-red.active .sprite.icon36.beauty, .icon-variant-red:hover .sprite.icon36.beauty {
  background-position: -612px -324px; }
.icon-variant-red.active .sprite.icon36.sport, .icon-variant-red:hover .sprite.icon36.sport {
  background-position: -648px -324px; }
.icon-variant-red.active .sprite.icon36.leisure, .icon-variant-red:hover .sprite.icon36.leisure {
  background-position: -684px -324px; }
.icon-variant-red.active .sprite.icon36.stage, .icon-variant-red:hover .sprite.icon36.stage {
  background-position: -756px -324px; }
.icon-variant-red.active .sprite.icon36.citylife, .icon-variant-red:hover .sprite.icon36.citylife {
  background-position: -720px -324px; }
.icon-variant-red.active .sprite.icon36.story, .icon-variant-red:hover .sprite.icon36.story {
  background-position: -828px -324px; }
.icon-variant-red.active .sprite.icon36.place, .icon-variant-red:hover .sprite.icon36.place {
  background-position: -864px -324px; }
.icon-variant-red.active .sprite.icon36.pub, .icon-variant-red:hover .sprite.icon36.pub {
  background-position: -900px -324px; }

/* TEAL */
.icon-variant-teal .sprite.icon36.bar {
  background-position: 0 -360px; }
.icon-variant-teal .sprite.icon36.restaurant {
  background-position: -36px -360px; }
.icon-variant-teal .sprite.icon36.cafe {
  background-position: -72px -360px; }
.icon-variant-teal .sprite.icon36.shop {
  background-position: -108px -360px; }
.icon-variant-teal .sprite.icon36.gig {
  background-position: -144px -360px; }
.icon-variant-teal .sprite.icon36.event {
  background-position: -180px -360px; }
.icon-variant-teal .sprite.icon36.art {
  background-position: -216px -360px; }
.icon-variant-teal .sprite.icon36.film {
  background-position: -288px -360px; }
.icon-variant-teal .sprite.icon36.music {
  background-position: -144px -360px; }
.icon-variant-teal .sprite.icon36.nightlife {
  background-position: -360px -360px; }
.icon-variant-teal .sprite.icon36.design {
  background-position: -396px -360px; }
.icon-variant-teal .sprite.icon36.fashion {
  background-position: -432px -360px; }
.icon-variant-teal .sprite.icon36.sustainability {
  background-position: -504px -360px; }
.icon-variant-teal .sprite.icon36.technology {
  background-position: -468px -360px; }
.icon-variant-teal .sprite.icon36.travel {
  background-position: -540px -360px; }
.icon-variant-teal .sprite.icon36.culture {
  background-position: -252px -360px; }
.icon-variant-teal .sprite.icon36.literature {
  background-position: -324px -360px; }
.icon-variant-teal .sprite.icon36.health {
  background-position: -576px -360px; }
.icon-variant-teal .sprite.icon36.beauty {
  background-position: -612px -360px; }
.icon-variant-teal .sprite.icon36.sport {
  background-position: -648px -360px; }
.icon-variant-teal .sprite.icon36.leisure {
  background-position: -684px -360px; }
.icon-variant-teal .sprite.icon36.stage {
  background-position: -756px -360px; }
.icon-variant-teal .sprite.icon36.citylife {
  background-position: -720px -360px; }
.icon-variant-teal .sprite.icon36.story {
  background-position: -828px -360px; }
.icon-variant-teal .sprite.icon36.place {
  background-position: -864px -360px; }
.icon-variant-teal .sprite.icon36.pub {
  background-position: -900px -360px; }

.icon-variant-teal.active .sprite.icon36.bar, .icon-variant-teal:hover .sprite.icon36.bar {
  background-position: 0 -396px; }
.icon-variant-teal.active .sprite.icon36.restaurant, .icon-variant-teal:hover .sprite.icon36.restaurant {
  background-position: -36px -396px; }
.icon-variant-teal.active .sprite.icon36.cafe, .icon-variant-teal:hover .sprite.icon36.cafe {
  background-position: -72px -396px; }
.icon-variant-teal.active .sprite.icon36.shop, .icon-variant-teal:hover .sprite.icon36.shop {
  background-position: -108px -396px; }
.icon-variant-teal.active .sprite.icon36.gig, .icon-variant-teal:hover .sprite.icon36.gig {
  background-position: -144px -396px; }
.icon-variant-teal.active .sprite.icon36.event, .icon-variant-teal:hover .sprite.icon36.event {
  background-position: -180px -396px; }
.icon-variant-teal.active .sprite.icon36.art, .icon-variant-teal:hover .sprite.icon36.art {
  background-position: -216px -396px; }
.icon-variant-teal.active .sprite.icon36.film, .icon-variant-teal:hover .sprite.icon36.film {
  background-position: -288px -396px; }
.icon-variant-teal.active .sprite.icon36.music, .icon-variant-teal:hover .sprite.icon36.music {
  background-position: -144px -396px; }
.icon-variant-teal.active .sprite.icon36.nightlife, .icon-variant-teal:hover .sprite.icon36.nightlife {
  background-position: -360px -396px; }
.icon-variant-teal.active .sprite.icon36.design, .icon-variant-teal:hover .sprite.icon36.design {
  background-position: -396px -396px; }
.icon-variant-teal.active .sprite.icon36.fashion, .icon-variant-teal:hover .sprite.icon36.fashion {
  background-position: -432px -396px; }
.icon-variant-teal.active .sprite.icon36.sustainability, .icon-variant-teal:hover .sprite.icon36.sustainability {
  background-position: -504px -396px; }
.icon-variant-teal.active .sprite.icon36.technology, .icon-variant-teal:hover .sprite.icon36.technology {
  background-position: -468px -396px; }
.icon-variant-teal.active .sprite.icon36.travel, .icon-variant-teal:hover .sprite.icon36.travel {
  background-position: -540px -396px; }
.icon-variant-teal.active .sprite.icon36.culture, .icon-variant-teal:hover .sprite.icon36.culture {
  background-position: -252px -396px; }
.icon-variant-teal.active .sprite.icon36.literature, .icon-variant-teal:hover .sprite.icon36.literature {
  background-position: -324px -396px; }
.icon-variant-teal.active .sprite.icon36.health, .icon-variant-teal:hover .sprite.icon36.health {
  background-position: -576px -396px; }
.icon-variant-teal.active .sprite.icon36.beauty, .icon-variant-teal:hover .sprite.icon36.beauty {
  background-position: -612px -396px; }
.icon-variant-teal.active .sprite.icon36.sport, .icon-variant-teal:hover .sprite.icon36.sport {
  background-position: -648px -396px; }
.icon-variant-teal.active .sprite.icon36.leisure, .icon-variant-teal:hover .sprite.icon36.leisure {
  background-position: -684px -396px; }
.icon-variant-teal.active .sprite.icon36.stage, .icon-variant-teal:hover .sprite.icon36.stage {
  background-position: -756px -396px; }
.icon-variant-teal.active .sprite.icon36.citylife, .icon-variant-teal:hover .sprite.icon36.citylife {
  background-position: -720px -396px; }
.icon-variant-teal.active .sprite.icon36.story, .icon-variant-teal:hover .sprite.icon36.story {
  background-position: -828px -396px; }
.icon-variant-teal.active .sprite.icon36.place, .icon-variant-teal:hover .sprite.icon36.place {
  background-position: -864px -396px; }
.icon-variant-teal.active .sprite.icon36.pub, .icon-variant-teal:hover .sprite.icon36.pub {
  background-position: -900px -396px; }

.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.valign-outer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: table;
  position: static; }

.valign-middle {
  position: absolute;
  top: 50%;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  position: static; }

.valign-inner {
  position: relative;
  top: -50%; }

.mobile-hide {
  display: block; }
  @media only screen and (max-width: 767px) {
    .mobile-hide {
      display: none; } }

.mobile-show {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mobile-show {
      display: block; } }

.no-scroll {
  overflow-y: hidden; }

.container-flex {
  padding: 0 20px;
  overflow-x: hidden; }

.col-half {
  float: left;
  width: 50%; }

.form-control,
.form-placeholder {
  height: 55px;
  font-size: 18px;
  font-family: "ChaparralProSmBd", georgia, serif;
  font-style: italic;
  color: #ceb688; }

.form-control {
  display: block;
  width: 100%;
  padding: 15px 20px;
  line-height: 25px;
  border: none;
  background-color: #3e3e3e; }

.form-placeholder {
  display: inline-block;
  left: 20px;
  line-height: 55px;
  position: absolute;
  top: 0; }
.form-control::-webkit-input-placeholder {
  font-family: "ChaparralProSmBd", georgia, serif;
  font-style: italic;
  color: #ceb688; 
}
.form-control::-moz-placeholder {
  font-family: "ChaparralProSmBd", georgia, serif;
  font-style: italic;
  color: #ceb688; 
}
.form-control:-moz-placeholder {
  font-family: "ChaparralProSmBd", georgia, serif;
  font-style: italic;
  color: #ceb688; 
}
.form-control:-ms-input-placeholder {
  font-family: "ChaparralProSmBd", georgia, serif;
  font-style: italic;
  color: #ceb688; 
}
textarea.form-control {
  height: 145px; }

.form-row {
  margin-top: 0px;
  margin-bottom: 20px;
  position: relative; }

.form-title {
  font-size: 25px;
  font-family: "BrandonGrotesqueBold", arial, sans-serif;
  line-height: 1;
  color: white;
  margin-top: 0px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.form-btn {
  border: none;
  padding: 8px;
  position: absolute;
  background-color: #dcc596;
  right: -85px;
  top: 0;
  width: 85px;
  text-align: center; }
  .form-btn i {
    margin: 0 auto; }
  .form-btn:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #dcc596;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -5px; }

/* icons */
.icon-cpl {
  background-position: -146px -22px;
  width: 206px;
  height: 48px; }

.icon-cp {
  background-position: -3720px 148px;
  width: 216px;
  height: 27px; }

.icon-photo {
  background-position: -3680px 156px;
  width: 36px;
  height: 36px; }

.icon-close {
  width: 25px;
  height: 25px; }
  .icon-close.black {
    background-position: -1319px 242px; }
  .icon-close.white {
    background-position: -1319px 58px; }

.icon-x {
  background-position: -1320px 150px;
  width: 24px;
  height: 24px; }

.icon-x-sm {
  background-image: url("../img/new/icon-x-sm.png");
  background-repeat: no-repeat;
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px; }

/* present by */
.present-by * {
  display: inline-block;
  vertical-align: middle; }
.present-by em {
  color: #ceb688;
  line-height: 1;
  font-size: 16px;
  font-family: "ChaparralProIt", georgia, serif;
  position: relative;
  padding-left: 90px;
  margin-right: 10px;
  margin-top: 4px; }
.present-by em:before {
  content: ' ';
  width: 60px;
  height: 1px;
  left: 0px;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background-color: #ceb688; }

/* datepicker */
.ui-datepicker {
  font-size: 12px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-radius: 0px; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #ceb688;
  border-color: #282828; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: black;
  border-color: #ceb688;
  color: white; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: colorLight !important;
  border-color: #ceb688 !important;
  color: #ceb688 !important; }

/* ***********************************
   Playground: Mobile Navigation
*/
[data-module="playground-mobilenav"] {
  position: relative;
  z-index: 1000; }
  [data-module="playground-mobilenav"].nav-opened .nav-head {
    background-color: #282828; }
    [data-module="playground-mobilenav"].nav-opened .nav-head .nav-title {
      display: none; }
    [data-module="playground-mobilenav"].nav-opened .nav-head .nav-links {
      display: block; }
    [data-module="playground-mobilenav"].nav-opened .nav-head .nav-arrow {
      background-position: -55px 0px; }
  [data-module="playground-mobilenav"] .nav-head {
    padding: 20px 0px;
    position: relative;
    background-color: #ceb688;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out; }
    [data-module="playground-mobilenav"] .nav-head .nav-data {
      padding-top: 18px;
      min-height: 50px;
      font-family: "BrandonGrotesqueBold", arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      line-height: 1;
      padding-right: 55px; }
    [data-module="playground-mobilenav"] .nav-head .nav-title {
      margin: 0;
      color: white; }
    [data-module="playground-mobilenav"] .nav-head .nav-links {
      margin: 0;
      padding: 0;
      list-style: none;
      display: none; }
      [data-module="playground-mobilenav"] .nav-head .nav-links li {
        float: left;
        position: relative; }
        [data-module="playground-mobilenav"] .nav-head .nav-links li:first-child {
          padding-right: 25px;
          margin-right: 25px; }
          [data-module="playground-mobilenav"] .nav-head .nav-links li:first-child:before {
            content: ' ';
            position: absolute;
            right: 0;
            top: -1px;
            width: 1px;
            height: 15px;
            background-color: #ceb688; }
        [data-module="playground-mobilenav"] .nav-head .nav-links li a {
          color: white; }
    [data-module="playground-mobilenav"] .nav-head .nav-arrow {
      cursor: pointer;
      position: absolute;
      cursor: pointer;
      right: 20px;
      top: 0px;
      width: 50px;
      height: 50px;
      display: block;
      background-image: url(../img/pl-nav-arrow.png);
      background-repeat: no-repeat;
      background-position: 0px 0px; }
  [data-module="playground-mobilenav"] .nav-list {
    display: none;
    top: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: #ceb688;
    padding: 20px 0px; }
    [data-module="playground-mobilenav"] .nav-list .nav-sub {
      margin: 0;
      padding: 20px 0px;
      list-style: none;
      border-top: 1px solid black; }
      [data-module="playground-mobilenav"] .nav-list .nav-sub:first-child {
        border: none; }
      [data-module="playground-mobilenav"] .nav-list .nav-sub li {
        padding: 15px 0px; }
        [data-module="playground-mobilenav"] .nav-list .nav-sub li a {
          font-size: 18px;
          line-height: 1;
          color: black;
          text-transform: uppercase;
          font-family: "BrandonGrotesqueBold", arial, sans-serif;
          -webkit-transition: color 0.2s ease-in-out;
          -moz-transition: color 0.2s ease-in-out;
          -ms-transition: color 0.2s ease-in-out;
          -o-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out; }
          [data-module="playground-mobilenav"] .nav-list .nav-sub li a:hover {
            color: white; }

/* ***********************************
   Playground: Login
*/
[data-module="playground-login"] {
  display: none;
  background-color: #1c1c1c;
  padding: 50px 0px 35px;
  color: white;
  position: relative; }
  [data-module="playground-login"] .icon-x {
    position: absolute;
    right: 55px;
    top: 55px;
    z-index: 100;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      [data-module="playground-login"] .icon-x {
        top: 85px; } }
  [data-module="playground-login"] .login-intro {
    color: white;
    font-size: 20px;
    line-height: 26px;
    font-family: "ChaparralProIt", georgia, serif;
    margin: 50px 0px;
    padding-right: 25%; }
    [data-module="playground-login"] .login-intro .icon-cp {
      margin-left: -10px;
      margin-bottom: 25px; }
  [data-module="playground-login"] .login-data {
    margin-left: 50px;
    padding-right: 85px; }
  [data-module="playground-login"] .login-fb {
    text-align: center;
    margin-bottom: 30px; }
    [data-module="playground-login"] .login-fb a {
      min-height: 52px;
      padding-top: 23px;
      padding-left: 77px;
      background: url(../img/fb.png) no-repeat left center;
      color: #4f68b3;
      line-height: 1;
      font-size: 13px;
      font-family: "BrandonGrotesqueBold", arial, sans-serif;
      text-transform: uppercase;
      display: inline-block;
      background-image: url("../img/fb.png"); }
      [data-module="playground-login"] .login-fb a:hover {
        text-decoration: underline; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        [data-module="playground-login"] .login-fb a {
          background-image: url("../img/fb@2x.png");
          -webkit-background-size: 52px 51px;
          -moz-background-size: 52px 51px;
          -o-background-size: 52px 51px;
          background-size: 52px 51px; } }
  [data-module="playground-login"] .login-or {
    text-align: center;
    margin-bottom: 23px;
    position: relative;
    font-size: 13px;
    line-height: 1;
    font-family: "BrandonGrotesqueBold", arial, sans-serif; }
    [data-module="playground-login"] .login-or:before {
      content: ' ';
      display: block;
      position: absolute;
      left: 0;
      top: 5px;
      height: 1px;
      width: 100%;
      background-color: #494949;
      z-index: 1; }
    [data-module="playground-login"] .login-or span {
      padding: 0px 10px;
      display: inline-block;
      background-color: #1c1c1c;
      position: relative;
      z-index: 2; }
  [data-module="playground-login"] .login-links {
    margin-top: 30px;
    border-top: 1px solid #494949;
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    padding-top: 20px; }
    [data-module="playground-login"] .login-links #opensignup {
      color: #ceb688; }
    [data-module="playground-login"] .login-links a {
      color: inherit;
      cursor: pointer; }
    [data-module="playground-login"] .login-links a:hover {
      text-decoration: underline; }
  @media (max-width: 1023px) {
    [data-module="playground-login"] {
      padding-bottom: 85px; }
      [data-module="playground-login"] .col-half {
        float: none;
        width: 100%;
        max-width: 445px;
        margin: 0px auto; }
      [data-module="playground-login"] .login-intro {
        padding-right: 0px; }
      [data-module="playground-login"] .login-data {
        max-width: none;
        margin-top: 80px;
        margin-left: 0; } }

/* ***********************************
   Playground: Signup
*/
[data-module="playground-signup"] {
  display: none;
  background-color: #1c1c1c;
  padding: 90px 0px;
  color: white;
  position: relative; }
  [data-module="playground-signup"] .icon-x {
    position: absolute;
    right: 55px;
    top: 55px;
    z-index: 100;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      [data-module="playground-signup"] .icon-x {
        top: 85px; } }
  [data-module="playground-signup"] .signup-inner {
    width: 100%;
    max-width: 900px;
    margin: 0px auto; }
  [data-module="playground-signup"] .col-half {
    padding: 0px 10px; }
  [data-module="playground-signup"] .signup-form {
    padding: 0px 85px; }
  @media (max-width: 1023px) {
    [data-module="playground-signup"] .signup-inner {
      max-width: 520px; }
    [data-module="playground-signup"] .col-half {
      float: none;
      width: 100%;
      padding: 0; } }

/* ***********************************
   Playground: Playground Settings
*/
[data-module="playground-settings"] {
  margin-bottom: 75px;
  color: white; }
  [data-module="playground-settings"] .settings-cont {
    padding-top: 25px;
    padding-bottom: 50px;
    background-color: #1c1c1c; }
  [data-module="playground-settings"] .settings-foot {
    padding: 30px 0px 25px;
    background-color: black;
    text-align: center; }
    [data-module="playground-settings"] .settings-foot .btn-submit {
      background-color: transparent;
      border: none;
      color: #ceb688;
      font-size: 16px;
      line-height: 1;
      font-family: "BrandonGrotesqueBold", arial, sans-serif;
      margin: 0;
      padding: 0;
      display: inline-block; }
  [data-module="playground-settings"] .clearfix {
    margin-left: -12px;
    margin-right: -12px; }
  [data-module="playground-settings"] .col-half {
    padding-left: 12px;
    padding-right: 12px; }
  [data-module="playground-settings"] .form-title {
    font-size: 22px; }
  [data-module="playground-settings"] .present-by {
    margin-top: 55px;
    float: right; }
  [data-module="playground-settings"] .cont-bottom {
    margin-top: 50px; }
  @media only screen and (min-width: 767px) and (max-width: 1023px) {
    [data-module="playground-settings"] .cont-bottom .col-half {
      width: 100%;
      float: none; } }
  @media only screen and (max-width: 767px) {
    [data-module="playground-settings"] .col-half {
      width: 100%;
      float: none; }
    [data-module="playground-settings"] .present-by {
      float: none; } }

/* ***********************************
   Playground: New Itinerary
*/
[data-module=playground-newitinerary] {
  margin-bottom: 95px; }
  [data-module=playground-newitinerary] .it-content {
    padding-right: 18%; }
  [data-module=playground-newitinerary] .col-half {
    padding-left: 10px;
    padding-right: 10px; }
  [data-module=playground-newitinerary] .row {
    margin-left: -10px;
    margin-right: -10px; }
  [data-module=playground-newitinerary] .form-control {
    background-color: #f5f2ed; }
  [data-module=playground-newitinerary] textarea.form-control {
    height: 165px; }
  [data-module=playground-newitinerary] .it-title {
    font-size: 13px;
    line-height: 1;
    font-family: "BrandonGrotesqueBold", arial, sans-serif;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 15px;
    border-bottom: 1px solid #000000;
    margin-bottom: 30px;
    margin-top: 40px; }
    [data-module=playground-newitinerary] .it-title sup {
      font-size: 8px;
      top: -3px; }
  [data-module=playground-newitinerary] .it-details {
    margin-bottom: 39pz; }
  [data-module=playground-newitinerary] .it-frame {
    width: 220px;
    height: 220px;
    background-color: #f5f2ed;
    margin-bottom: 5px;
    position: relative; }
  [data-module=playground-newitinerary] #it-browse {
    display: none; }
  [data-module=playground-newitinerary] #it-upload {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer; }
    [data-module=playground-newitinerary] #it-upload .sprite {
      margin: 75px auto 15px auto; }
    [data-module=playground-newitinerary] #it-upload em {
      color: #ceb688;
      font-size: 18px;
      line-height: 1;
      font-family: "ChaparralProSmBd", georgia, serif;
      cursor: pointer; }
  [data-module=playground-newitinerary] #it-uploaded {
    background-color: #ceb688;
    display: none;
    position: relative;
    width: 100%;
    height: 100%; }
    [data-module=playground-newitinerary] #it-uploaded img {
      display: block; }
  [data-module=playground-newitinerary] #it-uploadremove {
    display: none; }
  [data-module=playground-newitinerary] .it-remove {
    color: black;
    font-family: "ChaparralProIt", georgia, serif;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-top: 5px;
    font-style: italic;
    cursor: pointer; }
  [data-module=playground-newitinerary] .it-map {
    width: 100%;
    height: 225px;
    background-color: #353535; }
    [data-module=playground-newitinerary] .it-map .placeholder {
      padding-bottom: 225px; }
  [data-module=playground-newitinerary] .it-shops {
    margin: 0;
    padding: 0;
    list-style: none; }
    [data-module=playground-newitinerary] .it-shops .shop-info {
      padding: 20px 13px;
      background-color: #f5f2ed;
      font-size: 14px;
      line-height: 19px;
      margin-bottom: 24px; }
      [data-module=playground-newitinerary] .it-shops .shop-info h3 {
        color: #ceb688;
        font-style: italic;
        font-family: "ChaparralProSmBd", georgia, serif;
        font-size: 18px;
        line-height: 1;
        margin-top: 0px;
        margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      [data-module=playground-newitinerary] .it-shops .shop .it-map {
        margin-top: 25px; } }
  [data-module=playground-newitinerary] .it-date,
  [data-module=playground-newitinerary] .it-time,
  [data-module=playground-newitinerary] .it-endtime  {
    background-color: #f5f2ed;
    padding: 17px 20px;
    float: left;
    margin-right: 20px;
    position: relative; }
    [data-module=playground-newitinerary] .it-date span,
    [data-module=playground-newitinerary] .it-time span
	[data-module=playground-newitinerary] .it-endtime span	{
      margin-top: 6px;
      line-height: 1;
      font-size: 14px; }
  [data-module=playground-newitinerary] .it-date span {
    float: left; }
  [data-module=playground-newitinerary] .it-date .sprite {
    float: right;
    margin-left: 30px; }
  [data-module=playground-newitinerary] .it-time span,
  [data-module=playground-newitinerary] .it-endtime span {
    float: right; }
  [data-module=playground-newitinerary] .it-time .sprite,
  [data-module=playground-newitinerary] .it-endtime .sprite  {
    float: left;
    margin-right: 15px; }
	[data-module=playground-newitinerary] .it-newshops .it-endtime {
		display: none;
	}
  [data-module=playground-newitinerary] .it-endtime-link {
    float: right;
    font-style: italic;
    font-size: 13px;
    line-height: 1;
    margin-top: 27px;
	cursor: pointer; }
  [data-module=playground-newitinerary] .it-newshops {
    margin-top: 30px;
    border-top: 1px solid #ceb688;
    padding-top: 30px; }
    [data-module=playground-newitinerary] .it-newshops .it-newshop {
      margin-bottom: 25px; }
    [data-module=playground-newitinerary] .it-newshops .it-date .form-control,
    [data-module=playground-newitinerary] .it-newshops .it-date .form-placeholder,
    [data-module=playground-newitinerary] .it-newshops .it-time .form-control,
    [data-module=playground-newitinerary] .it-newshops .it-time .form-placeholder,
	[data-module=playground-newitinerary] .it-newshops .it-endtime .form-control,
    [data-module=playground-newitinerary] .it-newshops .it-endtime .form-placeholder	{
      font-family: "BrandonGrotesqueRegular", arial, sans-serif;
      line-height: 22px;
      font-size: 14px;
      font-style: normal;
      color: black; }
    [data-module=playground-newitinerary] .it-newshops .it-date .form-control,
    [data-module=playground-newitinerary] .it-newshops .it-time .form-control, 
	[data-module=playground-newitinerary] .it-newshops .it-endtime .form-control {
      height: 22px; }
    [data-module=playground-newitinerary] .it-newshops .it-date .form-control {
      padding: 0px 52px 0px 0px;
      width: 138px; }
    [data-module=playground-newitinerary] .it-newshops .it-date .form-placeholder {
      left: 0;
      padding: 17px 20px;
      display: none !important; }
    [data-module=playground-newitinerary] .it-newshops .it-date .sprite {
      top: 17px;
      right: 20px;
      position: absolute; }
    [data-module=playground-newitinerary] .it-newshops .it-time .form-control,
	[data-module=playground-newitinerary] .it-newshops .it-endtime .form-control {
      padding: 0px 0px 0px 30px;
      width: 70px;
      text-align: right; }
    [data-module=playground-newitinerary] .it-newshops .it-time .form-placeholder,
	[data-module=playground-newitinerary] .it-newshops .it-endtime .form-placeholder {
      left: auto;
      right: 0;
      padding: 17px 20px;
      display: none !important; }
    [data-module=playground-newitinerary] .it-newshops .it-time .sprite,
	[data-module=playground-newitinerary] .it-newshops .it-endtime .sprite {
      top: 17px;
      left: 20px;
      position: absolute; }
    [data-module=playground-newitinerary] .it-newshops .it-addnew {
      font-size: 13px;
      font-style: italic;
      line-height: 1;
      display: inline-block;
      padding-top: 20px;
      position: relative;
      cursor: pointer; }
      [data-module=playground-newitinerary] .it-newshops .it-addnew:hover {
        text-decoration: underline; }
      [data-module=playground-newitinerary] .it-newshops .it-addnew:before {
        content: ' ';
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        background-color: #ceb688;
        width: 40px; }
      [data-module=playground-newitinerary] .it-newshops .it-addnew i {
        display: inline-block;
        color: #ceb688;
        margin-right: 5px;
        font-style: normal !important; }
  [data-module=playground-newitinerary] .it-res {
    background-color: #ceb688;
    padding: 15px 0px;
    margin-top: 60px; }
    [data-module=playground-newitinerary] .it-res .it-save {
      font-size: 12px;
      line-height: 1;
      cursor: pointer;
      text-transform: uppercase;
      font-family: "BrandonGrotesqueMedium", arial, sans-serif;
      display: inline-block;
      margin-right: 50px;
      color: black; }
      [data-module=playground-newitinerary] .it-res .it-save:hover {
        text-decoration: underline; }
    [data-module=playground-newitinerary] .it-res .it-cancel {
      font-family: "BrandonGrotesqueRegular", arial, sans-serif;
      font-size: 13px;
      line-height: 1;
      display: inline-block;
      font-style: italic;
      color: black;
      cursor: pointer; }
      [data-module=playground-newitinerary] .it-res .it-cancel:hover {
        text-decoration: underline; }
  [data-module=playground-newitinerary] .it-nav {
    background-color: black;
    padding: 30px 0px; }
    @media only screen and (max-width: 767px) {
      [data-module=playground-newitinerary] .it-nav {
        padding: 15px 0px; } }
    [data-module=playground-newitinerary] .it-nav ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      [data-module=playground-newitinerary] .it-nav ul li {
        float: left;
        padding-left: 20px;
        margin-left: 20px;
        position: relative; }
        [data-module=playground-newitinerary] .it-nav ul li:before {
          content: '';
          position: absolute;
          left: 0;
          top: -1px;
          height: 10px;
          width: 1px;
          background-color: #ceb688; }
        [data-module=playground-newitinerary] .it-nav ul li:first-child {
          padding-left: 0;
          margin-left: 0; }
          [data-module=playground-newitinerary] .it-nav ul li:first-child:before {
            display: none; }
        [data-module=playground-newitinerary] .it-nav ul li a {
          font-size: 12px;
          line-height: 14px;
          font-family: "BrandonGrotesqueMedium", arial, sans-serif;
          color: #ceb688;
          text-transform: uppercase;
          display: block; }
        @media only screen and (max-width: 767px) {
          [data-module=playground-newitinerary] .it-nav ul li {
            padding-left: 0px;
            margin: 15px 0px;
            float: none; }
            [data-module=playground-newitinerary] .it-nav ul li:before {
              display: none; } }
  @media only screen and (min-width: 767px) and (max-width: 1023px) {
    [data-module=playground-newitinerary] .it-newshop .col-half,
    [data-module=playground-newitinerary] .it-shops .col-half {
      float: none;
      width: 100%; }
    [data-module=playground-newitinerary] .it-newshop .col-half-md,
    [data-module=playground-newitinerary] .it-shops .col-half-md {
      float: left;
      width: 50%; }
    [data-module=playground-newitinerary] .it-newshop .shop-dtime,
    [data-module=playground-newitinerary] .it-shops .shop-dtime {
      max-width: 333px; }
      [data-module=playground-newitinerary] .it-newshop .shop-dtime .it-time,
      [data-module=playground-newitinerary] .it-newshop .shop-dtime .it-date,
      [data-module=playground-newitinerary] .it-shops .shop-dtime .it-time,
      [data-module=playground-newitinerary] .it-shops .shop-dtime .it-date {
        margin-right: 0px;
        margin-left: 20px; } }
  @media (max-width: 1023px) {
    [data-module=playground-newitinerary] .it-content {
      padding-right: 0px; } }
  @media only screen and (max-width: 767px) {
    [data-module=playground-newitinerary] .row {
      margin-left: 0;
      margin-right: 0; }
    [data-module=playground-newitinerary] .col-half {
      width: 100%;
      float: none;
      padding-left: 0;
      padding-right: 0; } }

/* ***********************************
   Playground: New Itinerary Popup
*/
[data-module="playground-itinerary-popup"] {
  visibility: hidden; }
  [data-module="playground-itinerary-popup"] .popup-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9000; }
    [data-module="playground-itinerary-popup"] .popup-wrapper .icon-x {
      position: absolute;
      right: -45px;
      top: -45px;
      z-index: 10;
      cursor: pointer; }
      @media (max-width: 1023px) {
        [data-module="playground-itinerary-popup"] .popup-wrapper .icon-x {
          right: 0px; } }
  [data-module="playground-itinerary-popup"] .popup-container {
    overflow-y: auto;
    position: relative; }
  [data-module="playground-itinerary-popup"] .popup-inner {
    margin: 100px auto;
    position: relative;
    background-color: white;
    width: 100%;
    max-width: 895px;
    padding: 80px;
    font-size: 14px;
    line-height: 19px; }
    [data-module="playground-itinerary-popup"] .popup-inner .it-avatar {
      width: 158px;
      height: 158px;
      overflow: hidden;
      float: left; }
      @media only screen and (max-width: 767px) {
        [data-module="playground-itinerary-popup"] .popup-inner .it-avatar {
          margin-right: 20px;
          margin-bottom: 20px; } }
      [data-module="playground-itinerary-popup"] .popup-inner .it-avatar img {
        display: block;
        width: 100%; }
    [data-module="playground-itinerary-popup"] .popup-inner .it-intro {
      margin-bottom: 25px; }
    [data-module="playground-itinerary-popup"] .popup-inner .it-data {
      margin-left: 190px; }
      @media only screen and (max-width: 767px) {
        [data-module="playground-itinerary-popup"] .popup-inner .it-data {
          margin-left: 0px; } }
      [data-module="playground-itinerary-popup"] .popup-inner .it-data h2 {
        font-family: "BrandonGrotesqueBold", arial, sans-serif;
        font-size: 30px;
        line-height: 1;
        margin-top: 0;
        padding-bottom: 25px;
        margin-bottom: 30px;
        position: relative;
        text-transform: uppercase; }
        [data-module="playground-itinerary-popup"] .popup-inner .it-data h2:before {
          content: ' ';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 35px;
          height: 1px;
          background-color: #ceb688; }
        @media only screen and (max-width: 767px) {
          [data-module="playground-itinerary-popup"] .popup-inner .it-data h2 {
            padding-bottom: 0px;
            margin-bottom: 20px;
            font-size: 20px; }
            [data-module="playground-itinerary-popup"] .popup-inner .it-data h2:before {
              display: none; } }
      [data-module="playground-itinerary-popup"] .popup-inner .it-data p {
        margin: 0; }
    [data-module="playground-itinerary-popup"] .popup-inner .it-data-inner {
      float: left; }
      @media only screen and (max-width: 767px) {
        [data-module="playground-itinerary-popup"] .popup-inner .it-data-inner {
          float: none; } }
    [data-module="playground-itinerary-popup"] .popup-inner .it-info {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-bottom: 25px; }
      [data-module="playground-itinerary-popup"] .popup-inner .it-info li {
        float: left;
        padding-left: 18px;
        margin-left: 18px;
        position: relative;
        font-size: 14px;
        line-height: 1; }
        [data-module="playground-itinerary-popup"] .popup-inner .it-info li:before {
          content: ' ';
          position: absolute;
          left: 0;
          top: 2px;
          height: 10px;
          width: 1px;
          background-color: #ceb688; }
        [data-module="playground-itinerary-popup"] .popup-inner .it-info li:first-child {
          padding-left: 0px;
          margin-left: 0px; }
          [data-module="playground-itinerary-popup"] .popup-inner .it-info li:first-child:before {
            display: none; }
        [data-module="playground-itinerary-popup"] .popup-inner .it-info li .sprite {
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px;
          margin-top: -4px; }
        @media only screen and (max-width: 767px) {
          [data-module="playground-itinerary-popup"] .popup-inner .it-info li {
            padding-left: 0px;
            margin: 15px 0px;
            float: none; }
            [data-module="playground-itinerary-popup"] .popup-inner .it-info li:before {
              display: none; } }
    [data-module="playground-itinerary-popup"] .popup-inner .it-map {
      width: 100%;
      height: auto; }
      [data-module="playground-itinerary-popup"] .popup-inner .it-map .placeholder {
        padding-bottom: 60%; }
    [data-module="playground-itinerary-popup"] .popup-inner .it-items {
      margin: 0;
      padding: 0;
      list-style: none; }
      [data-module="playground-itinerary-popup"] .popup-inner .it-items .item {
        padding: 20px 0px;
        border-top: 1px solid black; }
        [data-module="playground-itinerary-popup"] .popup-inner .it-items .item .number {
          width: 30px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          background-color: black;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          color: white;
          font-family: "ChaparralProSmBd", georgia, serif;
          font-size: 14px;
          margin-bottom: 20px; }
        [data-module="playground-itinerary-popup"] .popup-inner .it-items .item h3 {
          margin-top: 0px;
          margin-bottom: 10px;
          color: #ceb688;
          font-size: 18px;
          line-height: 1;
          font-family: "ChaparralProSmBd", georgia, serif; }
    [data-module="playground-itinerary-popup"] .popup-inner .present-by {
      margin: 60px 0px;
      float: right; }
    [data-module="playground-itinerary-popup"] .popup-inner .it-cutom {
      border-width: 1px 0px;
      border-style: solid;
      border-color: black;
      padding: 30px 0px; }
      [data-module="playground-itinerary-popup"] .popup-inner .it-cutom .icon-cpl {
        float: left; }
        @media only screen and (max-width: 767px) {
          [data-module="playground-itinerary-popup"] .popup-inner .it-cutom .icon-cpl {
            float: none; } }
      [data-module="playground-itinerary-popup"] .popup-inner .it-cutom .name {
        font-family: "BrandonGrotesqueBold", arial, sans-serif;
        font-size: 12px;
        line-height: 1;
        text-transform: uppercase;
        color: black;
        margin-top: 37px;
        float: right; }
        @media only screen and (max-width: 767px) {
          [data-module="playground-itinerary-popup"] .popup-inner .it-cutom .name {
            float: none;
            display: inline-block; } }
    @media (max-width: 1023px) {
      [data-module="playground-itinerary-popup"] .popup-inner {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (max-width: 767px) {
      [data-module="playground-itinerary-popup"] .popup-inner .row {
        margin-left: 0;
        margin-right: 0; }
      [data-module="playground-itinerary-popup"] .popup-inner .col-half {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: none; } }

/* ***********************************
   Playground: View Initial
*/
.playground-viewinitial {
  position: relative; }

[data-module="playground-places"] {
  margin: 0;
  padding: 0;
  list-style: none; }
  [data-module="playground-places"] .place {
    float: left;
    width: 50%;
    height: 0;
    padding-top: 34%;
    text-align: center;
    position: relative;
    background-color: #282828;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    [data-module="playground-places"] .place:hover {
      opacity: 0.95; }
      [data-module="playground-places"] .place:hover .name {
        color: #ceb688; }
    @media (max-width: 1023px) {
      [data-module="playground-places"] .place {
        float: none;
        width: 100%;
        padding-top: 76%; } }
    [data-module="playground-places"] .place p {
      margin: 0; }
    [data-module="playground-places"] .place a {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      line-height: 35px;
      color: white;
      font-family: "BrandonGrotesqueMedium", arial, sans-serif;
      font-size: 11px;
      text-transform: uppercase; }
    [data-module="playground-places"] .place .valign-inner {
      padding-left: 20px;
      padding-right: 20px; }
    [data-module="playground-places"] .place .icon-variant-gold .icon36 {
      margin: 0 auto 20px auto; }
  [data-module="playground-places"] .place-title {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 15px;
    overflow: hidden; }
    [data-module="playground-places"] .place-title .name {
      display: block;
      font-size: 32px;
      line-height: 1;
      padding-bottom: 7px;
      padding-top: 0px;
      border-bottom: 1px solid white;
      color: white;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
    [data-module="playground-places"] .place-title .count {
      position: relative;
      display: inline-block;
      font-size: 16px;
      line-height: 1;
      color: #ceb688;
      padding: 0px 10px; }
    [data-module="playground-places"] .place-title .count:before,
    [data-module="playground-places"] .place-title .count:after {
      border-top: 1px solid white;
      display: block;
      height: 0px;
      content: " ";
      width: 600px;
      position: absolute;
      top: 50%;
      margin-top: -3px; }
    [data-module="playground-places"] .place-title .count:before {
      left: 100%; }
    [data-module="playground-places"] .place-title .count:after {
      right: 100%; }

[data-module="playground-userpanel"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 290px;
  z-index: 100; }
  [data-module="playground-userpanel"] .icon-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0; }
  [data-module="playground-userpanel"] .user-panel-toggle {
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    padding: 25px 17px;
    background-color: #282828;
    font-family: "BrandonGrotesqueBold", arial, sans-serif;
    font-size: 13px;
    color: white;
    font-style: none; }
    [data-module="playground-userpanel"] .user-panel-toggle .sprite {
      font-style: normal;
      padding-left: 25px;
      padding-top: 4px; }
  [data-module="playground-userpanel"] .user-panel-inner {
    z-index: 2;
    display: none;
    position: relative;
    background-color: #282828; }
  [data-module="playground-userpanel"] .user-panel-head,
  [data-module="playground-userpanel"] .user-panel-foot {
    color: white;
    line-height: 1;
    font-size: 16px;
    font-family: "BrandonGrotesqueBold", arial, sans-serif;
    text-transform: uppercase;
    position: relative; }
    [data-module="playground-userpanel"] .user-panel-head a,
    [data-module="playground-userpanel"] .user-panel-foot a {
      color: white; }
  [data-module="playground-userpanel"] .user-panel-head {
    padding: 30px 30px 25px 30px;
    min-height: 70px; }
    [data-module="playground-userpanel"] .user-panel-head .icon-close {
      top: 24px;
      right: 20px; }
    [data-module="playground-userpanel"] .user-panel-head .user-name {
      font-size: inherit;
      margin: 0;
      margin-right: 25px; }
  [data-module="playground-userpanel"] .user-panel-foot {
    padding: 40px 30px 30px 30px;
    min-height: 90px;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #363636; }
    [data-module="playground-userpanel"] .user-panel-foot span {
      width: 1px;
      height: 12px;
      margin: 0px 15px;
      display: inline-block;
      background-color: white; }
    [data-module="playground-userpanel"] .user-panel-foot .icon-close {
      top: 35px;
      right: 20px; }
  [data-module="playground-userpanel"] .user-panel-cont {
    font-size: 13px;
    line-height: 16px;
    font-family: "BrandonGrotesqueRegular", arial, sans-serif;
    background-color: #f5f2ed;
    color: black; }
    [data-module="playground-userpanel"] .user-panel-cont .user-alert {
      position: relative;
      padding: 30px 30px 23px 30px;
      border-bottom: 1px solid black; }
      [data-module="playground-userpanel"] .user-panel-cont .user-alert .icon-close {
        top: 25px;
        right: 20px; }
      [data-module="playground-userpanel"] .user-panel-cont .user-alert h2 {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 13px;
        text-transform: uppercase; }
      [data-module="playground-userpanel"] .user-panel-cont .user-alert p {
        margin: 0;
        padding: 0; }
      [data-module="playground-userpanel"] .user-panel-cont .user-alert em {
        font-family: "ChaparralProSmBd", georgia, serif; }
  [data-module="playground-userpanel"] .user-articles {
    list-style: none;
    margin: 0;
    padding: 0; }
    [data-module="playground-userpanel"] .user-articles > li {
      padding: 20px 30px;
      border-bottom: 1px solid black; }
    [data-module="playground-userpanel"] .user-articles .user-avatar {
      width: 52px;
      height: 52px;
      float: left; }
      [data-module="playground-userpanel"] .user-articles .user-avatar img {
        display: block; }
    [data-module="playground-userpanel"] .user-articles .user-message {
      margin-left: 70px; }
      [data-module="playground-userpanel"] .user-articles .user-message .valign-outer {
        min-height: 52px;
        height: auto; }
      [data-module="playground-userpanel"] .user-articles .user-message em {
        font-family: "ChaparralProSmBd", georgia, serif;
        margin-right: 5px; }
      [data-module="playground-userpanel"] .user-articles .user-message p {
        margin: 0; }
      [data-module="playground-userpanel"] .user-articles .user-message a:hover {
        text-decoration: underline; }

/* ************************************************************************************************* */
.box {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .box a {
    display: block; }
    .box a .thumbnail {
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      -o-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
    .box a .title-sm {
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
    .box a:hover .thumbnail {
      opacity: 0.9;
      filter: alpha(opacity=90);
      zoom: 1; }
    .box a:hover .title-sm {
      color: #ceb688; }

.title-sm {
  margin-top: 10px;
  margin-bottom: 0px;
  color: black;
  font-size: 13px;
  font-family: "BrandonGrotesqueBold", arial, sans-serif;
  text-transform: uppercase; }

.thumbnail img {
  display: block;
  width: 100%; }

/* icons */
.icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url("../img/new/pl-sprite.png"); }

.icon-enter {
  margin: 0 auto; }

.icon-add {
  width: 37px;
  height: 26px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center; }

.icon-add.black {
  background-image: url("../img/new/cpl-add.png"); }

.icon-add.gold {
  background-image: url("../img/new/cpl-add-gold.png"); }

.icon-plus {
  width: 20px;
  height: 20px;
  background-image: url("../img/new/add.png"); }

.icon-share {
  width: 26px;
  height: 8px;
  background-image: url("../img/new/share-list.png"); }

.icon-smarrow {
  width: 5px;
  height: 7px;
  background-image: url("../img/new/arrow-sm.png"); }

/* created with sprites */
.icon-fb {
  background-position: 0px 0px;
  width: 25px;
  height: 25px; }

.icon-email {
  background-position: -54px 0px;
  width: 25px;
  height: 25px; }

.icon-go {
  background-position: 0px -27px;
  width: 36px;
  height: 36px; }

[data-module="playground-head"] {
  position: relative; }
  [data-module="playground-head"] .playground-nav {
    margin: 0;
    padding: 0;
    list-style: none; }
    [data-module="playground-head"] .playground-nav li {
      line-height: 1;
      float: left;
      padding-left: 15px;
      margin-left: 15px;
      position: relative; }
      [data-module="playground-head"] .playground-nav li:before {
        position: absolute;
        left: 0;
        top: 2px;
        width: 1px;
        height: 11px;
        content: ' ';
        background-color: white; }
      [data-module="playground-head"] .playground-nav li:first-child {
        padding-left: 0;
        margin-left: 0; }
        [data-module="playground-head"] .playground-nav li:first-child:before {
          display: none; }
      [data-module="playground-head"] .playground-nav li a {
        padding-top: 2px;
        display: block;
        color: black;
        font-size: 13px;
        font-family: "BrandonGrotesqueMedium", arial, sans-serif;
        text-transform: uppercase;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
        [data-module="playground-head"] .playground-nav li a:hover, [data-module="playground-head"] .playground-nav li a.current {
          color: white; }
  [data-module="playground-head"] .playground-topnav {
    background-color: #ceb688;
    border-bottom: 1px solid black; }
  [data-module="playground-head"] .playground-subnav {
    border-bottom: 1px solid black;
    background-color: #282828;
    position: relative; }
   [data-module="playground-head"] .playground-subnav .bg-light {
      position: absolute;
      height: 100%;
      top: 0px;
	  left: 96%;
	  width: 100%;
      z-index: 1; 
	  background-color: #ffffff;
	  }
    [data-module="playground-head"] .playground-subnav .add-result {
      position: absolute;
      right: 0;
      top: 100%;
      width: 21%;
      background: red;
      display: none;
      background-color: #282828;
      z-index: 1000; }
      [data-module="playground-head"] .playground-subnav .add-result .add-head {
        min-height: 70px;
        padding: 30px 30px 25px; }
        [data-module="playground-head"] .playground-subnav .add-result .add-head h2 {
          color: white;
          font-family: "BrandonGrotesqueBold",arial,sans-serif;
          font-size: 16px;
          line-height: 1;
          text-transform: uppercase;
          margin: 0; }
        [data-module="playground-head"] .playground-subnav .add-result .add-head .icon-close {
          right: 20px;
          top: 24px;
          position: absolute;
          cursor: pointer; }
      [data-module="playground-head"] .playground-subnav .add-result .add-list {
        margin: 0;
        padding: 0;
        list-style: none;
        background: white; }
        [data-module="playground-head"] .playground-subnav .add-result .add-list li {
          position: relative;
          padding: 30px 30px 23px 30px;
          border-bottom: 1px solid black; }
          [data-module="playground-head"] .playground-subnav .add-result .add-list li .icon-close {
            top: 25px;
            right: 20px;
            position: absolute;
            cursor: pointer; }
          [data-module="playground-head"] .playground-subnav .add-result .add-list li h2 {
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 13px;
            text-transform: uppercase; }
          [data-module="playground-head"] .playground-subnav .add-result .add-list li p {
            margin: 0;
            padding: 0; }
          [data-module="playground-head"] .playground-subnav .add-result .add-list li em {
            font-family: "ChaparralProSmBd", georgia, serif; }
    [data-module="playground-head"] .playground-subnav .subnav-inner {
      position: relative;
      z-index: 2; }
      [data-module="playground-head"] .playground-subnav .subnav-inner .container {
        overflow: visible; }
    [data-module="playground-head"] .playground-subnav .playground-nav {
      float: left;
      padding: 13px 0px; }
    [data-module="playground-head"] .playground-subnav li a {
      color: white; }
      [data-module="playground-head"] .playground-subnav li a:hover, [data-module="playground-head"] .playground-subnav li a.current {
        color: #ceb688; }
    [data-module="playground-head"] .playground-subnav .add-new {
      width: 220px;
      float: right;
      position: relative; }
      [data-module="playground-head"] .playground-subnav .add-new .form-row {
        margin: 0; }
      [data-module="playground-head"] .playground-subnav .add-new .form-control,
      [data-module="playground-head"] .playground-subnav .add-new .form-placeholder {
        height: 41px;
        line-height: 41px;
        font-size: 13px;
        background-color: white;
        text-transform: uppercase;
        color: black;
        font-family: "BrandonGrotesqueBold", arial, sans-serif;
        padding: 0 30px 0 20px;
        font-style: normal; }
      [data-module="playground-head"] .playground-subnav .add-new .form-placeholder {
        left: 0;
        z-index: 2;
        width: 100%;
        background: transparent; }
    [data-module="playground-head"] .playground-subnav .add-new-btn {
      position: absolute;
      right: 0;
      top: 10px;
      z-index: 1;
      border: none;
      background: transparent; }
  [data-module="playground-head"] .pc-nav {
    padding: 25px 0px; }
    [data-module="playground-head"] .pc-nav .playground-nav.left {
      float: left; }
    [data-module="playground-head"] .pc-nav .playground-nav.right {
      float: right; }
      @media only screen and (min-width: 767px) and (max-width: 1023px) {
        [data-module="playground-head"] .pc-nav .playground-nav.right {
          float: left; } }
      @media only screen and (min-width: 767px) and (max-width: 1023px) {
        [data-module="playground-head"] .pc-nav .playground-nav.right li:first-child {
          padding-left: 15px;
          margin-left: 15px; }
          [data-module="playground-head"] .pc-nav .playground-nav.right li:first-child:before {
            display: block; } }

.playground-friends .tab-head {
  margin: 0;
  padding: 0;
  list-style: none; }
.playground-friends .tab-head li {
  float: left;
  width: 50%; }
  .playground-friends .tab-head li a {
    position: relative;
    background-color: #282828;
    padding: 65px 0px;
    text-align: center;
    display: block;
    font-family: "BrandonGrotesqueMedium", arial, sans-serif;
    font-size: 13px;
    line-height: 1;
    color: #ceb688;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .playground-friends .tab-head li a {
        padding: 55px 0px; } }
  .playground-friends .tab-head li.active a:before, .playground-friends .tab-head li:hover a:before {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #1c1c1c;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -6px; }
  .playground-friends .tab-head li.active a, .playground-friends .tab-head li:hover a {
    background-color: #1c1c1c;
    text-decoration: underline; }
.playground-friends .friends {
  list-style: none;
  padding: 50px 0px;
  margin: 0px -12px; }
  @media only screen and (max-width: 767px) {
    .playground-friends .friends {
      margin: 0px -25px; } }
.playground-friends .friend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 12px;
  width: 16.66%;
  float: left; }
  @media only screen and (min-width: 767px) and (max-width: 1023px) {
    .playground-friends .friend {
      width: 25%; }
      .playground-friends .friend:nth-child(n+5) {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .playground-friends .friend {
      width: 33.33%;
      padding: 0px 25px; }
      .playground-friends .friend:nth-child(n+4) {
        display: none; } }
  .playground-friends .friend .name {
    margin-top: 10px;
    margin-bottom: 0px;
    color: black;
    font-size: 13px;
    font-family: "BrandonGrotesqueBold", arial, sans-serif;
    text-transform: uppercase; }
  .playground-friends .friend .avatar {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    display: block; }
    .playground-friends .friend .avatar img {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .playground-friends .friend .avatar .cover-add,
    .playground-friends .friend .avatar .cover-invite {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      text-align: center; }
    .playground-friends .friend .avatar .cover-add {
      background-color: rgba(255, 255, 255, 0.4); }
    .playground-friends .friend .avatar .cover-invite {
      display: none;
      background-color: rgba(0, 0, 0, 0.4);
      font-size: 13px;
      line-height: 17px;
      color: #ceb688;
      text-transform: uppercase;
      font-family: "BrandonGrotesqueBold", arial, sans-serif; }
      .playground-friends .friend .avatar .cover-invite span {
        display: block;
        margin-top: 20px; }
    .playground-friends .friend .avatar:hover .cover-add {
      display: none; }
    .playground-friends .friend .avatar:hover .cover-invite {
      display: block; }

.palyground-itineraries {
  background-color: #f5f2ed;
  padding-top: 35px;
  padding-bottom: 50px; }
  .palyground-itineraries .itineraries {
    padding: 0;
    list-style: none;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .palyground-itineraries .itineraries {
        margin-right: -12px;
        margin-left: -12px; } }
    .palyground-itineraries .itineraries .title-sm {
      margin-top: 15px; }
    .palyground-itineraries .itineraries .box {
      width: 25%;
      max-width: 270px;
      padding-left: 25px;
      padding-right: 25px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 767px) and (max-width: 1023px) {
        .palyground-itineraries .itineraries .box {
          width: 33.33%;
          max-width: none; } }
      @media only screen and (max-width: 767px) {
        .palyground-itineraries .itineraries .box {
          padding-left: 12px;
          padding-right: 12px;
          width: 50%;
          max-width: none; } }
      .palyground-itineraries .itineraries .box a:hover .title-sm {
        color: #ceb688; }
  .palyground-itineraries .itinerary-add {
    border-top: 1px solid #7a7976;
    padding: 20px 0px; }
    .palyground-itineraries .itinerary-add .icon {
      margin-right: 15px; }
    .palyground-itineraries .itinerary-add span {
      display: inline-block;
      vertical-align: middle;
      margin-top: 5px; }
    .palyground-itineraries .itinerary-add a {
      vertical-align: middle;
      color: #1c1c1c;
      font-size: 18px;
      line-height: 20px;
      font-family: "BrandonGrotesqueBold", arial, sans-serif;
      text-transform: uppercase; }

.palyground-savedarticles {
  background-color: #f5f2ed;
  padding: 35px 0px; }
  .palyground-savedarticles .articles {
    padding: 0;
    margin-left: -12px;
    margin-right: -12px;
    list-style: none; }
    .palyground-savedarticles .articles .title-sm {
      margin-top: 20px;
      min-height: 40px; }
    .palyground-savedarticles .articles .box {
      padding-left: 12px;
      padding-right: 12px;
      width: 20%;
      margin-bottom: 20px; }
      @media only screen and (min-width: 767px) and (max-width: 1023px) {
        .palyground-savedarticles .articles .box {
          width: 33.33%; } }
      @media only screen and (max-width: 767px) {
        .palyground-savedarticles .articles .box {
          width: 50%; } }

[data-module="playground-by"] {
  background-color: #1c1c1c; }
  [data-module="playground-by"] .valign-outer {
    text-align: center;
    height: 140px; }
  [data-module="playground-by"] .valign-inner * {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
  [data-module="playground-by"] .pl-title {
    height: 35px;
    width: 175px;
    font-size: 16px;
    padding-top: 9px;
    line-height: 1;
    color: white;
    text-align: right;
    text-transform: uppercase;
    font-family: "BrandonGrotesqueRegular", arial, sans-serif;
    background-image: url("../img/sprite-mp.png");
    background-repeat: no-repeat;
    background-position: -11px -127px;
}
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      [data-module="playground-by"] .pl-title {
        background-image: url("../img/sprite-global@2x.png");
        -webkit-background-size: 175px 35px;
        -moz-background-size: 175px 35px;
        -o-background-size: 175px 35px;
        background-size: 175px 35px; } }
  [data-module="playground-by"] .pl-text {
    margin-left: 110px;
    margin-right: 10px;
    font-family: "ChaparralProIt", georgia, serif;
    line-height: 1;
    font-size: 16px;
    color: #ceb688;
    position: relative; }
  [data-module="playground-by"] .pl-text:before {
    content: ' ';
    position: absolute;
    width: 60px;
    height: 1px;
    background-color: #ceb688;
    left: -85px;
    top: 6px; }
  [data-module="playground-by"] .pl-logo img {
    max-height: 35px; }
    @media only screen and (max-width: 767px) {
      [data-module="playground-by"] .pl-logo img {
        max-width: 140px; } }
  [data-module="playground-by"].large {
    background-color: black; }
    @media only screen and (min-width: 1024px) {
      [data-module="playground-by"].large .valign-outer {
        height: 300px; }
      [data-module="playground-by"].large .pl-title {
        height: 66px;
        width: 331px;
        font-size: 32px;
        padding-top: 15px;
        background-position: 0px 0px;
        background-image: url("../img/sprite-mp.png"); }
      [data-module="playground-by"].large .pl-text {
        font-size: 20px; }
      [data-module="playground-by"].large .pl-text:before {
        left: -90px;
        top: 8px; }
      [data-module="playground-by"].large .pl-logo img {
        max-height: 140px; } }
      @media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
        [data-module="playground-by"].large .pl-title {
          background-image: url("../img/sprite-mp@2x.png");
          -webkit-background-size: 390px 171px;
          -moz-background-size: 390px 171px;
          -o-background-size: 390px 171px;
          background-size: 390px 171px; } }

.playground-category .container {
  position: relative; }
.playground-category .cat-sidebar {
  width: 140px;
  line-height: 1;
  position: absolute;
  left: 20px;
  top: 0; }
  @media only screen and (max-width: 767px) {
    .playground-category .cat-sidebar {
      position: relative;
      left: auto;
      top: auto;
      width: 100% !important; } }
  .playground-category .cat-sidebar em {
    font-size: 14px;
    font-family: "ChaparralProSmBd", georgia, serif; }
  .playground-category .cat-sidebar .side-title {
    display: block;
    color: #ceb688;
    margin-bottom: 20px; }
  .playground-category .cat-sidebar .side-share {
    margin-bottom: 25px;
    padding-top: 40px;
    border-bottom: 1px solid #000000; }
    @media only screen and (max-width: 767px) {
      .playground-category .cat-sidebar .side-share {
        border: 0;
        margin: 0;
        padding: 0; } }
  .playground-category .cat-sidebar .side-share-key {
    font-size: 13px;
    text-transform: uppercase;
    font-family: "BrandonGrotesqueBold", arial, sans-serif;
    vertical-align: middle;
    margin-bottom: 30px;
    display: block;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .playground-category .cat-sidebar .side-share-key {
        padding: 38px 0px;
        margin-bottom: 0;
        border-bottom: 1px solid #ceb688; } }
    .playground-category .cat-sidebar .side-share-key .icon {
      margin-top: -3px; }
    .playground-category .cat-sidebar .side-share-key .icon-share {
      margin-right: 10px; }
    .playground-category .cat-sidebar .side-share-key .icon-smarrow {
      margin-left: 5px; }
  .playground-category .cat-sidebar .side-provide .small {
    display: none; }
  @media only screen and (max-width: 767px) {
    .playground-category .cat-sidebar .side-provide {
      position: absolute;
      right: 0;
      top: 0; }
      .playground-category .cat-sidebar .side-provide .full {
        display: none; }
      .playground-category .cat-sidebar .side-provide .small {
        display: inline-block; }
      .playground-category .cat-sidebar .side-provide .side-title {
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 15px; }
      .playground-category .cat-sidebar .side-provide .valign-outer {
        height: 90px; }
      .playground-category .cat-sidebar .side-provide .valign-inner * {
        vertical-align: middle; } }
  .playground-category .cat-sidebar .side-numbox {
    padding-bottom: 25px;
    border-bottom: 1px solid black;
    display: none; }
    @media only screen and (max-width: 767px) {
      .playground-category .cat-sidebar .side-numbox {
        padding-top: 25px;
        padding-bottom: 0;
        border-bottom: none; }
        .playground-category .cat-sidebar .side-numbox br {
          display: none; } }
    .playground-category .cat-sidebar .side-numbox .num {
      color: #ceb688; }
  .playground-category .cat-sidebar .side-socialbox {
    padding-top: 25px;
    display: none; }
    @media only screen and (max-width: 767px) {
      .playground-category .cat-sidebar .side-socialbox .side-title {
        float: left;
        margin-top: 8px;
        margin-bottom: 0px; } }
    .playground-category .cat-sidebar .side-socialbox .social-list {
      list-style: none;
      padding: 0;
      margin: 0; }
      .playground-category .cat-sidebar .side-socialbox .social-list .icon {
        margin-right: 10px; }
      .playground-category .cat-sidebar .side-socialbox .social-list li span {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5px; }
      .playground-category .cat-sidebar .side-socialbox .social-list li a {
        font-size: 13px;
        line-height: 25px;
        color: #000000;
        text-transform: uppercase;
        font-family: "BrandonGrotesqueBold", arial, sans-serif;
        margin-bottom: 20px;
        display: block; }
        .playground-category .cat-sidebar .side-socialbox .social-list li a:hover {
          color: #ceb688; }
          .playground-category .cat-sidebar .side-socialbox .social-list li a:hover .icon-fb {
            background-position: -27px 0px; }
          .playground-category .cat-sidebar .side-socialbox .social-list li a:hover .icon-email {
            background-position: -81px 0px; }
      @media only screen and (max-width: 767px) {
        .playground-category .cat-sidebar .side-socialbox .social-list {
          float: right; }
          .playground-category .cat-sidebar .side-socialbox .social-list li {
            float: left; }
            .playground-category .cat-sidebar .side-socialbox .social-list li .icon-email {
              margin-left: 50px; } }
    .playground-category .cat-sidebar .side-socialbox .side-form {
      position: relative;
      display: none; }
      .playground-category .cat-sidebar .side-socialbox .side-form:before {
        position: absolute;
        left: 55px;
        top: -7px;
        content: ' ';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 7px solid #282828; }
        @media only screen and (max-width: 767px) {
          .playground-category .cat-sidebar .side-socialbox .side-form:before {
            left: auto;
            right: 30px; } }
      .playground-category .cat-sidebar .side-socialbox .side-form .form-cont {
        background-color: #282828;
        padding: 25px; }
      .playground-category .cat-sidebar .side-socialbox .side-form .form-btm {
        background-color: black;
        padding: 20px 25px;
        text-align: center; }
        .playground-category .cat-sidebar .side-socialbox .side-form .form-btm .icon-go {
          border: none;
          background-color: transparent;
          padding: 0;
          margin: 0; }
.playground-category .cat-content {
  position: relative;
  left: 140px;
  margin-right: 140px; }
  @media only screen and (max-width: 767px) {
    .playground-category .cat-content {
      left: 0 !important;
      margin-right: 0px; } }
  .playground-category .cat-content .content-inner {
    float: left;
    width: 100%; }
.playground-category [data-module="venuegridfilter"] {
  border-left: 1px solid black; }
  .playground-category [data-module="venuegridfilter"] .thumb-mask {
    cursor: pointer; }
  .playground-category [data-module="venuegridfilter"] .item.selected .thumb-mask {
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1; }
  @media only screen and (max-width: 767px) {
    .playground-category [data-module="venuegridfilter"] {
      border: none; } }
  .playground-category [data-module="venuegridfilter"] .items-container {
    background-color: #f5f2ed; }
  .playground-category [data-module="venuegridfilter"] .numbered-pagination {
    margin-bottom: 0; }
  .playground-category [data-module="venuegridfilter"] .title-container {
    border-bottom: 1px solid black; }
    .playground-category [data-module="venuegridfilter"] .title-container .title {
      width: auto;
      max-width: 50%;
      text-transform: uppercase; }

.tab-pane {
  display: none; }

.playground-category .item {
  width: 25% !important; }
  @media only screen and (max-width: 767px) {
    .playground-category .item {
      width: 50% !important; } }
	  
	  
/* icons */
.sprite-mp{	
	background-image:url('../img/sprite-mp.png');
	background-repeat: no-repeat;
	display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	   only screen and (-moz-min-device-pixel-ratio: 2),
	   only screen and (-o-min-device-pixel-ratio: 2 / 1),
	   only screen and (min-device-pixel-ratio: 2),
	   only screen and (min-resolution: 192dpi),
	   only screen and (min-resolution: 2dppx){
		.sprite-mp{	
			background-image: url("../img/sprite-mp@2x.png");
			-webkit-background-size: 390px 171px;
			-moz-background-size: 390px 171px;
			-o-background-size: 390px 171px;
			background-size: 390px 171px;
		}
	}		
	.icon-share {  
		background-image:url('../img/sprite-mp.png');
		width: 26px; 
		height: 8px;
		background-position: -359px -44px;}
	.icon-photo {
		background-position: -354px 0px;
		width: 36px;
		height: 36px;}
	.icon-x-sm {
	    background-position: -371px -162px;
	    width: 9px;
	    height: 9px;
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 5px;
	    margin-top: -3px; }
	.icon-add {
		width: 37px;
		height: 26px;
		background-position: -352px -97px; }
	.icon-add.gold {
		background-position: -352px -60px; }
	.icon-cp {
		background-position: -14px -82px;
		width: 216px;
		height: 27px; }
		
/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */

/* fix for login cp sprite */

[data-module="playground-login"] .pl-title, 
[data-module="playground-password"] .pl-title {
    width: 250px;
	height: 65px;
	padding-top: 35px;
    line-height: 1;
    color: white;
    text-align: right;
    text-transform: uppercase;
    background-image: url("../img/sprite-mp.png");
    background-repeat: no-repeat;
    background-position: -0px -0px;
}

/* Push down reset password */

[data-module="playground-password"] input {
	margin-top: 140px;
}

/* Fix for photo sprite as sprite-mp breaks it's positioning */

.sprite.icon-photo {
	background-image: url("../img/sprite-mp.png");
}