/*DEFAULTS*/
/*HCMP*/
/*HIM*/
/*OCN*/
/*TC*/
#hnp-sliding-widget { display: none; position: fixed; z-index: 99999; }

#hnp-sliding-widget #hnp-slideout { background-color: #e9edef; border-radius: 4px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); position: fixed; bottom: 15px; right: 20px; height: 150px; width: 380px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

#hnp-sliding-widget #hnp-slideout button.controller { background-color: #0087ca; border: none; border-radius: 4px 0 0 4px; box-shadow: none; cursor: pointer; display: block; float: left; height: 150px; width: 35px; margin: 0 25px 0 0; outline: none; text-decoration: none; }

#hnp-sliding-widget #hnp-slideout button.controller i { background-image: url(../_img/arrow.svg); background-position: center; background-repeat: no-repeat; display: block; height: 20px; width: 20px; }

#hnp-sliding-widget #hnp-slideout button.controller:hover { background: #0076b1; transition: all 0.3s ease; }

#hnp-sliding-widget #hnp-slideout .message-box { display: inline-block; margin: 5px 0 0; text-align: center; }

#hnp-sliding-widget #hnp-slideout .message-box h4 { color: #626b77; font: 300 16px/20px Avenir, sans-serif; letter-spacing: 0.5px; margin: 15px 0 0; }

#hnp-sliding-widget #hnp-slideout .message-box h4 strong { color: #0087ca; display: block; font: 600 16px/20px Avenir, sans-serif; margin: 0 0 5px; }

#hnp-sliding-widget #hnp-slideout .message-box h4 b { font-weight: 600; }

#hnp-sliding-widget #hnp-slideout .message-box .btn { background: #36b453; border-radius: 4px; color: #e9edef; cursor: pointer; display: block; font: 300 16px/24px Avenir, sans-serif; letter-spacing: 0.5px; margin: 15px 0 0; padding: 8px 20px; text-align: center; text-decoration: none; }

#hnp-sliding-widget #hnp-slideout .message-box .btn:hover { background: #2e9946; transition: all 0.3s ease; }

#hnp-sliding-widget #hnp-slideout.off { right: -180px; }

#hnp-sliding-widget #hnp-slideout.off button.controller { border-radius: 0 4px 4px 0; margin: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

#hnp-sliding-widget #hnp-slideout.off .message-box { margin: 15px 20px 0; max-width: 150px; }

#hnp-sliding-widget #hnp-slideout.off .message-box h4 strong { display: block; margin: -5px 30px 0 0; }

#hnp-sliding-widget #hnp-slideout.off .message-box h4 span { display: none; }

#hnp-sliding-widget #hnp-slideout.off .message-box .btn { background-color: transparent; }

#hnp-sliding-widget #hnp-slideout.off .message-box .btn span { display: none; }

#hnp-sliding-widget #hnp-slideout.off .message-box .btn:hover { background-color: transparent; }

#hnp-sliding-widget #hnp-slideout.off .message-box .btn:after { background-color: #36b453; border-radius: 4px; content: "Save 50%"; display: block; font: 300 16px/24px Avenir, sans-serif; height: auto; width: auto; padding: 10px 20px; position: absolute; top: 85px; left: 65px; }

#hnp-sliding-widget #hnp-slideout.off .message-box .btn:hover::after { background: #2e9946; transition: all 0.3s ease; }

/*HCMP*/
#hnp-sliding-widget .hcmp #hnp-slideout { background-color: #FFFFFF; }

#hnp-sliding-widget .hcmp #hnp-slideout button.controller { background-color: #728fe0; }

#hnp-sliding-widget .hcmp #hnp-slideout button.controller:hover { background: #5d7edb; }

#hnp-sliding-widget .hcmp #hnp-slideout .message-box h4 { color: #777777; font: 300 15px/20px "OpenSansRegular", Arial, sans-serif; }

#hnp-sliding-widget .hcmp #hnp-slideout .message-box h4 strong { color: #444444; font: 600 16px/22px "OpenSansSemiBold", Arial, sans-serif; }

#hnp-sliding-widget .hcmp #hnp-slideout .btn { background: #32b357; color: #FFFFFF; font: 300 16px/24px "OpenSansSemiBold", Arial, sans-serif; }

#hnp-sliding-widget .hcmp #hnp-slideout .btn:hover { background: #2a9749; }

#hnp-sliding-widget .hcmp #hnp-slideout.off .btn:after { background-color: #32b357; font: 300 16px/24px "OpenSansSemiBold", Arial, sans-serif; }

#hnp-sliding-widget .hcmp #hnp-slideout.off .btn:hover::after { background: #2a9749; }

/*HIM*/
#hnp-sliding-widget .him #hnp-slideout { background-color: #ECEBE9; }

#hnp-sliding-widget .him #hnp-slideout button.controller { background-color: #27CFC3; }

#hnp-sliding-widget .him #hnp-slideout button.controller:hover { background: #23baaf; }

#hnp-sliding-widget .him #hnp-slideout .message-box h4 { color: #4B4F52; font: 300 15px/20px "OpenSansbold", Arial, sans-serif; }

#hnp-sliding-widget .him #hnp-slideout .message-box h4 strong { color: #193950; font: 600 16px/22px "Oxygen", Avenir, sans-serif; }

#hnp-sliding-widget .him #hnp-slideout .btn { background: #3c68e0; color: #ECEBE9; font: 300 16px/24px "Oxygen", Avenir, sans-serif; }

#hnp-sliding-widget .him #hnp-slideout .btn:hover { background: #2252d6; }

#hnp-sliding-widget .him #hnp-slideout.off .btn:after { background-color: #3c68e0; font: 300 16px/24px "Oxygen", Avenir, sans-serif; }

#hnp-sliding-widget .him #hnp-slideout.off .btn:hover::after { background: #2252d6; }

/*OCN*/
#hnp-sliding-widget .ocn #hnp-slideout { background-color: #FFFFFF; border-radius: 0; }

#hnp-sliding-widget .ocn #hnp-slideout button.controller { background-color: #328CC1; border-radius: 0; }

#hnp-sliding-widget .ocn #hnp-slideout button.controller:hover { background: #2d7dad; }

#hnp-sliding-widget .ocn #hnp-slideout .message-box h4 { color: #6B7A8F; font: 300 15px/20px "open_sansregular", Arial, sans-serif; }

#hnp-sliding-widget .ocn #hnp-slideout .message-box h4 strong { color: #0B3C5D; font: 600 16px/22px "ralewaybold", Avenir, sans-serif; }

#hnp-sliding-widget .ocn #hnp-slideout .btn { background: #FF3B3F; border-radius: 0; color: #FFFFFF; font: 300 16px/24px "open_sansregular", Arial, sans-serif; }

#hnp-sliding-widget .ocn #hnp-slideout .btn:hover { background: #ff171c; }

#hnp-sliding-widget .ocn #hnp-slideout.off .btn:after { background-color: #FF3B3F; border-radius: 0; font: 300 16px/24px "open_sansregular", Arial, sans-serif; }

#hnp-sliding-widget .ocn #hnp-slideout.off .btn:hover::after { background: #ff171c; }

/*TC*/
#hnp-sliding-widget .tc #hnp-slideout { background-color: #FFFFFF; border-radius: 0; }

#hnp-sliding-widget .tc #hnp-slideout button.controller { background-color: #00579a; border-radius: 0; }

#hnp-sliding-widget .tc #hnp-slideout button.controller:hover { background: #004981; }

#hnp-sliding-widget .tc #hnp-slideout .message-box h4 { color: #393940; font: 300 15px/20px "avenir_lt_std35_light", Avenir, sans-serif; }

#hnp-sliding-widget .tc #hnp-slideout .message-box h4 strong { color: #0275d8; font: 600 16px/22px "avenir_lt_std95_black", Avenir, sans-serif; }

#hnp-sliding-widget .tc #hnp-slideout .btn { background: #E26417; border-radius: 0; color: #FFFFFF; font: 300 16px/24px "avenir_lt_std95_black", Avenir, sans-serif; }

#hnp-sliding-widget .tc #hnp-slideout .btn:hover { background: #c25614; }

#hnp-sliding-widget .tc #hnp-slideout.off .btn:after { background-color: #E26417; border-radius: 0; font: 300 16px/24px "avenir_lt_std95_black", Avenir, sans-serif; }

#hnp-sliding-widget .tc #hnp-slideout.off .btn:hover::after { background: #c25614; }

@media (max-width: 480px) { #hnp-sliding-widget { display: none !important; } }

/*# sourceMappingURL=style.map */