.filing-options {}
.filing-options .container { padding-top: 30px; padding-bottom: 0; }
.filing-options .office, .filing-options .online { border-top: 1px solid $border; margin: 0 -30px 30px; padding:30px 30px 0;}
.filing-options h2 { margin: 0 0 30px; text-align: center;}
.filing-options h3 { font-size: 1.8rem; color: $gray; text-align: center;}
.filing-options .btn { width: 100%; max-width: 350px; margin: 10px auto; padding: 14px 0; display: block;}

/* Find an office */
.fao { margin: 0; text-align: center;}
.fao .btn-location { display: block; width: 100%; max-width: 350px; margin: 25px auto 0; padding: 14px 0;}
.fao .divider { position: relative; max-width: 350px; margin: 0 auto;}
.fao .divider:before { content:""; display: block; width: 100%; height: 1px; background-color: $border; position: absolute; top: 50%;}
.fao .or { display: inline-block; padding:10px 20px; background-color: #fff; font-weight: 700; position: relative;}

.fao-search { position: relative; max-width: 350px; margin: 0 auto;}
.fao-search-input[type="text"] { width: 100%;}
.fao-search-input::-webkit-input-placeholder { font-weight: 700; }
.fao-search-input::-moz-placeholder { font-weight: 700; }
.fao-search-input:-ms-input-placeholder { font-weight: 700; }
.fao-search-input::placeholder { font-weight: 700; }
.fao-search-btn {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.4 27.4' fill='%23fff'%3E%3Cpath d='M12.6 0C5.6 0 0 5.6 0 12.6s5.6 12.6 12.6 12.6 12.6-5.6 12.6-12.6S19.6 0 12.6 0zm0 21.2c-4.7 0-8.6-3.9-8.6-8.6S7.9 4 12.6 4s8.6 3.9 8.6 8.6-3.8 8.6-8.6 8.6z'/%3E%3Cpath d='M17.907 21.39l3.394-3.394 5.94 5.94-3.395 3.394z'/%3E%3C/svg%3E") no-repeat 50% #16a5aa;
    background-size: 15px;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 100%;
    cursor: pointer
}
.fao-search-btn:hover { background-color: $teal-md;}
.fao-search-btn:focus { background-color: $teal-dk;}

/* Nearest office */
.nearest-office { margin: 20px 0; display: none;}
.nearest-office-info { margin: 0 0 30px; text-align: center;}
.nearest-office-address { margin-bottom: 5px;}
.nearest-office label { display: block; margin: 0 0 .65em; text-align: center;}
.nearest-office-more { display: block; text-align: center; margin: 20px 0 0;}
.filing-options .btn.nearest-office-about { display: none;}
.nearest-office-info-link { white-space: nowrap; }

/* fao script shows appointemnt-found section by adding class "show-appointment-found" to div.office */
.nearest-office .appointment-found { display: none;}
.show-appointment-found .nearest-office .appointment-found { display: block;}
.show-appointment-found .nearest-office .appointment-not-found { display: none;}
.nearest-office .label { text-align: center;}

/* show nearest office / hide find an office */
.show-nearest-office .nearest-office { display: block;}
.show-nearest-office .fao { display: none;}

/* Online */
.filing-options .online {}
.online-product { list-style: none; width: 100%; max-width: 350px; margin: 0 0 0 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0;}
.online-product li { font-size: 1.3rem; margin: 0 0 40px; padding: 0 0 0 65px; position: relative;}
.online-product a.arrow:after {display: inline-block;}
.online-product-link { font-size: 2.0rem; text-transform: uppercase; margin: 0; padding: 0;}
.free .online-product-link { color: $free;}
.deluxe .online-product-link { color: $deluxe;}
.premium .online-product-link { color: $premium;}
.free .online-product-link:hover, .deluxe .online-product-link:hover, .premium .online-product-link:hover { color: $gray-dk;}
.online-product-start-now { display: block; font-size: 1.3rem; margin: 10px 0 0;}

.online-product .icon { display: inline-block; width: 46px; height: 44px; margin: 0 10px 0 0; vertical-align: middle; background-repeat: no-repeat; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.free .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.1 30' fill='%23636363'%3E%3Cpath fill='%2315a4aa' d='M3.1 7h20v15.4h-20z'/%3E%3Cpath fill='%2375c9d3' d='M19.1 7h-16v15.3l16-12.3z'/%3E%3Cpath d='M19.1 0v3.9H0v22.3h6.1v2.3h-3V30h20v-1.5H20v-2.3h6.1v-8.8h4V0h-11zM23 22.3H3V7h16.1v10.4H23v4.9zm1.6-6.2c-.5 0-1-.4-1-1 0-.5.4-1 1-1 .5 0 1 .4 1 1 0 .5-.4 1-1 1z'/%3E%3Cpath fill='%2375c9d3' d='M28.4 12.7h-7.5V2.2h7.5z'/%3E%3C/svg%3E")
}

.deluxe .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.1 30' fill='%23636363'%3E%3Cpath fill='%23893b90' d='M3.1 7h20v15.4h-20z'/%3E%3Cpath fill='%23b675aa' d='M19.1 7h-16v15.3l16-12.3z'/%3E%3Cpath d='M19.1 0v3.9H0v22.3h6.1v2.3h-3V30h20v-1.5H20v-2.3h6.1v-8.8h4V0h-11zM23 22.3H3V7h16.1v10.4H23v4.9zm1.6-6.2c-.5 0-1-.4-1-1 0-.5.4-1 1-1 .5 0 1 .4 1 1 0 .5-.4 1-1 1z'/%3E%3Cpath fill='%23b675aa' d='M28.4 12.7h-7.5V2.2h7.5z'/%3E%3C/svg%3E")
}

.premium .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.1 30' fill='%23636363'%3E%3Cpath fill='%230b7eb3' d='M3.1 7h20v15.4h-20z'/%3E%3Cpath fill='%235babd0' d='M19.1 7h-16v15.3l16-12.3z'/%3E%3Cpath d='M19.1 0v3.9H0v22.3h6.1v2.3h-3V30h20v-1.5H20v-2.3h6.1v-8.8h4V0h-11zM23 22.3H3V7h16.1v10.4H23v4.9zm1.6-6.2c-.5 0-1-.4-1-1 0-.5.4-1 1-1 .5 0 1 .4 1 1 0 .5-.4 1-1 1z'/%3E%3Cpath fill='%235babd0' d='M28.4 12.7h-7.5V2.2h7.5z'/%3E%3C/svg%3E")
}

@media screen and (min-width: 41em) { /* 656px */
	.filing-options .container { padding: 65px 60px; }
    .filing-options-flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .filing-options .office, .filing-options .online { border-top: none; width: 50%; max-width: 420px; margin: 0; padding:0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .filing-options h3 { text-align: left;}
    .filing-options .btn { margin: auto 0 0;}

    .filing-options .office { padding-left: 20px; border-left: 1px solid $border; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
    .filing-options .online { padding-right: 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}

    .fao, .nearest-office { margin: 0 0 20px; -webkit-transform: none; transform: none;}
    .online-product { margin: 10px 0 20px; -webkit-transform: none; transform: none;}
    .online-product .icon { width: 45px; height: 30px; top: 0; -webkit-transform: none; transform: none;}
    .online-product li { margin: 0 0 20px; padding: 0 0 0 50px;}
    .online-product-link { font-size: 1.5rem;}
    .online-product-start-now { margin: 5px 0 0;}
    .btn-location:before { margin-right: 5px; }

    .fao .divider, .fao-search { margin: 0;}
    .fao h3 { margin: 0 0 26px;}

    /* Nearest office */
    .filing-options .btn.nearest-office-about { display: block;}
    .nearest-office .label { text-align: left;}
    .nearest-office-more { margin: 5px 0 0; text-align: left;}
    .nearest-office-info { max-width: none; margin-left: 0; -webkit-transform: none; transform: none; text-align: left;}
}

@media screen and (min-width: 46em) { /* 736px */
    .btn-location:before { margin-right: 15px;}
    .filing-options .office { padding-left:50px;}
    .filing-options .online { padding-right: 50px;}
}

@media screen and (min-width: 61em) { /* 976px */
	/* FILING OPTIONS */
	.filing-options .fao { max-width: 350px;}
	.filing-options h3 { text-align: center;}
	.filing-options .nearest-office h3 { text-align: left;}
	.filing-options .office { padding-left:70px; max-width: none;}
    .filing-options .online { padding-right: 30px; max-width: none;}
    .online-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; max-width: none; margin: 15px 0 20px;}
    .online-product li { margin: 0; padding: 50px 0 0; width: 29%;}
    .online-product .icon { width: 39px; height: 37px; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    .online-product .online-product-link.arrow:after { display: none;}
}

@media screen and (min-width: 81em) { /* 1296px */
	.filing-options .online { padding-right: 60px;}
}
/*# sourceMappingURL=fao.css.map */