@charset "UTF-8";
/* Horizontal Scrollbar & hs-tooltip CSS */
.horizontal-scroll-wrapper::-webkit-scrollbar {
    width: 15px;
} 
.horizontal-scroll-wrapper::-webkit-scrollbar-track {
   	box-shadow:inset 0 0 10px #aaa;
	border-right:1px solid #000000;
}
.horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
	border-radius:15px;
  	background-color: #ccc;
}

.horizontal-scroll-wrapper div {
  box-sizing: border-box;
}

.horizontal-scroll-wrapper {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(600px + 1px);
  height: 800px !important;
  margin: 0;
  padding-top: 0px;
  background: #fff;
  border:1px solid #000;
  box-shadow: -5px 0px 10px #aaa; /* it's rotated! */
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transform: rotate(-90deg) translateY(-600px);
          transform: rotate(-90deg) translateY(-600px);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  direction:rtl;
}
.horizontal-scroll-wrapper > div {
  display: block;
  padding: 0px;
  background: #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;

}
.squares {
  padding: 400px 0 0 0;
}


.squares > div {
  width: 400px;
  height: 400px;
  margin: 5px -15px; 
  padding-top:0px;
}
.wide {
  width: 600px !important;
  height: 600px !important;
  padding-top:0px;
  margin-top:215px !important;
  margin-bottom:-200px !important;
}
.wider {
  width: 700px !important;
  height: 600px !important;
  padding-top:0px;
  margin-top:310px !important;
  margin-bottom:-200px !important;
}
/*
.squares {
  padding: 600px 0 0 0;
}
.squares > div {
  width: 600px;
  height: 600px;
  margin: 5px -15px; 
  padding-top:0px;
}
*/
.hs-img {
	padding-top:12px;
}
.hs-tooltip {
   
 }
.hs-tooltip .hs-tooltiptext, .hs-tooltip .hs-widetooltiptext, .hs-tooltip .hs-widertooltiptext  {
    visibility: hidden;
	width: 380px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    padding: 5px 10px ;	
    /* Position the tooltip */
    position: absolute;
	left:-1px;
	bottom:350px;
    z-index: 1;
	font-size:.65em
}
.hs-tooltip .hs-widetooltiptext  {
    width: 580px;
    bottom:550px;
}
.hs-tooltip .hs-widertooltiptext  {
    width: 680px;
    bottom:550px;
}

.hs-tooltip:hover .hs-tooltiptext, .hs-tooltip:hover .hs-widertooltiptext, .hs-tooltip:hover .hs-widetooltiptext {
    visibility: visible;
}

.twoline {
	bottom: 320px !important;
 }

.twolinewide {
	bottom: 520px !important;
 }