/* Split from 02-services.css. Load rest, header-menu, form, footer. */
@media only screen and (max-width:750px) {
  .pulldown_tab, a.pulldown_tab, .pulldown_tab_gallery, a.pulldown_tab_gallery, .top-bar-section ul li > a, .top-bar-section .dropdown li.parent-link a {font-family: "Raleway", sans-serif, "open sans", arial !important; font-weight: 300 !important;}
}
@media only screen and (min-width:751px) {
  .pulldown_tab, a.pulldown_tab, .pulldown_tab_gallery, a.pulldown_tab_gallery, .top-bar-section ul li > a, .top-bar-section .dropdown li.parent-link a {font-family: "Raleway", sans-serif, "open sans", arial !important; font-weight: 100 !important;}
}
.top-bar {height: 46px; width: 100%; line-height: 2.8125rem; background: none; overflow: hidden; margin-left: auto !important; margin-right: auto !important;}
.top-bar ul {list-style: none; margin-bottom: 0;}
.top-bar .row {max-width: none;}
@media only screen and (max-width:997px) {
  .top-bar {max-width: 1000px; width: 90%;}
}
@media only screen and (min-width:998px) {
  .top-bar {max-width: 750px; width: 100%;}
}
@media only screen and (max-width:997px) {
  .mag-submit, .mag-submit-active, .mag-submit:hover {margin-top: 3px; margin-right: 0px; padding-right: 0; float: right; width: 40px; height: 28px; color: #ffffff; cursor: pointer; border: 0;}
  .mag-submit {background: url("https://www.bayviewwindows.ca/images_site//icons/magnifying-glass.svg") center right no-repeat;}
  .mag-submit:hover {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  .mag-submit-active {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  #wrapper-search {float: right; padding-top: 10px; margin-top: 3px; margin-left: 0; margin-right: 0; height: 45px; width: 45px; background-color: transparent;}
  .wrapper-search-inner {margin-left: auto; margin-right: auto; width: 85%; background-color: pink;}
}
@media only screen and (min-width:998px) {
  .mag-submit, .mag-submit-active, .mag-submit:hover {float: left; margin-top: -2px; margin-right: -3px; width: 40px; height: 28px; color: #ffffff; cursor: pointer; border: 0;}
  .mag-submit {background: url("https://www.bayviewwindows.ca/images_site//icons/magnifying-glass.svg") center right no-repeat;}
  .mag-submit:hover {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  .mag-submit-active {background: url("https://www.bayviewwindows.ca/images_site/icons/magnifying-glass-hover.svg") center right no-repeat;}
  #wrapper-search {float: right !important; margin-top: 5px; padding-top: 5px; margin-left: 18%; margin-right: 0; height: 31px; background-color: transparent;}
  .wrapper-search-inner {margin-left: 0; margin-right: 0; width: 100%; background-color: green;}
}
@media only screen and (max-width:550px) {
  .home_button {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button.svg");}
  .home_button:hover {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .home_button_active {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .top-bar-full {background: #005d84; background-position: center bottom; background-size: 100% 58px; padding-bottom: 5px; border-bottom: none;}
  .row {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center top; background-size: 607px 115px; padding-left: 0 !important; padding-right: 0 !important;}
  #wrapper_logo {background: url("https://www.bayviewwindows.ca/images_site/logos/bvw-logo-device.png") no-repeat; margin-top: 0; margin-left: auto; margin-right: auto; width: 245px; height: 100px; background-size: 245px 100px; transition: 0.9s;}
}
@media only screen and (min-width:551px) {
  .home_button {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button.svg");}
  .home_button:hover {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .home_button_active {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .top-bar-full {background: #005d84; background-position: center bottom; background-size: 100% 58px; padding-bottom: 5px; border-bottom: none;}
  .row {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center top; background-size: 700px 130px; padding-left: 0 !important; padding-right: 0 !important;}
  #wrapper_logo {background: url("https://www.bayviewwindows.ca/images_site/logos/bvw-logo-tablet.png") no-repeat; margin-top: 0; margin-left: auto; margin-right: auto; width: 293px; height: 120px; background-size: 293px 120px; transition: 0.9s;}
}
@media only screen and (min-width:998px) {
  .home_button {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button.svg");}
  .home_button:hover {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .home_button_active {background: url("https://www.bayviewwindows.ca/images_site/buttons/home-button-active.svg");}
  .top-bar-full {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center bottom; background-size: 898px 170px; padding-bottom: 0px; border-bottom: none;}
  .row {background: url("https://www.bayviewwindows.ca/images_site/tiles/bvw-background.png") no-repeat #005d84; background-position: center bottom; background-size: 898px 170px; padding-left: 0 !important; padding-right: 0 !important;}
  #wrapper_logo {background: url("https://www.bayviewwindows.ca/images_site/logos/bvw-logo-desktop.svg") no-repeat; margin-top: 0; margin-left: auto; margin-right: auto; width: 382px; height: 120px; background-size: 382px 120px;}
}
.sticky {position: fixed; width: 100%; left: 0; top: 0; padding-left: 0; padding-right: 0; z-index: 100; border-top: 0;}
.home_button, .home_button:hover, .home_button_active {float: left; display: block; margin-right: 15px; text-decoration: none; margin-top: 0; margin-bottom: 3px; background-repeat: no-repeat; width: 48px; height: 42px; background-size: 48px 42px;}
@media only screen and (max-width:997px) {
  a.dropdown_tab, a.dropdown_tab:hover, a.dropdown_tab_active {font-size: 16px !important; font-family: "Raleway", sans-serif, "open sans", arial !important; background-color: transparent; height: 46px; margin-top: 0px !important; margin-bottom: -3px !important;}
  a.dropdown_tab {color: #1e2a35 !important; background-color: #d9e0e9 !important;}
  a.dropdown_tab:hover {color: #d9e0e9 !important; background-color: #1e2a35 !important;}
  a.dropdown_tab_active {color: #70a7b7 !important; background-color: #23313e !important;}
  a.pulldown_tab, a.pulldown_tab:hover, a.pulldown_tab:active, a.pulldown_tab_gallery, a.pulldown_tab_gallery:hover, a.pulldown_tab_gallery:active {font-size: 16px !important; height: 46px; font-family: "Raleway", sans-serif, "open sans", arial; margin-top: 0px !important; margin-bottom: -3px !important;}
  a.pulldown_tab {background-color: #ecebe9 !important; color: #005d84 !important;}
  a.pulldown_tab:hover {background-color: background-color:#1a4b72 !important; color: #369eac !important;}
  a.pulldown_tab:active {background-color: #1a4b72 !important; color: #369eac !important;}
  a.pulldown_tab_gallery {background-color: #16acb9 !important; color: #ffffff !important;}
  a.pulldown_tab_gallery:hover {background-color: #d1e3e5 !important; color: #16acb9 !important;}
  a.pulldown_tab_gallery:active {background-color: #3e634f !important; color: #deb125 !important;}
  .top-bar-section ul li {background: none;}
  .top-bar .button, .top-bar button {position: relative; top: -40px;}
}
.top-bar .title-area {margin: 0; position: relative;}
.top-bar .toggle-topbar {position: absolute; right: 0; top: 0;}
.top-bar .toggle-topbar.menu-icon {margin-right: 0px; top: 50%;}
.top-bar .toggle-topbar.menu-icon a {color: #FFFFFF; height: 34px; line-height: 33px; padding: 0; position: relative;}
.top-bar .toggle-topbar.menu-icon a span::after {content: ""; display: block; text-decoration: none; margin-right: 10px; margin-top: 4px; float: right; height: 26px; width: 35px; border-radius: 0px; transition: all 0.5s ease-out; transform: rotate(0deg); background: url("https://www.bayviewwindows.ca/images_site/icons/menu_lines.png") no-repeat;}
.top-bar .toggle-topbar.menu-icon a span::after {background-repeat: no-repeat; background-size: 33px 24px; background-color: transparent;}
.top-bar.expanded .toggle-topbar a span::after {text-decoration: none; margin-top: 4px; margin-right: 10px; float: right; background-repeat: no-repeat; background-color: transparent; background: url("https://www.bayviewwindows.ca/images_site/icons/menu_close.png") no-repeat; background-size: 24px 24px; height: 26px; width: 26px; border-radius: 13px; border: #ffffff solid 1px; transition: all 0.5s ease-out; transform: rotate(720deg);}
.top-bar-section ul li > button {transition: left 300ms ease-out; font-size: 0.8125rem; padding-left: 0.9375rem; padding-right: 0.9375rem; background-color: #008CBA; border-color: #007095; color: #a5c0c9;}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {background-color: #007095;}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {color: #FFFFFF;}
.top-bar-section ul li:hover:not(.has-form) > a {background-color: transparent; color: #FFFFFF;}
.top-bar-section ul li.active > a {background: #008CBA; color: #FFFFFF;}
.top-bar-section ul li.active > a:hover {background: #0078a0; color: #FFFFFF;}
.top-bar-section .has-form {padding: 0.9375rem;}
.top-bar.expanded {background: transparent; height: auto;}
.top-bar.expanded .toggle-topbar a {color: #FFFFFF;}
.top-bar-section {left: 0; position: relative; width: auto; transition: left 300ms ease-out;}
.top-bar-section ul {display: block; height: auto; margin-top: -3px; margin-left: 0; margin-right: 0; padding: 0; width: 100%;}
.top-bar-section ul li > a {color: #ffffff; display: block; font-size: 14px; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding: 10px 0 10px 0.9375rem; text-transform: none;}
@media only screen and (max-width:250px) {
  .top-bar-section ul li > a {width: 100%;}
}
@media only screen and (max-width:998px) {
  .top-bar-section ul li > a {width: 100%;}
}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {background-color: #007095;}
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {color: #FFFFFF;}
.top-bar-section ul li:hover:not(.has-form) > a {background-color: transparent; color: #FFFFFF;}
.top-bar-section ul li.active > a {background: #008CBA; color: #FFFFFF;}
.top-bar-section ul li.active > a:hover {background: #0078a0; color: #FFFFFF;}
.top-bar-section .has-form {padding: 0.9375rem;}
.top-bar-section .has-dropdown {position: relative; transition: left 300ms ease-out;}
.top-bar-section .has-dropdown > a:after {border: inset 5px; content: ""; display: block; height: 0; width: 0; border-left-style: solid; margin-right: 0.9375rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0px;}
.top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent #ffffff;}
.top-bar-section .has-dropdown:hover > a:after {border-color: transparent transparent transparent #ffffff;}
.top-bar-section .has-dropdown.moved {position: static;}
.top-bar-section .has-dropdown.moved > .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; width: 100%;}
.top-bar-section .has-dropdown.moved > a:after {display: none;}
.top-bar-section .dropdown {clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block; padding: 0; position: absolute; top: 0; z-index: 99; left: 100%;}
.top-bar-section .dropdown li {height: auto; width: 100%;}
.top-bar-section .dropdown li a {padding: 8px 0.9375rem;}
.top-bar-section .dropdown li a.parent-link {font-size: 17px !important; font-family: "Raleway", sans-serif, "open sans", arial;}
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {margin-bottom: 0; margin-top: 0; font-size: 16px !important; font-family: "Raleway", sans-serif, "open sans", arial;}
.top-bar-section .dropdown li.title h5 a {color: #ffffff; display: block;}
.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.parent-link a:hover {color: {colour-off-white}; display: block;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {background: none;}
.js-generated {display: block;}
@media only screen and (min-width:998px) {
  a.dropdown_tab, a.dropdown_tab:hover, a.dropdown_tab_active {font-size: 16px !important; font-family: "Roboto", sans-serif !important; height: 45px !important;}
  a.dropdown_tab {background-color: none !important; color: #909293 !important;}
  a.dropdown_tab:hover {color: #80dae2 !important; opacity: 0.7;}
  a.dropdown_tab_active {color: #80dae2 !important; opacity: 0.7;}
  a.pulldown_tab, a.pulldown_tab:hover {font-size: 16px !important; margin-top: 0 !important; margin-bottom: -4px !important; border-bottom: 1px solid #ffffff;}
  a.pulldown_tab {color: #4c5a66 !important; background-color: #d8e5ed !important;}
  a.pulldown_tab:hover {color: #eaf7f8 !important; background-color: #367aa8 !important;}
  a.pulldown_tab_gallery, a.pulldown_tab_gallery:hover {font-size: 16px !important; margin-top: 0 !important; margin-bottom: -4px !important; border-bottom: 1px solid #ffffff;}
  a.pulldown_tab_gallery {color: #ffffff !important; background-color: #16acb9 !important;}
  a.pulldown_tab_gallery:hover {color: #16acb9 !important; background-color: #d1e3e5 !important;}
  .top-bar-section ul li {background: blue; height: 0;}
  .top-bar {background: transparent; overflow: visible; margin-left: 20px; margin-right: 20px;}
  .top-bar:after {clear: both;}
  .top-bar .toggle-topbar {display: none;}
  .top-bar .title-area {float: left;}
  .top-bar input, .top-bar select, .top-bar .button, .top-bar button {font-size: 0.875rem; height: 1.75rem; position: relative; top: 0.53125rem;}
  .top-bar .has-form > .button, .top-bar .has-form > button {font-size: 0.875rem; height: 1.75rem; position: relative; top: 0.53125rem;}
  .contain-to-grid .top-bar {margin: 0 auto; margin-bottom: 0; max-width: 62.5rem;}
  .top-bar-section {left: 0 !important;}
  .top-bar-section ul {display: inline; height: auto !important; width: auto;}
  .top-bar-section ul li {float: left;}
  .top-bar-section ul li .js-generated {display: none;}
  .top-bar-section li.hover > a:not(.button) {background-color: black; color: #FFFFFF;}
  .top-bar-section li:not(.has-form) a:not(.button) {background: none; line-height: 2.8125rem; padding: 0 0.9375rem;}
  .top-bar-section .has-dropdown > a {padding-right: 2.1875rem !important;}
  .top-bar-section .has-dropdown > a:after {border: inset 5px; content: ""; display: block; height: 0; width: 0; border-top-style: solid; margin-top: -2.5px; top: 1.40625rem; right: 0;}
  .top-bar-section .has-dropdown > a:after {border-color: #ffffff transparent transparent transparent;}
  .top-bar-section .has-dropdown:hover > a:after {border-color: #ffffff transparent transparent transparent;}
  .top-bar-section .has-dropdown.moved {position: relative;}
  .top-bar-section .has-dropdown.moved > .dropdown {clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block;}
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
  .top-bar-section .has-dropdown > a:focus + .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {border: none; content: "»"; top: 0.1875rem; right: 5px;}
  .top-bar-section .dropdown {left: 0; background: transparent; min-width: 100%; top: auto;}
  .top-bar-section .dropdown li a {background: #da7233; color: #FFFFFF; line-height: 2.8125rem; padding: 12px 0.9375rem; white-space: nowrap;}
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: #da7233; color: #FFFFFF;}
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {background-color: #555555; color: #FFFFFF; background: #222222;}
  .top-bar-section .dropdown li label {background: #333333; white-space: nowrap;}
  .top-bar-section .dropdown li .dropdown {left: 100%; top: 0;}
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {border-right: 1px solid #4e4e4e; border-bottom: none; border-top: none; clear: none; height: 2.8125rem; width: 0;}
  .top-bar-section .has-form {background: #333333; height: 2.8125rem; padding: 0 0.9375rem;}
  .top-bar-section .right li .dropdown {left: auto; right: 0;}
  .top-bar-section .right li .dropdown li .dropdown {right: 100%;}
  .top-bar-section .left li .dropdown {right: auto; left: 0;}
  .top-bar-section .left li .dropdown li .dropdown {left: 100%;}
  .no-js .top-bar-section ul li:hover > a {background-color: #555555; background: #222222; color: #FFFFFF;}
  .no-js .top-bar-section ul li:active > a {background: #008CBA; color: #FFFFFF;}
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important;}
}
.row {margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%;}
.row:before, .row:after {content: " "; display: table;}
.row:after {clear: both;}
meta.foundation-version {font-family: "/5.5.2/";}
meta.foundation-mq-small {font-family: "/only screen/"; width: 0;}
meta.foundation-mq-small-only {font-family: "/only screen and (max-width: 998px)/"; width: 0;}
meta.foundation-mq-medium {font-family: "/only screen and (min-width: 997px)/"; width: 998px;}
meta.foundation-mq-medium-only {font-family: "/only screen and (min-width: 997px) and (max-width: 1024px)/"; width: 998px;}
meta.foundation-mq-large {font-family: "/only screen and (min-width: 1025px)/"; width: 1025px;}
meta.foundation-mq-large-only {font-family: "/only screen and (min-width: 1025px) and (max-width: 1440px)/"; width: 1025px;}
meta.foundation-mq-topbar {font-family: "/only screen and (min-width: 997px)/"; width: 998px;}
meta.foundation-mq-xlarge {font-family: "/only screen and (min-width: 1441px)/"; width: 1441px;}
meta.foundation-mq-xlarge-only {font-family: "/only screen and (min-width: 1441px) and (max-width: 1920px)/"; width: 1441px;}
meta.foundation-mq-xxlarge {font-family: "/only screen and (min-width: 1921px)/"; width: 1921px;}
meta.foundation-data-attribute-namespace {font-family: false;}
.top-bar-section .dropdown li.parent-link > a, .top-bar-section .dropdown li.parent-link > a:hover, .top-bar-section .dropdown li.parent-link > a:focus {background: #66ad5b !important; color: #ffffff !important;}

/* Desktop active main menu: match the other labels and retain the turquoise highlight. */
@media only screen and (min-width:998px) {
  .top-bar-section > ul > li.has-dropdown > a.dropdown_tab_active {font-family: "Roboto", sans-serif !important; font-size: 16px !important; font-weight: 100 !important; color: #80dae2 !important; opacity: 0.7; background-color: transparent !important; height: 45px !important;}
}

/* Match overview-link spacing to the other submenu links. */
@media only screen and (min-width:998px) {
  .top-bar-section .dropdown li.parent-link > a {margin-bottom: -4px !important; border-bottom: 1px solid #ffffff;}
}
@media only screen and (max-width:997px) {
  .top-bar-section .dropdown li.parent-link > a {margin-bottom: -3px !important;}
}