:root {
    --primary-red: #ae242c;
    --primary-blue: #385A84;
}
#oo_feedback_fl_spacer { display: block; height: 1px; position: absolute; top: 0; width: 100px; }
.oo_cc_wrapper { left: 0; padding: 0; position: fixed; text-align: center; top: 25px; width: 100%; z-index: 999999; }
.oo_cc_wrapper .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.oo_cc_wrapper span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.oo_cc_wrapper .iwrapper { background-color: white; margin: 0 auto; position: relative; width: 535px; z-index: 2; box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); }
.oo_cc_wrapper iframe { position: relative; border: none; width: 100%; z-index: 4; }
.oo_cc_wrapper .oo_cc_close { position: absolute; display: block; right: 20px; top: 5px; font: 1em/1.5em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; text-align: center; z-index: 5; color: black; text-decoration: none; cursor: pointer; }
#oo_bar { padding: 10px 0px; cursor: pointer; color: white; border-top: 1px solid white; border-bottom: none; border-right: none; border-left: none; background-color: var(--primary-blue); bottom: 0; display: none; font: 16px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; left: 0; text-decoration: none; line-height: 16px; position: fixed; text-align: left; width: 100%; z-index: 999997; box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px; }
#oo_bar img.bar_icon { float: left; padding-left: 10px; color: transparent; border: none; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }
#oo_bar span.bar_text { padding-left: 10px; }
#oo_bar .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.oo_bar { padding-bottom: 37px; }
@media only screen and (max-width: 767px) { .oo_bar { padding-bottom: 37px; } }
 
#oo_tab { display: none; position: fixed; background-color: var(--primary-blue) !important; color: #ffffff; border: 1px solid #ccc; font-size: 15px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 15px; opacity: 1; z-index: 999995; cursor: pointer; text-decoration: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotate(-90deg); -ms-transform: rotate(-90deg) scale(1.02); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#oo_tab div { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#oo_tab .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
#oo_tab.oo_tab_right { right: -8px; bottom: 62%; padding: 5px 14px 14px 14px; border-bottom: 0px; border-radius: .25em .25em 0px 0px; -moz-border-radius: .25em .25em 0px 0px; -webkit-border-radius: .25em .25em 0px 0px; transform-origin: 100% 100% 0; -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; }
#oo_tab.oo_tab_right:hover, #oo_tab.oo_tab_right:focus, #oo_tab.oo_tab_right:active { -ms-transform: rotate(-90deg) scale(1.02) translateY(-5px); -webkit-transform: rotate(-90deg) translateY(-5px); -moz-transform: rotate(-90deg) translateY(-5px); }
#oo_tab img { float: left; margin-top: 3px; width: 9px; height: 9px; margin-right: 7px; margin-bottom: 1px; color: transparent; border: none; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }

#oo_container { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999999; }
#oo_invitation_prompt { background: #fff; box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); margin: 5% auto; text-align: left; position: relative; max-width: 400px; z-index: 999999; outline: 1px solid #ccc; }
#oo_invitation_prompt #oo_invitation_company_logo { width: 100%; background: transparent; padding: 20px 0px; text-align: center; }
#oo_invitation_prompt #oo_invitation_company_logo img { width: 50%; max-height: 45px; }
#oo_invitation_prompt #oo_invite_content { width: auto; padding: 0px 10% 20px 10%; box-sizing: content-box; }
#oo_invitation_prompt #oo_invite_content p {color: black;/* font: 1em/1.5em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; */margin: 0;padding: 0 0 20px 0;}
#oo_invitation_prompt #oo_invite_content p.prompt_button a {text-align: center;color: white;text-decoration: none;/* font-size: 1.5em; */line-height: 1.2em;padding: 12px 0 13px 0;display: block;height: auto;font-weight: bold;}
#oo_invitation_prompt #oo_invite_content a { cursor: pointer; }
#oo_invitation_prompt #oo_invite_content a:focus { outline: 3px solid #51ace9; }
#oo_invitation_prompt #oo_invite_content a#oo_launch_prompt { background: var(--primary-blue); box-sizing: content-box; }
#oo_invitation_prompt #oo_invite_content a#oo_no_thanks { background: #707070; box-sizing: content-box; }
#oo_invitation_prompt #oo_invite_content #ol_invitation_brand_logo {text-align: center;border-top: 1px solid #ccc;line-height: 1.5em;margin: 20px 0 0 0;padding: 20px 0 0 0;font-size: 10px;}
#oo_invitation_prompt #oo_invite_content #ol_invitation_brand_logo img { height: 25px; width: 146px; border: 0px; }
#oo_invitation_prompt #oo_invite_content #ol_invitation_brand_logo a { display: block; height: 25px; }
#oo_invitation_prompt #oo_close_prompt { position: absolute; display: block; right: 13px; top: 13px; line-height: 1em; font-size: 1em; font-family: 'Zapf Dingbats'; color: black; text-decoration: none; }
#oo_invitation_prompt #oo_close_prompt:focus { outline: none; }
#oo_invitation_prompt #oo_close_prompt:focus span { outline: 3px solid #51ace9; }
#oo_invitation_prompt .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }

/* Android, iPhone 6 ----------- */
@media only screen and (max-device-width: 480px), screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { #oo_invitation_prompt { width: 90%; }
  #oo_invitation_prompt #oo_invitation_company_logo { height: auto; } }
/* iPhone 5, 4 ----------- */
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_invitation_prompt { width: 90%; height: 90%; overflow-y: scroll; overflow-x: hidden; }
  #oo_invitation_prompt #oo_invitation_company_logo { height: auto; }
  #oo_invitation_prompt #oo_invite_content { padding: 20px 10% 20px 10%; }
  #oo_invitation_prompt #oo_invite_content #ol_invite_brand_logo { margin: 0 0 0 0; } }
/* iPhone 4 only ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_invitation_prompt #oo_close_prompt { right: -70px; } }
#oo_waypoint_container { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999999; }

#oo_waypoint_prompt {background: #fff;box-shadow: 0px 1px 3px 0px rgba(204, 133, 133, 0.3);-moz-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3);-webkit-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3);margin: 5% auto;text-align: left;position: relative;max-width: 535px;z-index: 999999;}
#oo_waypoint_prompt #oo_waypoint_content p {margin: 0;/* padding: 0 0 20px 0; */text-align: center;}
#oo_waypoint_prompt #oo_waypoint_content {background-image: url(oo_feedback_image.png);background-repeat: no-repeat;/* background-size: 420px; *//* background-position-y: 35px; */background-position: center;}
#oo_waypoint_prompt #oo_waypoint_content {width: auto;padding: 52px 0 0 0;}
#oo_waypoint_prompt #oo_waypoint_content h2#oo_waypoint_message {/* font-family: 'bree-serif', 'kulturista-web', serif !important; */font-size: 24px;font-weight: 400;line-height: 1.1;text-align: center;color: #424242;padding-bottom: 25px;}
#oo_waypoint_prompt #oo_waypoint_content h2#oo_waypoint_message span.title {font-size: 32px;/* font-family: 'bree-serif', 'kulturista-web', serif !important; */}
#oo_waypoint_prompt #oo_waypoint_content #waypoint_icons p { width: 30%; display: inline-block; font-size: 12px; padding: 0 10%; }
#oo_waypoint_prompt #oo_waypoint_content p#waypoint_icons {/* height: 85px; */}
#oo_waypoint_prompt #oo_waypoint_content button.waypoint_icon {width: 186px;/* float: left; */cursor: pointer;text-decoration: none;/* font-family: 'aktiv-grotesk-std', 'myriad-pro', sans-serif !important; */font-size: 16px;font-weight: 700;line-height: 1.13;text-align: center;color: #ffffff;padding: 11px 0 11px 0px;display: inline-block;height: auto;margin-bottom: 20px;border-radius: 2px;background-color: var(--primary-blue);background-repeat: no-repeat;background-position: top center;background-size: 186px 45px;border: none;margin: 75px 35px 20px 35px;}
#oo_waypoint_prompt #oo_waypoint_content button.waypoint_icon.last {/* margin-bottom: 0; *//* width: 152px; *//* margin-left: 34px; */}
#oo_waypoint_prompt #oo_waypoint_content #waypoint_descriptions .waypoint_description { font-size: 13px; width: 50%; padding: 0 9%; display: inline-block; box-sizing: border-box; }
#oo_waypoint_prompt #oo_waypoint_content p#ol_waypoint_brand_logo {font-size: 10px;text-align: center;border-top: 1px solid #ccc;line-height: 1.5em;padding: 20px 0;margin-top: 10px;}
#oo_waypoint_prompt #oo_waypoint_close_prompt { position: absolute; cursor: pointer; display: block; right: 13px; top: 13px; line-height: 1em; font-size: 1em; font-family: 'Zapf Dingbats'; color: #000; text-decoration: none; background: white; border: none;}
#oo_waypoint_prompt .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
@media only screen and (max-width: 767px) {
    #oo_waypoint_prompt {width: 95%; }
    #oo_waypoint_prompt #oo_waypoint_content button.waypoint_icon {/* margin: 35px 30px 10px 31px; */display: inline-block;}
    #oo_waypoint_prompt #oo_waypoint_content #waypoint_icons p {display: inline-block;} 
}
@media only screen and (max-width: 550px) {
    #oo_waypoint_prompt #oo_waypoint_content {background-image: none;}
    #oo_waypoint_prompt #oo_waypoint_content button.waypoint_icon {margin: 10px auto; display: block; }
    #oo_waypoint_prompt #oo_waypoint_content #waypoint_icons p {display: none;}
    #oo_waypoint_prompt #oo_waypoint_content #waypoint_descriptions {display: none; }
}

#oo_waypoint_prompt #oo_waypoint_company_logo {display: none;} 
/* Android, iPhone 6 ----------- */
@media only screen and (max-device-width: 480px), screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { #oo_waypoint_prompt { width: 90%; }
  #oo_waypoint_prompt #oo_waypoint_company_logo { height: 80px; } }
/* iPhone 5, 4 ----------- */
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_waypoint_prompt { width: 90%; height: 90%; overflow-y: scroll; overflow-x: hidden; }
  #oo_waypoint_prompt #oo_waypoint_company_logo { height: 80px; }
  #oo_waypoint_prompt #oo_waypoint_content { padding: 20px 10% 20px 10%; }
  #oo_waypoint_prompt #oo_waypoint_content #ol_waypoint_brand_logo { margin: 0 0 0 0; } }
/* iPhone 4 only ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_waypoint_prompt #oo_waypoint_close_prompt { right: -70px; } }

/* iPhone 4 only ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_entry_prompt #oo_entry_close_prompt { right: -70px; } }
#oo_overlay, #oo_invitation_overlay, #oo_waypoint_overlay, #oo_entry_overlay { display: block; height: 1000%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999998; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay.no_loading, #oo_invitation_overlay.no_loading, #oo_waypoint_overlay.no_loading, #oo_entry_overlay.no_loading { background: white; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay img#loading_icon, #oo_invitation_overlay img#loading_icon, #oo_waypoint_overlay img#loading_icon, #oo_entry_overlay img#loading_icon { display: flex; margin: 80px auto 0 auto; }
#oo_overlay_mobile { display: block; height: 1000%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999998; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay_mobile.no_loading_mobile { background: rgba(0, 0, 0, 0.25); opacity: 0.5; filter: alpha(opacity=50); background-color: rgba(0, 0, 0, 0.25); }

/* cursor: pointer must be set for iOS to detect click events on the #oo_waypoint_overlay */
@media screen and (max-width: 767px) { #oo_waypoint_overlay { cursor: pointer; } }
#oo_overlay.no_loading, #oo_invitation_overlay.no_loading, #oo_waypoint_overlay.no_loading, #oo_entry_overlay.no_loading { background: white; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay_mobile.no_loading_mobile { background: rgba(0, 0, 0, 0.25); opacity: 0.5; filter: alpha(opacity=50); background-color: rgba(0, 0, 0, 0.25); }

/* IE8 set close prompt icon font size to px instead of em to avoid visual glitch  */
/*@media all\0  { #oo_waypoint_prompt #oo_close_prompt, #oo_invitation_prompt #oo_close_prompt, .oo_cc_wrapper .oo_cc_close, #oo_entry_prompt #oo_entry_close_prompt { font-size: 20px; line-height: 20px; top: 8px; } }*/
@media print { #oo_bar, .oo_feedback_float, #oo_tab { display: none; } }

@media only screen and (max-width: 320px) {
  #oo_tab {display: none !important;}
  #oo_bar {display: none !important;}
}