/* ==============================================
 * Compass imports
 * =================================================*/
/* ==============================================
 * Compass global shared variables
 * =================================================*/
/* ==============================================
* Generating classes for grids up to 10x10 based on resolution grid.
* =================================================*/
.tilesize-large .grid-item-1x1 {
  width: 96px;
  height: 96px;
}

.tilesize-small .grid-item-1x1 {
  width: 64px;
  height: 64px;
}

.tilesize-large .grid-item-1x2 {
  width: 96px;
  height: 192px;
}

.tilesize-small .grid-item-1x2 {
  width: 64px;
  height: 128px;
}

.tilesize-large .grid-item-1x3 {
  width: 96px;
  height: 288px;
}

.tilesize-small .grid-item-1x3 {
  width: 64px;
  height: 192px;
}

.tilesize-large .grid-item-1x4 {
  width: 96px;
  height: 384px;
}

.tilesize-small .grid-item-1x4 {
  width: 64px;
  height: 256px;
}

.tilesize-large .grid-item-1x5 {
  width: 96px;
  height: 480px;
}

.tilesize-small .grid-item-1x5 {
  width: 64px;
  height: 320px;
}

.tilesize-large .grid-item-1x6 {
  width: 96px;
  height: 576px;
}

.tilesize-small .grid-item-1x6 {
  width: 64px;
  height: 384px;
}

.tilesize-large .grid-item-2x1 {
  width: 192px;
  height: 96px;
}

.tilesize-small .grid-item-2x1 {
  width: 128px;
  height: 64px;
}

.tilesize-large .grid-item-2x2 {
  width: 192px;
  height: 192px;
}

.tilesize-small .grid-item-2x2 {
  width: 128px;
  height: 128px;
}

.tilesize-large .grid-item-2x3 {
  width: 192px;
  height: 288px;
}

.tilesize-small .grid-item-2x3 {
  width: 128px;
  height: 192px;
}

.tilesize-large .grid-item-2x4 {
  width: 192px;
  height: 384px;
}

.tilesize-small .grid-item-2x4 {
  width: 128px;
  height: 256px;
}

.tilesize-large .grid-item-2x5 {
  width: 192px;
  height: 480px;
}

.tilesize-small .grid-item-2x5 {
  width: 128px;
  height: 320px;
}

.tilesize-large .grid-item-2x6 {
  width: 192px;
  height: 576px;
}

.tilesize-small .grid-item-2x6 {
  width: 128px;
  height: 384px;
}

.tilesize-large .grid-item-3x1 {
  width: 288px;
  height: 96px;
}

.tilesize-small .grid-item-3x1 {
  width: 192px;
  height: 64px;
}

.tilesize-large .grid-item-3x2 {
  width: 288px;
  height: 192px;
}

.tilesize-small .grid-item-3x2 {
  width: 192px;
  height: 128px;
}

.tilesize-large .grid-item-3x3 {
  width: 288px;
  height: 288px;
}

.tilesize-small .grid-item-3x3 {
  width: 192px;
  height: 192px;
}

.tilesize-large .grid-item-3x4 {
  width: 288px;
  height: 384px;
}

.tilesize-small .grid-item-3x4 {
  width: 192px;
  height: 256px;
}

.tilesize-large .grid-item-3x5 {
  width: 288px;
  height: 480px;
}

.tilesize-small .grid-item-3x5 {
  width: 192px;
  height: 320px;
}

.tilesize-large .grid-item-3x6 {
  width: 288px;
  height: 576px;
}

.tilesize-small .grid-item-3x6 {
  width: 192px;
  height: 384px;
}

.tilesize-large .grid-item-4x1 {
  width: 384px;
  height: 96px;
}

.tilesize-small .grid-item-4x1 {
  width: 256px;
  height: 64px;
}

.tilesize-large .grid-item-4x2 {
  width: 384px;
  height: 192px;
}

.tilesize-small .grid-item-4x2 {
  width: 256px;
  height: 128px;
}

.tilesize-large .grid-item-4x3 {
  width: 384px;
  height: 288px;
}

.tilesize-small .grid-item-4x3 {
  width: 256px;
  height: 192px;
}

.tilesize-large .grid-item-4x4 {
  width: 384px;
  height: 384px;
}

.tilesize-small .grid-item-4x4 {
  width: 256px;
  height: 256px;
}

.tilesize-large .grid-item-4x5 {
  width: 384px;
  height: 480px;
}

.tilesize-small .grid-item-4x5 {
  width: 256px;
  height: 320px;
}

.tilesize-large .grid-item-4x6 {
  width: 384px;
  height: 576px;
}

.tilesize-small .grid-item-4x6 {
  width: 256px;
  height: 384px;
}

.tilesize-large .grid-item-5x1 {
  width: 480px;
  height: 96px;
}

.tilesize-small .grid-item-5x1 {
  width: 320px;
  height: 64px;
}

.tilesize-large .grid-item-5x2 {
  width: 480px;
  height: 192px;
}

.tilesize-small .grid-item-5x2 {
  width: 320px;
  height: 128px;
}

.tilesize-large .grid-item-5x3 {
  width: 480px;
  height: 288px;
}

.tilesize-small .grid-item-5x3 {
  width: 320px;
  height: 192px;
}

.tilesize-large .grid-item-5x4 {
  width: 480px;
  height: 384px;
}

.tilesize-small .grid-item-5x4 {
  width: 320px;
  height: 256px;
}

.tilesize-large .grid-item-5x5 {
  width: 480px;
  height: 480px;
}

.tilesize-small .grid-item-5x5 {
  width: 320px;
  height: 320px;
}

.tilesize-large .grid-item-5x6 {
  width: 480px;
  height: 576px;
}

.tilesize-small .grid-item-5x6 {
  width: 320px;
  height: 384px;
}

.tilesize-large .grid-item-6x1 {
  width: 576px;
  height: 96px;
}

.tilesize-small .grid-item-6x1 {
  width: 384px;
  height: 64px;
}

.tilesize-large .grid-item-6x2 {
  width: 576px;
  height: 192px;
}

.tilesize-small .grid-item-6x2 {
  width: 384px;
  height: 128px;
}

.tilesize-large .grid-item-6x3 {
  width: 576px;
  height: 288px;
}

.tilesize-small .grid-item-6x3 {
  width: 384px;
  height: 192px;
}

.tilesize-large .grid-item-6x4 {
  width: 576px;
  height: 384px;
}

.tilesize-small .grid-item-6x4 {
  width: 384px;
  height: 256px;
}

.tilesize-large .grid-item-6x5 {
  width: 576px;
  height: 480px;
}

.tilesize-small .grid-item-6x5 {
  width: 384px;
  height: 320px;
}

.tilesize-large .grid-item-6x6 {
  width: 576px;
  height: 576px;
}

.tilesize-small .grid-item-6x6 {
  width: 384px;
  height: 384px;
}

.tilesize-large .grid-item-7x1 {
  width: 672px;
  height: 96px;
}

.tilesize-small .grid-item-7x1 {
  width: 448px;
  height: 64px;
}

.tilesize-large .grid-item-7x2 {
  width: 672px;
  height: 192px;
}

.tilesize-small .grid-item-7x2 {
  width: 448px;
  height: 128px;
}

.tilesize-large .grid-item-7x3 {
  width: 672px;
  height: 288px;
}

.tilesize-small .grid-item-7x3 {
  width: 448px;
  height: 192px;
}

.tilesize-large .grid-item-7x4 {
  width: 672px;
  height: 384px;
}

.tilesize-small .grid-item-7x4 {
  width: 448px;
  height: 256px;
}

.tilesize-large .grid-item-7x5 {
  width: 672px;
  height: 480px;
}

.tilesize-small .grid-item-7x5 {
  width: 448px;
  height: 320px;
}

.tilesize-large .grid-item-7x6 {
  width: 672px;
  height: 576px;
}

.tilesize-small .grid-item-7x6 {
  width: 448px;
  height: 384px;
}

.tilesize-large .grid-item-8x1 {
  width: 768px;
  height: 96px;
}

.tilesize-small .grid-item-8x1 {
  width: 512px;
  height: 64px;
}

.tilesize-large .grid-item-8x2 {
  width: 768px;
  height: 192px;
}

.tilesize-small .grid-item-8x2 {
  width: 512px;
  height: 128px;
}

.tilesize-large .grid-item-8x3 {
  width: 768px;
  height: 288px;
}

.tilesize-small .grid-item-8x3 {
  width: 512px;
  height: 192px;
}

.tilesize-large .grid-item-8x4 {
  width: 768px;
  height: 384px;
}

.tilesize-small .grid-item-8x4 {
  width: 512px;
  height: 256px;
}

.tilesize-large .grid-item-8x5 {
  width: 768px;
  height: 480px;
}

.tilesize-small .grid-item-8x5 {
  width: 512px;
  height: 320px;
}

.tilesize-large .grid-item-8x6 {
  width: 768px;
  height: 576px;
}

.tilesize-small .grid-item-8x6 {
  width: 512px;
  height: 384px;
}

.tilesize-large .grid-item-9x1 {
  width: 864px;
  height: 96px;
}

.tilesize-small .grid-item-9x1 {
  width: 576px;
  height: 64px;
}

.tilesize-large .grid-item-9x2 {
  width: 864px;
  height: 192px;
}

.tilesize-small .grid-item-9x2 {
  width: 576px;
  height: 128px;
}

.tilesize-large .grid-item-9x3 {
  width: 864px;
  height: 288px;
}

.tilesize-small .grid-item-9x3 {
  width: 576px;
  height: 192px;
}

.tilesize-large .grid-item-9x4 {
  width: 864px;
  height: 384px;
}

.tilesize-small .grid-item-9x4 {
  width: 576px;
  height: 256px;
}

.tilesize-large .grid-item-9x5 {
  width: 864px;
  height: 480px;
}

.tilesize-small .grid-item-9x5 {
  width: 576px;
  height: 320px;
}

.tilesize-large .grid-item-9x6 {
  width: 864px;
  height: 576px;
}

.tilesize-small .grid-item-9x6 {
  width: 576px;
  height: 384px;
}

.tilesize-large .grid-item-10x1 {
  width: 960px;
  height: 96px;
}

.tilesize-small .grid-item-10x1 {
  width: 640px;
  height: 64px;
}

.tilesize-large .grid-item-10x2 {
  width: 960px;
  height: 192px;
}

.tilesize-small .grid-item-10x2 {
  width: 640px;
  height: 128px;
}

.tilesize-large .grid-item-10x3 {
  width: 960px;
  height: 288px;
}

.tilesize-small .grid-item-10x3 {
  width: 640px;
  height: 192px;
}

.tilesize-large .grid-item-10x4 {
  width: 960px;
  height: 384px;
}

.tilesize-small .grid-item-10x4 {
  width: 640px;
  height: 256px;
}

.tilesize-large .grid-item-10x5 {
  width: 960px;
  height: 480px;
}

.tilesize-small .grid-item-10x5 {
  width: 640px;
  height: 320px;
}

.tilesize-large .grid-item-10x6 {
  width: 960px;
  height: 576px;
}

.tilesize-small .grid-item-10x6 {
  width: 640px;
  height: 384px;
}

.tilesize-large .grid-item-11x1 {
  width: 1056px;
  height: 96px;
}

.tilesize-small .grid-item-11x1 {
  width: 704px;
  height: 64px;
}

.tilesize-large .grid-item-11x2 {
  width: 1056px;
  height: 192px;
}

.tilesize-small .grid-item-11x2 {
  width: 704px;
  height: 128px;
}

.tilesize-large .grid-item-11x3 {
  width: 1056px;
  height: 288px;
}

.tilesize-small .grid-item-11x3 {
  width: 704px;
  height: 192px;
}

.tilesize-large .grid-item-11x4 {
  width: 1056px;
  height: 384px;
}

.tilesize-small .grid-item-11x4 {
  width: 704px;
  height: 256px;
}

.tilesize-large .grid-item-11x5 {
  width: 1056px;
  height: 480px;
}

.tilesize-small .grid-item-11x5 {
  width: 704px;
  height: 320px;
}

.tilesize-large .grid-item-11x6 {
  width: 1056px;
  height: 576px;
}

.tilesize-small .grid-item-11x6 {
  width: 704px;
  height: 384px;
}

.tilesize-large .grid-item-12x1 {
  width: 1152px;
  height: 96px;
}

.tilesize-small .grid-item-12x1 {
  width: 768px;
  height: 64px;
}

.tilesize-large .grid-item-12x2 {
  width: 1152px;
  height: 192px;
}

.tilesize-small .grid-item-12x2 {
  width: 768px;
  height: 128px;
}

.tilesize-large .grid-item-12x3 {
  width: 1152px;
  height: 288px;
}

.tilesize-small .grid-item-12x3 {
  width: 768px;
  height: 192px;
}

.tilesize-large .grid-item-12x4 {
  width: 1152px;
  height: 384px;
}

.tilesize-small .grid-item-12x4 {
  width: 768px;
  height: 256px;
}

.tilesize-large .grid-item-12x5 {
  width: 1152px;
  height: 480px;
}

.tilesize-small .grid-item-12x5 {
  width: 768px;
  height: 320px;
}

.tilesize-large .grid-item-12x6 {
  width: 1152px;
  height: 576px;
}

.tilesize-small .grid-item-12x6 {
  width: 768px;
  height: 384px;
}

.tilesize-large .grid-item-13x1 {
  width: 1248px;
  height: 96px;
}

.tilesize-small .grid-item-13x1 {
  width: 832px;
  height: 64px;
}

.tilesize-large .grid-item-13x2 {
  width: 1248px;
  height: 192px;
}

.tilesize-small .grid-item-13x2 {
  width: 832px;
  height: 128px;
}

.tilesize-large .grid-item-13x3 {
  width: 1248px;
  height: 288px;
}

.tilesize-small .grid-item-13x3 {
  width: 832px;
  height: 192px;
}

.tilesize-large .grid-item-13x4 {
  width: 1248px;
  height: 384px;
}

.tilesize-small .grid-item-13x4 {
  width: 832px;
  height: 256px;
}

.tilesize-large .grid-item-13x5 {
  width: 1248px;
  height: 480px;
}

.tilesize-small .grid-item-13x5 {
  width: 832px;
  height: 320px;
}

.tilesize-large .grid-item-13x6 {
  width: 1248px;
  height: 576px;
}

.tilesize-small .grid-item-13x6 {
  width: 832px;
  height: 384px;
}

.tilesize-large .offset-x--40 {
  left: -3840px;
}

.tilesize-large .offset-y--40 {
  top: -3840px;
}

.tilesize-small .offset-x--40 {
  left: -2560px;
}

.tilesize-small .offset-y--40 {
  top: -2560px;
}

.tilesize-large .offset-x--39 {
  left: -3744px;
}

.tilesize-large .offset-y--39 {
  top: -3744px;
}

.tilesize-small .offset-x--39 {
  left: -2496px;
}

.tilesize-small .offset-y--39 {
  top: -2496px;
}

.tilesize-large .offset-x--38 {
  left: -3648px;
}

.tilesize-large .offset-y--38 {
  top: -3648px;
}

.tilesize-small .offset-x--38 {
  left: -2432px;
}

.tilesize-small .offset-y--38 {
  top: -2432px;
}

.tilesize-large .offset-x--37 {
  left: -3552px;
}

.tilesize-large .offset-y--37 {
  top: -3552px;
}

.tilesize-small .offset-x--37 {
  left: -2368px;
}

.tilesize-small .offset-y--37 {
  top: -2368px;
}

.tilesize-large .offset-x--36 {
  left: -3456px;
}

.tilesize-large .offset-y--36 {
  top: -3456px;
}

.tilesize-small .offset-x--36 {
  left: -2304px;
}

.tilesize-small .offset-y--36 {
  top: -2304px;
}

.tilesize-large .offset-x--35 {
  left: -3360px;
}

.tilesize-large .offset-y--35 {
  top: -3360px;
}

.tilesize-small .offset-x--35 {
  left: -2240px;
}

.tilesize-small .offset-y--35 {
  top: -2240px;
}

.tilesize-large .offset-x--34 {
  left: -3264px;
}

.tilesize-large .offset-y--34 {
  top: -3264px;
}

.tilesize-small .offset-x--34 {
  left: -2176px;
}

.tilesize-small .offset-y--34 {
  top: -2176px;
}

.tilesize-large .offset-x--33 {
  left: -3168px;
}

.tilesize-large .offset-y--33 {
  top: -3168px;
}

.tilesize-small .offset-x--33 {
  left: -2112px;
}

.tilesize-small .offset-y--33 {
  top: -2112px;
}

.tilesize-large .offset-x--32 {
  left: -3072px;
}

.tilesize-large .offset-y--32 {
  top: -3072px;
}

.tilesize-small .offset-x--32 {
  left: -2048px;
}

.tilesize-small .offset-y--32 {
  top: -2048px;
}

.tilesize-large .offset-x--31 {
  left: -2976px;
}

.tilesize-large .offset-y--31 {
  top: -2976px;
}

.tilesize-small .offset-x--31 {
  left: -1984px;
}

.tilesize-small .offset-y--31 {
  top: -1984px;
}

.tilesize-large .offset-x--30 {
  left: -2880px;
}

.tilesize-large .offset-y--30 {
  top: -2880px;
}

.tilesize-small .offset-x--30 {
  left: -1920px;
}

.tilesize-small .offset-y--30 {
  top: -1920px;
}

.tilesize-large .offset-x--29 {
  left: -2784px;
}

.tilesize-large .offset-y--29 {
  top: -2784px;
}

.tilesize-small .offset-x--29 {
  left: -1856px;
}

.tilesize-small .offset-y--29 {
  top: -1856px;
}

.tilesize-large .offset-x--28 {
  left: -2688px;
}

.tilesize-large .offset-y--28 {
  top: -2688px;
}

.tilesize-small .offset-x--28 {
  left: -1792px;
}

.tilesize-small .offset-y--28 {
  top: -1792px;
}

.tilesize-large .offset-x--27 {
  left: -2592px;
}

.tilesize-large .offset-y--27 {
  top: -2592px;
}

.tilesize-small .offset-x--27 {
  left: -1728px;
}

.tilesize-small .offset-y--27 {
  top: -1728px;
}

.tilesize-large .offset-x--26 {
  left: -2496px;
}

.tilesize-large .offset-y--26 {
  top: -2496px;
}

.tilesize-small .offset-x--26 {
  left: -1664px;
}

.tilesize-small .offset-y--26 {
  top: -1664px;
}

.tilesize-large .offset-x--25 {
  left: -2400px;
}

.tilesize-large .offset-y--25 {
  top: -2400px;
}

.tilesize-small .offset-x--25 {
  left: -1600px;
}

.tilesize-small .offset-y--25 {
  top: -1600px;
}

.tilesize-large .offset-x--24 {
  left: -2304px;
}

.tilesize-large .offset-y--24 {
  top: -2304px;
}

.tilesize-small .offset-x--24 {
  left: -1536px;
}

.tilesize-small .offset-y--24 {
  top: -1536px;
}

.tilesize-large .offset-x--23 {
  left: -2208px;
}

.tilesize-large .offset-y--23 {
  top: -2208px;
}

.tilesize-small .offset-x--23 {
  left: -1472px;
}

.tilesize-small .offset-y--23 {
  top: -1472px;
}

.tilesize-large .offset-x--22 {
  left: -2112px;
}

.tilesize-large .offset-y--22 {
  top: -2112px;
}

.tilesize-small .offset-x--22 {
  left: -1408px;
}

.tilesize-small .offset-y--22 {
  top: -1408px;
}

.tilesize-large .offset-x--21 {
  left: -2016px;
}

.tilesize-large .offset-y--21 {
  top: -2016px;
}

.tilesize-small .offset-x--21 {
  left: -1344px;
}

.tilesize-small .offset-y--21 {
  top: -1344px;
}

.tilesize-large .offset-x--20 {
  left: -1920px;
}

.tilesize-large .offset-y--20 {
  top: -1920px;
}

.tilesize-small .offset-x--20 {
  left: -1280px;
}

.tilesize-small .offset-y--20 {
  top: -1280px;
}

.tilesize-large .offset-x--19 {
  left: -1824px;
}

.tilesize-large .offset-y--19 {
  top: -1824px;
}

.tilesize-small .offset-x--19 {
  left: -1216px;
}

.tilesize-small .offset-y--19 {
  top: -1216px;
}

.tilesize-large .offset-x--18 {
  left: -1728px;
}

.tilesize-large .offset-y--18 {
  top: -1728px;
}

.tilesize-small .offset-x--18 {
  left: -1152px;
}

.tilesize-small .offset-y--18 {
  top: -1152px;
}

.tilesize-large .offset-x--17 {
  left: -1632px;
}

.tilesize-large .offset-y--17 {
  top: -1632px;
}

.tilesize-small .offset-x--17 {
  left: -1088px;
}

.tilesize-small .offset-y--17 {
  top: -1088px;
}

.tilesize-large .offset-x--16 {
  left: -1536px;
}

.tilesize-large .offset-y--16 {
  top: -1536px;
}

.tilesize-small .offset-x--16 {
  left: -1024px;
}

.tilesize-small .offset-y--16 {
  top: -1024px;
}

.tilesize-large .offset-x--15 {
  left: -1440px;
}

.tilesize-large .offset-y--15 {
  top: -1440px;
}

.tilesize-small .offset-x--15 {
  left: -960px;
}

.tilesize-small .offset-y--15 {
  top: -960px;
}

.tilesize-large .offset-x--14 {
  left: -1344px;
}

.tilesize-large .offset-y--14 {
  top: -1344px;
}

.tilesize-small .offset-x--14 {
  left: -896px;
}

.tilesize-small .offset-y--14 {
  top: -896px;
}

.tilesize-large .offset-x--13 {
  left: -1248px;
}

.tilesize-large .offset-y--13 {
  top: -1248px;
}

.tilesize-small .offset-x--13 {
  left: -832px;
}

.tilesize-small .offset-y--13 {
  top: -832px;
}

.tilesize-large .offset-x--12 {
  left: -1152px;
}

.tilesize-large .offset-y--12 {
  top: -1152px;
}

.tilesize-small .offset-x--12 {
  left: -768px;
}

.tilesize-small .offset-y--12 {
  top: -768px;
}

.tilesize-large .offset-x--11 {
  left: -1056px;
}

.tilesize-large .offset-y--11 {
  top: -1056px;
}

.tilesize-small .offset-x--11 {
  left: -704px;
}

.tilesize-small .offset-y--11 {
  top: -704px;
}

.tilesize-large .offset-x--10 {
  left: -960px;
}

.tilesize-large .offset-y--10 {
  top: -960px;
}

.tilesize-small .offset-x--10 {
  left: -640px;
}

.tilesize-small .offset-y--10 {
  top: -640px;
}

.tilesize-large .offset-x--9 {
  left: -864px;
}

.tilesize-large .offset-y--9 {
  top: -864px;
}

.tilesize-small .offset-x--9 {
  left: -576px;
}

.tilesize-small .offset-y--9 {
  top: -576px;
}

.tilesize-large .offset-x--8 {
  left: -768px;
}

.tilesize-large .offset-y--8 {
  top: -768px;
}

.tilesize-small .offset-x--8 {
  left: -512px;
}

.tilesize-small .offset-y--8 {
  top: -512px;
}

.tilesize-large .offset-x--7 {
  left: -672px;
}

.tilesize-large .offset-y--7 {
  top: -672px;
}

.tilesize-small .offset-x--7 {
  left: -448px;
}

.tilesize-small .offset-y--7 {
  top: -448px;
}

.tilesize-large .offset-x--6 {
  left: -576px;
}

.tilesize-large .offset-y--6 {
  top: -576px;
}

.tilesize-small .offset-x--6 {
  left: -384px;
}

.tilesize-small .offset-y--6 {
  top: -384px;
}

.tilesize-large .offset-x--5 {
  left: -480px;
}

.tilesize-large .offset-y--5 {
  top: -480px;
}

.tilesize-small .offset-x--5 {
  left: -320px;
}

.tilesize-small .offset-y--5 {
  top: -320px;
}

.tilesize-large .offset-x--4 {
  left: -384px;
}

.tilesize-large .offset-y--4 {
  top: -384px;
}

.tilesize-small .offset-x--4 {
  left: -256px;
}

.tilesize-small .offset-y--4 {
  top: -256px;
}

.tilesize-large .offset-x--3 {
  left: -288px;
}

.tilesize-large .offset-y--3 {
  top: -288px;
}

.tilesize-small .offset-x--3 {
  left: -192px;
}

.tilesize-small .offset-y--3 {
  top: -192px;
}

.tilesize-large .offset-x--2 {
  left: -192px;
}

.tilesize-large .offset-y--2 {
  top: -192px;
}

.tilesize-small .offset-x--2 {
  left: -128px;
}

.tilesize-small .offset-y--2 {
  top: -128px;
}

.tilesize-large .offset-x--1 {
  left: -96px;
}

.tilesize-large .offset-y--1 {
  top: -96px;
}

.tilesize-small .offset-x--1 {
  left: -64px;
}

.tilesize-small .offset-y--1 {
  top: -64px;
}

.tilesize-large .offset-x-0 {
  left: 0px;
}

.tilesize-large .offset-y-0 {
  top: 0px;
}

.tilesize-small .offset-x-0 {
  left: 0px;
}

.tilesize-small .offset-y-0 {
  top: 0px;
}

.tilesize-large .offset-x-1 {
  left: 96px;
}

.tilesize-large .offset-y-1 {
  top: 96px;
}

.tilesize-small .offset-x-1 {
  left: 64px;
}

.tilesize-small .offset-y-1 {
  top: 64px;
}

.tilesize-large .offset-x-2 {
  left: 192px;
}

.tilesize-large .offset-y-2 {
  top: 192px;
}

.tilesize-small .offset-x-2 {
  left: 128px;
}

.tilesize-small .offset-y-2 {
  top: 128px;
}

.tilesize-large .offset-x-3 {
  left: 288px;
}

.tilesize-large .offset-y-3 {
  top: 288px;
}

.tilesize-small .offset-x-3 {
  left: 192px;
}

.tilesize-small .offset-y-3 {
  top: 192px;
}

.tilesize-large .offset-x-4 {
  left: 384px;
}

.tilesize-large .offset-y-4 {
  top: 384px;
}

.tilesize-small .offset-x-4 {
  left: 256px;
}

.tilesize-small .offset-y-4 {
  top: 256px;
}

.tilesize-large .offset-x-5 {
  left: 480px;
}

.tilesize-large .offset-y-5 {
  top: 480px;
}

.tilesize-small .offset-x-5 {
  left: 320px;
}

.tilesize-small .offset-y-5 {
  top: 320px;
}

.tilesize-large .offset-x-6 {
  left: 576px;
}

.tilesize-large .offset-y-6 {
  top: 576px;
}

.tilesize-small .offset-x-6 {
  left: 384px;
}

.tilesize-small .offset-y-6 {
  top: 384px;
}

.tilesize-large .offset-x-7 {
  left: 672px;
}

.tilesize-large .offset-y-7 {
  top: 672px;
}

.tilesize-small .offset-x-7 {
  left: 448px;
}

.tilesize-small .offset-y-7 {
  top: 448px;
}

.tilesize-large .offset-x-8 {
  left: 768px;
}

.tilesize-large .offset-y-8 {
  top: 768px;
}

.tilesize-small .offset-x-8 {
  left: 512px;
}

.tilesize-small .offset-y-8 {
  top: 512px;
}

.tilesize-large .offset-x-9 {
  left: 864px;
}

.tilesize-large .offset-y-9 {
  top: 864px;
}

.tilesize-small .offset-x-9 {
  left: 576px;
}

.tilesize-small .offset-y-9 {
  top: 576px;
}

.tilesize-large .offset-x-10 {
  left: 960px;
}

.tilesize-large .offset-y-10 {
  top: 960px;
}

.tilesize-small .offset-x-10 {
  left: 640px;
}

.tilesize-small .offset-y-10 {
  top: 640px;
}

.tilesize-large .offset-x-11 {
  left: 1056px;
}

.tilesize-large .offset-y-11 {
  top: 1056px;
}

.tilesize-small .offset-x-11 {
  left: 704px;
}

.tilesize-small .offset-y-11 {
  top: 704px;
}

.tilesize-large .offset-x-12 {
  left: 1152px;
}

.tilesize-large .offset-y-12 {
  top: 1152px;
}

.tilesize-small .offset-x-12 {
  left: 768px;
}

.tilesize-small .offset-y-12 {
  top: 768px;
}

.tilesize-large .offset-x-13 {
  left: 1248px;
}

.tilesize-large .offset-y-13 {
  top: 1248px;
}

.tilesize-small .offset-x-13 {
  left: 832px;
}

.tilesize-small .offset-y-13 {
  top: 832px;
}

.tilesize-large .offset-x-14 {
  left: 1344px;
}

.tilesize-large .offset-y-14 {
  top: 1344px;
}

.tilesize-small .offset-x-14 {
  left: 896px;
}

.tilesize-small .offset-y-14 {
  top: 896px;
}

.tilesize-large .offset-x-15 {
  left: 1440px;
}

.tilesize-large .offset-y-15 {
  top: 1440px;
}

.tilesize-small .offset-x-15 {
  left: 960px;
}

.tilesize-small .offset-y-15 {
  top: 960px;
}

.tilesize-large .offset-x-16 {
  left: 1536px;
}

.tilesize-large .offset-y-16 {
  top: 1536px;
}

.tilesize-small .offset-x-16 {
  left: 1024px;
}

.tilesize-small .offset-y-16 {
  top: 1024px;
}

.tilesize-large .offset-x-17 {
  left: 1632px;
}

.tilesize-large .offset-y-17 {
  top: 1632px;
}

.tilesize-small .offset-x-17 {
  left: 1088px;
}

.tilesize-small .offset-y-17 {
  top: 1088px;
}

.tilesize-large .offset-x-18 {
  left: 1728px;
}

.tilesize-large .offset-y-18 {
  top: 1728px;
}

.tilesize-small .offset-x-18 {
  left: 1152px;
}

.tilesize-small .offset-y-18 {
  top: 1152px;
}

.tilesize-large .offset-x-19 {
  left: 1824px;
}

.tilesize-large .offset-y-19 {
  top: 1824px;
}

.tilesize-small .offset-x-19 {
  left: 1216px;
}

.tilesize-small .offset-y-19 {
  top: 1216px;
}

.tilesize-large .offset-x-20 {
  left: 1920px;
}

.tilesize-large .offset-y-20 {
  top: 1920px;
}

.tilesize-small .offset-x-20 {
  left: 1280px;
}

.tilesize-small .offset-y-20 {
  top: 1280px;
}

.tilesize-large .offset-x-21 {
  left: 2016px;
}

.tilesize-large .offset-y-21 {
  top: 2016px;
}

.tilesize-small .offset-x-21 {
  left: 1344px;
}

.tilesize-small .offset-y-21 {
  top: 1344px;
}

.tilesize-large .offset-x-22 {
  left: 2112px;
}

.tilesize-large .offset-y-22 {
  top: 2112px;
}

.tilesize-small .offset-x-22 {
  left: 1408px;
}

.tilesize-small .offset-y-22 {
  top: 1408px;
}

.tilesize-large .offset-x-23 {
  left: 2208px;
}

.tilesize-large .offset-y-23 {
  top: 2208px;
}

.tilesize-small .offset-x-23 {
  left: 1472px;
}

.tilesize-small .offset-y-23 {
  top: 1472px;
}

.tilesize-large .offset-x-24 {
  left: 2304px;
}

.tilesize-large .offset-y-24 {
  top: 2304px;
}

.tilesize-small .offset-x-24 {
  left: 1536px;
}

.tilesize-small .offset-y-24 {
  top: 1536px;
}

.tilesize-large .offset-x-25 {
  left: 2400px;
}

.tilesize-large .offset-y-25 {
  top: 2400px;
}

.tilesize-small .offset-x-25 {
  left: 1600px;
}

.tilesize-small .offset-y-25 {
  top: 1600px;
}

.tilesize-large .offset-x-26 {
  left: 2496px;
}

.tilesize-large .offset-y-26 {
  top: 2496px;
}

.tilesize-small .offset-x-26 {
  left: 1664px;
}

.tilesize-small .offset-y-26 {
  top: 1664px;
}

.tilesize-large .offset-x-27 {
  left: 2592px;
}

.tilesize-large .offset-y-27 {
  top: 2592px;
}

.tilesize-small .offset-x-27 {
  left: 1728px;
}

.tilesize-small .offset-y-27 {
  top: 1728px;
}

.tilesize-large .offset-x-28 {
  left: 2688px;
}

.tilesize-large .offset-y-28 {
  top: 2688px;
}

.tilesize-small .offset-x-28 {
  left: 1792px;
}

.tilesize-small .offset-y-28 {
  top: 1792px;
}

.tilesize-large .offset-x-29 {
  left: 2784px;
}

.tilesize-large .offset-y-29 {
  top: 2784px;
}

.tilesize-small .offset-x-29 {
  left: 1856px;
}

.tilesize-small .offset-y-29 {
  top: 1856px;
}

.tilesize-large .offset-x-30 {
  left: 2880px;
}

.tilesize-large .offset-y-30 {
  top: 2880px;
}

.tilesize-small .offset-x-30 {
  left: 1920px;
}

.tilesize-small .offset-y-30 {
  top: 1920px;
}

.tilesize-large .offset-x-31 {
  left: 2976px;
}

.tilesize-large .offset-y-31 {
  top: 2976px;
}

.tilesize-small .offset-x-31 {
  left: 1984px;
}

.tilesize-small .offset-y-31 {
  top: 1984px;
}

.tilesize-large .offset-x-32 {
  left: 3072px;
}

.tilesize-large .offset-y-32 {
  top: 3072px;
}

.tilesize-small .offset-x-32 {
  left: 2048px;
}

.tilesize-small .offset-y-32 {
  top: 2048px;
}

.tilesize-large .offset-x-33 {
  left: 3168px;
}

.tilesize-large .offset-y-33 {
  top: 3168px;
}

.tilesize-small .offset-x-33 {
  left: 2112px;
}

.tilesize-small .offset-y-33 {
  top: 2112px;
}

.tilesize-large .offset-x-34 {
  left: 3264px;
}

.tilesize-large .offset-y-34 {
  top: 3264px;
}

.tilesize-small .offset-x-34 {
  left: 2176px;
}

.tilesize-small .offset-y-34 {
  top: 2176px;
}

.tilesize-large .offset-x-35 {
  left: 3360px;
}

.tilesize-large .offset-y-35 {
  top: 3360px;
}

.tilesize-small .offset-x-35 {
  left: 2240px;
}

.tilesize-small .offset-y-35 {
  top: 2240px;
}

.tilesize-large .offset-x-36 {
  left: 3456px;
}

.tilesize-large .offset-y-36 {
  top: 3456px;
}

.tilesize-small .offset-x-36 {
  left: 2304px;
}

.tilesize-small .offset-y-36 {
  top: 2304px;
}

.tilesize-large .offset-x-37 {
  left: 3552px;
}

.tilesize-large .offset-y-37 {
  top: 3552px;
}

.tilesize-small .offset-x-37 {
  left: 2368px;
}

.tilesize-small .offset-y-37 {
  top: 2368px;
}

.tilesize-large .offset-x-38 {
  left: 3648px;
}

.tilesize-large .offset-y-38 {
  top: 3648px;
}

.tilesize-small .offset-x-38 {
  left: 2432px;
}

.tilesize-small .offset-y-38 {
  top: 2432px;
}

.tilesize-large .offset-x-39 {
  left: 3744px;
}

.tilesize-large .offset-y-39 {
  top: 3744px;
}

.tilesize-small .offset-x-39 {
  left: 2496px;
}

.tilesize-small .offset-y-39 {
  top: 2496px;
}

.tilesize-large .offset-x-40 {
  left: 3840px;
}

.tilesize-large .offset-y-40 {
  top: 3840px;
}

.tilesize-small .offset-x-40 {
  left: 2560px;
}

.tilesize-small .offset-y-40 {
  top: 2560px;
}

/* ==============================================
 * HTML5 Boilerplate CSS: h5bp.com/css
 * =================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: none;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: none;
  color: #fff;
  text-shadow: none;
}

a {
  color: #00e;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #06e;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
  font-weight: normal;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
/* ==============================================
* Import all used style parts
* =================================================*/
/* ==============================================
Compass global functions
=================================================*/
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  subpixel-webkit-font-smoothing: subpixel-antialiased;
}

body {
  /*
    Forces backgrounds to span full width,
    even if there is horizontal scrolling.
    Increase this if your layout is wider.
  
    Note: IE6 works fine without this fix.
  */
  min-width: 960px;
  background-color: #000;
  color: white;
  font-family: "GillSans Light";
  font-size: 10pt;
  color: #a0a0a0;
  line-height: 16pt;
  letter-spacing: 0.05em;
}
body.size64 {
  font-family: "GillSans Light";
  font-size: 10pt;
  color: #a0a0a0;
  line-height: 12pt;
  letter-spacing: 0.045em;
}

blockquote {
  -webkit-font-smoothing: antialiased;
}
blockquote.size64 {
  font-family: "Bembo Std Italic";
  font-size: 10pt;
  line-height: 12pt;
  color: white;
}

/*
running faster canvas on ios devices
http://29a.ch/2011/5/27/fast-html5-canvas-on-iphone-mobile-safari-performance
*/
/*canvas { -webkit-transform: scale3d(1, 1, 0) translate3d(0, 0, 0); }*/
.headers {
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
  position: relative;
}
.headers.size64 {
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
}

.browser-title {
  display: none !important;
}

h1 {
  font-family: "GillSans Light";
  font-size: 22pt;
  color: #aea17e;
  line-height: 22pt;
  letter-spacing: 0.05em;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}

h2 {
  font-family: "GillSans Light";
  font-size: 14pt;
  color: white;
  line-height: 14pt;
  letter-spacing: 0.05em;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}

h1.medium {
  font-size: 12pt;
  line-height: 14pt;
}
h1.medium.size64 {
  font-size: 10pt;
  line-height: 11.5pt;
  letter-spacing: .045em;
}

h2.medium {
  font-size: 8pt;
  line-height: 8pt;
}
h2.medium.size64 {
  font-size: 8pt;
  line-height: 11pt;
  letter-spacing: .045em;
}

h1.large {
  font-size: 16pt;
  line-height: 18pt;
}
h1.large.size64 {
  font-size: 14pt;
  line-height: 16pt;
  letter-spacing: .045em;
}

h2.large {
  font-size: 12pt;
  line-height: 14pt;
}
h2.large.size64 {
  font-size: 10pt;
  line-height: 12pt;
  letter-spacing: .045em;
}

.entry-content {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  float: left;
}
html.isie .entry-content {
  background-image: url("../images/empty.gif");
  background-repeat: repeat;
}

li {
  list-style: none;
  list-style-image: none;
}

a {
  outline: 0;
  color: #aea17e;
}
a:active {
  color: white;
}
a:visited {
  color: #aea17e;
}
a:hover {
  color: white;
}
a:focus {
  outline: 0;
}

strong {
  font-weight: normal;
  color: #aea17e;
  display: block;
}

body {
  background: url("../images/bg-pattern.gif") repeat scroll 0 0 transparent;
}

body > .site-content {
  min-height: 100%;
}

.background-spot {
  background-image: url("../images/bg-spot.jpg");
  background-position: 0 0;
  width: 1178px;
  height: 736px;
  position: fixed;
  left: 50%;
  margin-left: -589px;
  top: 50%;
  margin-top: -368px;
}

/*firefox 3.6.8 outline (dotted linee on images and links, see http://css-tricks.com/removing-the-dotted-outline/)*/
input::-moz-focus-inner {
  border: 0;
}

/*select {
    background-color:  $darkgrey;
    height:21px;
    overflow: hidden;
    background: url(../images/select-arrow.gif) no-repeat right $darkgrey;
}*/
body > div.pinterest-images {
  display: none;
}

header .logo {
  z-index: 10;
  position: absolute;
  right: 30px;
  top: 30px;
  background: url("../images/logo2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 130px 52px;
  width: 130px;
  height: 52px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  /*hide all elements*/
}
html.isoldie header .logo {
  background: url("../images/logo.png");
}
body.is_mobile header .logo {
  background-size: 260px 104px;
  width: 260px;
  height: 104px;
}
header .logo * {
  display: none;
}
header .menu {
  z-index: 11;
}
header .menu .backgroundlayer {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  z-index: 1001;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.7);
}
html.isoldie header .menu .backgroundlayer {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
header .menu nav {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: "GillSans Regular";
  font-size: 8pt;
  color: #aea17e;
  line-height: 12pt;
  letter-spacing: 0.05em;
  z-index: 1002;
  position: absolute;
  left: 30px;
  top: 30px;
  background: rgba(0, 0, 0, 0.4);
  padding-top: 2px;
  padding-right: 3px;
}
body.is_mobile header .menu nav {
  font-size: 14pt;
  line-height: 20pt;
}
html.isoldie header .menu nav {
  background-image: url("../images/bgpixel.png");
  background-repeat: repeat;
}
header .menu nav.opened {
  background: none;
}
header .menu nav .toggle {
  background: url("../images/menu-arrow-closed.png") 3px 2px no-repeat;
  outline: 0;
}
header .menu nav .toggle.opened {
  background: url("../images/menu-arrow.png") 0px 5px no-repeat;
}
body.is_mobile header .menu nav .toggle {
  background: url("../images/menu-arrow-closed.png") 3px 8px no-repeat;
}
body.is_mobile header .menu nav .toggle.opened {
  background: url("../images/menu-arrow.png") 0px 11px no-repeat;
}
header .menu nav .toggle span {
  margin-left: 16px;
}
header .menu nav .topmenu .menu-item a {
  font-family: "GillSans Regular";
  font-size: 10pt;
  color: #aea17e;
  line-height: 16pt;
  letter-spacing: 0.05em;
}
header .menu nav .topmenu .menu-item a:hover {
  color: white;
}
body.is_mobile header .menu nav .topmenu .menu-item a {
  font-size: 14pt;
  line-height: 20pt;
}
header .menu nav .topmenu .sub-menu a {
  font-family: "GillSans Regular";
  font-size: 10pt;
  color: #a0a0a0;
  line-height: 16pt;
  letter-spacing: 0.05em;
}
header .menu nav .topmenu .sub-menu a:hover {
  color: white;
}
body.is_mobile header .menu nav .topmenu .sub-menu a {
  font-size: 14pt;
  line-height: 20pt;
}
header .menu nav a {
  text-decoration: none;
  outline: 0;
}
header .menu nav ul {
  padding-left: 22px;
  font-family: "GillSans Regular";
  font-size: 12pt;
  color: white;
  line-height: 12pt;
  letter-spacing: 0.05em;
  display: block;
  text-transform: uppercase;
  line-height: 23pt;
  font-size: 85%;
  padding-bottom: 5px;
  padding-top: 5px;
}
header .menu nav li {
  font-family: "GillSans Regular";
  font-size: 10pt;
  color: #aea17e;
  line-height: 14pt;
  letter-spacing: 0.05em;
}
body.is_mobile header .menu nav li {
  font-size: 14pt;
  line-height: 24pt;
}

@font-face {
  font-family: 'GillSans Light';
  src: url("fonts/update/din-light-webfont.eot");
  src: url("fonts/update/din-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/update/din-light-webfont.woff") format("woff"), url("fonts/update/din-light-webfont.ttf") format("truetype"), url("fonts/update/din-light-webfont.svg#dinlight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GillSans Regular';
  src: url("fonts/update/din-light-webfont.eot");
  src: url("fonts/update/din-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/update/din-light-webfont.woff") format("woff"), url("fonts/update/din-light-webfont.ttf") format("truetype"), url("fonts/update/din-light-webfont.svg#dinlight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bembo Std Italic';
  src: url("fonts/update/rotis_-webfont.eot");
  src: url("fonts/update/rotis_-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/update/rotis_-webfont.woff") format("woff"), url("fonts/update/rotis_-webfont.ttf") format("truetype"), url("fonts/update/rotis_-webfont.svg#rotisserifregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.minimap {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Disable selection/Copy of UIWebView */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  cursor: pointer;
  background-color: #111111;
  border: 1px solid #23221a;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 30px;
  width: 130px;
  height: 80px;
  display: none;
}
.minimap * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Disable selection/Copy of UIWebView */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
}
.minimap .blocks {
  display: none;
  background-color: #595644;
}
.minimap .viewport {
  display: none;
  background-color: #ffffff;
  border: 1px solid red;
}

.bigmap .bg {
  z-index: 1003;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
}
.bigmap .bigmap-canvas {
  z-index: 1004;
  /*background-color: #111111;*/
  /*border: 1px solid red;*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 95%;
  height: 95%;
}
.bigmap .bigmap-canvas .blocks {
  display: none;
  background-color: #a29977;
}
.bigmap .bigmap-canvas .viewport {
  display: none;
  background-color: white;
  border: 1px solid red;
}

.page404 {
  width: 480px;
  height: 192px;
  position: relative;
  text-align: center;
  background-image: url("../images/single-tile-96.jpg");
}
.page404 .closebutton {
  position: absolute;
  left: 480px;
  top: -24px;
}
.page404 .body404 {
  padding: 24px;
  width: 432px;
  display: block;
  text-align: center;
}
.page404 .button404 {
  position: absolute;
  bottom: 32px;
  width: 100%;
  display: block;
  text-align: center;
  cursor: pointer;
  background-image: url("../images/single-tile-96.jpg");
}
.page404 .button404 .arrow {
  width: 96px;
  height: 96px;
  display: block;
  position: absolute;
  left: 192px;
  background: url("../images/arrows.png") no-repeat transparent;
  background-position: 17px -107px;
}

.rolloverenabled .over {
  display: none;
}

.ui-part {
  display: none;
}
.ui-part.footer-fr {
  display: block;
}
.ui-part .footer-nav {
  display: none;
}

.fade {
  display: none;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 96px;
  background-image: url("../images/single-tile-fade.png");
  background-repeat: repeat-x;
}
body.size64 .fade {
  height: 64px;
  background-image: url("../images/single-tile-fade-64.png");
}

.share {
  position: absolute;
  bottom: 16px;
  left: 16px;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.share.size64 {
  bottom: 8px;
  left: 8px;
}

.sharebar {
  z-index: 1100;
  left: 0px;
  top: 0px;
  position: absolute;
  width: 0px;
  height: 44px;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  line-height: 0;
}
.sharebar .offset {
  position: absolute;
  /*background: url('../images/empty.png') repeat;*/
  left: 0px;
  top: 0px;
  width: 42px;
  height: 44px;
  background: rgba(0, 0, 0, 0.7);
}
.sharebar .offset.sharetext {
  background: none;
}
html.isoldie .sharebar .offset {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.sharebar .content {
  position: absolute;
  top: 0px;
  width: 158px;
  height: 44px;
  background: rgba(0, 0, 0, 0.7);
  /*background: url('../images/share-back.png') no-repeat -24px 0px;*/
}
html.isoldie .sharebar .content {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.sharebar .content.sharezh-hans {
  width: 200px;
}
.sharebar .content.shareja {
  width: 250px;
}
.sharebar .content.sharees {
  width: 250px;
}
.sharebar .content.sharede {
  width: 200px;
}
.sharebar .content.sharefr {
  width: 200px;
}
.sharebar .content.sharetext {
  background: none;
}
.sharebar .fb_edge_comment_widget iframe {
  width: 330px !important;
  display: none !important;
}
.sharebar .button {
  cursor: pointer;
}
.sharebar .likebutton {
  left: 5px;
  top: 4px;
  width: 54px;
  height: 25px;
  position: absolute;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.sharebar .facebookicon {
  left: 72px;
  top: 9px;
  position: absolute;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.sharebar .renrenicon {
  left: 72px;
  top: 9px;
  position: absolute;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.sharebar .renrenicon.sharezh-hans {
  left: 3px;
}
.sharebar .twittericon {
  left: 99px;
  top: 11px;
  position: absolute;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-transform: translate3d(0, 0, 0);
}
.sharebar .twittericon.sharezh-hans {
  left: 31px;
}
.sharebar .pinteresticon {
  left: 128px;
  top: 9px;
  position: absolute;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.sharebar .pinteresticon.sharezh-hans {
  left: 59px;
}
.sharebar .linkicon {
  left: 129px;
  top: 4px;
  position: absolute;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-transform: translate3d(0, 0, 0);
}
.sharebar .sharewarning {
  display: block;
  font-size: 8px;
  color: #aea17e;
  position: absolute;
  top: 38px;
  margin-left: -36px;
  font-style: italic;
}

.tooltip {
  z-index: 1101;
  left: 0px;
  top: 0px;
  position: absolute;
  display: none;
  width: 200px;
}
.tooltip .content {
  position: absolute;
}
.tooltip .tooltiptext {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding-bottom: 3px;
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
  font-style: italic;
}
html.isoldie .tooltip .tooltiptext {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}

.scrollbar {
  position: absolute;
  right: 24px;
  width: 3px;
  height: 100%;
  display: none;
}
.scrollbar.size64 {
  right: 16px;
}
.scrollbar .scrolltop {
  background: url("../images/scroll-top.png") repeat;
  width: 3px;
  height: 5px;
  display: block;
}
.scrollbar .scrollmiddle {
  background: url("../images/scroll-middle.png") repeat;
  height: 100%;
  display: block;
}
.scrollbar .scrollbottom {
  background: url("../images/scroll-bottom.png") repeat;
  display: block;
  width: 3px;
  height: 5px;
}
.scrollbar .scrollslider {
  width: 11px;
  height: 50px;
  left: -4px;
  top: 0px;
  background: url("../images/scroll-slider.png") repeat-y;
  background-position: 4px 0px;
  position: absolute;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.scrollbar .scrollslider:hover {
  background: url("../images/scroll-slider-over.png") repeat-y;
  background-position: 4px, 0px;
  background-position-x: 4px;
}

.closebutton {
  width: 24px;
  height: 24px;
  position: absolute;
  cursor: pointer;
  background: url("../images/closebutton-up.png") no-repeat;
}
.closebutton:hover {
  background: url("../images/closebutton-over.png") no-repeat;
}

.storelocator h1 {
  padding-bottom: 16px;
}
.storelocator .contentcontainer {
  position: relative;
}

.legalpage {
  position: absolute;
  display: block;
  margin: 0px;
  /*.headers {
  	margin:24px;
  	position: relative;
  }*/
}
body.html5_map .legalpage {
  position: relative;
}
.legalpage.grid64 {
  background-image: url("../images/single-tile-64.jpg");
  background-repeat: repeat;
}
.legalpage.grid96 {
  background-image: url("../images/single-tile-96.jpg");
  background-repeat: repeat;
}
.legalpage h1 {
  display: block;
}
.legalpage h2 {
  display: block;
  padding-top: 24px;
}
.legalpage .contentcontainer {
  margin-left: 24px;
  margin-right: 30px;
  position: relative;
  display: block;
  overflow: hidden;
}
.legalpage .contentcontainer .textcontent {
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
  margin-bottom: 64px;
}

.storingpage {
  display: block;
  position: relative;
  display: block;
  /*.headers {
  	margin:24px;
  	position: relative;
  }*/
}
.storingpage .text {
  position: absolute;
  overflow: hidden;
}
.storingpage .text.grid64 {
  background-image: url("../images/single-tile-64.jpg");
  background-repeat: repeat;
}
.storingpage .text.grid96 {
  background-image: url("../images/single-tile-96.jpg");
  background-repeat: repeat;
}
.storingpage .image {
  position: absolute;
}
.storingpage .image .headers {
  position: absolute;
  bottom: 24px;
  width: 100%;
  margin: 0px;
}
.storingpage .image .head {
  float: left;
  display: block;
  line-height: 12pt;
  width: 100%;
}
.storingpage .image .head.size64 {
  line-height: 10pt;
}
.storingpage .image .sub {
  display: block;
  line-height: 12pt;
  width: 100%;
}
.storingpage .image .sub.size64 {
  line-height: 11pt;
}
.storingpage .image h1 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}
html.isoldie .storingpage .image h1 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.storingpage .image h2 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}
html.isoldie .storingpage .image h2 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.storingpage .contentcontainer {
  margin-left: 24px;
  margin-right: 30px;
  position: relative;
  display: block;
  overflow: hidden;
}
.storingpage .contentcontainer .textcontent {
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
  margin-bottom: 64px;
}

.servingpage {
  display: block;
  position: relative;
  	/*.headers {
  		margin:24px;
  		position: relative;
  	}
  
  	.scrollbar {
  		position: absolute;
  		right:24px;
  		top:90px;
  		height: 100%;
  	}*/
}
.servingpage .text {
  position: absolute;
  overflow: hidden;
}
.servingpage .text.grid64 {
  background-image: url("../images/single-tile-64.jpg");
  background-repeat: repeat;
}
.servingpage .text.grid96 {
  background-image: url("../images/single-tile-96.jpg");
  background-repeat: repeat;
}
.servingpage .glassimage {
  position: absolute;
}
.servingpage .servingimage {
  position: absolute;
}
.servingpage .servingimage .headers {
  position: absolute;
  bottom: 24px;
  width: 100%;
  margin: 0px;
}
.servingpage .servingimage .head {
  float: left;
  display: block;
  line-height: 12pt;
  width: 100%;
}
.servingpage .servingimage .head.size64 {
  line-height: 10pt;
}
.servingpage .servingimage .sub {
  display: block;
  line-height: 12pt;
  width: 100%;
}
.servingpage .servingimage .sub.size64 {
  line-height: 11pt;
}
.servingpage .servingimage h1 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}
html.isoldie .servingpage .servingimage h1 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.servingpage .servingimage h2 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}
html.isoldie .servingpage .servingimage h2 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.servingpage .contentcontainer {
  margin-left: 24px;
  margin-right: 30px;
  position: relative;
  display: block;
  overflow: hidden;
}
.servingpage .contentcontainer .textcontent {
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
  margin-bottom: 64px;
}
.servingpage .controls {
  position: absolute;
}
.servingpage .controls.grid64 {
  width: 64px;
  height: 64px;
  background-image: url("../images/single-tile-64.jpg");
}
.servingpage .controls.grid96 {
  width: 96px;
  height: 96px;
  background-image: url("../images/single-tile-96.jpg");
}
.servingpage .controls .container {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -26px;
  margin-top: -12px;
  display: block;
  font-family: "GillSans Light";
  font-size: 12pt;
  color: #a0a0a0;
  line-height: 14pt;
  letter-spacing: 0.05em;
}
.servingpage .controls .arrowleft {
  cursor: pointer;
  float: left;
  margin-right: 6px;
  width: 20px;
}
.servingpage .controls .arrowright {
  cursor: pointer;
  float: left;
  margin-left: 6px;
  width: 20px;
}

.sitemap {
  display: block;
  position: relative;
}
.sitemap ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
.sitemap .headers {
  z-index: 1;
  padding-top: 24px;
}
.sitemap .headers.size64 {
  padding-top: 16px;
  margin-top: 24px;
}
.sitemap .tiledcontainer {
  z-index: 1;
  position: absolute;
  background-repeat: repeat;
}
.sitemap .tiledcontainer.size96 {
  background-image: url("../images/single-tile-96.jpg");
}
.sitemap .tiledcontainer.size64 {
  background-image: url("../images/single-tile-64.jpg");
}
.sitemap .sitemap-menu.size96 {
  text-transform: uppercase;
  padding: 0px;
  margin-left: 24px;
  margin-right: 24px;
  display: block;
}
.sitemap .sitemap-menu.size96 .menu-item a {
  font-family: "GillSans Light";
  font-size: 10pt;
  color: #aea17e;
  line-height: 14pt;
  letter-spacing: 0.05em;
}
.sitemap .sitemap-menu.size96 .menu-item a:hover {
  color: white;
}
.sitemap .sitemap-menu.size96 .sub-menu {
  padding-left: 16px;
}
.sitemap .sitemap-menu.size96 .sub-menu a {
  outline: 0 none;
  font-family: "GillSans Light";
  font-size: 8pt;
  color: #a0a0a0;
  line-height: 14pt;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding-left: 0px;
  display: block;
}
.sitemap .sitemap-menu.size96 .sub-menu a:hover {
  color: white;
}
.sitemap .sitemap-menu.size96 > li > .sub-menu > li > a {
  font-family: "GillSans Light";
  font-size: 10pt;
  color: #aea17e;
  line-height: 14pt;
  letter-spacing: 0.05em;
}
.sitemap .sitemap-menu.size96 > li > a {
  font-family: "GillSans Light";
  font-size: 12pt;
  color: #a0a0a0;
  line-height: 14pt;
  letter-spacing: 0.05em;
  display: block;
  padding-top: 24px;
  padding-bottom: 12px;
  /*line-height:40pt;*/
}
.sitemap .sitemap-menu.size96 > li > a:hover {
  color: white;
}
.sitemap .sitemap-menu.size64 {
  text-transform: uppercase;
  padding: 0px;
  margin-left: 16px;
  margin-right: 16px;
  display: block;
}
.sitemap .sitemap-menu.size64 .menu-item a {
  font-family: "GillSans Light";
  font-size: 8pt;
  color: #aea17e;
  line-height: 12pt;
  letter-spacing: 0.05em;
}
.sitemap .sitemap-menu.size64 .menu-item a:hover {
  color: white;
}
.sitemap .sitemap-menu.size64 .sub-menu {
  padding-left: 10px;
}
.sitemap .sitemap-menu.size64 .sub-menu a {
  outline: 0 none;
  font-family: "GillSans Light";
  font-size: 8pt;
  color: #a0a0a0;
  line-height: 12pt;
  letter-spacing: 0.05em;
  text-transform: text-transform;
  padding-left: 0px;
  display: block;
}
.sitemap .sitemap-menu.size64 .sub-menu a:hover {
  color: white;
}
.sitemap .sitemap-menu.size64 > li > .sub-menu > li > a {
  font-family: "GillSans Light";
  font-size: 8pt;
  color: #aea17e;
  line-height: 12pt;
  letter-spacing: 0.05em;
}
.sitemap .sitemap-menu.size64 > li > a {
  font-family: "GillSans Light";
  font-size: 10pt;
  color: #a0a0a0;
  line-height: 12pt;
  letter-spacing: 0.05em;
  display: block;
  padding-top: 16px;
  padding-bottom: 12px;
}
.sitemap .sitemap-menu.size64 > li > a:hover {
  color: white;
}
.sitemap a {
  text-decoration: none;
  outline: 0 none;
}

#debugPanel {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 100;
  padding: 30px;
  margin: 10px;
  line-height: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#debugPanel button, #debugPanel input {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/*tile size debug grid*/
.html5_map.debug.tilesize-large #map #debugMap {
  background: url("../images/tile-bg-96.gif") repeat;
}

.html5_map.debug.tilesize-small #map #debugMap {
  background: url("../images/tile-bg-64.gif") repeat;
}

.html5_map.debug {
  overflow: visible;
}
.html5_map.debug .generated {
  visibility: visible;
}
.html5_map.debug #map #debugMap {
  position: absolute;
}
.html5_map.debug #map #debugMap #startpoint {
  background: #d2691e;
  position: absolute;
  top: 0;
  left: 0;
}
.html5_map.debug #map .tilecontainer {
  border: 1px dashed black;
  background: rgba(255, 235, 205, 0.5);
}
.html5_map.debug #map .tilecontainer .debug {
  display: block;
}
.html5_map.debug #map .tilecontainer .debug .debugRelatedInfo {
  z-index: 99998;
  font-size: 12px;
  color: green;
  position: absolute;
  left: 10px;
  top: 10px;
  background: white;
  padding: 0 3px;
}
.html5_map.debug #map .tilecontainer .debug .debugBoudries {
  border: 1px solid white;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.html5_map.debug #debugPanel {
  display: block;
  color: #bbffbb;
  font-weight: bold;
  font-family: courier;
  font-size: 15px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 black;
}

#map .tilecontainer .debug {
  display: none;
}

.html5_map #preloader {
  background: url("../images/logo_transparent.png") 50% 50% no-repeat transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
.html5_map #preloader .progress {
  display: table-cell;
  color: white;
  vertical-align: middle;
  text-align: center;
}

.grid-article {
  /*background: #A2ABC0;*/
}
.grid-article.findvintages div {
  margin: 0px, 0px, 0px, 0px;
  display: block;
}
.grid-article.findvintages span {
  display: block;
}
.grid-article.findvintages .controls {
  position: absolute;
  top: 16.66%;
  left: 0%;
  width: 33.33%;
  height: 16.66%;
  display: block;
}
.grid-article.findvintages .controls .container {
  padding-left: 24px;
  padding-top: 24px;
  width: 100%;
}
.grid-article.findvintages .controls .container.size64 {
  padding-left: 16px;
  padding-top: 16px;
}
.grid-article.findvintages .controls .arrowleft {
  cursor: pointer;
  float: left;
  margin-right: 10px;
  width: 20px;
  height: 24px;
}
.grid-article.findvintages .controls .arrowright {
  cursor: pointer;
  float: left;
  margin-left: 10px;
  width: 20px;
  height: 24px;
}
.grid-article.findvintages .controls .pagination {
  color: #aea17e;
  padding-top: 5px;
  float: left;
  text-align: center;
  vertical-align: bottom;
  width: 40px;
  height: 25px;
}
.grid-article.findvintages .selectedvintage {
  float: left;
  display: block;
  position: relative;
  width: 40%;
  height: 100%;
}
.grid-article.findvintages .selectedvintage blockquote {
  margin-left: 0px;
  margin-top: 0px;
  font-family: "Bembo Std Italic";
  font-size: 12pt;
  line-height: 18pt;
  color: white;
}
.grid-article.findvintages .selectedvintage .vintagetext {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.grid-article.findvintages .selectedvintage .vintagetext .textcontent {
  padding: 24px;
}
.grid-article.findvintages .selectedvintage .vintagetext .textcontent.size64 {
  padding: 16px;
}
.grid-article.findvintages .selectedvintage .vintagetext .textcontent .contentcontainer {
  overflow: hidden;
}
.grid-article.findvintages .selectedvintage .vintagetext .textcontent .text {
  position: relative;
  margin-top: 24px;
}
.grid-article.findvintages .selectedvintage .vintagetext .textcontent .text.size64 {
  margin-top: 16px;
}
.grid-article.findvintages .selectedvintage .vintageimage {
  position: absolute;
  top: 16.666666%;
  left: 100%;
  display: none;
  width: 75%;
  height: 66.666666%;
}
.grid-article.findvintages .selectedvintage .vintageimage img {
  width: 100%;
  height: 100%;
}
.grid-article.findvintages .filter {
  float: left;
  position: relative;
  width: 60%;
  height: 100%;
}
.grid-article.findvintages .filter .headers {
  display: block;
  width: 100%;
  height: 16.66666%;
}
.grid-article.findvintages .filter .selects {
  position: absolute;
  top: 16.66000%;
  left: 33.33333%;
  width: 66.666666%;
  height: 16.666666%;
}
.grid-article.findvintages .filter .selects div {
  margin-top: 8px;
  margin-right: 8px;
  display: block;
  float: left;
}
.grid-article.findvintages .filter .filtereditems {
  position: absolute;
  width: 100%;
  height: 66.66%;
  bottom: 0%;
}
.grid-article.findvintages .filter .filtereditem {
  position: relative;
  width: 33.33%;
  height: 50%;
  overflow: hidden;
  float: left;
  display: block;
  cursor: pointer;
}
.grid-article.findvintages .filter .filtereditem .image {
  position: absolute;
  display: none;
  width: 100%;
  width: 100%;
}
.grid-article.findvintages .filter .filtereditem .image img {
  width: 100%;
  width: 100%;
}
.grid-article.findvintages .filter .filtereditem .filterheaders {
  position: absolute;
  bottom: 24px;
}
.grid-article.findvintages .filter .filtereditem .filterheaders .head {
  float: left;
  display: block;
  line-height: 12pt;
  width: 100%;
}
.grid-article.findvintages .filter .filtereditem .filterheaders .sub {
  display: block;
  line-height: 8pt;
  width: 100%;
}
.grid-article.findvintages .filter .filtereditem .filterheaders h1 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}
html.isoldie .grid-article.findvintages .filter .filtereditem .filterheaders h1 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.grid-article.findvintages .filter .filtereditem .filterheaders h2 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 12pt;
}
html.isoldie .grid-article.findvintages .filter .filtereditem .filterheaders h2 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.grid-article.image a {
  text-decoration: none;
}
.grid-article.image .headers {
  position: absolute;
  margin-left: 0px;
  bottom: 24px;
  width: 100%;
}
.grid-article.image .headers.size64 {
  margin-left: 0px;
  bottom: 16px;
}
.grid-article.image .head {
  float: left;
  display: block;
  line-height: 13pt;
  width: 100%;
}
.grid-article.image .head.size64 {
  line-height: 10pt;
}
.grid-article.image .sub {
  display: block;
  line-height: 13pt;
  width: 100%;
}
.grid-article.image .sub.size64 {
  line-height: 11pt;
}
.grid-article.image h1 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 8px;
  padding-right: 8px;
}
html.isoldie .grid-article.image h1 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.grid-article.image h2 {
  background: rgba(21, 21, 20, 0.8);
  display: inline;
  padding-left: 8px;
  padding-right: 8px;
}
html.isoldie .grid-article.image h2 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.grid-article.image .quote {
  font-family: "Bembo Std Italic";
  font-size: 13pt;
  line-height: 18pt;
  color: white;
  position: absolute;
  left: 24px;
  top: 24px;
  right: 24px;
  -webkit-font-smoothing: antialiased;
}
.grid-article.image .quote.size64 {
  font-family: "Bembo Std Italic";
  font-size: 10pt;
  line-height: 14pt;
  color: white;
  left: 16px;
  top: 16px;
  right: 16px;
}
.grid-article.text h1 {
  position: relative;
  display: inline;
}
.grid-article.text h2 {
  position: relative;
  display: block;
}
.grid-article.text .contentcontainer {
  margin-left: 24px;
  margin-right: 30px;
  position: relative;
  display: block;
  overflow: hidden;
}
.grid-article.text .contentcontainer .text {
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.grid-article.quote div {
  display: block;
  margin: 0px, 0px, 0px, 0px;
}
.grid-article.quote h1 {
  display: inline;
}
.grid-article.quote h2 {
  display: inline;
}
.grid-article.quote blockquote {
  margin-left: 24px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 24px;
  font-family: "Bembo Std Italic";
  font-size: 11pt;
  line-height: 14pt;
  color: white;
}
.grid-article.quote blockquote.size64 {
  margin-left: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 16px;
  font-family: "Bembo Std Italic";
  font-size: 8pt;
  line-height: 12pt;
  color: white;
}
.grid-article.quote .name {
  margin-left: 24px;
  margin-right: 24px;
  font-family: "GillSans Light";
  font-size: 11pt;
  color: #aea17e;
  line-height: 12pt;
  letter-spacing: 0.05em;
}
.grid-article.quote .name.size64 {
  margin-left: 16px;
  margin-right: 16px;
  font-family: "GillSans Light";
  font-size: 8pt;
  color: #aea17e;
  line-height: 8pt;
  letter-spacing: 0.05em;
}
.grid-article.quote .quotebottom hgroup {
  margin-left: 6px;
  margin-top: 24px;
  width: 90%;
}
.grid-article.quote .quotebottom hgroup.size64 {
  margin-top: 16px;
}
.grid-article.quote .quotetop {
  height: 100%;
}
.grid-article.quote .quotetop hgroup {
  width: 90%;
  display: block;
  margin-left: 6px;
  position: absolute;
  bottom: 24px;
}
.grid-article.quote .quotetop hgroup.size64 {
  bottom: 16px;
}
.grid-article.video .playbutton {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -22px;
  cursor: pointer;
}
.grid-article.galleryimage {
  cursor: pointer;
}
.grid-article.galleryimage .fullscreen {
  position: absolute;
  right: 13px;
  bottom: 13px;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.grid-article.social hgroup {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.grid-article.social div {
  display: block;
  margin: 0px, 0px, 0px, 0px;
}
.grid-article.social h1 {
  margin-left: 24px;
  display: inline;
}
body.tilesize-small .grid-article.social h1 {
  margin-left: 16px;
}
.grid-article.social h1.size64 {
  font-size: 10pt;
  line-height: 10pt;
  letter-spacing: .045em;
}
.grid-article.social h2 {
  margin-top: 24px;
  margin-left: 24px;
  display: inline-block;
}
body.tilesize-small .grid-article.social h2 {
  margin-top: 16px;
  margin-left: 16px;
}
.grid-article.social h2.size64 {
  font-size: 8pt;
  line-height: 8pt;
  letter-spacing: .045em;
}
.grid-article.social .contentcontainer {
  position: relative;
  margin-left: 24px;
  margin-right: 24px;
  display: block;
  overflow: hidden;
  height: 100%;
}
.grid-article.social .contentcontainer .text {
  left: 0px;
  top: 0px;
  position: absolute;
}
body.tilesize-small .grid-article.social .contentcontainer {
  margin-left: 16px;
  margin-right: 8px;
}
.grid-article.instagram .subheading {
  position: absolute;
  bottom: 47px;
}
.grid-article.instagram .subheading h2 {
  background: rgba(21, 21, 20, 0.8);
  padding: 0px 10px 0px 10px;
  margin-left: 0px;
}
html.isoldie .grid-article.instagram .subheading h2 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
body.size64 .grid-article.instagram .subheading {
  bottom: 30px;
  margin-left: 0px;
}
body.size64 .grid-article.instagram .subheading h2 {
  margin-left: 0px;
}
.grid-article.instagram .heading {
  position: absolute;
  bottom: 24px;
}
.grid-article.instagram .heading h1 {
  background: rgba(21, 21, 20, 0.8);
  padding: 0px 10px 0px 10px;
  margin-left: 0px;
}
html.isoldie .grid-article.instagram .heading h1 {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
body.size64 .grid-article.instagram .heading {
  bottom: 16px;
  margin-left: 0px;
}
body.size64 .grid-article.instagram .heading h1 {
  margin-left: 0px;
}
.grid-article.manifesto .controls {
  position: absolute;
  right: 20px;
  top: 30px;
  display: block;
}
.grid-article.manifesto .controls .arrowleft {
  cursor: pointer;
  position: absolute;
  right: 31px;
  cursor: pointer;
  width: 20px;
  height: 24px;
}
html.isoldie .grid-article.manifesto .controls .arrowleft {
  z-index: 1;
}
.grid-article.manifesto .controls .arrowright {
  cursor: pointer;
  position: absolute;
  right: 0px;
  cursor: pointer;
  width: 20px;
  height: 24px;
}
html.isoldie .grid-article.manifesto .controls .arrowright {
  z-index: 1;
}
.grid-article.manifesto .manifesto-article {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.grid-article.manifesto .manifesto-article div {
  display: block;
  margin: 0px, 0px, 0px, 0px;
}
html.isoldie .grid-article.manifesto .manifesto-article .scrollbar {
  z-index: 1;
}
.grid-article.manifesto .manifesto-article .contentcontainer {
  margin-left: 24px;
  margin-right: 24px;
  position: relative;
  display: block;
  overflow: hidden;
}
.grid-article.manifesto .manifesto-article .contentcontainer.size64 {
  margin-left: 16px;
  margin-right: 16px;
}
.grid-article.manifesto .manifesto-article .contentcontainer .text {
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
}
.grid-article.manifesto .manifesto-article blockquote {
  margin-top: 24px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 24px;
  font-family: "Bembo Std Italic";
  font-size: 12pt;
  line-height: 16pt;
  color: white;
}
.grid-article.manifesto .manifesto-article blockquote.size64 {
  margin-left: 0px;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 0px;
  font-family: "Bembo Std Italic";
  font-size: 8pt;
  line-height: 12pt;
  color: white;
}

.tilesize-large #map .tilecontainer .arrowstorelocator {
  left: -96px;
  top: 48px;
  opacity: 1;
  position: absolute;
}

.tilesize-large #map .tilecontainer .arrowhitstorelocator {
  width: 96px;
  height: 96px;
  left: -96px;
  top: 48px;
  position: absolute;
}

/*idle state of arrow input container*/
.tilesize-large #map .tilecontainer .arrow {
  pointer-events: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -webkit-transition: all 0ms;
  /* older webkit */
  -webkit-transition: all 0ms;
  -moz-transition: all 0ms;
  -ms-transition: all 0ms;
  -o-transition: all 0ms;
  transition: all 0ms;
  /* custom */
  -webkit-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -moz-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -ms-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -o-transform: scaleY(1) scaleX(1) translate(0, 0px);
  transform: scaleY(1) scaleX(1) translate(0, 0px);
  /*border: 1px solid red;*/
  /*z-index: 9999999;*/
  width: 96px;
  height: 96px;
  display: block;
  position: absolute;
  z-index: 1;
  background: url("../images/arrows.png") no-repeat transparent;
}
.tilesize-large #map .tilecontainer .arrow.animated {
  /*
  animations,
  another ease? http://matthewlein.com/ceaser/
  */
  -webkit-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  -moz-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  -ms-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  -o-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  -moz-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  -ms-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  -o-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  /* custom */
  -webkit-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -moz-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -ms-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -o-transform: scaleY(1) scaleX(1) translate(0, 0px);
  transform: scaleY(1) scaleX(1) translate(0, 0px);
}
.tilesize-large #map .tilecontainer .arrow.darken {
  background: url("../images/arrows-black.png") no-repeat transparent;
}
.tilesize-large #map .tilecontainer .arrow.top {
  background-position: 16px 61px;
}
.tilesize-large #map .tilecontainer .arrow.right {
  background-position: -242px -15px;
}
.tilesize-large #map .tilecontainer .arrow.bottom {
  background-position: 17px -107px;
}
.tilesize-large #map .tilecontainer .arrow.left {
  background-position: -62px -14px;
}
.tilesize-large #map .tilecontainer .arrow.flipped {
  z-index: 1002;
}
.tilesize-large #map .tilecontainer .arrow.flipped.top {
  -webkit-transform: scaleY(-1) translate(0, -100px);
  -moz-transform: scaleY(-1) translate(0, -100px);
  -ms-transform: scaleY(-1) translate(0, -100px);
  -o-transform: scaleY(-1) translate(0, -100px);
  transform: scaleY(-1) translate(0, -100px);
}
.tilesize-large #map .tilecontainer .arrow.flipped.top.back {
  -webkit-transform: scaleY(-1) translate(0, 0px);
  -moz-transform: scaleY(-1) translate(0, 0px);
  -ms-transform: scaleY(-1) translate(0, 0px);
  -o-transform: scaleY(-1) translate(0, 0px);
  transform: scaleY(-1) translate(0, 0px);
}
.tilesize-large #map .tilecontainer .arrow.flipped.right {
  -webkit-transform: scaleX(-1) translate(100px, 0);
  -moz-transform: scaleX(-1) translate(100px, 0);
  -ms-transform: scaleX(-1) translate(100px, 0);
  -o-transform: scaleX(-1) translate(100px, 0);
  transform: scaleX(-1) translate(100px, 0);
}
.tilesize-large #map .tilecontainer .arrow.flipped.right.back {
  -webkit-transform: scaleX(-1) translate(0px, 0);
  -moz-transform: scaleX(-1) translate(0px, 0);
  -ms-transform: scaleX(-1) translate(0px, 0);
  -o-transform: scaleX(-1) translate(0px, 0);
  transform: scaleX(-1) translate(0px, 0);
}
.tilesize-large #map .tilecontainer .arrow.flipped.bottom {
  -webkit-transform: scaleY(-1) translate(0, 100px);
  -moz-transform: scaleY(-1) translate(0, 100px);
  -ms-transform: scaleY(-1) translate(0, 100px);
  -o-transform: scaleY(-1) translate(0, 100px);
  transform: scaleY(-1) translate(0, 100px);
}
.tilesize-large #map .tilecontainer .arrow.flipped.bottom.back {
  -webkit-transform: scaleY(-1) translate(0, 0px);
  -moz-transform: scaleY(-1) translate(0, 0px);
  -ms-transform: scaleY(-1) translate(0, 0px);
  -o-transform: scaleY(-1) translate(0, 0px);
  transform: scaleY(-1) translate(0, 0px);
}
.tilesize-large #map .tilecontainer .arrow.flipped.left {
  -webkit-transform: scaleX(-1) translate(-100px, 0);
  -moz-transform: scaleX(-1) translate(-100px, 0);
  -ms-transform: scaleX(-1) translate(-100px, 0);
  -o-transform: scaleX(-1) translate(-100px, 0);
  transform: scaleX(-1) translate(-100px, 0);
}
.tilesize-large #map .tilecontainer .arrow.flipped.left.back {
  -webkit-transform: scaleX(-1) translate(-arrow_96_flipped_offset-100px, 0);
  -moz-transform: scaleX(-1) translate(-arrow_96_flipped_offset-100px, 0);
  -ms-transform: scaleX(-1) translate(-arrow_96_flipped_offset-100px, 0);
  -o-transform: scaleX(-1) translate(-arrow_96_flipped_offset-100px, 0);
  transform: scaleX(-1) translate(-arrow_96_flipped_offset-100px, 0);
}

/*on rollover container*/
.tilesize-large #map .tilecontainer:hover .arrow.top {
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transform: translate(0, -20px);
}
.tilesize-large #map .tilecontainer:hover .arrow.flipped.top {
  -webkit-transform: scaleY(-1) translate(0, -120px);
  -moz-transform: scaleY(-1) translate(0, -120px);
  -ms-transform: scaleY(-1) translate(0, -120px);
  -o-transform: scaleY(-1) translate(0, -120px);
  transform: scaleY(-1) translate(0, -120px);
}
.tilesize-large #map .tilecontainer:hover .arrow.right {
  -webkit-transform: translate(20px, 0);
  -moz-transform: translate(20px, 0);
  -ms-transform: translate(20px, 0);
  -o-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
.tilesize-large #map .tilecontainer:hover .arrow.flipped.right {
  -webkit-transform: scaleX(-1) translate(120px, 0);
  -moz-transform: scaleX(-1) translate(120px, 0);
  -ms-transform: scaleX(-1) translate(120px, 0);
  -o-transform: scaleX(-1) translate(120px, 0);
  transform: scaleX(-1) translate(120px, 0);
}
.tilesize-large #map .tilecontainer:hover .arrow.bottom {
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.tilesize-large #map .tilecontainer:hover .arrow.flipped.bottom {
  -webkit-transform: scaleY(-1) translate(0, 120px);
  -moz-transform: scaleY(-1) translate(0, 120px);
  -ms-transform: scaleY(-1) translate(0, 120px);
  -o-transform: scaleY(-1) translate(0, 120px);
  transform: scaleY(-1) translate(0, 120px);
}
.tilesize-large #map .tilecontainer:hover .arrow.left {
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
.tilesize-large #map .tilecontainer:hover .arrow.flipped.left {
  -webkit-transform: scaleX(-1) translate(-120px, 0);
  -moz-transform: scaleX(-1) translate(-120px, 0);
  -ms-transform: scaleX(-1) translate(-120px, 0);
  -o-transform: scaleX(-1) translate(-120px, 0);
  transform: scaleX(-1) translate(-120px, 0);
}

.tilesize-small #map .tilecontainer .arrowstorelocator {
  left: -64px;
  top: 32px;
  opacity: 1;
  position: absolute;
}

.tilesize-small #map .tilecontainer .arrowhitstorelocator {
  width: 64px;
  height: 64px;
  left: -64px;
  top: 32px;
  position: absolute;
}

/*idle state of arrow input container*/
.tilesize-small #map .tilecontainer .arrow {
  pointer-events: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -webkit-transition: all 0ms;
  /* older webkit */
  -webkit-transition: all 0ms;
  -moz-transition: all 0ms;
  -ms-transition: all 0ms;
  -o-transition: all 0ms;
  transition: all 0ms;
  /* custom */
  -webkit-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -moz-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -ms-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -o-transform: scaleY(1) scaleX(1) translate(0, 0px);
  transform: scaleY(1) scaleX(1) translate(0, 0px);
  /*border: 1px solid red;*/
  /*z-index: 9999999;*/
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  z-index: 1;
  background: url("../images/arrows.png") no-repeat transparent;
}
.tilesize-small #map .tilecontainer .arrow.animated {
  /*
  animations,
  another ease? http://matthewlein.com/ceaser/
  */
  -webkit-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  -moz-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  -ms-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  -o-transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  transition: all 250ms cubic-bezier(0.105, 0.505, 0.21, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  -moz-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  -ms-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  -o-transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  transition-timing-function: cubic-bezier(0.105, 0.505, 0.21, 1);
  /* custom */
  -webkit-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -moz-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -ms-transform: scaleY(1) scaleX(1) translate(0, 0px);
  -o-transform: scaleY(1) scaleX(1) translate(0, 0px);
  transform: scaleY(1) scaleX(1) translate(0, 0px);
}
.tilesize-small #map .tilecontainer .arrow.darken {
  background: url("../images/arrows-black.png") no-repeat transparent;
}
.tilesize-small #map .tilecontainer .arrow.top {
  background-position: 1px 31px;
}
.tilesize-small #map .tilecontainer .arrow.right {
  background-position: -244px -31px;
}
.tilesize-small #map .tilecontainer .arrow.bottom {
  background-position: 1px -109px;
}
.tilesize-small #map .tilecontainer .arrow.left {
  background-position: -93px -30px;
}
.tilesize-small #map .tilecontainer .arrow.flipped {
  z-index: 1002;
}
.tilesize-small #map .tilecontainer .arrow.flipped.top {
  -webkit-transform: scaleY(-1) translate(0, -60px);
  -moz-transform: scaleY(-1) translate(0, -60px);
  -ms-transform: scaleY(-1) translate(0, -60px);
  -o-transform: scaleY(-1) translate(0, -60px);
  transform: scaleY(-1) translate(0, -60px);
}
.tilesize-small #map .tilecontainer .arrow.flipped.top.back {
  -webkit-transform: scaleY(-1) translate(0, 0px);
  -moz-transform: scaleY(-1) translate(0, 0px);
  -ms-transform: scaleY(-1) translate(0, 0px);
  -o-transform: scaleY(-1) translate(0, 0px);
  transform: scaleY(-1) translate(0, 0px);
}
.tilesize-small #map .tilecontainer .arrow.flipped.right {
  -webkit-transform: scaleX(-1) translate(60px, 0);
  -moz-transform: scaleX(-1) translate(60px, 0);
  -ms-transform: scaleX(-1) translate(60px, 0);
  -o-transform: scaleX(-1) translate(60px, 0);
  transform: scaleX(-1) translate(60px, 0);
}
.tilesize-small #map .tilecontainer .arrow.flipped.right.back {
  -webkit-transform: scaleX(-1) translate(0px, 0);
  -moz-transform: scaleX(-1) translate(0px, 0);
  -ms-transform: scaleX(-1) translate(0px, 0);
  -o-transform: scaleX(-1) translate(0px, 0);
  transform: scaleX(-1) translate(0px, 0);
}
.tilesize-small #map .tilecontainer .arrow.flipped.bottom {
  -webkit-transform: scaleY(-1) translate(0, 60px);
  -moz-transform: scaleY(-1) translate(0, 60px);
  -ms-transform: scaleY(-1) translate(0, 60px);
  -o-transform: scaleY(-1) translate(0, 60px);
  transform: scaleY(-1) translate(0, 60px);
}
.tilesize-small #map .tilecontainer .arrow.flipped.bottom.back {
  -webkit-transform: scaleY(-1) translate(0, 0px);
  -moz-transform: scaleY(-1) translate(0, 0px);
  -ms-transform: scaleY(-1) translate(0, 0px);
  -o-transform: scaleY(-1) translate(0, 0px);
  transform: scaleY(-1) translate(0, 0px);
}
.tilesize-small #map .tilecontainer .arrow.flipped.left {
  -webkit-transform: scaleX(-1) translate(-60px, 0);
  -moz-transform: scaleX(-1) translate(-60px, 0);
  -ms-transform: scaleX(-1) translate(-60px, 0);
  -o-transform: scaleX(-1) translate(-60px, 0);
  transform: scaleX(-1) translate(-60px, 0);
}
.tilesize-small #map .tilecontainer .arrow.flipped.left.back {
  -webkit-transform: scaleX(-1) translate(-arrow_64_flipped_offset-60px, 0);
  -moz-transform: scaleX(-1) translate(-arrow_64_flipped_offset-60px, 0);
  -ms-transform: scaleX(-1) translate(-arrow_64_flipped_offset-60px, 0);
  -o-transform: scaleX(-1) translate(-arrow_64_flipped_offset-60px, 0);
  transform: scaleX(-1) translate(-arrow_64_flipped_offset-60px, 0);
}

/*on rollover container*/
.tilesize-small #map .tilecontainer:hover .arrow.top {
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.tilesize-small #map .tilecontainer:hover .arrow.flipped.top {
  -webkit-transform: scaleY(-1) translate(0, -70px);
  -moz-transform: scaleY(-1) translate(0, -70px);
  -ms-transform: scaleY(-1) translate(0, -70px);
  -o-transform: scaleY(-1) translate(0, -70px);
  transform: scaleY(-1) translate(0, -70px);
}
.tilesize-small #map .tilecontainer:hover .arrow.right {
  -webkit-transform: translate(10px, 0);
  -moz-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  -o-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
.tilesize-small #map .tilecontainer:hover .arrow.flipped.right {
  -webkit-transform: scaleX(-1) translate(70px, 0);
  -moz-transform: scaleX(-1) translate(70px, 0);
  -ms-transform: scaleX(-1) translate(70px, 0);
  -o-transform: scaleX(-1) translate(70px, 0);
  transform: scaleX(-1) translate(70px, 0);
}
.tilesize-small #map .tilecontainer:hover .arrow.bottom {
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -o-transform: translate(0, 10px);
  transform: translate(0, 10px);
}
.tilesize-small #map .tilecontainer:hover .arrow.flipped.bottom {
  -webkit-transform: scaleY(-1) translate(0, 70px);
  -moz-transform: scaleY(-1) translate(0, 70px);
  -ms-transform: scaleY(-1) translate(0, 70px);
  -o-transform: scaleY(-1) translate(0, 70px);
  transform: scaleY(-1) translate(0, 70px);
}
.tilesize-small #map .tilecontainer:hover .arrow.left {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  -o-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}
.tilesize-small #map .tilecontainer:hover .arrow.flipped.left {
  -webkit-transform: scaleX(-1) translate(-70px, 0);
  -moz-transform: scaleX(-1) translate(-70px, 0);
  -ms-transform: scaleX(-1) translate(-70px, 0);
  -o-transform: scaleX(-1) translate(-70px, 0);
  transform: scaleX(-1) translate(-70px, 0);
}

.html5_map {
  height: 100%;
  overflow: hidden;
}
.html5_map .closebutton {
  display: block;
}
.html5_map .site-content {
  opacity: 0;
  display: block;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 100%;
}

/*starting point backgrounds*/
.tilesize-large #shield {
  background: url("../images/shield-96.jpg") 50% 50% no-repeat;
  width: 96px;
  height: 96px;
}

.tilesize-small #shield {
  background: url("../images/shield-64.jpg") 50% 50% no-repeat;
  width: 64px;
  height: 64px;
}

.generated {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  z-index: 1;
  visibility: hidden;
  overflow: hidden;
}

#main {
  position: relative;
  width: 100%;
  height: 100%;
}

.back_button-in-tilecontainer {
  display: block;
  background: url("../images/back-tilecontainer.png") center 20px no-repeat transparent;
  /*border: 1px solid red;*/
  padding: 0 10px;
  padding-bottom: 20px;
  font-style: italic;
  cursor: pointer;
  z-index: 1001;
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  right: 10px;
  top: 10px;
}
.galleryimage .back_button-in-tilecontainer {
  right: -36px;
  top: -38px;
}
.back_button-in-tilecontainer:hover {
  color: #aea17e;
  background-position: center -44px;
}

.html5_map #map {
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  -ms-transition-duration: 0ms;
  -o-transition-duration: 0ms;
  transition-duration: 0ms;
  z-index: 2;
  position: absolute;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.html5_map #map iframe, .html5_map #map img, .html5_map #map object {
  -webkit-user-drag: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.html5_map #map .tilecontainer {
  background-image: none;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  /*border: 1px solid green;*/
}
.html5_map #map .tilecontainer.clickable {
  cursor: pointer;
}
.html5_map #map .tilecontainer .tiles {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
}
.html5_map #map .tilecontainer .tiles canvas {
  pointer-events: none;
}
.html5_map #map .tilecontainer .tiles .tileholder {
  position: absolute;
}
.html5_map #map .tilecontainer .tiles .tileholder .tile {
  position: absolute;
  width: 100%;
  height: 100%;
}
.html5_map #map .tilecontainer .tiles .tileholder .tile.tileright {
  width: 214px;
  height: 146px;
  background-image: url("../images/tiles/open_to_right.png");
}
.html5_map #map .tilecontainer .tiles .tileholder .tile.tileleft {
  width: 214px;
  height: 146px;
  background-image: url("../images/tiles/open_to_left.png");
}
.html5_map #map .tilecontainer .tiles .tileholder .tile.tilebottom {
  width: 128px;
  height: 219px;
  background-image: url("../images/tiles/open_to_bottom.png");
}
.html5_map #map .tilecontainer .tiles .tileholder .tile.tiletop {
  width: 130px;
  height: 225px;
  background-image: url("../images/tiles/open_to_top.png");
}
.html5_map #map .tilecontainer .tiles .tileholder .tile.rendering {
  /*background: navy;*/
}
.html5_map #map .tilecontainer .tiles .tileholder .tile.rendered {
  /*background: green;*/
}
.html5_map #map .tilecontainer .content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
.html5_map #map .tilecontainer iframe {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: 1001;
}
.html5_map #map .tilecontainer .rollover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
}
.html5_map #map .tilecontainer .darkened {
  background: rgba(0, 0, 0, 0.85);
  height: inherit;
  width: inherit;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1001;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.005);
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}
.html5_map #map .tilecontainer .closebtn {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

footer {
  display: block;
  z-index: 999;
  position: absolute;
  right: 30px;
  bottom: 30px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-transform: uppercase;
}
footer nav {
  background: rgba(0, 0, 0, 0.4);
  padding-bottom: 2px;
}
footer ul {
  /*margin-bottom: 2px;*/
}
footer ul li {
  display: inline;
}
body.is_mobile footer ul {
  margin-bottom: 2px;
  margin-top: 2px;
}
html.isoldie footer ul {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
footer a {
  padding-left: 12px;
  padding-right: 12px;
  /*padding-bottom: 2px;*/
  font-family: "GillSans Regular";
  font-size: 7pt;
  color: #aea17e;
  line-height: 7pt;
  letter-spacing: 0.05em;
  text-decoration: none;
}
body.is_mobile footer a {
  font-size: 14pt;
  line-height: 20pt;
}
footer a:hover {
  color: white;
}
footer .legal {
  float: right;
  padding-right: 12px;
  font-size: 8pt;
  text-transform: uppercase;
  margin-bottom: -21px;
}

.lightbox {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  z-index: 1000;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.lightbox .loading {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -14px;
  margin-top: -14px;
}
.lightbox .bg {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
}
html.isoldie .lightbox .bg {
  background-image: url("../images/bgpixel.png") !important;
  background-repeat: repeat !important;
}
.lightbox .lightbox-content {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
}
.lightbox .lightbox-content #gallerycontainer h1 {
  display: none;
}
.lightbox .lightbox-content #gallerycontainer h2 {
  display: none;
}
.lightbox .lightbox-content #gallerycontainer .image {
  margin-top: 24px;
  margin-bottom: 0px;
}
.lightbox .lightbox-content #gallerycontainer .image .loadinganim {
  position: absolute;
  margin-left: -14px;
  margin-top: -14px;
}
.lightbox .lightbox-content #gallerycontainer .image .imagecontent {
  position: absolute;
  display: none;
}
.lightbox .lightbox-content #gallerycontainer .image .sharecontainer {
  position: absolute;
}
.lightbox .lightbox-content #gallerycontainer .text {
  margin-right: 132px;
  margin-top: 24px;
  text-align: left;
  /*@include gill-sans-light(8pt, $grey, 8pt);*/
  display: none;
}
.lightbox .lightbox-content #gallerycontainer .copyright {
  /*margin-left: 132px;*/
  margin-top: 12px;
  text-align: right;
  font-family: "GillSans Light";
  font-size: 8pt;
  color: #a0a0a0;
  line-height: 8pt;
  letter-spacing: 0.05em;
  display: none;
}
.lightbox .lightbox-content #gallerycontainer .controls {
  position: absolute;
  width: 110px;
}
.lightbox .lightbox-content #gallerycontainer .controls .arrowleft {
  cursor: pointer;
  float: left;
  margin-right: 15px;
  width: 20px;
  height: 24px;
}
.lightbox .lightbox-content #gallerycontainer .controls .arrowright {
  cursor: pointer;
  float: left;
  margin-left: 15px;
  width: 20px;
  height: 24px;
}
.lightbox .lightbox-content #gallerycontainer .controls .pagination {
  color: #aea17e;
  padding-top: 5px;
  float: left;
  text-align: center;
  vertical-align: bottom;
  width: 40px;
  height: 25px;
}

.tilesize-large .contact-page {
  background-image: url("../images/single-tile-96.jpg");
}

.contact-page {
  background-image: url("../images/single-tile-64.jpg");
}

.contact-page {
  width: 536px;
  height: 440px;
  padding: 20px;
  /* */
  background-color: black;
  position: relative;
}
.contact-page .venus-intro, .contact-page .cocoonase-intro {
  display: none;
}
.contact-page .venus-image, .contact-page .cocoonase-image {
  display: none;
}
.contact-page.venus {
  display: block;
  width: 920px;
}
.contact-page.venus .venus-image {
  display: inline-block;
}
.contact-page.venus .venus-intro {
  display: block;
  margin-bottom: 20px;
}
.contact-page.venus .validation-error {
  display: none !important;
}
.contact-page.venus #mail_subject, .contact-page.venus #mail_subject-button {
  display: none;
}
.contact-page.venus label {
  display: none;
}
.contact-page.venus h1 {
  margin-bottom: 20px;
}
.contact-page.venus textarea {
  height: 112px;
}
.contact-page.venus .contactimage {
  display: block;
  position: absolute;
  margin-top: -20px;
  margin-left: -20px;
}
.contact-page.venus .mainform {
  margin-left: 384px;
}
.contact-page.venus .closebutton {
  left: 959px;
}
.contact-page.cocoonase {
  display: block;
  width: 920px;
  height: 632px;
}
.contact-page.cocoonase .cocoonase-image {
  display: inline-block;
}
.contact-page.cocoonase .cocoonase-intro {
  display: block;
  margin-bottom: 20px;
}
.contact-page.cocoonase .validation-error {
  display: none !important;
}
.contact-page.cocoonase #mail_subject, .contact-page.cocoonase #mail_subject-button {
  display: none;
}
.contact-page.cocoonase label {
  display: none;
}
.contact-page.cocoonase h1 {
  margin-bottom: 20px;
  margin-top: 30px;
}
.contact-page.cocoonase textarea {
  height: 112px;
}
.contact-page.cocoonase .contactimage {
  display: block;
  position: absolute;
  margin-top: -50px;
  margin-left: -20px;
}
.contact-page.cocoonase .mainform {
  margin-left: 384px;
}
.contact-page.cocoonase .closebutton {
  left: 959px;
}
.contact-page .contactimage {
  display: none;
}
.contact-page .closebutton {
  left: 575px;
  top: -26px;
}
.contact-page #sender_title {
  display: block;
}
.contact-page .thankyou {
  display: none;
}
.contact-page h1 {
  margin-bottom: 35px;
}
.contact-page .validation-error {
  border: 0px none;
  position: absolute;
  top: 0;
  right: 0px;
  margin: 24px 24px;
  padding: 10px;
  width: 251px;
  height: 50px;
  display: none;
}
.contact-page input[type="text"], .contact-page input[type="email"], .contact-page select {
  font-family: "GillSans Light";
  font-size: 13px;
  color: white;
  line-height: 25px;
  letter-spacing: 0;
  height: 20px;
  color: #a0a0a0;
  outline: none;
  border: none;
  padding-left: 4px;
  background-image: url("../images/contact-txt-bg-wide.png");
  background-repeat: repeat;
  background-position: top left;
  width: 280px;
  background-color: black;
}
.contact-page input[type="text"].error, .contact-page input[type="email"].error, .contact-page select.error {
  background-position: bottom left;
}
.contact-page input[name="last_name"], .contact-page input[name="your-email"] {
  margin-right: 7px;
}
.contact-page label.error[generated="true"] {
  display: none !important;
}
.contact-page label.error, .contact-page label.checkbox_error {
  color: #5b2422;
}
.contact-page input[type="checkbox"] {
  float: left;
  clear: left;
  opacity: 0;
  display: none;
}
.contact-page input[type="submit"] {
  float: right;
  background: url("../images/contact-submit-arrow.png") no-repeat scroll right 4px transparent;
  border: medium none;
  color: #AEA17E;
  font-family: "GillSans Light";
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0.15em;
  padding-right: 15px;
  text-transform: uppercase;
}
.contact-page input[type="submit"]:hover {
  color: white;
}
.contact-page textarea {
  font-family: "GillSans Light";
  font-size: 13px;
  color: white;
  line-height: 25px;
  letter-spacing: 0;
  color: #a0a0a0;
  width: 529px;
  height: 147px;
  background: url("../images/contact-textarea-bg.png") no-repeat 0px 0px;
  resize: none;
  border-style: none;
  padding-left: 3px;
  margin-bottom: 15px;
  margin-right: 8px;
}
.contact-page .ui-selectmenu, .contact-page input, .contact-page select {
  margin-bottom: 10px;
}
.contact-page label {
  float: left;
  font-size: 10px;
  letter-spacing: 0.05em;
  background: url("../images/chkbox-bg.png") no-repeat 0px 0px transparent;
  cursor: pointer;
  /*height: 20px;*/
  line-height: 15px;
  margin: 0 0 0 0px;
  padding: 2px 0px 6px 18px;
  display: block;
  margin-right: 120px;
}
.contact-page label.checked {
  background: url("../images/chkbox-bg.png") no-repeat 0px -40px transparent;
}
.contact-page .ui-selectmenu span.error {
  background-position: bottom left;
}

.contactdisclaimer {
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 11px;
  padding-top: 84px;
  color: #a0a0a0;
}

.cocoonase .contactdisclaimer {
  padding-top: 220px;
}

.ui-selectmenu {
  display: block;
  display: inline-block;
  position: relative;
  height: 2.2em;
  vertical-align: middle;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
}

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  display: none;
  z-index: 1005;
}

/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-menu-popup {
  margin-top: -1px;
}

.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  font-weight: normal !important;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: .405em 2.1em .405em 1em;
  outline: none;
  text-decoration: none;
  height: 21px;
}

.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
  cursor: default;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0;
}

.ui-selectmenu-status {
  line-height: 1.4em;
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: .8;
}

/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: .6em .5em 0;
  font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}

/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li {
  border-color: pink;
  filter: chroma(color=pink);
  width: 100%;
}

* html .ui-selectmenu-menu li a {
  position: relative;
}

/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a {
  color: silver;
}

div.wrap-select-wide {
  float: left;
}

.ui-selectmenu-status {
  font-family: "GillSans Light";
  font-size: 13px;
  color: white;
  line-height: 25px;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
}

.ui-selectmenu-menu {
  z-index: 9999 !important;
}

.ui-selectmenu {
  height: 25px;
  display: block;
}

.ui-selectmenu-menu li {
  border: none;
  height: 24px;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
  text-align: left !important;
  color: #a0a0a0;
  padding: 2px 6px;
}

.ui-selectmenu-status {
  background: url("../images/contact-txt-bg-wide.png") top left no-repeat;
}
.wpcf7-not-valid .ui-selectmenu-status {
  background-position: left -48px !important;
}

.wrap-select-wide .ui-selectmenu-status {
  background: url("../images/contact-txt-bg-wide.png") top left no-repeat;
}

.ui-selectmenu-menu li a {
  background: #2d2e2b;
  font-family: "GillSans Light";
  font-size: 13px;
  color: white;
  line-height: 25px;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ui-selectmenu-menu li a:hover {
  color: #aea17e;
}

.ui-state-default {
  border: none;
}

.ui-corner-all {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -khtml-border-radius: 0px !important;
  border-radius: 0px !important;
}

.ui-selectmenu-icon {
  margin-top: 0;
  right: 0px;
  top: 0px;
  background: transparent url("../images/filter-arrow-gold.png") no-repeat top right;
  width: 18px;
  height: 24px;
}

.ui-selectmenu-menu .ui-selectmenu-item-selected a {
  color: #a0a0a0;
}

.ecomm {
  width: 432px;
  height: 394px;
  background: black;
  color: white;
  padding: 60px;
  border: solid #27241d 1px;
  font-size: 14px;
}
.ecomm p {
  text-align: center;
}
.ecomm input {
  border: solid #27241d 1px;
  background: black;
  margin: 40px 0%;
  width: 314px;
  height: 32px;
  color: white;
  padding: 0% 12px;
}
.ecomm .checkbox {
  display: block;
  margin-bottom: 20px;
  cursor: pointer;
}
.ecomm .checkbox .state {
  display: inline-block;
  margin-top: 4px;
  width: 24px;
  height: 24px;
  border: solid #ffffff 1px;
  float: left;
  margin-right: 20px;
}
.ecomm .checkbox .state .selected {
  background-image: url("../images/ecomm/check.png");
}
.ecomm .checkbox span {
  display: inline-block;
  width: 275px;
  height: 32px;
  margin-top: -4px;
}

body#agegate {
  background: #131613 url("../images/agegate/bg.jpg") no-repeat center top;
  -webkit-background-size: 3000px 1000px;
}

body#agegate .wrap {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
  -webkit-transition-delay: 1s;
  -moz-transition: opacity 1s ease-in 1s;
  -o-transition: opacity 1s ease-in 1s;
  transition: opacity 1s ease-in 1s;
  width: 960px;
  margin: 110px auto 0 auto;
  text-align: center;
  color: #bbb28b;
  font-size: 10px;
  text-transform: uppercase;
}
body#agegate .wrap h1 {
  margin-bottom: 15px;
}
body#agegate .wrap p.intro {
  font-size: 13px;
  line-height: 17px;
  text-transform: none;
}
body#agegate .wrap p.age {
  margin-top: 38px;
  margin-bottom: 0;
  font-size: 18px;
  color: #fff;
}
body#agegate .wrap p.dateofbirth {
  margin-top: 5px;
  color: #fff;
  display: none;
}
body#agegate .wrap p.dateofbirth .date {
  color: #bbb28b;
}
body#agegate .wrap p.dateofbirth .date em {
  font-style: normal;
}
body#agegate .wrap .birthdate {
  margin-top: 19px;
  color: #a0a0a0;
  width: 960px;
  height: 24px;
}
body#agegate .wrap .agecontainer {
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-size: auto;
  width: 76px;
  height: 24px;
  margin-left: 10px;
  background: transparent url("../images/agegate/select-small-bg.png") no-repeat left top;
  text-align: center;
}
body#agegate .wrap .agecontainer:hover {
  color: #fff;
}
body#agegate .wrap .agecontainer span {
  position: absolute;
  display: block;
  margin-top: 4px;
  text-align: center;
  width: 62px;
}
body#agegate .wrap .agecontainer select {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  display: block;
  left: 0px;
  top: 6px;
  width: 100%;
  cursor: pointer;
}
body#agegate .wrap .agecontainer.medium {
  background: transparent url("../images/agegate/select-medium-bg.png") no-repeat left top;
  width: 100px;
}
body#agegate .wrap .agecontainer.medium span {
  width: 86px;
}
body#agegate .wrap .agecontainer.day {
  margin-left: 0px;
}
html.is-us-date body#agegate .wrap .agecontainer.day {
  margin-left: 10px;
}
html.is-us-date body#agegate .wrap .agecontainer.month {
  margin-left: 0px;
}
body#agegate .wrap #form .seperator {
  width: 380px;
  margin-left: 290px;
  border-bottom: 1px solid #262626;
}
body#agegate .wrap p.country {
  margin-top: 17px;
  color: #a0a0a0;
}
body#agegate .wrap span.combo {
  cursor: pointer;
  display: inline-block;
  background: transparent url("../images/agegate/select-bg.png") no-repeat right top;
  background-size: auto;
  height: 16px;
  min-width: 186px;
  text-align: left;
  padding: 4px 20px 4px 10px;
  margin-left: 10px;
}
body#agegate .wrap span.combo:hover {
  color: #fff;
}
body#agegate .wrap div.choices {
  margin-top: 34px;
  text-align: center;
}
body#agegate .wrap div.choices .spacer {
  display: inline-block;
  width: 55px;
  height: 43px;
}
body#agegate .wrap div.button {
  cursor: pointer;
  display: inline-block;
  width: 114px;
  height: 32px;
  background: transparent url("../images/agegate/btn-bg-gold.png") no-repeat;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  line-height: 20px;
  padding-top: 11px;
}
body#agegate .wrap div.button:hover {
  background: transparent url("../images/agegate/btn-bg.png") no-repeat;
}
body#agegate .wrap div.button span {
  font-size: 8px;
  display: none;
}
body#agegate .wrap div.footer {
  margin-top: 38px;
  color: #a0a0a0;
  font-size: 10px;
  line-height: 12px;
  text-transform: none;
}
body#agegate .wrap div.footer a {
  color: inherit;
}
body#agegate .wrap div.footer p.abuse {
  text-transform: uppercase;
}

#popin {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  text-align: left;
  font-size: 11px;
  padding-bottom: 20px;
  text-transform: none;
  line-height: 13px;
}
#popin .inner {
  width: 980px;
  margin: 64px auto 0 auto;
  padding: 4px;
  background: #161914;
  border: solid 1px #20211a;
}
#popin .bg {
  width: 980px;
  padding-bottom: 0;
  background: #272a26;
  overflow: hidden;
  padding-bottom: 20px;
}
#popin .col {
  width: 150px;
  float: left;
  margin-left: 11px;
}
#popin p {
  font-size: 14px;
  color: #c7bb93;
  clear: left;
  float: left;
  width: 132px;
  height: 18px;
  margin: 0 0 14px 4px;
  padding-top: 24px;
  line-height: 16px;
}
#popin p.lines2 {
  height: 32px;
}
#popin p.lines3 {
  height: 46px;
}
#popin ul {
  margin: 0;
  padding: 0;
}
#popin li {
  list-style: none;
  margin: 0;
  height: 14px;
  float: left;
  clear: left;
  width: 150px;
}
#popin li.lines2 {
  height: 28px;
}
#popin ul.pad {
  margin-top: 28px;
  clear: left;
  float: left;
}
#popin a {
  text-decoration: none;
  display: block;
  color: #7f7f7f;
  padding-left: 4px;
}
#popin a.selected {
  color: #fff;
}
#popin a:hover {
  color: #fff;
  background: #161914;
}

.closebutton {
  display: none;
}

a .tilecontainer {
  cursor: pointer;
}

body {
  height: auto;
}

.site-content {
  display: none;
}

.tilesize-small article.image img {
  width: 100%;
  height: 100%;
}

#map {
  position: relative;
}

#map a {
  text-decoration: none;
}

.tilecontainer {
  position: absolute;
  background-position: top left;
}

.back_button {
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  left: 30px;
  background-image: url("../images/back-button.png");
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.is_mobile .back_button {
  background-image: url("../images/back-button2x.png");
  width: 56px;
  height: 56px;
}
.back_button span {
  font-family: "GillSans Light";
  font-size: 8pt;
  color: #aea17e;
  text-transform: uppercase;
  margin-left: 36px;
  line-height: 28px;
  display: block;
  width: 120px;
}

.tilesize-large .tilecontainer {
  background-image: url(../images/single-tile-96.jpg);
}

.tilesize-small .tilecontainer {
  background-image: url(../images/single-tile-64.jpg);
}

.tilecontainer iframe {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: 1001;
}

/* =============================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* =============================================================================
   Print Styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}