* {
  margin: 0;
  padding: 0; }

.circle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-border-radius: 50%; }
  .circle-container > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    color: white;
    cursor: pointer;
    background-color: #850000;
    -webkit-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease; }
    .circle-container > *:nth-of-type(1) {
      -webkit-transform: rotate(-65deg) translate(230px) rotate(65deg);
      -ms-transform: rotate(-65deg) translate(230px) rotate(65deg);
      transform: rotate(-65deg) translate(230px) rotate(65deg); }
    .circle-container > *:nth-of-type(2) {
      -webkit-transform: rotate(-57.5deg) translate(230px) rotate(57.5deg);
      -ms-transform: rotate(-57.5deg) translate(230px) rotate(57.5deg);
      transform: rotate(-57.5deg) translate(230px) rotate(57.5deg); }
    .circle-container > *:nth-of-type(3) {
      -webkit-transform: rotate(-50deg) translate(230px) rotate(50deg);
      -ms-transform: rotate(-50deg) translate(230px) rotate(50deg);
      transform: rotate(-50deg) translate(230px) rotate(50deg); }
    .circle-container > *:nth-of-type(4) {
      -webkit-transform: rotate(-42.5deg) translate(230px) rotate(42.5deg);
      -ms-transform: rotate(-42.5deg) translate(230px) rotate(42.5deg);
      transform: rotate(-42.5deg) translate(230px) rotate(42.5deg); }
    .circle-container > *:nth-of-type(5) {
      -webkit-transform: rotate(-35deg) translate(230px) rotate(35deg);
      -ms-transform: rotate(-35deg) translate(230px) rotate(35deg);
      transform: rotate(-35deg) translate(230px) rotate(35deg); }
    .circle-container > *:nth-of-type(6) {
      -webkit-transform: rotate(-27.5deg) translate(230px) rotate(27.5deg);
      -ms-transform: rotate(-27.5deg) translate(230px) rotate(27.5deg);
      transform: rotate(-27.5deg) translate(230px) rotate(27.5deg); }
    .circle-container > *:nth-of-type(7) {
      -webkit-transform: rotate(-20deg) translate(230px) rotate(20deg);
      -ms-transform: rotate(-20deg) translate(230px) rotate(20deg);
      transform: rotate(-20deg) translate(230px) rotate(20deg); }
    .circle-container > *:nth-of-type(8) {
      -webkit-transform: rotate(-12.5deg) translate(230px) rotate(12.5deg);
      -ms-transform: rotate(-12.5deg) translate(230px) rotate(12.5deg);
      transform: rotate(-12.5deg) translate(230px) rotate(12.5deg); }
    .circle-container > *:nth-of-type(9) {
      -webkit-transform: rotate(-5deg) translate(230px) rotate(5deg);
      -ms-transform: rotate(-5deg) translate(230px) rotate(5deg);
      transform: rotate(-5deg) translate(230px) rotate(5deg); }
    .circle-container > *:nth-of-type(10) {
      -webkit-transform: rotate(2.5deg) translate(230px) rotate(-2.5deg);
      -ms-transform: rotate(2.5deg) translate(230px) rotate(-2.5deg);
      transform: rotate(2.5deg) translate(230px) rotate(-2.5deg); }
    .circle-container > *:nth-of-type(11) {
      -webkit-transform: rotate(10deg) translate(230px) rotate(-10deg);
      -ms-transform: rotate(10deg) translate(230px) rotate(-10deg);
      transform: rotate(10deg) translate(230px) rotate(-10deg); }
    .circle-container > *:nth-of-type(12) {
      -webkit-transform: rotate(17.5deg) translate(230px) rotate(-17.5deg);
      -ms-transform: rotate(17.5deg) translate(230px) rotate(-17.5deg);
      transform: rotate(17.5deg) translate(230px) rotate(-17.5deg); }
    .circle-container > *:nth-of-type(13) {
      -webkit-transform: rotate(25deg) translate(230px) rotate(-25deg);
      -ms-transform: rotate(25deg) translate(230px) rotate(-25deg);
      transform: rotate(25deg) translate(230px) rotate(-25deg); }
    .circle-container > *:nth-of-type(14) {
      -webkit-transform: rotate(32.5deg) translate(230px) rotate(-32.5deg);
      -ms-transform: rotate(32.5deg) translate(230px) rotate(-32.5deg);
      transform: rotate(32.5deg) translate(230px) rotate(-32.5deg); }
    .circle-container > *:nth-of-type(15) {
      -webkit-transform: rotate(40deg) translate(230px) rotate(-40deg);
      -ms-transform: rotate(40deg) translate(230px) rotate(-40deg);
      transform: rotate(40deg) translate(230px) rotate(-40deg); }
    .circle-container > *:nth-of-type(16) {
      -webkit-transform: rotate(47.5deg) translate(230px) rotate(-47.5deg);
      -ms-transform: rotate(47.5deg) translate(230px) rotate(-47.5deg);
      transform: rotate(47.5deg) translate(230px) rotate(-47.5deg); }
    .circle-container > *:nth-of-type(17) {
      -webkit-transform: rotate(55deg) translate(230px) rotate(-55deg);
      -ms-transform: rotate(55deg) translate(230px) rotate(-55deg);
      transform: rotate(55deg) translate(230px) rotate(-55deg); }
    .circle-container > *:nth-of-type(18) {
      -webkit-transform: rotate(62.5deg) translate(230px) rotate(-62.5deg);
      -ms-transform: rotate(62.5deg) translate(230px) rotate(-62.5deg);
      transform: rotate(62.5deg) translate(230px) rotate(-62.5deg); }
    .circle-container > *:nth-of-type(19) {
      -webkit-transform: rotate(70deg) translate(230px) rotate(-70deg);
      -ms-transform: rotate(70deg) translate(230px) rotate(-70deg);
      transform: rotate(70deg) translate(230px) rotate(-70deg); }
    .circle-container > *:nth-of-type(20) {
      -webkit-transform: rotate(77.5deg) translate(230px) rotate(-77.5deg);
      -ms-transform: rotate(77.5deg) translate(230px) rotate(-77.5deg);
      transform: rotate(77.5deg) translate(230px) rotate(-77.5deg); }
    .circle-container > *:nth-of-type(21) {
      -webkit-transform: rotate(85deg) translate(230px) rotate(-85deg);
      -ms-transform: rotate(85deg) translate(230px) rotate(-85deg);
      transform: rotate(85deg) translate(230px) rotate(-85deg); }
    .circle-container > *:nth-of-type(22) {
      -webkit-transform: rotate(92.5deg) translate(230px) rotate(-92.5deg);
      -ms-transform: rotate(92.5deg) translate(230px) rotate(-92.5deg);
      transform: rotate(92.5deg) translate(230px) rotate(-92.5deg); }
    .circle-container > *:nth-of-type(23) {
      -webkit-transform: rotate(100deg) translate(230px) rotate(-100deg);
      -ms-transform: rotate(100deg) translate(230px) rotate(-100deg);
      transform: rotate(100deg) translate(230px) rotate(-100deg); }
    .circle-container > *:nth-of-type(24) {
      -webkit-transform: rotate(107.5deg) translate(230px) rotate(-107.5deg);
      -ms-transform: rotate(107.5deg) translate(230px) rotate(-107.5deg);
      transform: rotate(107.5deg) translate(230px) rotate(-107.5deg); }
    .circle-container > *:nth-of-type(25) {
      -webkit-transform: rotate(115deg) translate(230px) rotate(-115deg);
      -ms-transform: rotate(115deg) translate(230px) rotate(-115deg);
      transform: rotate(115deg) translate(230px) rotate(-115deg); }
    .circle-container > *:nth-of-type(26) {
      -webkit-transform: rotate(122.5deg) translate(230px) rotate(-122.5deg);
      -ms-transform: rotate(122.5deg) translate(230px) rotate(-122.5deg);
      transform: rotate(122.5deg) translate(230px) rotate(-122.5deg); }
    .circle-container > *:nth-of-type(27) {
      -webkit-transform: rotate(130deg) translate(230px) rotate(-130deg);
      -ms-transform: rotate(130deg) translate(230px) rotate(-130deg);
      transform: rotate(130deg) translate(230px) rotate(-130deg); }
    .circle-container > *:nth-of-type(28) {
      -webkit-transform: rotate(137.5deg) translate(230px) rotate(-137.5deg);
      -ms-transform: rotate(137.5deg) translate(230px) rotate(-137.5deg);
      transform: rotate(137.5deg) translate(230px) rotate(-137.5deg); }
    .circle-container > *:nth-of-type(29) {
      -webkit-transform: rotate(145deg) translate(230px) rotate(-145deg);
      -ms-transform: rotate(145deg) translate(230px) rotate(-145deg);
      transform: rotate(145deg) translate(230px) rotate(-145deg); }
    .circle-container > *:nth-of-type(30) {
      -webkit-transform: rotate(152.5deg) translate(230px) rotate(-152.5deg);
      -ms-transform: rotate(152.5deg) translate(230px) rotate(-152.5deg);
      transform: rotate(152.5deg) translate(230px) rotate(-152.5deg); }
    .circle-container > *:nth-of-type(31) {
      -webkit-transform: rotate(160deg) translate(230px) rotate(-160deg);
      -ms-transform: rotate(160deg) translate(230px) rotate(-160deg);
      transform: rotate(160deg) translate(230px) rotate(-160deg); }
    .circle-container > *:nth-of-type(32) {
      -webkit-transform: rotate(167.5deg) translate(230px) rotate(-167.5deg);
      -ms-transform: rotate(167.5deg) translate(230px) rotate(-167.5deg);
      transform: rotate(167.5deg) translate(230px) rotate(-167.5deg); }
    .circle-container > *:nth-of-type(33) {
      -webkit-transform: rotate(175deg) translate(230px) rotate(-175deg);
      -ms-transform: rotate(175deg) translate(230px) rotate(-175deg);
      transform: rotate(175deg) translate(230px) rotate(-175deg); }
    .circle-container > *:nth-of-type(34) {
      -webkit-transform: rotate(182.5deg) translate(230px) rotate(-182.5deg);
      -ms-transform: rotate(182.5deg) translate(230px) rotate(-182.5deg);
      transform: rotate(182.5deg) translate(230px) rotate(-182.5deg); }
    .circle-container > *:nth-of-type(35) {
      -webkit-transform: rotate(190deg) translate(230px) rotate(-190deg);
      -ms-transform: rotate(190deg) translate(230px) rotate(-190deg);
      transform: rotate(190deg) translate(230px) rotate(-190deg); }
    .circle-container > *:nth-of-type(36) {
      -webkit-transform: rotate(197.5deg) translate(230px) rotate(-197.5deg);
      -ms-transform: rotate(197.5deg) translate(230px) rotate(-197.5deg);
      transform: rotate(197.5deg) translate(230px) rotate(-197.5deg); }
    .circle-container > *:nth-of-type(37) {
      -webkit-transform: rotate(205deg) translate(230px) rotate(-205deg);
      -ms-transform: rotate(205deg) translate(230px) rotate(-205deg);
      transform: rotate(205deg) translate(230px) rotate(-205deg); }
    .circle-container > *:nth-of-type(38) {
      -webkit-transform: rotate(212.5deg) translate(230px) rotate(-212.5deg);
      -ms-transform: rotate(212.5deg) translate(230px) rotate(-212.5deg);
      transform: rotate(212.5deg) translate(230px) rotate(-212.5deg); }
    .circle-container > *:nth-of-type(39) {
      -webkit-transform: rotate(220deg) translate(230px) rotate(-220deg);
      -ms-transform: rotate(220deg) translate(230px) rotate(-220deg);
      transform: rotate(220deg) translate(230px) rotate(-220deg); }
    .circle-container > *:nth-of-type(40) {
      -webkit-transform: rotate(227.5deg) translate(230px) rotate(-227.5deg);
      -ms-transform: rotate(227.5deg) translate(230px) rotate(-227.5deg);
      transform: rotate(227.5deg) translate(230px) rotate(-227.5deg); }
    .circle-container > *:nth-of-type(41) {
      -webkit-transform: rotate(235deg) translate(230px) rotate(-235deg);
      -ms-transform: rotate(235deg) translate(230px) rotate(-235deg);
      transform: rotate(235deg) translate(230px) rotate(-235deg); }
    .circle-container > *:nth-of-type(42) {
      -webkit-transform: rotate(242.5deg) translate(230px) rotate(-242.5deg);
      -ms-transform: rotate(242.5deg) translate(230px) rotate(-242.5deg);
      transform: rotate(242.5deg) translate(230px) rotate(-242.5deg); }
    .circle-container > *:nth-of-type(43) {
      -webkit-transform: rotate(250deg) translate(230px) rotate(-250deg);
      -ms-transform: rotate(250deg) translate(230px) rotate(-250deg);
      transform: rotate(250deg) translate(230px) rotate(-250deg); }
    .circle-container > *:nth-of-type(44) {
      -webkit-transform: rotate(257.5deg) translate(230px) rotate(-257.5deg);
      -ms-transform: rotate(257.5deg) translate(230px) rotate(-257.5deg);
      transform: rotate(257.5deg) translate(230px) rotate(-257.5deg); }
    .circle-container > *:nth-of-type(45) {
      -webkit-transform: rotate(265deg) translate(230px) rotate(-265deg);
      -ms-transform: rotate(265deg) translate(230px) rotate(-265deg);
      transform: rotate(265deg) translate(230px) rotate(-265deg); }
    .circle-container > *:nth-of-type(46) {
      -webkit-transform: rotate(272.5deg) translate(230px) rotate(-272.5deg);
      -ms-transform: rotate(272.5deg) translate(230px) rotate(-272.5deg);
      transform: rotate(272.5deg) translate(230px) rotate(-272.5deg); }
    .circle-container > *:nth-of-type(47) {
      -webkit-transform: rotate(280deg) translate(230px) rotate(-280deg);
      -ms-transform: rotate(280deg) translate(230px) rotate(-280deg);
      transform: rotate(280deg) translate(230px) rotate(-280deg); }
    .circle-container > *:nth-of-type(48) {
      -webkit-transform: rotate(287.5deg) translate(230px) rotate(-287.5deg);
      -ms-transform: rotate(287.5deg) translate(230px) rotate(-287.5deg);
      transform: rotate(287.5deg) translate(230px) rotate(-287.5deg); }
    .circle-container > *:nth-of-type(49) {
      -webkit-transform: rotate(295deg) translate(190px) rotate(-295deg);
      -ms-transform: rotate(295deg) translate(190px) rotate(-295deg);
      transform: rotate(295deg) translate(190px) rotate(-295deg); }
    .circle-container > *:nth-of-type(50) {
      -webkit-transform: rotate(302.5deg) translate(190px) rotate(-302.5deg);
      -ms-transform: rotate(302.5deg) translate(190px) rotate(-302.5deg);
      transform: rotate(302.5deg) translate(190px) rotate(-302.5deg); }
    .circle-container > *:nth-of-type(51) {
      -webkit-transform: rotate(310deg) translate(190px) rotate(-310deg);
      -ms-transform: rotate(310deg) translate(190px) rotate(-310deg);
      transform: rotate(310deg) translate(190px) rotate(-310deg); }
    .circle-container > *:nth-of-type(52) {
      -webkit-transform: rotate(317.5deg) translate(190px) rotate(-317.5deg);
      -ms-transform: rotate(317.5deg) translate(190px) rotate(-317.5deg);
      transform: rotate(317.5deg) translate(190px) rotate(-317.5deg); }
    .circle-container > *:nth-of-type(53) {
      -webkit-transform: rotate(325deg) translate(190px) rotate(-325deg);
      -ms-transform: rotate(325deg) translate(190px) rotate(-325deg);
      transform: rotate(325deg) translate(190px) rotate(-325deg); }
    .circle-container > *:nth-of-type(54) {
      -webkit-transform: rotate(332.5deg) translate(190px) rotate(-332.5deg);
      -ms-transform: rotate(332.5deg) translate(190px) rotate(-332.5deg);
      transform: rotate(332.5deg) translate(190px) rotate(-332.5deg); }
    .circle-container > *:nth-of-type(55) {
      -webkit-transform: rotate(340deg) translate(190px) rotate(-340deg);
      -ms-transform: rotate(340deg) translate(190px) rotate(-340deg);
      transform: rotate(340deg) translate(190px) rotate(-340deg); }
    .circle-container > *:nth-of-type(56) {
      -webkit-transform: rotate(347.5deg) translate(190px) rotate(-347.5deg);
      -ms-transform: rotate(347.5deg) translate(190px) rotate(-347.5deg);
      transform: rotate(347.5deg) translate(190px) rotate(-347.5deg); }
    .circle-container > *:nth-of-type(57) {
      -webkit-transform: rotate(355deg) translate(190px) rotate(-355deg);
      -ms-transform: rotate(355deg) translate(190px) rotate(-355deg);
      transform: rotate(355deg) translate(190px) rotate(-355deg); }
    .circle-container > *:nth-of-type(58) {
      -webkit-transform: rotate(362.5deg) translate(190px) rotate(-362.5deg);
      -ms-transform: rotate(362.5deg) translate(190px) rotate(-362.5deg);
      transform: rotate(362.5deg) translate(190px) rotate(-362.5deg); }
    .circle-container > *:nth-of-type(59) {
      -webkit-transform: rotate(370deg) translate(190px) rotate(-370deg);
      -ms-transform: rotate(370deg) translate(190px) rotate(-370deg);
      transform: rotate(370deg) translate(190px) rotate(-370deg); }
    .circle-container > *:nth-of-type(60) {
      -webkit-transform: rotate(377.5deg) translate(190px) rotate(-377.5deg);
      -ms-transform: rotate(377.5deg) translate(190px) rotate(-377.5deg);
      transform: rotate(377.5deg) translate(190px) rotate(-377.5deg); }
    .circle-container > *:nth-of-type(61) {
      -webkit-transform: rotate(385deg) translate(190px) rotate(-385deg);
      -ms-transform: rotate(385deg) translate(190px) rotate(-385deg);
      transform: rotate(385deg) translate(190px) rotate(-385deg); }
    .circle-container > *:nth-of-type(62) {
      -webkit-transform: rotate(392.5deg) translate(190px) rotate(-392.5deg);
      -ms-transform: rotate(392.5deg) translate(190px) rotate(-392.5deg);
      transform: rotate(392.5deg) translate(190px) rotate(-392.5deg); }
    .circle-container > *:nth-of-type(63) {
      -webkit-transform: rotate(400deg) translate(190px) rotate(-400deg);
      -ms-transform: rotate(400deg) translate(190px) rotate(-400deg);
      transform: rotate(400deg) translate(190px) rotate(-400deg); }
    .circle-container > *:nth-of-type(64) {
      -webkit-transform: rotate(407.5deg) translate(190px) rotate(-407.5deg);
      -ms-transform: rotate(407.5deg) translate(190px) rotate(-407.5deg);
      transform: rotate(407.5deg) translate(190px) rotate(-407.5deg); }
    .circle-container > *:nth-of-type(65) {
      -webkit-transform: rotate(415deg) translate(190px) rotate(-415deg);
      -ms-transform: rotate(415deg) translate(190px) rotate(-415deg);
      transform: rotate(415deg) translate(190px) rotate(-415deg); }
    .circle-container > *:nth-of-type(66) {
      -webkit-transform: rotate(422.5deg) translate(190px) rotate(-422.5deg);
      -ms-transform: rotate(422.5deg) translate(190px) rotate(-422.5deg);
      transform: rotate(422.5deg) translate(190px) rotate(-422.5deg); }
    .circle-container > *:nth-of-type(67) {
      -webkit-transform: rotate(430deg) translate(190px) rotate(-430deg);
      -ms-transform: rotate(430deg) translate(190px) rotate(-430deg);
      transform: rotate(430deg) translate(190px) rotate(-430deg); }
    .circle-container > *:nth-of-type(68) {
      -webkit-transform: rotate(437.5deg) translate(190px) rotate(-437.5deg);
      -ms-transform: rotate(437.5deg) translate(190px) rotate(-437.5deg);
      transform: rotate(437.5deg) translate(190px) rotate(-437.5deg); }
    .circle-container > *:nth-of-type(69) {
      -webkit-transform: rotate(445deg) translate(190px) rotate(-445deg);
      -ms-transform: rotate(445deg) translate(190px) rotate(-445deg);
      transform: rotate(445deg) translate(190px) rotate(-445deg); }
    .circle-container > *:nth-of-type(70) {
      -webkit-transform: rotate(452.5deg) translate(190px) rotate(-452.5deg);
      -ms-transform: rotate(452.5deg) translate(190px) rotate(-452.5deg);
      transform: rotate(452.5deg) translate(190px) rotate(-452.5deg); }
    .circle-container > *:nth-of-type(71) {
      -webkit-transform: rotate(460deg) translate(190px) rotate(-460deg);
      -ms-transform: rotate(460deg) translate(190px) rotate(-460deg);
      transform: rotate(460deg) translate(190px) rotate(-460deg); }
    .circle-container > *:nth-of-type(72) {
      -webkit-transform: rotate(467.5deg) translate(190px) rotate(-467.5deg);
      -ms-transform: rotate(467.5deg) translate(190px) rotate(-467.5deg);
      transform: rotate(467.5deg) translate(190px) rotate(-467.5deg); }
    .circle-container > *:nth-of-type(73) {
      -webkit-transform: rotate(475deg) translate(190px) rotate(-475deg);
      -ms-transform: rotate(475deg) translate(190px) rotate(-475deg);
      transform: rotate(475deg) translate(190px) rotate(-475deg); }
    .circle-container > *:nth-of-type(74) {
      -webkit-transform: rotate(482.5deg) translate(190px) rotate(-482.5deg);
      -ms-transform: rotate(482.5deg) translate(190px) rotate(-482.5deg);
      transform: rotate(482.5deg) translate(190px) rotate(-482.5deg); }
    .circle-container > *:nth-of-type(75) {
      -webkit-transform: rotate(490deg) translate(190px) rotate(-490deg);
      -ms-transform: rotate(490deg) translate(190px) rotate(-490deg);
      transform: rotate(490deg) translate(190px) rotate(-490deg); }
    .circle-container > *:nth-of-type(76) {
      -webkit-transform: rotate(497.5deg) translate(190px) rotate(-497.5deg);
      -ms-transform: rotate(497.5deg) translate(190px) rotate(-497.5deg);
      transform: rotate(497.5deg) translate(190px) rotate(-497.5deg); }
    .circle-container > *:nth-of-type(77) {
      -webkit-transform: rotate(505deg) translate(190px) rotate(-505deg);
      -ms-transform: rotate(505deg) translate(190px) rotate(-505deg);
      transform: rotate(505deg) translate(190px) rotate(-505deg); }
    .circle-container > *:nth-of-type(78) {
      -webkit-transform: rotate(512.5deg) translate(190px) rotate(-512.5deg);
      -ms-transform: rotate(512.5deg) translate(190px) rotate(-512.5deg);
      transform: rotate(512.5deg) translate(190px) rotate(-512.5deg); }
    .circle-container > *:nth-of-type(79) {
      -webkit-transform: rotate(520deg) translate(190px) rotate(-520deg);
      -ms-transform: rotate(520deg) translate(190px) rotate(-520deg);
      transform: rotate(520deg) translate(190px) rotate(-520deg); }
    .circle-container > *:nth-of-type(80) {
      -webkit-transform: rotate(527.5deg) translate(190px) rotate(-527.5deg);
      -ms-transform: rotate(527.5deg) translate(190px) rotate(-527.5deg);
      transform: rotate(527.5deg) translate(190px) rotate(-527.5deg); }
    .circle-container > *:nth-of-type(81) {
      -webkit-transform: rotate(535deg) translate(190px) rotate(-535deg);
      -ms-transform: rotate(535deg) translate(190px) rotate(-535deg);
      transform: rotate(535deg) translate(190px) rotate(-535deg); }
    .circle-container > *:nth-of-type(82) {
      -webkit-transform: rotate(542.5deg) translate(190px) rotate(-542.5deg);
      -ms-transform: rotate(542.5deg) translate(190px) rotate(-542.5deg);
      transform: rotate(542.5deg) translate(190px) rotate(-542.5deg); }
    .circle-container > *:nth-of-type(83) {
      -webkit-transform: rotate(550deg) translate(190px) rotate(-550deg);
      -ms-transform: rotate(550deg) translate(190px) rotate(-550deg);
      transform: rotate(550deg) translate(190px) rotate(-550deg); }
    .circle-container > *:nth-of-type(84) {
      -webkit-transform: rotate(557.5deg) translate(190px) rotate(-557.5deg);
      -ms-transform: rotate(557.5deg) translate(190px) rotate(-557.5deg);
      transform: rotate(557.5deg) translate(190px) rotate(-557.5deg); }
    .circle-container > *:nth-of-type(85) {
      -webkit-transform: rotate(565deg) translate(190px) rotate(-565deg);
      -ms-transform: rotate(565deg) translate(190px) rotate(-565deg);
      transform: rotate(565deg) translate(190px) rotate(-565deg); }
    .circle-container > *:nth-of-type(86) {
      -webkit-transform: rotate(572.5deg) translate(190px) rotate(-572.5deg);
      -ms-transform: rotate(572.5deg) translate(190px) rotate(-572.5deg);
      transform: rotate(572.5deg) translate(190px) rotate(-572.5deg); }
    .circle-container > *:nth-of-type(87) {
      -webkit-transform: rotate(580deg) translate(190px) rotate(-580deg);
      -ms-transform: rotate(580deg) translate(190px) rotate(-580deg);
      transform: rotate(580deg) translate(190px) rotate(-580deg); }
    .circle-container > *:nth-of-type(88) {
      -webkit-transform: rotate(587.5deg) translate(190px) rotate(-587.5deg);
      -ms-transform: rotate(587.5deg) translate(190px) rotate(-587.5deg);
      transform: rotate(587.5deg) translate(190px) rotate(-587.5deg); }
    .circle-container > *:nth-of-type(89) {
      -webkit-transform: rotate(595deg) translate(190px) rotate(-595deg);
      -ms-transform: rotate(595deg) translate(190px) rotate(-595deg);
      transform: rotate(595deg) translate(190px) rotate(-595deg); }
    .circle-container > *:nth-of-type(90) {
      -webkit-transform: rotate(602.5deg) translate(190px) rotate(-602.5deg);
      -ms-transform: rotate(602.5deg) translate(190px) rotate(-602.5deg);
      transform: rotate(602.5deg) translate(190px) rotate(-602.5deg); }
    .circle-container > *:nth-of-type(91) {
      -webkit-transform: rotate(610deg) translate(190px) rotate(-610deg);
      -ms-transform: rotate(610deg) translate(190px) rotate(-610deg);
      transform: rotate(610deg) translate(190px) rotate(-610deg); }
    .circle-container > *:nth-of-type(92) {
      -webkit-transform: rotate(617.5deg) translate(190px) rotate(-617.5deg);
      -ms-transform: rotate(617.5deg) translate(190px) rotate(-617.5deg);
      transform: rotate(617.5deg) translate(190px) rotate(-617.5deg); }
    .circle-container > *:nth-of-type(93) {
      -webkit-transform: rotate(625deg) translate(190px) rotate(-625deg);
      -ms-transform: rotate(625deg) translate(190px) rotate(-625deg);
      transform: rotate(625deg) translate(190px) rotate(-625deg); }
    .circle-container > *:nth-of-type(94) {
      -webkit-transform: rotate(632.5deg) translate(190px) rotate(-632.5deg);
      -ms-transform: rotate(632.5deg) translate(190px) rotate(-632.5deg);
      transform: rotate(632.5deg) translate(190px) rotate(-632.5deg); }
    .circle-container > *:nth-of-type(95) {
      -webkit-transform: rotate(640deg) translate(190px) rotate(-640deg);
      -ms-transform: rotate(640deg) translate(190px) rotate(-640deg);
      transform: rotate(640deg) translate(190px) rotate(-640deg); }
    .circle-container > *:nth-of-type(96) {
      -webkit-transform: rotate(647.5deg) translate(190px) rotate(-647.5deg);
      -ms-transform: rotate(647.5deg) translate(190px) rotate(-647.5deg);
      transform: rotate(647.5deg) translate(190px) rotate(-647.5deg); }
  .circle-container > *:hover {
    width: 2.25em;
    height: 2.25em; }

.heptagon, .parallelogram {
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  background-color: #850000;
  width: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  right: 25%;
  bottom: 25%;
  -o-transition: 400ms ease;
  -ms-transition: 400ms ease;
  -moz-transition: 400ms ease;
  transition: 400ms ease;
  -webkit-transition: 400ms ease; }

.parallelogram {
  -webkit-clip-path: polygon(0 0, 85% 0, 26% 100%, 0% 100%);
  clip-path: polygon(0 0, 85% 0, 26% 100%, 0% 100%); }

.heptagon:after, .parallelogram:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.heptagon:hover, .parallelogram:hover {
  width: 60%;
  cursor: pointer; }

.content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 5%;
  -o-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
  font-size: 30px; }

.picker {
  position: absolute;
  display: -webkit-flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 100%;
  height: 100%; }
  .picker .holder {
    -webkit-flex: 2;
    -o-flex: 2;
    -ms-flex: 2;
    -moz-flex: 2;
    -webkit-box-flex: 2;
    flex: 2;
    position: relative; }

.seat-holder {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%; }

.seat1, .parallelogram2 {
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  background-color: #212121;
  width: 500px;
  right: calc(50% - 250px);
  top: 10%;
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  -o-transition: 400ms ease;
  -ms-transition: 400ms ease;
  -moz-transition: 400ms ease;
  transition: 400ms ease;
  -webkit-transition: 400ms ease; }

.parallelogram2 {
  -webkit-clip-path: polygon(0 0, 85% 0, 26% 100%, 0% 100%);
  clip-path: polygon(0 0, 85% 0, 26% 100%, 0% 100%); }

.seat1:after, .parallelogram2:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.seat-title-holder {
  width: 500px;
  right: calc(50% - 250px);
  top: 10%;
  margin: 0;
  padding: 0;
  position: absolute;
  display: block; }

.seat-title-holder:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.seat-title {
  color: #212121;
  text-align: center;
  font-weight: bold;
  width: 40%;
  position: absolute; }

.circle-holder {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
  width: 500px;
  right: calc(50% - 250px);
  top: 10%;
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  z-index: 10;
  -o-transition: 400ms ease;
  -ms-transition: 400ms ease;
  -moz-transition: 400ms ease;
  transition: 400ms ease;
  -webkit-transition: 400ms ease; }

.circle-holder:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.circle-holder-content {
  position: absolute; }

@media only screen and (max-width: 1000px) {
  .picker {
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding-top: 30%;
    height: 150%; }
  .content {
    font-size: 20px; }
  .brand-logo {
    width: 30%; }
    .brand-logo img {
      width: 100%; }
  .seat-holder {
    width: 180%; } }

#seats1 {
  width: 500px;
  height: 100%;
  position: absolute; }
  #seats1 > * {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #FFF;
    background-color: #850000;
    -webkit-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease; }
    #seats1 > *:nth-of-type(1) {
      -webkit-transform: translate(50px, 10px);
      -ms-transform: translate(50px, 10px);
      transform: translate(50px, 10px); }
    #seats1 > *:nth-of-type(2) {
      -webkit-transform: translate(50px, 32px);
      -ms-transform: translate(50px, 32px);
      transform: translate(50px, 32px); }
    #seats1 > *:nth-of-type(3) {
      -webkit-transform: translate(50px, 54px);
      -ms-transform: translate(50px, 54px);
      transform: translate(50px, 54px); }
    #seats1 > *:nth-of-type(4) {
      -webkit-transform: translate(50px, 76px);
      -ms-transform: translate(50px, 76px);
      transform: translate(50px, 76px); }
    #seats1 > *:nth-of-type(5) {
      -webkit-transform: translate(50px, 98px);
      -ms-transform: translate(50px, 98px);
      transform: translate(50px, 98px); }
    #seats1 > *:nth-of-type(6) {
      -webkit-transform: translate(50px, 120px);
      -ms-transform: translate(50px, 120px);
      transform: translate(50px, 120px); }
    #seats1 > *:nth-of-type(7) {
      -webkit-transform: translate(50px, 142px);
      -ms-transform: translate(50px, 142px);
      transform: translate(50px, 142px); }
    #seats1 > *:nth-of-type(8) {
      -webkit-transform: translate(50px, 164px);
      -ms-transform: translate(50px, 164px);
      transform: translate(50px, 164px); }
    #seats1 > *:nth-of-type(9) {
      -webkit-transform: translate(50px, 186px);
      -ms-transform: translate(50px, 186px);
      transform: translate(50px, 186px); }
    #seats1 > *:nth-of-type(10) {
      -webkit-transform: translate(50px, 208px);
      -ms-transform: translate(50px, 208px);
      transform: translate(50px, 208px); }
    #seats1 > *:nth-of-type(11) {
      -webkit-transform: translate(50px, 230px);
      -ms-transform: translate(50px, 230px);
      transform: translate(50px, 230px); }
    #seats1 > *:nth-of-type(12) {
      -webkit-transform: translate(50px, 252px);
      -ms-transform: translate(50px, 252px);
      transform: translate(50px, 252px); }
    #seats1 > *:nth-of-type(13) {
      -webkit-transform: translate(50px, 274px);
      -ms-transform: translate(50px, 274px);
      transform: translate(50px, 274px); }
    #seats1 > *:nth-of-type(14) {
      -webkit-transform: translate(50px, 296px);
      -ms-transform: translate(50px, 296px);
      transform: translate(50px, 296px); }
    #seats1 > *:nth-of-type(15) {
      -webkit-transform: translate(50px, 318px);
      -ms-transform: translate(50px, 318px);
      transform: translate(50px, 318px); }
    #seats1 > *:nth-of-type(16) {
      -webkit-transform: translate(50px, 340px);
      -ms-transform: translate(50px, 340px);
      transform: translate(50px, 340px); }
    #seats1 > *:nth-of-type(17) {
      -webkit-transform: translate(50px, 362px);
      -ms-transform: translate(50px, 362px);
      transform: translate(50px, 362px); }
    #seats1 > *:nth-of-type(18) {
      -webkit-transform: translate(50px, 384px);
      -ms-transform: translate(50px, 384px);
      transform: translate(50px, 384px); }
    #seats1 > *:nth-of-type(19) {
      -webkit-transform: translate(50px, 406px);
      -ms-transform: translate(50px, 406px);
      transform: translate(50px, 406px); }
    #seats1 > *:nth-of-type(19) {
      -webkit-transform: translate(100px, 10px);
      -ms-transform: translate(100px, 10px);
      transform: translate(100px, 10px); }
    #seats1 > *:nth-of-type(20) {
      -webkit-transform: translate(100px, 32px);
      -ms-transform: translate(100px, 32px);
      transform: translate(100px, 32px); }
    #seats1 > *:nth-of-type(21) {
      -webkit-transform: translate(100px, 54px);
      -ms-transform: translate(100px, 54px);
      transform: translate(100px, 54px); }
    #seats1 > *:nth-of-type(22) {
      -webkit-transform: translate(100px, 76px);
      -ms-transform: translate(100px, 76px);
      transform: translate(100px, 76px); }
    #seats1 > *:nth-of-type(23) {
      -webkit-transform: translate(100px, 98px);
      -ms-transform: translate(100px, 98px);
      transform: translate(100px, 98px); }
    #seats1 > *:nth-of-type(24) {
      -webkit-transform: translate(100px, 120px);
      -ms-transform: translate(100px, 120px);
      transform: translate(100px, 120px); }
    #seats1 > *:nth-of-type(25) {
      -webkit-transform: translate(100px, 142px);
      -ms-transform: translate(100px, 142px);
      transform: translate(100px, 142px); }
    #seats1 > *:nth-of-type(26) {
      -webkit-transform: translate(100px, 164px);
      -ms-transform: translate(100px, 164px);
      transform: translate(100px, 164px); }
    #seats1 > *:nth-of-type(27) {
      -webkit-transform: translate(100px, 186px);
      -ms-transform: translate(100px, 186px);
      transform: translate(100px, 186px); }
    #seats1 > *:nth-of-type(28) {
      -webkit-transform: translate(100px, 208px);
      -ms-transform: translate(100px, 208px);
      transform: translate(100px, 208px); }
    #seats1 > *:nth-of-type(29) {
      -webkit-transform: translate(100px, 274px);
      -ms-transform: translate(100px, 274px);
      transform: translate(100px, 274px); }
    #seats1 > *:nth-of-type(30) {
      -webkit-transform: translate(100px, 296px);
      -ms-transform: translate(100px, 296px);
      transform: translate(100px, 296px); }
    #seats1 > *:nth-of-type(31) {
      -webkit-transform: translate(100px, 318px);
      -ms-transform: translate(100px, 318px);
      transform: translate(100px, 318px); }
    #seats1 > *:nth-of-type(32) {
      -webkit-transform: translate(100px, 340px);
      -ms-transform: translate(100px, 340px);
      transform: translate(100px, 340px); }
    #seats1 > *:nth-of-type(33) {
      -webkit-transform: translate(100px, 362px);
      -ms-transform: translate(100px, 362px);
      transform: translate(100px, 362px); }
    #seats1 > *:nth-of-type(34) {
      -webkit-transform: translate(100px, 384px);
      -ms-transform: translate(100px, 384px);
      transform: translate(100px, 384px); }
    #seats1 > *:nth-of-type(35) {
      -webkit-transform: translate(20px, 420px);
      -ms-transform: translate(20px, 420px);
      transform: translate(20px, 420px); }
    #seats1 > *:nth-of-type(36) {
      -webkit-transform: translate(41px, 420px);
      -ms-transform: translate(41px, 420px);
      transform: translate(41px, 420px); }
    #seats1 > *:nth-of-type(37) {
      -webkit-transform: translate(10px, 450px);
      -ms-transform: translate(10px, 450px);
      transform: translate(10px, 450px); }
    #seats1 > *:nth-of-type(38) {
      -webkit-transform: translate(10px, 471px);
      -ms-transform: translate(10px, 471px);
      transform: translate(10px, 471px); }
    #seats1 > *:nth-of-type(39) {
      -webkit-transform: translate(110px, 470px);
      -ms-transform: translate(110px, 470px);
      transform: translate(110px, 470px); }
    #seats1 > *:nth-of-type(40) {
      -webkit-transform: translate(121px, 449px);
      -ms-transform: translate(121px, 449px);
      transform: translate(121px, 449px); }
    #seats1 > *:nth-of-type(41) {
      -webkit-transform: translate(132px, 428px);
      -ms-transform: translate(132px, 428px);
      transform: translate(132px, 428px); }
    #seats1 > *:nth-of-type(42) {
      -webkit-transform: translate(143px, 407px);
      -ms-transform: translate(143px, 407px);
      transform: translate(143px, 407px); }
    #seats1 > *:nth-of-type(43) {
      -webkit-transform: translate(140px, 10px);
      -ms-transform: translate(140px, 10px);
      transform: translate(140px, 10px); }
    #seats1 > *:nth-of-type(44) {
      -webkit-transform: translate(161px, 10px);
      -ms-transform: translate(161px, 10px);
      transform: translate(161px, 10px); }
  #seats1 > *:hover {
    width: 30px;
    height: 30px; }

.other-holder {
  position: absolute;
  width: 100%;
  top: 15%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .other-holder a {
    background-color: #850000; }

.contenido {
  width: 100%;
  height: 90%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .contenido .options {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .contenido .options a {
      margin-bottom: 10px; }
  .contenido iframe {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }