/** Basic CSS3 Transition prefixing support */
/** Text replace styles for phark technique @param width measurement [optional] @param height measurement [optional] @param imageURL path [optional] */
/** CSS Pseudo Element Helpers e.g. :before{} and :after{} */
/** Create Basic Block Pseudo Element */
/** Font Awesome Pseudo Element */
/** Create block level pseudo elmeent with a background */
/** Create a Pseudo Element that is made of borders */
/** fonts-com-font Mixin to help properly set fonts.com fonts with weights and styles @param $font string Available fonts: - harmonia - neuzeit !!-- 2013 Catalog Only -- - legacy-sans - rockwell  @param $font-weight string Available weights: - light - regular - semi - bold - black */
/** Make an element a span (for cases when you can't add the class) @param $span integer Should be a number 1-12 */
/** Creates a cool ribbon with tails behind and below the ribbon Change the font-size below and watch the banner grow.  Font size has to be an even number due to rounding issue @param text-color color [optional] @param text-color color [optional] */
/** Change background color of page in grownups site, defaults to beige @param $color color */
/** Constructs a button $text-color color [optional],  $bg-color color $darker-bg color [optional] $hover-color color [optional]  @param text-color @param bg-color @param darker-bg @param hover-color */
.hfc-live-chat-block.live_chat_base > .live_chat_image_small, .hfc-live-chat-block.live_chat_base > .live_chat_secondary_button_text, .hfc-live-chat-block.live_chat_content > .live_chat_image_small, .hfc-live-chat-block.live_chat_content > .live_chat_secondary_button_text { display: none; }
.hfc-live-chat-block.live_chat_menu > .live_chat_image_large, .hfc-live-chat-block.live_chat_menu > .live_chat_image_small, .hfc-live-chat-block.live_chat_menu > .live_chat_primary_phrase, .hfc-live-chat-block.live_chat_menu > .live_chat_secondary_phrase, .hfc-live-chat-block.live_chat_menu > .live_chat_primary_button_text { display: none; }
.hfc-live-chat-block.live_chat_small > .live_chat_image_large, .hfc-live-chat-block.live_chat_small > .live_chat_secondary_phrase, .hfc-live-chat-block.live_chat_small > .live_chat_primary_button_text { display: none; }
.hfc-live-chat-block > .chat-link-type-list { display: none; }
.hfc-live-chat-block > .live_chat_primary_button_text.selected ~ div.chat-link-type-list, .hfc-live-chat-block > .live_chat_secondary_button_text.selected ~ div.chat-link-type-list { display: block; }

.hfc-live-chat-block .chat-link-type-list .chat_type_header { font-size: 1.1em; }
.hfc-live-chat-block .chat-link-type-list > div > ul { text-align: center; }
.hfc-live-chat-block .chat-link-type-list > div > ul > li { display: block; list-style: none; }
.hfc-live-chat-block .chat-link-type-list > div > ul > li > a { display: block; }
.hfc-live-chat-block.live_chat_base, .hfc-live-chat-block.live_chat_content { color: #cf0001; float: right; width: 300px; position: relative; z-index: 1; top: -20px; }
.hfc-live-chat-block.live_chat_base > .live_chat_image_large, .hfc-live-chat-block.live_chat_content > .live_chat_image_large { float: left; margin-right: 10px; }
.hfc-live-chat-block.live_chat_base > .live_chat_image_large ~ div, .hfc-live-chat-block.live_chat_content > .live_chat_image_large ~ div { margin-left: 105px; }
.hfc-live-chat-block.live_chat_base > .live_chat_primary_phrase, .hfc-live-chat-block.live_chat_content > .live_chat_primary_phrase { font-size: 1.5em; font-family: "NeuzeitOffSoftRoundW02- 739824"; margin-top: 4px; }
.hfc-live-chat-block.live_chat_base > .live_chat_secondary_phrase, .hfc-live-chat-block.live_chat_content > .live_chat_secondary_phrase { font-size: 1.4em; margin-top: 5px; }
.hfc-live-chat-block.live_chat_base > .live_chat_primary_button_text, .hfc-live-chat-block.live_chat_content > .live_chat_primary_button_text { font-family: "HarmoniaSans W01"; color: white; background-color: #cf0001; width: 130px; border-radius: 3px; text-align: center; font-size: 1.1em; line-height: 1.6em; margin-top: 10px; cursor: pointer; position: relative; }
.hfc-live-chat-block.live_chat_base > .live_chat_primary_button_text.selected, .hfc-live-chat-block.live_chat_content > .live_chat_primary_button_text.selected { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.hfc-live-chat-block.live_chat_base > .live_chat_primary_button_text.selected:after, .hfc-live-chat-block.live_chat_content > .live_chat_primary_button_text.selected:after { font-family: fontawesome; content: "\f0dd"; color: #cf0001; position: absolute; bottom: -10px; left: calc(50% - 5px); font-size: 1.3em; transform: scale(1.5, 1); /* W3C */ }
.hfc-live-chat-block.live_chat_base > .chat-link-type-list .chat_type_header, .hfc-live-chat-block.live_chat_content > .chat-link-type-list .chat_type_header { font-family: "HarmoniaSans W01"; margin-left: 5px; margin-top: 10px; }
.hfc-live-chat-block.live_chat_base > .chat-link-type-list ul, .hfc-live-chat-block.live_chat_content > .chat-link-type-list ul { border-top: solid 1px black; margin-left: -30px; margin-right: 20px; margin-top: 3px; padding-top: 5px; padding-left: 0; }
.hfc-live-chat-block.live_chat_base > .chat-link-type-list ul > li, .hfc-live-chat-block.live_chat_content > .chat-link-type-list ul > li { margin: 0; }
.hfc-live-chat-block.live_chat_base > .chat-link-type-list ul > li > a, .hfc-live-chat-block.live_chat_content > .chat-link-type-list ul > li > a { color: #185874; font-weight: 600; font-size: 1.1em; line-height: 1.5em; }
.hfc-live-chat-block.live_chat_base > .chat-link-type-list ul > li > a:hover, .hfc-live-chat-block.live_chat_content > .chat-link-type-list ul > li > a:hover { color: white; background-color: #185874; text-decoration: none; }
.hfc-live-chat-block.live_chat_small { margin-bottom: 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: -30px; position: relative; }
.hfc-live-chat-block.live_chat_small .live_chat_secondary_button_text { background-color: #cf0001; display: block; height: 30px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: center; color: white; line-height: 30px; font-size: 1.1em; letter-spacing: 1.2px; cursor: pointer; font-family: "HarmoniaSans W01"; }
.hfc-live-chat-block.live_chat_small .live_chat_secondary_button_text.selected { box-shadow: 10px 10px 0 0 #cccccc, 10px 0 0 0 #cccccc; border-radius: 0; }
.hfc-live-chat-block.live_chat_small .live_chat_secondary_button_text.selected:after { font-family: fontawesome; content: "\f0dd"; color: #cf0001; position: absolute; z-index: 2; top: 15px; right: 40px; font-size: 1em; transform: scale(1.5, 1); /* W3C */ }
.hfc-live-chat-block.live_chat_small > .live_chat_primary_phrase { float: left; background-color: white; height: 30px; color: #cf0001; font-size: 1.1em; line-height: 30px; padding-left: 5px; padding-right: 5px; font-weight: 200; letter-spacing: 1.4px; }
.hfc-live-chat-block.live_chat_small > .live_chat_image_small { float: left; padding-left: 5px; background-color: white; }
.hfc-live-chat-block.live_chat_small > .chat-link-type-list { box-shadow: 10px 10px 0 0 #cccccc, 10px 0 0 0 #cccccc; position: relative; z-index: 1; background-color: white; text-align: center; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top: solid 1px #cf0001; }
.hfc-live-chat-block.live_chat_small > .chat-link-type-list > .chat_type_header { font-family: "HarmoniaSans W01"; margin: 0; padding-top: 10px; color: #cf0001; }
.hfc-live-chat-block.live_chat_small > .chat-link-type-list ul { border-top: solid 1px black; padding-top: 5px; padding-left: 0; margin: 5px 20px 0; padding-bottom: 5px; }
.hfc-live-chat-block.live_chat_small > .chat-link-type-list ul > li { margin: 0 -20px; }
.hfc-live-chat-block.live_chat_small > .chat-link-type-list ul > li > a { color: #185874; font-weight: 600; font-size: 1.1em; line-height: 1.5em; }
.hfc-live-chat-block.live_chat_small > .chat-link-type-list ul > li > a:hover { color: white; background-color: #185874; text-decoration: none; }
.hfc-live-chat-block.live_chat_menu { position: absolute; left: 405px; margin: 14px 0; color: #e8111a; }
.hfc-live-chat-block.live_chat_menu:before { position: absolute; left: -10px; content: "|"; pointer-events: none; }
.hfc-live-chat-block.live_chat_menu > .live_chat_secondary_button_text { cursor: pointer; }
.hfc-live-chat-block.live_chat_menu > .live_chat_secondary_button_text.selected:after { font-family: fontawesome; content: "\f0d8"; color: #e8111a; position: absolute; z-index: 2; top: 8px; left: 23px; font-size: 1em; transform: scale(1.5, 1); /* W3C */ }
.hfc-live-chat-block.live_chat_menu > .chat-link-type-list { font-family: "HarmoniaSans W01"; border-top: solid 1px #e8111a; background-color: white; box-shadow: 5px 5px 0 0 rgba(204, 204, 204, 0.5), 5px 0 0 0 rgba(204, 204, 204, 0.5); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; text-align: left; z-index: 100; position: relative; }
.hfc-live-chat-block.live_chat_menu > .chat-link-type-list .chat_type_header { font-family: "HarmoniaSans W01"; padding: 0 15px; line-height: 40px; margin: 0; }
.hfc-live-chat-block.live_chat_menu > .chat-link-type-list > div > ul { margin: 0; padding: 0; }
.hfc-live-chat-block.live_chat_menu > .chat-link-type-list > div > ul > li { margin: 0; padding: 0 15px; border-top: solid 1px #cccccc; }
.hfc-live-chat-block.live_chat_menu > .chat-link-type-list > div > ul > li > a { color: #185874 !important; line-height: 40px; font-weight: normal; font-size: 1em; }
.hfc-live-chat-block.live_chat_menu > .chat-link-type-list > div > ul > li > a:hover { color: white; background-color: transparent; text-decoration: underline !important; }
.hfc-live-chat-block.live_chat_content { top: 40px; right: 30px; }
.hfc-live-chat-block.live_chat_content > .chat-link-type-list { font-family: "HarmoniaSans W01"; position: absolute; top: 90px; }
.hfc-live-chat-block.live_chat_content > .chat-link-type-list > .chat_type_header { margin: 0; left: 5px; }
.hfc-live-chat-block.live_chat_content > .chat-link-type-list ul { margin-left: -15px; }