/*
* Tooltips with smooth 3D animation.
* (c) Eugene Tiurin; MIT license
*
* Contributors: nomiad, Friedel Ziegelmayer, Arend van Beelen jr.,
* Peter Richmond, Bruno Wego, Kahmali Rose
*
* 2016-09-13
*/

.html5tooltip-box
{
  background-color: #2A2A2A;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 10px rgba(0,0,0,.1);
  color: #666;
  cursor: default;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-size: 12px;
  font-weight: 100;
  background-color: white;
  max-width: 400px;
  overflow: hidden;
}
.html5tooltip-box:before
{
  background-color: inherit;
  box-shadow: inherit;
  content:'';
  display:block;
  height: 12px;
  position: absolute;
  width: 12px;
  //transform: translate3d(-6px, -6px, 0) rotate3d(0, 0, 1, 45deg);
  left: 10px;
  top: 10px;
}
.html5tooltip-text
{
  background-color: inherit;
  border-radius: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 7px 9px;
  position: relative;
}

.html5tooltip-text img {
  float: right;
  margin-left: 10px;
  padding-bottom: 10px;
  width: 52%;
}

.html5tooltip-text h2 {
  font-size: 20px;
  color:#333;
  font-family: 'Hoefler Text A', 'Hoefler Text B';
  line-height: 120%;
  margin-bottom:5px;
}
.html5tooltip-text .subtitle {
  font-size: 15px;
  font-family: 'Hoefler Text A', 'Hoefler Text B';
  color:#333;
  line-height: 120%;
  margin-bottom:5px;
}
.html5tooltip-text p {
  margin-bottom:5px;
}
.html5tooltip-text p.description {
  margin-bottom: 10px;
  font-size: 13px;
  /* float: right;
  width: 45%; */
}

.html5tooltip-text a
{
  display: block;
  color:#a71c15;  
  text-transform: uppercase;
  font-size: 9px;
  line-height: 16px;
  font-weight: 500;
}
/* .html5tooltip-text a::before
{
  content:' ';
  border-left: 1px solid #dcdcdc;
  margin-left: 5px;
  padding-left: 5px;
}
.html5tooltip-text a:first-of-type::before
{
  border: 0;
  margin-left: 0;
  padding-left: 0;
} */
.html5tooltip-text a:hover
{
  color: #C44C49!important;
}
/*.html5tooltip-text a.cronos::before {
  content:'';
  background-image: url('data:image/gif,GIF89a%17%00%13%00%80%01%00%A4%A4%A4%00%00%00%21%FF%0BXMP%20DataXMP%3C%3Fxpacket%20begin%3D%22%EF%BB%BF%22%20id%3D%22W5M0MpCehiHzreSzNTczkc9d%22%3F%3E%20%3Cx%3Axmpmeta%20xmlns%3Ax%3D%22adobe%3Ans%3Ameta%2F%22%20x%3Axmptk%3D%22Adobe%20XMP%20Core%205.6-c145%2079.163499%2C%202018%2F08%2F13-16%3A40%3A22%20%20%20%20%20%20%20%20%22%3E%20%3Crdf%3ARDF%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%3E%20%3Crdf%3ADescription%20rdf%3Aabout%3D%22%22%20xmlns%3Axmp%3D%22http%3A%2F%2Fns.adobe.com%2Fxap%2F1.0%2F%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3AxmpMM%3D%22http%3A%2F%2Fns.adobe.com%2Fxap%2F1.0%2Fmm%2F%22%20xmlns%3AstRef%3D%22http%3A%2F%2Fns.adobe.com%2Fxap%2F1.0%2FsType%2FResourceRef%23%22%20xmp%3ACreatorTool%3D%22Adobe%20Photoshop%20CC%202019%20%28Windows%29%22%20xmp%3ACreateDate%3D%222019-09-18T12%3A53%3A11%2B02%3A00%22%20xmp%3AModifyDate%3D%222019-09-18T12%3A54%3A08%2B02%3A00%22%20xmp%3AMetadataDate%3D%222019-09-18T12%3A54%3A08%2B02%3A00%22%20dc%3Aformat%3D%22image%2Fgif%22%20xmpMM%3AInstanceID%3D%22xmp.iid%3AA413664DDA0211E9A8A2B3FAE25BB871%22%20xmpMM%3ADocumentID%3D%22xmp.did%3AA413664EDA0211E9A8A2B3FAE25BB871%22%3E%20%3CxmpMM%3ADerivedFrom%20stRef%3AinstanceID%3D%22xmp.iid%3AA413664BDA0211E9A8A2B3FAE25BB871%22%20stRef%3AdocumentID%3D%22xmp.did%3AA413664CDA0211E9A8A2B3FAE25BB871%22%2F%3E%20%3C%2Frdf%3ADescription%3E%20%3C%2Frdf%3ARDF%3E%20%3C%2Fx%3Axmpmeta%3E%20%3C%3Fxpacket%20end%3D%22r%22%3F%3E%01%FF%FE%FD%FC%FB%FA%F9%F8%F7%F6%F5%F4%F3%F2%F1%F0%EF%EE%ED%EC%EB%EA%E9%E8%E7%E6%E5%E4%E3%E2%E1%E0%DF%DE%DD%DC%DB%DA%D9%D8%D7%D6%D5%D4%D3%D2%D1%D0%CF%CE%CD%CC%CB%CA%C9%C8%C7%C6%C5%C4%C3%C2%C1%C0%BF%BE%BD%BC%BB%BA%B9%B8%B7%B6%B5%B4%B3%B2%B1%B0%AF%AE%AD%AC%AB%AA%A9%A8%A7%A6%A5%A4%A3%A2%A1%A0%9F%9E%9D%9C%9B%9A%99%98%97%96%95%94%93%92%91%90%8F%8E%8D%8C%8B%8A%89%88%87%86%85%84%83%82%81%80%7F~%7D%7C%7Bzyxwvutsrqponmlkjihgfedcba%60_%5E%5D%5C%5BZYXWVUTSRQPONMLKJIHGFEDCBA%40%3F%3E%3D%3C%3B%3A9876543210%2F.-%2C%2B%2A%29%28%27%26%25%24%23%22%21%20%1F%1E%1D%1C%1B%1A%19%18%17%16%15%14%13%12%11%10%0F%0E%0D%0C%0B%0A%09%08%07%06%05%04%03%02%01%00%00%21%F9%04%01%00%00%01%00%2C%00%00%00%00%17%00%13%00%00%02%3E%84%8F%A9%16%ED%0F%A3%9C4%2C%ABp~%C0%C2%DEq%A1%03~%9Eh%8EM%89r%27%F9%AE%AA7%B3d%1D%D3%1F%CE%EF%E9%2F%CA%5C.%95%A2%EC%88A2%92%CBf%C8%894J%A7%BB%85UQ%00%00%3B');
  background-repeat: no-repeat;
  background-position: right;
  width: 23px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding-left: 5px;
}*/
.html5tooltip-more
{
  background-color: inherit;
  border-radius: inherit;
  position: relative;
}
.html5tooltip-more .html5tooltip-text
{
  margin-top:-7px;
}
.html5tooltip-bottom .html5tooltip-box:before
{
  display: none;
  left: 50%;
  top: 0px;
}
.html5tooltip-left .html5tooltip-box:before
{
  display: none;
  left: 100%;
  top: 50%;
}
.html5tooltip-right .html5tooltip-box:before
{
  display: none;
  left: 0;
  top: 50%;
}
.html5tooltip-top .html5tooltip-box:before
{
  display: none;
  left: 50%;
  top: 100%;
}
