ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, div.paragraph, blockquote, fieldset, input { margin: 0; padding: 0; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
a img { border: 0; }
a { text-decoration: none; }
html { height: 100%; }
body { width: 100%; font-family: 'Maven Pro', sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; color: #222222; line-height: 2em; transition: padding 0.3s ease-in-out; }
body.has-header { padding-top: 7.5em !important; }
body.minimal-header { padding-top: 4.25em !important; }
.content-wrap { padding-bottom: 8em; }
h2 { font-family: 'Playfair Display', sans-serif; font-style: italic; line-height: 1; font-size: 2.2em; margin-bottom: .75em; }
.container h2 { color: #28657c; }
div.paragraph, p { line-height: 2em; margin-bottom: 2em; }
a { color: #6a9caf; }
.paragraph a:hover { color: #ffffff; background: #28657c; }
.content-wrap blockquote, .footer-wrap blockquote { font-size: 1.75em; color: #cccccc; line-height: 1.3em; border-left: none; padding-left: 0; font-style: normal; text-transform: uppercase; margin: 1.25em 0; }
.content-wrap div.paragraph ul, .footer-wrap div.paragraph ul { padding-left: 2em !important; }
.content-wrap div.paragraph li, .footer-wrap div.paragraph li { padding-left: 0 !important; margin: 0 !important; }
.container { width: 100%; max-width: 1100px; overflow: hidden; margin: auto; padding: 2em; z-index: 1; box-sizing: border-box; }
#header { overflow: visible; }
.content-wrap { overflow: hidden; }
#header { width: 100%; text-transform: uppercase; position: fixed; top: 0; z-index: 9; background: #ffffff; transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out; }
body.wsite-native-mobile-editor, body.wsite-checkout-page { padding: 0 !important; }
body.wsite-native-mobile-editor #header, body.wsite-checkout-page #header { position: relative; }
#header.minimal { background: #f9f5ee; }
#header.minimal .wsite-logo a, #header.minimal .wsite-menu-default li a { color: #28657c; }
#header.minimal #active a, #header.minimal .wsite-menu-default li:hover > a { color: #d1cbc4; }
.header-wrap { display: table; width: 100%; height: 120px; transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out; }
#header.minimal .header-wrap { height: 70px; }
.wsite-logo a, .wsite-logo a:hover { transition: color 0.3s ease-in-out; font-size: 1.5em; font-weight: bold; color: #28657c; background: inherit; }
.logo { display: table-cell; vertical-align: middle; padding-left: 50px; height: 100%; }
.logo img { transition: max-height 0.3s ease-in-out; }
.wsite-logo table { height: auto !important; width: 100%; }
#header.minimal .logo img { max-height: 66px !important; }
#mobile-input, #nav-trigger { display: none; }
#nav-trigger { background: transparent; border: 0; padding: 0; cursor: pointer; }
#navmobile { display: none; }
.menu { display: table-cell; vertical-align: middle; text-align: right; padding-right: 50px; height: 100%; }
.menu li { list-style: none; }
.menu li { position: relative; }
.menu .wsite-menu-wrap { display: none; position: absolute; left: 0; top: 100%; z-index: 20; min-width: 260px; }
.menu li:hover > .wsite-menu-wrap { display: block; }
.menu li.open > .wsite-menu-wrap { display: block !important; }
.menu .wsite-menu { float: none; background: #28657c; }
.menu .wsite-menu-subitem-wrap { display: block; }
#nav a.wsite-menu-subitem, #navmobile a.wsite-menu-subitem, #wsite-menus a.wsite-menu-subitem { display: block; padding: 8px 12px !important; white-space: nowrap; text-align: left; font-size: 12px !important; line-height: 14px !important; letter-spacing: 2px; color: #ffffff !important; }
#nav a.wsite-menu-subitem:hover, #navmobile a.wsite-menu-subitem:hover, #wsite-menus a.wsite-menu-subitem:hover { color: #ffffff !important; background: #5d8b9c; }
.menu .wsite-menu-arrow { display: none; }
.wsite-menu-default { float: right; }
.wsite-menu-default li { display: inline-block; padding: 0 15px; transition: color 0.3s ease-in-out; }
.wsite-menu-default a, .menu a { font-size: 14px; font-weight: bold; color: #999999; }
.wsite-menu-default li:hover > a, .menu li:hover > a { color: #28657c; }
.wsite-menu-default a:hover { background: inherit; }
#active a { color: #28657c; }
#wsite-menus .wsite-menu li a { font-size: 14px; font-weight: bold; text-transform: uppercase; background: #28657c; color: #ffffff; border: none; }
#wsite-menus .wsite-menu li:hover a, #wsite-menus .wsite-menu li li a { background: #5d8b9c; }
#wsite-menus .wsite-menu li li:hover a { background: #ffffff; color: #5d8b9c; }
#wsite-menus .wsite-menu-arrow { font-family: 'Maven Pro', sans-serif; font-size: 15px; }
.footer-wrap { border-top: 4px solid #28657c; font-size: 13px; color: #cccccc; }
.wsite-footer { padding-top: 6.25em; padding-bottom: 2.25em; }
.footer-wrap h2 { font-family: 'Maven Pro', sans-serif; font-size: 1.25em; font-style: normal; line-height: 2.5em; text-transform: uppercase; }
.footer-wrap hr.styled-hr { opacity: .15; box-shadow: none; }
.footer-wrap .container { overflow: visible; }
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p { font-family: "Open Sans" !important; color: #818181 !important; }
.wsite-elements.wsite-footer h2 { font-family: "Open Sans" !important; color: #367275 !important; text-transform: none !important; }
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, #wsite-content div.paragraph, #wsite-content p, .blog-sidebar div.paragraph, .blog-sidebar p { font-family: "Open Sans" !important; text-transform: none !important; letter-spacing: 0px !important; }
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 { font-family: "Montserrat" !important; font-weight: 700 !important; font-style: normal !important; text-transform: none !important; letter-spacing: 0px !important; }
.wsite-menu-default a { font-family: "Oxygen" !important; letter-spacing: 0px !important; }
.wsite-menu a { font-family: "Catamaran" !important; letter-spacing: 2px !important; }
.wsite-headline, .wsite-header-section .wsite-content-title { font-family: "Quicksand" !important; color: #fff !important; font-style: normal !important; text-transform: none !important; letter-spacing: 5px !important; }
.wsite-headline-paragraph, .wsite-header-section .paragraph { font-family: "Montserrat" !important; color: #fff !important; letter-spacing: 5px !important; }
.wsite-social { white-space: normal; }
.wsite-social-item { display: inline-block; font-size: 2em; margin: 0 6px 10px; }
.wsite-button { padding: 8px 20px !important; }
.no-banner .content-wrap { margin-top: 4.5em; }

@media screen and (min-width: 767px) {
  .wsite-menu a { font-size: 12px !important; }
  .wsite-menu-default a { font-size: 15px !important; }
}

@media (max-width: 1024px) {
  body { font-size: 15px; }
  body.has-header { padding-top: 120px !important; }
  #header .header-wrap { height: 120px; }
  #header.minimal .header-wrap { height: 80px; }
  body.minimal-header { padding-top: 80px !important; }
  .logo { display: table-row; padding-left: 0; text-align: center; height: auto; }
  .logo img { margin: 0 !important; }
  .wsite-logo { display: table-cell; vertical-align: middle; }
  .menu { display: table-row; padding-right: 0; text-align: center; height: auto; }
  .wsite-menu-default { float: none; margin: auto; display: table-cell; vertical-align: middle; }
  .wsite-footer { padding-top: 3em; padding-bottom: 1.5em; }
  body { padding: 0 !important; }
  #wsite-content div.paragraph, #wsite-content p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .blog-sidebar div.paragraph, .blog-sidebar p { font-size: 18px !important; line-height: 25px !important; }
  #wsite-content h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .blog-sidebar h2 { font-size: 40px !important; line-height: 46px !important; }
}

@media (max-width: 767px) {
  body { font-size: 14px; }
  body.has-header { padding-top: 60px !important; }
  .container { padding: 1.25em; }
  #header { height: auto; }
  #header.minimal { height: auto; }
  body:not(.minimal-header) #header { border-radius: 1px; box-shadow: 0px 2px 3px -1px rgba(30,30,30,0.1); }
  body.minimal-header { padding-top: 0 !important; }
  .logo { display: table; width: 100%; height: 60px; padding: 0 1.25em; text-align: center; line-height: 1; box-sizing: border-box; }
  .logo > span { display: table-cell !important; vertical-align: middle; padding: 0 54px 0 20px; }
  .wsite-logo { display: block; }
  .logo img { max-height: 50px !important; }
  .wsite-logo table { height: 60px !important; }
  #nav { display: none; }
  #navmobile { display: block; max-height: 0; overflow: hidden; transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); }
  #navmobile > div, #navmobile > ul { padding: 0 0 1em; }
  .menu { display: block; padding-right: 0px; text-align: center; }
  .wsite-menu-default { float: none; display: block; }
  .menu .wsite-menu-default li { display: block; }
  .menu .wsite-menu-default li a { display: block; position: relative; }
  .menu .wsite-menu-arrow { display: inline-block; margin-left: 8px; vertical-align: middle; }
  .menu .wsite-menu-wrap { position: static; min-width: 0; }
  .menu li:hover > .wsite-menu-wrap { display: none; }
  .menu li.open > .wsite-menu-wrap { display: block !important; }
  #nav a.wsite-menu-subitem, #navmobile a.wsite-menu-subitem, #wsite-menus a.wsite-menu-subitem { font-size: 14px !important; line-height: 16px !important; }
  #header .header-wrap, #header.minimal .header-wrap { height: 60px; }
  #header.minimal .wsite-logo a, #header.minimal .menu li a { color: #28657c; }
  #header.minimal #active a, #header.minimal .wsite-menu-default li:hover > a { color: #d1cbc4; }
  #nav-trigger { display: table-cell; vertical-align: middle; width: 24px; z-index: 11; }
  #nav-trigger:before, #nav-trigger:after { content: ""; }
  #nav-trigger span, #nav-trigger:before, #nav-trigger:after { display: block; width: 100%; height: 4px; background: #28657c; }
  #nav-trigger span { margin: 3px 0; }
  #header.minimal #nav-trigger span, #header.minimal #nav-trigger:before, #header.minimal #nav-trigger:after { background: #28657c; }
  .splash-page #nav-trigger span, .splash-page #nav-trigger:before, .splash-page #nav-trigger:after { background: #d1cbc4 !important; }
  #navmobile { max-height: 0; overflow: hidden; transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); }
  body.menu-open #navmobile { max-height: 960px; }
  #navmobile .wsite-menu-wrap { display: none; }
  #navmobile .menu-open-submenu > .wsite-menu-wrap { display: block; }
  #navmobile .wsite-menu-subitem-wrap a { padding-left: 30px; }
  .wsite-menu-wrap { left: 0 !important; }
  .wsite-multicol-col { max-width: 100% !important; display: block; width: auto !important; margin: 0 auto 1em !important; }
  .wsite-section { height: auto !important; }
  #wsite-content div.paragraph, #wsite-content p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .blog-sidebar div.paragraph, .blog-sidebar p { font-size: 16px !important; line-height: 2em !important; }
  #wsite-content h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .blog-sidebar h2 { font-size: 2.2em !important; line-height: 1 !important; }
}