a.button,
a.round-button,
a.square-button {
  color: inherit;
}
a.button:hover,
a.round-button:hover,
a.square-button:hover {
  text-decoration: none;
}
.button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.button.loading-pulse.lighten:before {
  background-color: #fff;
}
.button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.button.loading-cube:before,
.button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.button.loading-cube.lighten:before,
.button.loading-cube.lighten:after {
  background-color: #fff;
}

.round-button,
.cycle-button,
.square-button {
  padding: 0 1rem;
  height: 2.125rem;
  background-color: #ffffff;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 1;
  margin: .15625rem 0;
  position: relative;
  width: 2.125rem;
  min-width: 2.125rem;
  padding: 0 ;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.round-button.default,
.cycle-button.default,
.square-button.default {
  background-color: #008287;
  color: #fff;
}
.round-button:hover,
.cycle-button:hover,
.square-button:hover {
  border-color: #787878;
}
.round-button:active,
.cycle-button:active,
.square-button:active {
  background: #eeeeee;
  color: #262626;
  box-shadow: none;
}
.round-button:focus,
.cycle-button:focus,
.square-button:focus {
  outline: 0;
}
.round-button:disabled,
.cycle-button:disabled,
.square-button:disabled,
.round-button.disabled,
.cycle-button.disabled,
.square-button.disabled {
  background-color: #eaeaea;
  color: #bebebe;
  cursor: default;
  border-color: transparent;
}
.round-button *,
.cycle-button *,
.square-button * {
  color: inherit;
}
.round-button *:hover,
.cycle-button *:hover,
.square-button *:hover {
  color: inherit;
}
.round-button.rounded,
.cycle-button.rounded,
.square-button.rounded {
  border-radius: .325rem;
}
.round-button > [class*=mif-],
.cycle-button > [class*=mif-],
.square-button > [class*=mif-] {
  vertical-align: middle;
}
.round-button img,
.cycle-button img,
.square-button img {
  height: .875rem;
  vertical-align: middle;
  margin: 0;
}
.round-button.loading-pulse,
.cycle-button.loading-pulse,
.square-button.loading-pulse {
  position: relative;
  padding: 0 1.325rem;
}
.round-button.loading-pulse:before,
.cycle-button.loading-pulse:before,
.square-button.loading-pulse:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
          animation: scaleout 1s infinite ease-in-out;
}
.round-button.loading-pulse.lighten:before,
.cycle-button.loading-pulse.lighten:before,
.square-button.loading-pulse.lighten:before {
  background-color: #fff;
}
.round-button.loading-cube,
.cycle-button.loading-cube,
.square-button.loading-cube {
  position: relative;
  padding: 0 1.325rem;
}
.round-button.loading-cube:before,
.cycle-button.loading-cube:before,
.square-button.loading-cube:before,
.round-button.loading-cube:after,
.cycle-button.loading-cube:after,
.square-button.loading-cube:after {
  content: "";
  background-color: #333;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -8px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
          animation: cubemove 1.8s infinite ease-in-out;
}
.round-button.loading-cube:after,
.cycle-button.loading-cube:after,
.square-button.loading-cube:after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.round-button.loading-cube.lighten:before,
.cycle-button.loading-cube.lighten:before,
.square-button.loading-cube.lighten:before,
.round-button.loading-cube.lighten:after,
.cycle-button.loading-cube.lighten:after,
.square-button.loading-cube.lighten:after {
  background-color: #fff;
}
.round-button.dropdown-toggle,
.cycle-button.dropdown-toggle,
.square-button.dropdown-toggle {
  padding-right: 1.625rem;
}
.round-button.dropdown-toggle.drop-marker-light:before,
.cycle-button.dropdown-toggle.drop-marker-light:before,
.square-button.dropdown-toggle.drop-marker-light:before,
.round-button.dropdown-toggle.drop-marker-light:after,
.cycle-button.dropdown-toggle.drop-marker-light:after,
.square-button.dropdown-toggle.drop-marker-light:after {
  background-color: #ffffff;
}
.round-button.primary,
.cycle-button.primary,
.square-button.primary {
  background: #2086bf;
  color: #ffffff;
  border-color: #2086bf;
}
.round-button.primary:active,
.cycle-button.primary:active,
.square-button.primary:active {
  background: #1b6eae;
  color: #ffffff;
}
.round-button.success,
.cycle-button.success,
.square-button.success {
  background: #60a917;
  color: #ffffff;
  border-color: #60a917;
}
.round-button.success:active,
.cycle-button.success:active,
.square-button.success:active {
  background: #128023;
  color: #ffffff;
}
.round-button.danger,
.cycle-button.danger,
.square-button.danger,
.round-button.alert,
.cycle-button.alert,
.square-button.alert {
  background: #ce352c;
  color: #ffffff;
  border-color: #ce352c;
}
.round-button.danger:active,
.cycle-button.danger:active,
.square-button.danger:active,
.round-button.alert:active,
.cycle-button.alert:active,
.square-button.alert:active {
  background: #9a1616;
  color: #ffffff;
}
.round-button.info,
.cycle-button.info,
.square-button.info {
  background: #59cde2;
  color: #ffffff;
  border-color: #59cde2;
}
.round-button.info:active,
.cycle-button.info:active,
.square-button.info:active {
  background: #1ba1e2;
  color: #ffffff;
}
.round-button.warning,
.cycle-button.warning,
.square-button.warning {
  background: #fa6800;
  color: #ffffff;
  border-color: #fa6800;
}
.round-button.warning:active,
.cycle-button.warning:active,
.square-button.warning:active {
  background: #bf5a15;
  color: #ffffff;
}
.round-button.link,
.cycle-button.link,
.square-button.link {
  background: transparent;
  color: #2086bf;
  border-color: transparent;
  text-decoration: underline;
}
.round-button.link:hover,
.cycle-button.link:hover,
.square-button.link:hover,
.round-button.link:active,
.cycle-button.link:active,
.square-button.link:active {
  background: transparent;
  color: #114968;
  border-color: transparent;
}
.square-button {
  border-radius: 0;
}
a.button,
a.round-button,
a.square-button {
  color: inherit;
}
a.button:hover,
a.round-button:hover,
a.square-button:hover {
  text-decoration: none;
}

.tile:active {
  outline: 0;
}

.tile-area {
  min-width: 100%;
  height: 100%;
  position: relative;
  padding-top: 0px !important;
}

.tile-area-firin{
  background: #DEA46F;
}

.tile-area:before,
.tile-area:after {
  display: table;
  content: "";
}
.tile-area:after {
  clear: both;
}

.tile-area .tile-area-title {
  position:fixed;
  top:20px;
  right: 80px;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.1;
}
.tile-group {
  margin-left: 80px;
  min-width: 80px;
  width: auto;
  float: left;
  display: block;
  padding-top: 40px;
  position: relative;
}
.tile-group.one {
  width: 160px;
}
.tile-group.two,
.tile-group.double {
  width: 320px;
}
.tile-group.three,
.tile-group.triple {
  width: 480px;
}
.tile-group.four,
.tile-group.quadro {
  width: 640px;
}
.tile-group.five {
  width: 800px;
}
.tile-group.six {
  width: 960px;
}
.tile-group.seven {
  width: 1120px;
}
.tile-group .tile-group-title {
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: -25px;
  left: 0;
}
.tile-container {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}
.tile-container:before,
.tile-container:after {
  display: table;
  content: "";
}
.tile-container:after {
  clear: both;
}
.tile {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tile:hover {
  outline: #999999 solid 3px;
}
.tile:active {
  outline: 0;
}
.tile.no-outline {
  outline-color: transparent;
}
.tile.small-tile {
  width: 70px;
  height: 70px;
}
.tile.wide-tile {
  width: 310px;
  height: 150px;
}
.tile.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile.large-tile {
  width: 310px;
  height: 310px;
}
.tile.big-tile {
  width: 470px;
  height: 470px;
}
.tile.super-tile {
  width: 630px;
  height: 630px;
}
.tile-square {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
}
.tile-square:hover {
  outline: #999999 solid 3px;
}
.tile-square:active {
  outline: 0;
}
.tile-square.no-outline {
  outline-color: transparent;
}
.tile-square.small-tile {
  width: 70px;
  height: 70px;
}
.tile-square.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-square.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-square.large-tile {
  width: 310px;
  height: 310px;
}
.tile-square.big-tile {
  width: 470px;
  height: 470px;
}
.tile-square.super-tile {
  width: 630px;
  height: 630px;
}
.tile-square .tile-content.flipVertical {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-square:hover .tile-content.flipVertical,
.tile-square.hover .tile-content.flipVertical,
.tile-square.flip .tile-content.flipVertical {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-square .tile-content.flipVertical {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-square .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-square .tile-content.flipVertical .slide {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.tile-square .tile-content.flipVertical .slide-over {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-square .tile-content.flipHorizontal {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-square:hover .tile-content.flipHorizontal,
.tile-square.hover .tile-content.flipHorizontal,
.tile-square.flip .tile-content.flipHorizontal {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-square .tile-content.flipHorizontal {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-square .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-square .tile-content.flipHorizontal .slide {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tile-square .tile-content.flipHorizontal .slide-over {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-square .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-square .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
  color:#FFF;
}
.tile-small {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 70px;
  height: 70px;
}
.tile-small:hover {
  outline: #999999 solid 3px;
}
.tile-small:active {
  outline: 0;
}
.tile-small.no-outline {
  outline-color: transparent;
}
.tile-small.small-tile {
  width: 70px;
  height: 70px;
}
.tile-small.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-small.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-small.large-tile {
  width: 310px;
  height: 310px;
}
.tile-small.big-tile {
  width: 470px;
  height: 470px;
}
.tile-small.super-tile {
  width: 630px;
  height: 630px;
}
.tile-small .tile-content.flipVertical {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipVertical,
.tile-small.hover .tile-content.flipVertical,
.tile-small.flip .tile-content.flipVertical {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-small .tile-content.flipVertical {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipVertical .slide,
.tile-small .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipVertical .slide {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.tile-small .tile-content.flipVertical .slide-over {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-small .tile-content.flipHorizontal {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipHorizontal,
.tile-small.hover .tile-content.flipHorizontal,
.tile-small.flip .tile-content.flipHorizontal {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-small .tile-content.flipHorizontal {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile-small .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipHorizontal .slide {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tile-small .tile-content.flipHorizontal .slide-over {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-small .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-small .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
  color:#FFF;
}
.tile-wide {
  width: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 310px;
  height: 150px;
}
.tile-wide:hover {
  outline: #999999 solid 3px;
}
.tile-wide:active {
  outline: 0;
}
.tile-wide.no-outline {
  outline-color: transparent;
}
.tile-wide.small-tile {
  width: 70px;
  height: 70px;
}
.tile-wide.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-wide.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-wide.large-tile {
  width: 310px;
  height: 310px;
}
.tile-wide.big-tile {
  width: 470px;
  height: 470px;
}
.tile-wide.super-tile {
  width: 630px;
  height: 630px;
}
.tile-wide .tile-content.flipVertical {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-wide:hover .tile-content.flipVertical,
.tile-wide.hover .tile-content.flipVertical,
.tile-wide.flip .tile-content.flipVertical {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-wide .tile-content.flipVertical {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-wide .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-wide .tile-content.flipVertical .slide {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.tile-wide .tile-content.flipVertical .slide-over {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-wide .tile-content.flipHorizontal {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-wide:hover .tile-content.flipHorizontal,
.tile-wide.hover .tile-content.flipHorizontal,
.tile-wide.flip .tile-content.flipHorizontal {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-wide .tile-content.flipHorizontal {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-wide .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-wide .tile-content.flipHorizontal .slide {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tile-wide .tile-content.flipHorizontal .slide-over {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-wide .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-wide .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
  color:#FFF;
}
.tile-large {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 310px;
  height: 310px;
}
.tile-large:hover {
  outline: #999999 solid 3px;
}
.tile-large:active {
  outline: 0;
}
.tile-large.no-outline {
  outline-color: transparent;
}
.tile-large.small-tile {
  width: 70px;
  height: 70px;
}
.tile-large.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-large.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-large.large-tile {
  width: 310px;
  height: 310px;
}
.tile-large.big-tile {
  width: 470px;
  height: 470px;
}
.tile-large.super-tile {
  width: 630px;
  height: 630px;
}
.tile-large .tile-content.flipVertical {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-large:hover .tile-content.flipVertical,
.tile-large.hover .tile-content.flipVertical,
.tile-large.flip .tile-content.flipVertical {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-large .tile-content.flipVertical {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-large .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-large .tile-content.flipVertical .slide {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.tile-large .tile-content.flipVertical .slide-over {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-large .tile-content.flipHorizontal {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-large:hover .tile-content.flipHorizontal,
.tile-large.hover .tile-content.flipHorizontal,
.tile-large.flip .tile-content.flipHorizontal {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-large .tile-content.flipHorizontal {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-large .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-large .tile-content.flipHorizontal .slide {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tile-large .tile-content.flipHorizontal .slide-over {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-large .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-large .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
  color:#FFF;
}
.tile-big {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 470px;
  height: 470px;
}
.tile-big:hover {
  outline: #999999 solid 3px;
}
.tile-big:active {
  outline: 0;
}
.tile-big.no-outline {
  outline-color: transparent;
}
.tile-big.small-tile {
  width: 70px;
  height: 70px;
}
.tile-big.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-big.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-big.large-tile {
  width: 310px;
  height: 310px;
}
.tile-big.big-tile {
  width: 470px;
  height: 470px;
}
.tile-big.super-tile {
  width: 630px;
  height: 630px;
}
.tile-big .tile-content.flipVertical {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-big:hover .tile-content.flipVertical,
.tile-big.hover .tile-content.flipVertical,
.tile-big.flip .tile-content.flipVertical {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-big .tile-content.flipVertical {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-big .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-big .tile-content.flipVertical .slide {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.tile-big .tile-content.flipVertical .slide-over {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-big .tile-content.flipHorizontal {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-big:hover .tile-content.flipHorizontal,
.tile-big.hover .tile-content.flipHorizontal,
.tile-big.flip .tile-content.flipHorizontal {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-big .tile-content.flipHorizontal {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-big .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-big .tile-content.flipHorizontal .slide {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tile-big .tile-content.flipHorizontal .slide-over {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-big .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-big .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
  color:#FFF;
}
.tile-super {
  width: 150px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px #FFFFCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
  width: 630px;
  height: 630px;
}
.tile-super:hover {
  outline: #999999 solid 3px;
}
.tile-super:active {
  outline: 0;
}
.tile-super.no-outline {
  outline-color: transparent;
}
.tile-super.small-tile {
  width: 70px;
  height: 70px;
}
.tile-super.wide-tile {
  width: 310px;
  height: 150px;
}
.tile-super.wide-tile-v {
  height: 310px;
  width: 150px;
}
.tile-super.large-tile {
  width: 310px;
  height: 310px;
}
.tile-super.big-tile {
  width: 470px;
  height: 470px;
}
.tile-super.super-tile {
  width: 630px;
  height: 630px;
}
.tile-super .tile-content.flipVertical {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-super:hover .tile-content.flipVertical,
.tile-super.hover .tile-content.flipVertical,
.tile-super.flip .tile-content.flipVertical {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-super .tile-content.flipVertical {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-super .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-super .tile-content.flipVertical .slide {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.tile-super .tile-content.flipVertical .slide-over {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-super .tile-content.flipHorizontal {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-super:hover .tile-content.flipHorizontal,
.tile-super.hover .tile-content.flipHorizontal,
.tile-super.flip .tile-content.flipHorizontal {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-super .tile-content.flipHorizontal {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-super .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-super .tile-content.flipHorizontal .slide {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tile-super .tile-content.flipHorizontal .slide-over {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-super .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile-super .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
}
.tile-small-x {
  width: 70px;
}
.tile-square-x {
  width: 150px;
}
.tile-wide-x {
  width: 310px;
}
.tile-large-x {
  width: 310px;
}
.tile-big-x {
  width: 470px;
}
.tile-super-x {
  width: 630px;
}
.tile-small-y {
  height: 70px;
}
.tile-square-y {
  height: 150px;
}
.tile-wide-y {
  height: 310px;
}
.tile-large-y {
  height: 310px;
}
.tile-big-y {
  height: 470px;
}
.tile-super-y {
  height: 630px;
}
.tile-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  overflow: hidden;
  display: none;
}
.tile-content:first-child {
  display: block;
}
.tile-content .live-slide {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
}
.tile-content .live-slide:nth-child(1) {
  display: block;
}
.tile-content.iconic .icon {
  position: absolute;
  width: 60px;
  height: 60px;
  font-size: 64px;
  top: 45%;
  margin-top: -28px;
  left: 46%;
  margin-left: -24px;
  text-align: center;
}
.tile-small .tile-content.iconic .icon {
  width: 32px;
  height: 32px;
  font-size: 32px;
  margin-left: -16px;
  margin-top: -16px;
}
.tile-content.image-set > img,
.tile-content.image-set > .image-container {
  margin: 0;
  padding: 0;
  width: 25% ;
  height: 50% ;
  float: left;
  border: 1px #1e1e1e solid;
}
.tile-content.image-set > img:first-child,
.tile-content.image-set > .image-container:first-child {
  width: 50% ;
  float: left;
  height: 100% ;
}
.tile-content.slide-up > .slide,
.tile-content.slide-down > .slide,
.tile-content.slide-up-2 > .slide,
.tile-content.slide-down-2 > .slide,
.tile-content.slide-left > .slide,
.tile-content.slide-right > .slide,
.tile-content.slide-left-2 > .slide,
.tile-content.slide-right-2 > .slide,
.tile-content.slide-up > .slide-over,
.tile-content.slide-down > .slide-over,
.tile-content.slide-up-2 > .slide-over,
.tile-content.slide-down-2 > .slide-over,
.tile-content.slide-left > .slide-over,
.tile-content.slide-right > .slide-over,
.tile-content.slide-left-2 > .slide-over,
.tile-content.slide-right-2 > .slide-over {
  width: 100%;
  height: inherit;
  display: block;
  position: absolute;
  box-shadow: inset 0 0 1px #FFFFCC;
}
.tile-content.slide-up > .slide,
.tile-content.slide-down > .slide,
.tile-content.slide-up-2 > .slide,
.tile-content.slide-down-2 > .slide,
.tile-content.slide-left > .slide,
.tile-content.slide-right > .slide,
.tile-content.slide-left-2 > .slide,
.tile-content.slide-right-2 > .slide {
  top: 0;
  z-index: 1;
  transition: all 0.3s ease;
}
.tile-content.slide-up:hover > .slide,
.tile-content.slide-down:hover > .slide,
.tile-content.slide-up-2:hover > .slide,
.tile-content.slide-down-2:hover > .slide,
.tile-content.slide-left:hover > .slide,
.tile-content.slide-right:hover > .slide,
.tile-content.slide-left-2:hover > .slide,
.tile-content.slide-right-2:hover > .slide {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  transition: all 0.6s ease;
}
.tile-content.slide-up > .slide-over {
  top: 100%;
  z-index: 2;
  height: 75%;
  transition: all 0.6s ease;
}
.tile-content.slide-up:hover > .slide-over {
  top: 25%;
  transition: all 0.3s ease;
}
.tile-content.slide-up-2 > .slide-over {
  top: 100%;
  z-index: 2;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-up-2:hover > .slide {
  -webkit-transform: scale(1);
          transform: scale(1);
  top: -100%;
  transition: all 0.4s ease;
}
.tile-content.slide-up-2:hover > .slide-over {
  top: 0;
  transition: all 0.4s ease;
}
.tile-content.slide-down > .slide-over {
  top: -100%;
  z-index: 2;
  height: 75%;
  transition: all 0.6s ease;
}
.tile-content.slide-down:hover > .slide-over {
  top: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-down-2 > .slide-over {
  top: -100%;
  z-index: 2;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-down-2:hover > .slide {
  -webkit-transform: scale(1);
          transform: scale(1);
  top: 100%;
  transition: all 0.4s ease;
}
.tile-content.slide-down-2:hover > .slide-over {
  top: 0;
  transition: all 0.4s ease;
}
.tile-content.slide-left > .slide-over {
  left: -100%;
  z-index: 2;
  width: 75%;
  height: 100%;
  transition: all 0.6s ease;
}
.tile-content.slide-left:hover > .slide-over {
  left: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-left-2 > .slide {
  left: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-left-2 > .slide-over {
  left: -100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-left-2:hover > .slide {
  -webkit-transform: scale(1);
          transform: scale(1);
  left: 100%;
  transition: all 0.4s ease;
}
.tile-content.slide-left-2:hover > .slide-over {
  left: 0;
  transition: all 0.4s ease;
}
.tile-content.slide-right > .slide-over {
  left: 100%;
  z-index: 2;
  width: 75%;
  height: 100%;
  transition: all 0.6s ease;
}
.tile-content.slide-right:hover > .slide-over {
  left: 25%;
  transition: all 0.3s ease;
}
.tile-content.slide-right-2 > .slide {
  left: 0;
  transition: all 0.3s ease;
}
.tile-content.slide-right-2 > .slide-over {
  left: 100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.tile-content.slide-right-2:hover > .slide {
  -webkit-transform: scale(1);
          transform: scale(1);
  left: -100%;
  transition: all 0.4s ease;
}
.tile-content.slide-right-2:hover > .slide-over {
  left: 0;
  transition: all 0.4s ease;
}
.tile-content.zooming .slide {
  box-shadow: inset 0 0 1px #FFFFCC;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  transition: all 0.6s ease;
}
.tile-content.zooming .slide:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  transition: all 0.6s ease;
}
.tile-content.zooming-out .slide {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  transition: all 0.6s ease;
}
.tile-content.zooming-out .slide:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.6s ease;
}
.tile-small,
.tile,
.tile-square,
.tile-wide,
.tile-large,
.tile-big,
.tile-super {
  overflow: visible;
}
.tile-small .tile-content.flipVertical,
.tile .tile-content.flipVertical,
.tile-square .tile-content.flipVertical,
.tile-wide .tile-content.flipVertical,
.tile-large .tile-content.flipVertical,
.tile-big .tile-content.flipVertical,
.tile-super .tile-content.flipVertical {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipVertical,
.tile:hover .tile-content.flipVertical,
.tile-square:hover .tile-content.flipVertical,
.tile-wide:hover .tile-content.flipVertical,
.tile-large:hover .tile-content.flipVertical,
.tile-big:hover .tile-content.flipVertical,
.tile-super:hover .tile-content.flipVertical,
.tile-small.hover .tile-content.flipVertical,
.tile.hover .tile-content.flipVertical,
.tile-square.hover .tile-content.flipVertical,
.tile-wide.hover .tile-content.flipVertical,
.tile-large.hover .tile-content.flipVertical,
.tile-big.hover .tile-content.flipVertical,
.tile-super.hover .tile-content.flipVertical,
.tile-small.flip .tile-content.flipVertical,
.tile.flip .tile-content.flipVertical,
.tile-square.flip .tile-content.flipVertical,
.tile-wide.flip .tile-content.flipVertical,
.tile-large.flip .tile-content.flipVertical,
.tile-big.flip .tile-content.flipVertical,
.tile-super.flip .tile-content.flipVertical {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-small .tile-content.flipVertical,
.tile .tile-content.flipVertical,
.tile-square .tile-content.flipVertical,
.tile-wide .tile-content.flipVertical,
.tile-large .tile-content.flipVertical,
.tile-big .tile-content.flipVertical,
.tile-super .tile-content.flipVertical {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipVertical .slide,
.tile .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide,
.tile-small .tile-content.flipVertical .slide-over,
.tile .tile-content.flipVertical .slide-over,
.tile-square .tile-content.flipVertical .slide-over,
.tile-wide .tile-content.flipVertical .slide-over,
.tile-large .tile-content.flipVertical .slide-over,
.tile-big .tile-content.flipVertical .slide-over,
.tile-super .tile-content.flipVertical .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipVertical .slide,
.tile .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.tile-small .tile-content.flipVertical .slide-over,
.tile .tile-content.flipVertical .slide-over,
.tile-square .tile-content.flipVertical .slide-over,
.tile-wide .tile-content.flipVertical .slide-over,
.tile-large .tile-content.flipVertical .slide-over,
.tile-big .tile-content.flipVertical .slide-over,
.tile-super .tile-content.flipVertical .slide-over {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tile-small .tile-content.flipHorizontal,
.tile .tile-content.flipHorizontal,
.tile-square .tile-content.flipHorizontal,
.tile-wide .tile-content.flipHorizontal,
.tile-large .tile-content.flipHorizontal,
.tile-big .tile-content.flipHorizontal,
.tile-super .tile-content.flipHorizontal {
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  overflow: visible;
}
.tile-small:hover .tile-content.flipHorizontal,
.tile:hover .tile-content.flipHorizontal,
.tile-square:hover .tile-content.flipHorizontal,
.tile-wide:hover .tile-content.flipHorizontal,
.tile-large:hover .tile-content.flipHorizontal,
.tile-big:hover .tile-content.flipHorizontal,
.tile-super:hover .tile-content.flipHorizontal,
.tile-small.hover .tile-content.flipHorizontal,
.tile.hover .tile-content.flipHorizontal,
.tile-square.hover .tile-content.flipHorizontal,
.tile-wide.hover .tile-content.flipHorizontal,
.tile-large.hover .tile-content.flipHorizontal,
.tile-big.hover .tile-content.flipHorizontal,
.tile-super.hover .tile-content.flipHorizontal,
.tile-small.flip .tile-content.flipHorizontal,
.tile.flip .tile-content.flipHorizontal,
.tile-square.flip .tile-content.flipHorizontal,
.tile-wide.flip .tile-content.flipHorizontal,
.tile-large.flip .tile-content.flipHorizontal,
.tile-big.flip .tile-content.flipHorizontal,
.tile-super.flip .tile-content.flipHorizontal {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile-small .tile-content.flipHorizontal,
.tile .tile-content.flipHorizontal,
.tile-square .tile-content.flipHorizontal,
.tile-wide .tile-content.flipHorizontal,
.tile-large .tile-content.flipHorizontal,
.tile-big .tile-content.flipHorizontal,
.tile-super .tile-content.flipHorizontal {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.6s ease;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide,
.tile-small .tile-content.flipHorizontal .slide-over,
.tile .tile-content.flipHorizontal .slide-over,
.tile-square .tile-content.flipHorizontal .slide-over,
.tile-wide .tile-content.flipHorizontal .slide-over,
.tile-large .tile-content.flipHorizontal .slide-over,
.tile-big .tile-content.flipHorizontal .slide-over,
.tile-super .tile-content.flipHorizontal .slide-over {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide {
  z-index: 2;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tile-small .tile-content.flipHorizontal .slide-over,
.tile .tile-content.flipHorizontal .slide-over,
.tile-square .tile-content.flipHorizontal .slide-over,
.tile-wide .tile-content.flipHorizontal .slide-over,
.tile-large .tile-content.flipHorizontal .slide-over,
.tile-big .tile-content.flipHorizontal .slide-over,
.tile-super .tile-content.flipHorizontal .slide-over {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.tile .tile-badge {
  position: absolute;
  bottom: 0;
  right: .625rem;
  padding: .25rem .625rem;
  z-index: 999;
}
.tile .tile-label {
  position: absolute;
  bottom: 0;
  left: .625rem;
  padding: .425rem .25rem;
  z-index: 999;
  color:#FFF;
}
.tile-content .image-container,
.tile-content .carousel {
  box-shadow: inset 0 0 1px #FFFFCC;
  width: 100%;
  height: 100%;
}
/*[class*=tile-transform-] {
  transition: all 0.22s ease;
}
.tile-transform-right {
  -webkit-transform-origin: left 50%;
          transform-origin: left 50%;
}
.tile.tile-transform-right {
  -webkit-transform: perspective(500px) rotateY(0.138372rad) !important;
          transform: perspective(500px) rotateY(0.138372rad) !important;
}
.tile-wide.tile-transform-right {
  -webkit-transform: perspective(500px) rotateY(0.069186rad) !important;
          transform: perspective(500px) rotateY(0.069186rad) !important;
}
.tile-large.tile-transform-right {
  -webkit-transform: perspective(500px) rotateY(0.069186rad) !important;
          transform: perspective(500px) rotateY(0.069186rad) !important;
}
.tile-big.tile-transform-right {
  -webkit-transform: perspective(500px) rotateY(0.046124rad) !important;
          transform: perspective(500px) rotateY(0.046124rad) !important;
}
.tile-super.tile-transform-right {
  -webkit-transform: perspective(500px) rotateY(0.034593rad) !important;
          transform: perspective(500px) rotateY(0.034593rad) !important;
}
.tile-small.tile-transform-right {
  -webkit-transform: perspective(500px) rotateY(0.276744rad) !important;
          transform: perspective(500px) rotateY(0.276744rad) !important;
}
.tile-transform-left {
  -webkit-transform-origin: right 50%;
          transform-origin: right 50%;
}
.tile.tile-transform-left {
  -webkit-transform: perspective(500px) rotateY(-0.138372rad) !important;
          transform: perspective(500px) rotateY(-0.138372rad) !important;
}
.tile-wide.tile-transform-left {
  -webkit-transform: perspective(500px) rotateY(-0.069186rad) !important;
          transform: perspective(500px) rotateY(-0.069186rad) !important;
}
.tile-large.tile-transform-left {
  -webkit-transform: perspective(500px) rotateY(-0.069186rad) !important;
          transform: perspective(500px) rotateY(-0.069186rad) !important;
}
.tile-big.tile-transform-left {
  -webkit-transform: perspective(500px) rotateY(-0.046124rad) !important;
          transform: perspective(500px) rotateY(-0.046124rad) !important;
}
.tile-super.tile-transform-left {
  -webkit-transform: perspective(500px) rotateY(-0.034593rad) !important;
          transform: perspective(500px) rotateY(-0.034593rad) !important;
}
.tile-small.tile-transform-left {
  -webkit-transform: perspective(500px) rotateY(-0.276744rad) !important;
          transform: perspective(500px) rotateY(-0.276744rad) !important;
}
.tile-transform-top {
  -webkit-transform-origin: 50% bottom;
          transform-origin: 50% bottom;
}
.tile.tile-transform-top {
  -webkit-transform: perspective(500px) rotateX(0.138372rad) !important;
          transform: perspective(500px) rotateX(0.138372rad) !important;
}
.tile-wide.tile-transform-top {
  -webkit-transform: perspective(500px) rotateX(0.069186rad) !important;
          transform: perspective(500px) rotateX(0.069186rad) !important;
}
.tile-large.tile-transform-top {
  -webkit-transform: perspective(500px) rotateX(0.069186rad) !important;
          transform: perspective(500px) rotateX(0.069186rad) !important;
}
.tile-big.tile-transform-top {
  -webkit-transform: perspective(500px) rotateX(0.046124rad) !important;
          transform: perspective(500px) rotateX(0.046124rad) !important;
}
.tile-super.tile-transform-top {
  -webkit-transform: perspective(500px) rotateX(0.034593rad) !important;
          transform: perspective(500px) rotateX(0.034593rad) !important;
}
.tile-small.tile-transform-top {
  -webkit-transform: perspective(500px) rotateX(0.276744rad) !important;
          transform: perspective(500px) rotateX(0.276744rad) !important;
}
.tile-transform-bottom {
  -webkit-transform-origin: 50% top;
          transform-origin: 50% top;
}
.tile.tile-transform-bottom {
  -webkit-transform: perspective(500px) rotateX(-0.138372rad) !important;
          transform: perspective(500px) rotateX(-0.138372rad) !important;
}
.tile-wide.tile-transform-bottom {
  -webkit-transform: perspective(500px) rotateX(-0.069186rad) !important;
          transform: perspective(500px) rotateX(-0.069186rad) !important;
}
.tile-large.tile-transform-bottom {
  -webkit-transform: perspective(500px) rotateX(-0.069186rad) !important;
          transform: perspective(500px) rotateX(-0.069186rad) !important;
}
.tile-big.tile-transform-bottom {
  -webkit-transform: perspective(500px) rotateX(-0.046124rad) !important;
          transform: perspective(500px) rotateX(-0.046124rad) !important;
}
.tile-super.tile-transform-bottom {
  -webkit-transform: perspective(500px) rotateX(-0.034593rad) !important;
          transform: perspective(500px) rotateX(-0.034593rad) !important;
}
.tile-small.tile-transform-bottom {
  -webkit-transform: perspective(500px) rotateX(-0.276744rad) !important;
          transform: perspective(500px) rotateX(-0.276744rad) !important;
}*/
.tile-area-scheme-dark {
  background-color: #1d1d1d;
}
.tile-area-scheme-dark [class*=tile] {
  outline-color: #373737;
}
.tile-area-scheme-darkBrown {
  background-color: #63362f;
}
.tile-area-scheme-darkBrown [class*=tile] {
  outline-color: #86493f;
}
.tile-area-scheme-darkCrimson {
  background-color: #640024;
}
.tile-area-scheme-darkCrimson [class*=tile] {
  outline-color: #970036;
}
.tile-area-scheme-darkViolet {
  background-color: #57169a;
}
.tile-area-scheme-darkViolet [class*=tile] {
  outline-color: #701cc7;
}
.tile-area-scheme-darkMagenta {
  background-color: #81003c;
}
.tile-area-scheme-darkMagenta [class*=tile] {
  outline-color: #b40054;
}
.tile-area-scheme-darkCyan {
  background-color: #1b6eae;
}
.tile-area-scheme-darkCyan [class*=tile] {
  outline-color: #228ada;
}
.tile-area-scheme-darkCobalt {
  background-color: #00356a;
}
.tile-area-scheme-darkCobalt [class*=tile] {
  outline-color: #004e9d;
}
.tile-area-scheme-darkTeal {
  background-color: #004050;
}
.tile-area-scheme-darkTeal [class*=tile] {
  outline-color: #006983;
}
.tile-area-scheme-darkEmerald {
  background-color: #003e00;
}
.tile-area-scheme-darkEmerald [class*=tile] {
  outline-color: #007100;
}
.tile-area-scheme-darkGreen {
  background-color: #128023;
}
.tile-area-scheme-darkGreen [class*=tile] {
  outline-color: #18ad2f;
}
.tile-area-scheme-darkOrange {
  background-color: #bf5a15;
}
.tile-area-scheme-darkOrange [class*=tile] {
  outline-color: #e77120;
}
.tile-area-scheme-darkRed {
  background-color: #9a1616;
}
.tile-area-scheme-darkRed [class*=tile] {
  outline-color: #c71c1c;
}
.tile-area-scheme-darkPink {
  background-color: #9a165a;
}
.tile-area-scheme-darkPink [class*=tile] {
  outline-color: #c71c74;
}
.tile-area-scheme-darkIndigo {
  background-color: #4b0096;
}
.tile-area-scheme-darkIndigo [class*=tile] {
  outline-color: #6400c9;
}
.tile-area-scheme-darkBlue {
  background-color: #16499a;
}
.tile-area-scheme-darkBlue [class*=tile] {
  outline-color: #1c5ec7;
}
.tile-area-scheme-lightBlue {
  background-color: #4390df;
}
.tile-area-scheme-lightBlue [class*=tile] {
  outline-color: #6faae6;
}
.tile-area-scheme-lightTeal {
  background-color: #45fffd;
}
.tile-area-scheme-lightTeal [class*=tile] {
  outline-color: #78fffd;
}
.tile-area-scheme-lightOlive {
  background-color: #78aa1c;
}
.tile-area-scheme-lightOlive [class*=tile] {
  outline-color: #97d623;
}
.tile-area-scheme-lightOrange {
  background-color: #ffc194;
}
.tile-area-scheme-lightOrange [class*=tile] {
  outline-color: #ffdec7;
}
.tile-area-scheme-lightPink {
  background-color: #f472d0;
}
.tile-area-scheme-lightPink [class*=tile] {
  outline-color: #f8a1e0;
}
.tile-area-scheme-grayed {
  background-color: #585858;
}
.tile-area-scheme-grayed [class*=tile] {
  outline-color: #727272;
}



.tile-area-scheme-default {
  background-color: #5a6b7d;
}
.tile-area-scheme-default [class*=tile] {
  outline-color: #A8AFB8;
}

.tile-area-scheme-soft {
  background-color: #666666;
}
.tile-area-scheme-soft [class*=tile] {
  outline-color: #949494;
}

.tile-area-scheme-karbon_kirmizi {
  background-color: #991D45;
}
.tile-area-scheme-karbon_kirmizi [class*=tile] {
  outline-color: #B43860;
}

.tile-area-scheme-beyaz {
  background-color: #CDC9C9;
}
.tile-area-scheme-beyaz [class*=tile] {
  outline-color: #FCFAFA;
}

.tile-area-scheme-sari {
  background-color: #DDBC30;
}
.tile-area-scheme-sari [class*=tile] {
  outline-color: #F1D457;
}

.tile-area-scheme-turuncu {
  background-color: #DEA46F;
}
.tile-area-scheme-turuncu [class*=tile] {
  outline-color: #FFD1A7;
}

.tile-area-scheme-kirmizi {
  background-color: #F04847;
}
.tile-area-scheme-kirmizi [class*=tile] {
  outline-color: #FF9898;
}

.tile-area-scheme-turkuaz {
  background-color: #48BDB1;
}
.tile-area-scheme-turkuaz [class*=tile] {
  outline-color: #70D5CA;
}

.tile-area-scheme-mavi {
  background-color: #5a6b7d;
}
.tile-area-scheme-mavi [class*=tile] {
  outline-color: #A8AFB8;
}

.tile-area-scheme-yesil {
  background-color: #619160;
}
.tile-area-scheme-yesil [class*=tile] {
  outline-color: #a2c2a1;
}

.tile-area-scheme-mor {
  background-color: #754AA2;
}
.tile-area-scheme-mor [class*=tile] {
  outline-color: #B8A9CF;
}

.tile-area-scheme-gs {
  	background-image: url('../../resimler/tema/takimLogo/gsBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.tile-area-scheme-gs [class*=tile] {
  outline-color: #A60301;
}

.tile-area-scheme-bjk {
  	background-image: url('../../resimler/tema/takimLogo/bjkBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.tile-area-scheme-bjk [class*=tile] {
  outline-color: #000;
}

.tile-area-scheme-bursa {
  	background-image: url('../../resimler/tema/takimLogo/bursaBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.tile-area-scheme-bursa [class*=tile] {
  outline-color: #017F01;
}

.tile-area-scheme-fb {
  	background-image: url('../../resimler/tema/takimLogo/fbBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.tile-area-scheme-fb [class*=tile] {
  outline-color: #08254D;
}

.tile-area-scheme-ts {
  	background-image: url('../../resimler/tema/takimLogo/tsBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.tile-area-scheme-ts [class*=tile] {
  outline-color: #670107;
}


.bg-black {
  background-image: linear-gradient(to right, #434343 0%, black 100%)!important;
}

.bg-white {
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%)!important;
}

.bg-lime {
  background-image: linear-gradient(to top, #007adf 0%, #00ecbc 100%)!important;
}

.bg-green {
  background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%)!important;
}

.bg-emerald {
  background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%)!important;
}

.bg-teal {
  background-image: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%)!important;
}

.bg-cyan {
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%)!important;
}

.bg-cobalt {
  background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%)!important;
}

.bg-indigo {
  background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%)!important;
}

.bg-violet {
  background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%)!important;
}

.bg-pink {
  background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%)!important;
}

.bg-magenta {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%)!important;
}

.bg-crimson {
  background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%)!important;
}

.bg-red {
  background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%) !important;
}

.bg-orange {
  background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%)!important;
}

.bg-amber {
  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%) !important;
}
.bg-yellow {
  background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%)!important;
}
.bg-brown {
  background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%)!important;
}
.bg-olive {
  background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%)!important;
}
.bg-steel {
  background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%)!important;
}
.bg-mauve {
  background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%)!important;
}
.bg-taupe {
  background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%)!important;
}
.bg-gray {
  background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%)!important;
  background-blend-mode: screen!important;
}
.bg-dark {
  background-image: linear-gradient(90deg, #333333 0%, #22222260 100%)!important;
}
.bg-darker {
  background: #222222 !important;
}
.bg-transparent {
  background: transparent !important;
}
.bg-darkBrown {
  background: #63362f !important;
}
.bg-darkCrimson {
  background: #640024 !important;
}
.bg-darkMagenta {
  background: #81003c !important;
}
.bg-darkIndigo {
  background: #4b0096 !important;
}
.bg-darkCyan {
  background: #1b6eae !important;
}
.bg-darkCobalt {
  background: #00356a !important;
}
.bg-darkTeal {
  background: #004050 !important;
}
.bg-darkEmerald {
  background: #003e00 !important;
}
.bg-darkGreen {
  background: #128023 !important;
}
.bg-darkOrange {
  background: #bf5a15 !important;
}
.bg-darkRed {
  background: #9a1616 !important;
}
.bg-darkPink {
  background: #9a165a !important;
}
.bg-darkViolet {
  background: #57169a !important;
}
.bg-darkBlue {
  background: #16499a !important;
}
.bg-lightBlue {
  background: #4390df !important;
}
.bg-lightRed {
  background: #da5a53 !important;
}
.bg-lightGreen {
  background: #7ad61d !important;
}
.bg-lighterBlue {
  background: #00ccff !important;
}
.bg-lightTeal {
  background-image: linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%) !important;
}
.bg-lightOlive {
  background: #78aa1c !important;
}
.bg-lightOrange {
  background: #ffc194 !important;
}
.bg-lightPink {
  background: #f472d0 !important;
}
.bg-grayDark {
  background: #333333 !important;
}
.bg-grayDarker {
  background: #222222 !important;
}
.bg-grayLight {
  background: #999999 !important;
}
.bg-grayLighter {
  background-image: linear-gradient(to top, #bdc2e8 0%, #bdc2e8 1%, #e6dee9 100%) !important;
}
.bg-blue {
  background: #00aff0 !important;
}

.startEdit
{
	border:1px dotted #f01;
	cursor:move !important;
}

.grid-stack-item-content.ui-selected
{
	border:2px dotted #000 !important;	
}

.grid-stack.ui-selectable
{
	background-color:rgba(255, 255, 255, 0.5);	
}

.grid-stack .tr1
{
	background-color:rgba(255,255,255,.5)	
}

.carousel {
  display: block;
  width: 100%;
  position: relative;
  min-height: 100px;
  overflow: hidden;
}
.carousel .slide {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.carousel .slide:before,
.carousel .slide:after {
  display: table;
  content: "";
}
.carousel .slide:after {
  clear: both;
}
.carousel [class*="carousel-switch"],
.carousel .carousel-bullets {
  position: absolute;
  display: block;
  z-index: 999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.carousel .carousel-bullets {
  left: 0;
  right: 0;
  bottom: .625rem;
  text-align: center;
}
.carousel .carousel-bullets .carousel-bullet {
  display: inline-block;
  float: none;
  width: .625rem;
  height: .625rem;
  background-color: #ababab;
  box-shadow: none;
  border-radius: 50%;
  margin-right: .625rem;
  cursor: pointer;
  border: 1px #ffffff solid;
}
.carousel .carousel-bullets .carousel-bullet:last-child {
  margin-right: 0;
}
.carousel .carousel-bullets .carousel-bullet.bullet-on {
  background-color: #59cde2;
}
.carousel.square-bullets .carousel-bullet {
  border-radius: 0 ;
}
.carousel .carousel-switch-next,
.carousel .carousel-switch-prev {
  width: auto;
  line-height: 4rem;
  height: 4rem;
  text-decoration: none;
  margin-top: -2rem;
  top: 50%;
  font-size: 4rem;
  font-weight: 300;
  color: #eeeeee;
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
}
.carousel .carousel-switch-next:hover,
.carousel .carousel-switch-prev:hover {
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.carousel .carousel-switch-next img,
.carousel .carousel-switch-prev img {
  max-width: 64px;
  max-height: 64px;
}
.carousel .carousel-switch-next {
  right: 0;
  left: auto;
}
.carousel .carousel-switch-prev {
  left: 0;
  right: auto;
}

.startSearch
{
	height:25px !important;
	width:calc(100% - 20px) !important;
	margin:10px !important;
	background-color:transparent !important;
	border:none !important;
	color:#FFF !important;
	border-bottom:1px solid #FFF !important;
	border-radius:0px !important;
	font-size:12px !important;
	cursor:text !important;
}

.startSearch::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #CCC;
	font-size:12px;
}
.startSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #CCC;
   opacity:  1;
   font-size:12px;
}
.startSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #CCC;
   opacity:  1;
   font-size:12px;
}
.startSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #CCC;
   font-size:12px;
}

.grid-stack .pagination
{
	background-color:transparent;
	margin-top:5px;
}

.grid-stack .pagination a
{
	background-color:rgba(255,255,255,.5);
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding:4px 6px 3px 6px;

}