@charset "utf-8";

.gyr_panel_transition100 {
    transition: all 100ms ease 0s;
}
.gyr_panel_transition200 {
    transition: all 200ms ease 0s;
}

div.gyr_field_message {
	position:absolute !important;

    /*filter:alpha(opacity=80);*/
    /* -moz-opacity: 0.8 !important; */
    /* opacity: 0.8 !important; */


    box-sizing: content-box !important;
    text-align:left !important;
    z-index:999999 !important;

    border-radius: 3px !important;
    line-height: 100% !important;

    color: #FFFFFF !important;
    font-weight: bold !important;
    font-size: 12px !important;
/*
    background-color: #C3272A !important;
    border: 4px solid #000000 !important;
*/
}

div.gyr_field_message_root {
    padding:5px !important;
}

div.gyr_field_message a:link,
div.gyr_field_message a:visited,
div.gyr_field_message a:active {
    text-decoration: none !important;
    padding: 2px !important;
}

div.gyr_field_message div a:hover {
    text-decoration: underline !important;
    padding: 2px !important;
}

div.gyr_field_message_close {
    color:#FFFFFF !important;
    font-weight:bold !important;
    font-size:14px !important;
    text-align:right !important;
    position:absolute !important;
    width:100% !important;
    top:0 !important;
    left:0 !important;
    padding-right:5px;
}

div.gyr_field_message.gyr_arrow_bottom:after {
    content: "" !important;
    bottom: -10px !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-top-width:0 !important;
    border-right-color: #C3272A !important;
    height: 0 !important;
    width:0 !important;
    z-index: 3 !important;
}

div.gyr_field_message.gyr_arrow_bottom:before {
    content: "" !important;
    bottom: -11px !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-top-width:0 !important;
    border-right-color: #C3272A !important;
    border-right-width: 12px !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

div.gyr_field_message.gyr_arrow_top:after {
    content: "" !important;
    bottom: 100% !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-bottom-width:0 !important;
    border-right-color: #C3272A !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 3 !important;
}

div.gyr_field_message.gyr_arrow_top:before {
    content: "" !important;
    bottom: 100% !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-bottom-width:0 !important;
    border-right-color: #C3272A !important;
    border-right-width: 12px !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

div.gyr_field_message.gyr_arrow_left:after {
    content: "" !important;
    bottom: 100% !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width:0 !important;
    z-index: 3 !important;
}

div.gyr_field_message.gyr_arrow_left:before {
    content: "" !important;
    bottom: 100% !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

/*
 * guide message area
 */
div.gyr_guide_message {
	position:absolute !important;

	/*filter:alpha(opacity=80);*/
	/* -moz-opacity: 0.8 !important; */
	/* opacity: 0.8 !important; */


	box-sizing: content-box !important;
	text-align:left !important;
	z-index:999999 !important;

	border-radius: 3px !important;
	line-height: 100% !important;

	color: #FFFFFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	/*
		background-color: #C3272A !important;
		border: 4px solid #000000 !important;
	*/
}

div.gyr_guide_message_root {
	padding:5px !important;
}

div.gyr_guide_message a:link,
div.gyr_guide_message a:visited,
div.gyr_guide_message a:active {
	text-decoration: none !important;
	padding: 2px !important;
}

div.gyr_guide_message div a:hover {
	text-decoration: underline !important;
	padding: 2px !important;
}

div.gyr_guide_message_close {
	color:#FFFFFF !important;
	font-weight:bold !important;
	font-size:14px !important;
	text-align:right !important;
	position:absolute !important;
	width:100% !important;
	top:0 !important;
	left:0 !important;
	padding-right:5px;
}

div.gyr_guide_message.gyr_arrow_bottom:after {
	content: "" !important;
	bottom: -10px !important;
	left: 0px !important;
	position: absolute !important;
	border:10px solid transparent !important;
	border-top-width:0 !important;
	border-right-color: #C3272A !important;
	height: 0 !important;
	width:0 !important;
	z-index: 3 !important;
}

div.gyr_guide_message.gyr_arrow_bottom:before {
	content: "" !important;
	bottom: -11px !important;
	left: -1px !important;
	position: absolute !important;
	border:10px solid transparent !important;
	border-top-width:0 !important;
	border-right-color: #C3272A !important;
	border-right-width: 12px !important;
	height: 0 !important;
	width: 0 !important;
	z-index: 1 !important;
}

div.gyr_guide_message.gyr_arrow_top:after {
	content: "" !important;
	bottom: 100% !important;
	left: 0px !important;
	position: absolute !important;
	border:10px solid transparent !important;
	border-bottom-width:0 !important;
	border-right-color: #C3272A !important;
	height: 0 !important;
	width: 0 !important;
	z-index: 3 !important;
}

div.gyr_guide_message.gyr_arrow_top:before {
	content: "" !important;
	bottom: 100% !important;
	left: -1px !important;
	position: absolute !important;
	border:10px solid transparent !important;
	border-bottom-width:0 !important;
	border-right-color: #C3272A !important;
	border-right-width: 12px !important;
	height: 0 !important;
	width: 0 !important;
	z-index: 1 !important;
}

div.gyr_guide_message.gyr_arrow_left:after {
    content: "" !important;
    bottom: 100% !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width:0 !important;
    z-index: 3 !important;
}

div.gyr_guide_message.gyr_arrow_left:before {
    content: "" !important;
    bottom: 100% !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

/*
 * global message area
 */
div.gyr_submit_message {
	position:absolute !important;

    /* -moz-opacity: 0.8 !important; */
    /* opacity: 0.8 !important; */

    box-sizing: content-box !important;
    text-align:left !important;
    z-index:999999 !important;

    text-align: left !important;
    border-radius: 5px !important;
    line-height: 100% !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

div.gyr_submit_message_root {
    padding:5px !important;
}

div.gyr_submit_message div a {
    color:#FFFFFF !important;
    font-weight:bold !important;
    font-size:12px !important;
}
div.gyr_submit_message div a:link,
div.gyr_submit_message div a:visited,
div.gyr_submit_message div a:active {
    text-decoration: none !important;
    padding: 2px !important;
}

div.gyr_submit_message div a:hover {
    text-decoration: underline !important;
    padding: 2px !important;
}

div.gyr_submit_message_close {
    color:#FFFFFF !important;
    font-weight:bold !important;
    font-size:12px !important;
    text-align:right !important;
    position:absolute !important;
    width:100% !important;
    top:0 !important;
    left:0 !important;
    padding-right:5px;
}

div.gyr_submit_message_count {
    color:#FFFFFF !important;
    font-weight:bold !important;
    font-size:14px !important;
    padding-top: 0px !important;
    padding-left: 2px !important;
    text-align:center !important;
}

div.gyr_submit_message.gyr_arrow_bottom:after {
    content: "" !important;
    bottom: -10px !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-top-width:0 !important;
    border-right-color: #C3272A !important;
    height: 0 !important;
    width:0 !important;
    z-index: 3 !important;
}

div.gyr_submit_message.gyr_arrow_bottom:before {
    content: "" !important;
    bottom: -11px !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-top-width:0 !important;
    border-right-color: #C3272A !important;
    border-right-width: 12px !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

div.gyr_submit_message.gyr_arrow_top:after {
    content: "" !important;
    bottom: 100% !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-bottom-width:0 !important;
    border-right-color: #C3272A !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 3 !important;
}

div.gyr_submit_message.gyr_arrow_top:before {
    content: "" !important;
    bottom: 100% !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-bottom-width:0 !important;
    border-right-color: #C3272A !important;
    border-right-width: 12px !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

div.gyr_submit_message.gyr_arrow_left:after {
    content: "" !important;
    bottom: 100% !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width:0 !important;
    z-index: 3 !important;
}

div.gyr_submit_message.gyr_arrow_left:before {
    content: "" !important;
    bottom: 100% !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

/* zipcode message*/
div.gyr_zipcode_message {
	position:absolute !important;

    /*filter:alpha(opacity=80);*/
    /* -moz-opacity: 0.8 !important; */
    /* opacity: 0.8 !important; */

    box-sizing: content-box !important;
    text-align:left !important;
    z-index:999999 !important;

    border-radius: 5px !important;
    line-height: 100% !important;
    background-color: #C3272A !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

div.gyr_zipcode_message_root {
    padding:10px 5px 5px 5px !important;
}
div.gyr_zipcode_message_list {
    max-height: 225px;
    overflow-y: auto;
}

div.gyr_zipcode_message a:link,
div.gyr_zipcode_message a:visited,
div.gyr_zipcode_message a:active {
    text-decoration: none !important;
    padding: 2px !important;
}

div.gyr_zipcode_message div a:hover {
    text-decoration: underline !important;
    padding: 2px !important;
}

div.gyr_zipcode_message_close {
    color:#FFFFFF !important;
    font-weight:bold !important;
    font-size:12px !important;
    text-align:right !important;
    position:absolute !important;
    width:100% !important;
    top:0 !important;
    left:0 !important;
    padding-right:5px;
}

div.gyr_zipcode_message.gyr_arrow_bottom:after {
    content: "" !important;
    bottom: -10px !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-top-width:0 !important;
    border-right-color: #C3272A !important;
    height: 0 !important;
    width:0 !important;
    z-index: 3 !important;
}

div.gyr_zipcode_message.gyr_arrow_bottom:before {
    content: "" !important;
    bottom: -11px !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-top-width:0 !important;
    border-right-color: #C3272A !important;
    border-right-width: 12px !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

div.gyr_zipcode_message.gyr_arrow_top:after {
    content: "" !important;
    bottom: 100% !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-bottom-width:0 !important;
    border-right-color: #C3272A !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 3 !important;
}

div.gyr_zipcode_message.gyr_arrow_top:before {
    content: "" !important;
    bottom: 100% !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    border-bottom-width:0 !important;
    border-right-color: #C3272A !important;
    border-right-width: 12px !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

div.gyr_zipcode_message.gyr_arrow_left:after {
    content: "" !important;
    bottom: 100% !important;
    left: 0px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width:0 !important;
    z-index: 3 !important;
}

div.gyr_zipcode_message.gyr_arrow_left:before {
    content: "" !important;
    bottom: 100% !important;
    left: -1px !important;
    position: absolute !important;
    border:10px solid transparent !important;
    height: 0 !important;
    width: 0 !important;
    z-index: 1 !important;
}

.gyr_replaced_button.grb_a.grb_b.grb_c.grb_d.grb_e.grb_f.grb_g.grb_h.grb_i.grb_j.grb_k.grb_l.grb_m.grb_n.grb_o.grb_p.grb_q.grb_r.grb_s.grb_t.grb_u.grb_v.grb_w.grb_x.grb_y.grb_z {
    display: none !important;
}

input.gyr_ok_mark_check, input.gyr_ok_mark_circle, input.gyr_ok_mark_check2 {
    background-position: right 5px center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_check.gyr_ok_mark_green {
    background-image: url("https://efo.gyro-n.com/image/green_check.png") !important;
}
input.gyr_ok_mark_check.gyr_ok_mark_yellow {
    background-image: url("https://efo.gyro-n.com/image/yellow_check.png") !important;
}
input.gyr_ok_mark_check.gyr_ok_mark_orange {
    background-image: url("https://efo.gyro-n.com/image/orange_check.png") !important;
}
input.gyr_ok_mark_check.gyr_ok_mark_blue {
    background-image: url("https://efo.gyro-n.com/image/blue_check.png") !important;
}
input.gyr_ok_mark_check.gyr_ok_mark_pink {
    background-image: url("https://efo.gyro-n.com/image/pink_check.png") !important;
}
input.gyr_ok_mark_check.gyr_ok_mark_gray {
    background-image: url("https://efo.gyro-n.com/image/gray_check.png") !important;
}
input.gyr_ok_mark_check.gyr_ok_mark_black {
    background-image: url("https://efo.gyro-n.com/image/black_check.png") !important;
}
input.gyr_ok_mark_circle.gyr_ok_mark_green {
    background-image: url("https://efo.gyro-n.com/image/green_circle.png") !important;
}
input.gyr_ok_mark_circle.gyr_ok_mark_yellow {
    background-image: url("https://efo.gyro-n.com/image/yellow_circle.png") !important;
}
input.gyr_ok_mark_circle.gyr_ok_mark_orange {
    background-image: url("https://efo.gyro-n.com/image/orange_circle.png") !important;
}
input.gyr_ok_mark_circle.gyr_ok_mark_blue {
    background-image: url("https://efo.gyro-n.com/image/blue_circle.png") !important;
}
input.gyr_ok_mark_circle.gyr_ok_mark_pink {
    background-image: url("https://efo.gyro-n.com/image/pink_circle.png") !important;
}
input.gyr_ok_mark_circle.gyr_ok_mark_gray {
    background-image: url("https://efo.gyro-n.com/image/gray_circle.png") !important;
}
input.gyr_ok_mark_circle.gyr_ok_mark_black {
    background-image: url("https://efo.gyro-n.com/image/black_circle.png") !important;
}
input.gyr_ok_mark_check2.gyr_ok_mark_green {
    background-image: url("https://efo.gyro-n.com/image/green_check2.png") !important;
}
input.gyr_ok_mark_check2.gyr_ok_mark_yellow {
    background-image: url("https://efo.gyro-n.com/image/yellow_check2.png") !important;
}
input.gyr_ok_mark_check2.gyr_ok_mark_orange {
    background-image: url("https://efo.gyro-n.com/image/orange_check2.png") !important;
}
input.gyr_ok_mark_check2.gyr_ok_mark_blue {
    background-image: url("https://efo.gyro-n.com/image/blue_check2.png") !important;
}
input.gyr_ok_mark_check2.gyr_ok_mark_pink {
    background-image: url("https://efo.gyro-n.com/image/pink_check2.png") !important;
}
input.gyr_ok_mark_check2.gyr_ok_mark_gray {
    background-image: url("https://efo.gyro-n.com/image/gray_check2.png") !important;
}
input.gyr_ok_mark_check2.gyr_ok_mark_black {
    background-image: url("https://efo.gyro-n.com/image/black_check2.png") !important;
}

/* legacy class */
input.gyr_ok_mark_green_check {
    background-image: url("https://efo.gyro-n.com/image/green_check.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_yellow_check {
    background-image: url("https://efo.gyro-n.com/image/yellow_check.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_orange_check {
    background-image: url("https://efo.gyro-n.com/image/orange_check.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_blue_check {
    background-image: url("https://efo.gyro-n.com/image/blue_check.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_pink_check {
    background-image: url("https://efo.gyro-n.com/image/pink_check.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_green_circle {
    background-image: url("https://efo.gyro-n.com/image/green_circle.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_yellow_circle {
    background-image: url("https://efo.gyro-n.com/image/yellow_circle.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_orange_circle {
    background-image: url("https://efo.gyro-n.com/image/orange_circle.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_blue_circle {
    background-image: url("https://efo.gyro-n.com/image/blue_circle.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
input.gyr_ok_mark_pink_circle {
    background-image: url("https://efo.gyro-n.com/image/pink_circle.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
#gyro-n-efo-overlay {
    position: fixed !important;
    display: none;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(0,0,0,0.5) !important;
    z-index: 9999999 !important;
    cursor: pointer !important;
}
#gyro-n-efo-overlay-content {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
}
@media screen and (max-width: 512px)  {
    #gyro-n-efo-overlay-content {
        width: 80% !important;
    }
}
#gyro-n-efo-overlay-title {
    font-size: 1.5em !important;
    color: white !important;
    text-align: center !important;
}
#gyro-n-efo-overlay-description {
    font-size: 1em !important;
    color: white !important;
    background-color: black !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
}
#gyro-n-efo-overlay-button-box {
    text-align: center !important;
}

#gyro-n-efo-overlay-button-box button {
    margin: 5px !important;
    color: black !important;
}

.awesomplete [hidden] {
	display: none;
}

.awesomplete .visually-hidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.awesomplete {
	display: inline-block;
	position: relative;
}

.awesomplete > input {
	display: block;
}

.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 1;
	min-width: 100%;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
}

.awesomplete > ul:empty {
	display: none;
}

.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

@supports (transform: scale(0)) {
	.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: 1.43em -.43em;
	}

	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

/* Pointer */
.awesomplete > ul:before {
	content: "";
	position: absolute;
	top: -.43em;
	left: 1em;
	width: 0; height: 0;
	padding: .4em;
	background: white;
	border: inherit;
	border-right: 0;
	border-bottom: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.awesomplete > ul > li {
	position: relative;
	padding: .2em .5em;
	cursor: pointer;
}

.awesomplete > ul > li:hover {
	background: hsl(200, 40%, 80%);
	color: black;
}

.awesomplete > ul > li[aria-selected="true"] {
	background: hsl(205, 40%, 40%);
	color: white;
}

.awesomplete mark {
	background: hsl(65, 100%, 50%);
}

.awesomplete li:hover mark {
	background: hsl(68, 100%, 41%);
}

.awesomplete li[aria-selected="true"] mark {
	background: hsl(86, 100%, 21%);
	color: inherit;
}