[nospaces][googlefont=Muli:900|Ubuntu:400]



[newclass=.hlplIM] --planetAccent1:#94DCD4; --planetAccent2:#21B7EC; [/newclass]









[newclass=.hlplIM] width:400px; height:500px; overflow:hidden; border-radius:3px; [/newclass]
[newclass=.hlplBanner] height:10px; padding:5px 10px; background-color:#333; color:#fafafa; font:100 10px/21px ubuntu; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.hlplContact] height:93px; padding:10px 10px; background-image: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); display:flex; flex-flow:row nowrap; align-items:center; justify-content:flex-start; overflow:hidden; [/newclass]
[newclass=.hlplContact img] width:75px; height:75px; border-radius:100%; padding:30px; background-color:rgba(255,255,255,.2); [/newclass]
[newclass=.hlplContact h1] font:900 25px/25px Muli; color:#fafafa; margin-left:-20px; text-align:left; text-transform:uppercase; [/newclass]
[newclass=.hlplContact h1 a] color:#fafafa!important; font:900 25px/25px Muli!important; text-shadow:2px 2px rgba(0,0,0,.075)!important;[/newclass]
[newclass=.hlplMessages] height:342px; width:400px; overflow:auto; text-align:left; background-color:#eee; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; [/newclass]
[newclass=.hlplMessages h1, h2] margin:0px 10px 10px 10px; max-width:300px; color:#fafafa; padding:10px; font:12px roboto; border-radius:3px; width:auto; [/newclass]
[newclass=.hlplMessages h1 img, h2 img] border-radius:3px; display:block; max-width:300px; border:1px solid rgba(255,255,255,.5);[/newclass]
[newclass=.hlplMessages h1] background: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); margin-left: auto; text-align:right; [/newclass]
[newclass=.hlplMessages h2] background: var(--planetAccent2); margin-right:auto; text-align:left; [/newclass]
[newclass=.hlplSend] background-image: linear-gradient(to right, var(--planetAccent1), var(--planetAccent2) ); height:35px; padding:0px 5px; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; [/newclass]
[newclass=.hlplSend div] width:318px; height:13px; margin:0px 5px; padding:5px; background-color:rgba(255,255,255,.25); font:400 10px/15px Ubuntu; color:#fafafa; cursor:text; [/newclass]
[newclass=.hlplSend div::before] content:'ENTER YOUR MESSAGE...'; [/newclass]
[newclass=.hlplSend span] color:#fafafa; width:25px; height:25px; background-color:rgba(255,255,255,.33); display:flex; align-items:center; justify-content:center; border-radius:100%; font-size:12px; transition:.1s ease; [/newclass]
[newclass=.hlplSend span:hover] font-size:15px; cursor:pointer; transition:.1s ease; [/newclass]
[newclass=.hlplMessages::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.hlplMessages::-webkit-scrollbar-track] background-color:#eee;border:0px;[/newclass]
[newclass=.hlplMessages::-webkit-scrollbar-thumb] background-image: linear-gradient(to bottom, var(--planetAccent1), var(--planetAccent2) );border-radius:7px;border:0px; [/newclass]
[newclass=.hlplCredit] font:800 7px roboto; margin-left:350px; [/newclass]
[newclass=.hlplCredit a] font:800 7px roboto; [/newclass]
[newclass=.hlplhoneybee]speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot");src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/504hc3yd80hv4ux/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/2f5jbp3v8tjk5hf/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/nyfekn9fqo1wid2/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-paper-clip-o:before]font-family: "honeybee";content:"\e269";[/newclass]
[newclass=.th-up-direction:before]font-family: "honeybee";content:"\e48e";[/newclass]