/*
Website Design/Build:
Kevin Snell
Formulate Communicative Design
www.formulate.ca
*/


/* GLOBAL */

html,body { margin:0; padding:0; color:#4e5762; font-size:16px; font-family: "Inter", serif; font-optical-sizing: auto; }

input:focus { outline: none; }

h1, h2, h3 { color:#506177; font-weight:300; line-height:1.2em; }
h1 { margin:25px 0; }

a { color:#378ECC; }
a:hover { text-decoration:none; color:#FF8400; }

em { color:#687586; }

blockquote { font-size:17px; }

h2.title { margin:50px 0 20px 0; padding:0; border-top:1px solid #699dce; text-align:center; font-size:24px; line-height:1.1em; }
h2.title div { display:inline-block; position:relative; top:-18px; margin:0; padding:0 15px; background-color:#fff; }
h2.title { font-size:28px; }

img.align_right { float:right; margin:0 0 10px 20px; border:6px solid #fff; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
img.align_left { float:left; margin:0 20px 10px 0; border:6px solid #fff; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

.uk-button { margin:5px 0; padding:0 40px; background:#1E87F0; color:#fff; font-weight:400; letter-spacing:1px; text-transform:uppercase; height:40px; line-height:40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.uk-button:hover { background:#FF8400; color:#fff; }

.uk-button.alt { margin:10px 0; padding:0 40px; background:#FF8400; color:#fff; font-size:14px; font-weight:400; letter-spacing:1px; text-transform:uppercase; height:36px; line-height:36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.uk-button.alt:hover { background:#1E87F0; color:#fff; }

.video i { color:#fff; }
.video i:hover { color:#FF8400; }
.video svg circle { stroke-width:1.7; }
.video svg polygon { stroke-width:1.5; }

.video-container { position: relative; padding-bottom: 56.25%; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.map { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; border:2px solid #3490f3; }
.map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.FormBuilderViewport { margin-top:20px; }

#editpage { position: fixed; top: 4px; left: 49%;  z-index:9999; }
#editpage a { float:left; padding: 3px 6px 5px 6px; background: #db1174; color: #FFB8DB; display: block; font-weight: normal; font-size:14px; z-index:9999; margin:0 1px; text-decoration:none; line-height:1em; stroke-width:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#editpage a:hover { background: #ffffcc; color: #000; text-decoration:none; }

.pys_orange { color:#FF8400; }
.pys_blue { color:#7ea4ff; }


/* TEMPLATE STYLES */

.card { padding:30px 0; }
.card p { text-align:justify; }
.card h1 { margin:0; font-size:38px; }
.card h2 { margin:0; font-size:26px; }

.padded { padding:0 20px; }

#sticky { background:#000 url('/site/templates/assets/images/header_bkg2.jpg') no-repeat center center; background-size:cover; }

#top_bar { padding:10px 0 6px 0; background:rgba(34, 59, 97, .55); text-align:center; color:#fff; font-size:13px; line-height:1.2em; }
#top_bar div a.shop_now { margin-left:10px; color:#FF8400; }
#top_bar div a.shop_now:hover { color:#7ea4ff; }

#top_bar ul#top_menu { margin:5px 0 0 0; padding:0; list-style:none; }
#top_bar ul#top_menu .uk-icon { position:relative; top:-2px; }
#top_bar ul#top_menu li { display:inline; padding:0 7px; }
#top_bar ul#top_menu li a { color:#fff; }
#top_bar ul#top_menu li a:hover { color:#FF8400; }
#top_bar ul#top_menu img { position:relative; top:-3px; }
#top_bar ul#top_menu li.cart { min-width:34px; }

#header { padding:15px 20px; }
#header div.logo img { width:100%; max-width:200px; }

#header ul#main_menu { margin:0; padding:0; list-style:none; }
#header ul#main_menu li { display:inline; padding:0 12px; }
#header ul#main_menu li a { color:#fff; font-size:16px; }
#header ul#main_menu li a:hover { color:#FF8400; }
#header ul#main_menu .uk-dropdown { padding:14px 25px 5px 25px; background:#222222; }
#header ul#main_menu .uk-dropdown h3 { margin:0; color:#7ea4ff; font-size:18px; line-height:1.2em; }
#header ul#main_menu .uk-dropdown h3 a { color:#7ea4ff; }
#header ul#main_menu .uk-dropdown h3 a:hover { color:#FF8400; }
#header ul#main_menu .uk-dropdown ul { margin:4px 0 15px 0; padding:0; list-style:none; line-height:1.3em; }
#header ul#main_menu .uk-dropdown ul li { padding:3px 0; display:block; }
#header ul#main_menu .uk-dropdown ul li a { font-size:15px; }
#header ul#main_menu .uk-drop-grid ul li { padding:0; }
#header ul#main_menu .uk-drop-grid ul li a { font-size:14px; }

#header .uk-search { margin-left:30px; width:190px; }
#header .uk-search-icon { margin:0 10px; color:#666; }
#header .uk-search .uk-search-input { height:32px; font-size:15px; text-indent:35px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; background:rgba(255,255,255,.55); }
#header .uk-search .uk-search-input::placeholder { color:#666 !important; }

.uk-offcanvas-bar .uk-search { display:block; margin:20px auto 5px auto; width:220px; }
.uk-offcanvas-bar .uk-search-input { background:#000; color:#ccc; height:40px; padding-left:40px; }
.uk-offcanvas-bar .uk-search-icon { margin-left:10px; }
.uk-offcanvas-bar .uk-nav li a { color:#fff; font-size:26px; }
.uk-offcanvas-bar .uk-nav ul { margin:-5px 0 5px 0; }
.uk-offcanvas-bar .uk-nav ul li { padding:1px 0; }
.uk-offcanvas-bar .uk-nav ul li a { font-size:17px; color:#a5a5a5; }

#header .toggle { color:#fff; }
#header .toggle:hover { color:#FF8400; }
#header .toggle .uk-icon { position:relative; top:-1px; }

#hero { background:#000; }
#hero img { width:100%; }

#breadcrumbs { text-align:left; }
#breadcrumbs ul { margin:0; padding:0; list-style:none; font-size:13px; text-transform:uppercase; color:#777; }
#breadcrumbs ul li { display:inline; }
#breadcrumbs ul li span.uk-icon { position:relative; top:-2px; padding:0 3px; color:#666; }
#breadcrumbs ul li span.uk-icon.home { top:-3px; margin-right:5px; }
#breadcrumbs ul li a { color:#666; }
#breadcrumbs ul li a:hover { color:#5cbfff; }

#content { width:100%; max-width:1240px; margin:0 auto; padding:30px 0 60px 0; }
#content2 { width:100%; max-width:1240px; margin:0 auto; padding:30px 0 60px 0; }

.alt { background:#E8F2FC; }
.alt .card { padding:20px 0; }
.layout { width:100%; max-width:1240px; margin:0 auto; padding:10px 0 10px 0; }

#footer { padding:40px 0; background:#2B508B; font-size:14px; color:#fff; text-align:center; }
#footer img.logo { width:100%; max-width:270px; }
#footer p { margin:5px 0 8px 0; }
#footer h2 { margin:0 0 10px 0; text-transform:uppercase; font-size:20px; letter-spacing:1px; font-weight:400; color:#FF8400; }
#footer ul { margin:0; padding:0; list-style:none; font-size:16px; }
#footer ul li { padding:3px 0; }
#footer a { color:#fff; }
#footer a:hover { color:#7ea4ff; }
#footer p.newsletter { margin-top:20px; }
#footer p.newsletter a.uk-button { padding:0 20px; background:#000; letter-spacing:initial; }
#footer p.newsletter a.uk-button:hover { background:#FF8400; color:#fff; }


/* GLOBAL STYLES */

.action { clear:both; margin:5px 0 20px 0; text-align:left; line-height:1.2em; }
.action img { margin:0 15px 0 0; padding:0; border:none; box-shadow:none; max-width:65px; }
.action p { margin:0; }
.action p a { text-decoration:none; }
.action.pdf { margin-bottom:25px; }
.action.pdf p { margin:0; }

#banner { max-width:1150px; margin:0 auto 25px 0; }
#banners img { width:100%; }

#blocks { margin:60px 0; }
#blocks div.card div.photo img { width:100%; margin-top:3px; }
#blocks h3 { margin:0; }
#blocks p { margin:10px 0; }

.grid { margin:60px 0; }

.links { margin:20px 0 0 0; padding:0; list-style:none; }
.links li { padding:7px; }
.links .uk-button { margin:0 5px; padding:8px 0 9px 0; width:200px; height:auto; line-height:1.1em; font-size:15px; text-transform:initial; }
.links .uk-dropdown { margin:0; padding:0; }
.links .uk-dropdown.downloads ul { margin:0; padding:0; text-align:left; list-style:none; }
.links .uk-dropdown.downloads ul li { padding:0; border-bottom:1px solid #ddd; }
.links .uk-dropdown.downloads ul li a { display:block; padding:7px 10px 6px 10px; line-height:1.1em; font-size:13px; text-decoration:none; }
.links .uk-dropdown.downloads ul li a span.uk-label { padding:0 5px; font-size:10px; margin-right:4px; position:relative; top:-1px; }

#shop_ctas_title { margin:0 0 20px 0; }
#shop_ctas_title h1 { margin:0; text-align:center; font-size:24px; color:#000; }
#shop_ctas_title h3 { margin:5px 0 0 0; text-align:center; font-size:16px; color:#FF8400; }
#shop_ctas { position:relative; text-align:center; }
#shop_ctas div.bkg { position:absolute; z-index:-1; top:15%; background-color:#4C8DCC; width:100%; height:70%; }
#shop_ctas .uk-grid { max-width:1100px; margin:0 auto; text-align:center; }
#shop_ctas .uk-grid div { padding:15px; }
#shop_ctas img { width:100%; max-width:700px; background:#fff; padding:7px; border-radius:20px; }

.slider { margin:0; padding:10px 0 20px 0; }
.slider .uk-position-relative { padding:0 65px; }
.slider .uk-slidenav { margin:0; }
.slider .title { margin-bottom:0; }

.tile { text-align:center; margin:5px 0; }
.tile .photo { display:flex; align-items:center; justify-content:center; }
.tile .photo img { width:100%; max-width:150px; max-height:100px; }
.tile h3 { margin:3px 0 0 0; padding:0; line-height:1.1em; font-size:14px; font-weight:400; color:#000; text-align:center; }
.tile h3 a { color:#4c4c4c; text-decoration:none !important; }
.tile h3 small { font-size:12px; color:#76a0cd; line-height:1.6em; }
.tile h3 a:hover { color:#2d5ed4; }
.tile .prices { margin-top:7px; }
.tile .prices p { margin:2px 0; text-align:center; font-size:14px; }
.tile .prices p img { width:17px; height:11px; }

.tile_product .uk-grid { display:flex; align-items:center; }
.tile_product .photo { display:flex; align-items:center; margin-bottom:8px; }
.tile_product .photo img { width:100%; max-width:100px; max-height:90px; }
.tile_product .text { padding:0 0 0 15px; text-align:left; }
.tile_product .text a { text-decoration:none; }
.tile_product .text h3 { margin:0; padding:0; line-height:1.1em; font-size:14px; font-weight:400; color:#004568; text-align:left; }
.tile_product .text h3 a { color:#004568; }
.tile_product .text h3 a:hover { color:#2d5ed4; }
.tile_product .prices { margin-top:5px !important; }
.tile_product .prices p { margin:2px 0; text-align:left; font-size:14px; line-height:1.2em; }
.tile_product .prices p img { width:17px; height:11px; }


/* PAGE STYLES */

.page1 #shop_ctas { margin:0 auto; }

.audit .main { padding-right:40px; border-right:1px solid #d9d9d9; }
.audit .sidebar { padding-left:40px; }
.audit .sidebar h2 { margin:5px 0 0 0; font-size:18px; overflow:hidden; }
.audit .sidebar h2 .uk-icon { position:relative; top:-2px; }
.audit .sidebar h3 { font-size:26px; margin-bottom:0; }
.audit .main .card { padding-bottom:0; }

#home_ctas { position:relative; z-index:2; top:-35px; text-align:center; }
#home_ctas div.bkg { position:absolute; top:35px; width:100%; height:200px; background:#4C8DCC url('/site/templates/assets/images/home_ctas_bkg.jpg'); background-size:cover; }
#home_ctas div.uk-grid { width:100%; max-width:1200px; margin:0 auto; }
#home_ctas .uk-grid div { padding:15px; }
#home_ctas img { width:100%; max-width:240px; border:8px solid #fff; border-radius:50%; }
#home_ctas h3 { margin:15px auto 5px auto; max-width:280px; color:#FF8400; line-height:1.2em; text-transform:uppercase; font-size:30px; letter-spacing:1px; font-weight:500; }
#home_ctas h3 a { color:#FF8400; }
#home_ctas h3 a:hover { color:#378ECC; }
#home_ctas p { margin:0 auto; max-width:280px; line-height:1.3em; font-size:18px; }
#home_ctas p a { color:#666; }
#home_ctas p a:hover { color:#378ECC; }

#home_story { margin:20px 0 20px 0; }
#home_story .layout { width:100%; max-width:1050px; margin:0 auto; }
#home_story .inside { width:100%; padding-bottom:20px; }
#home_story h2 { margin:0 0 10px 0; color:#4C8DCC; font-size:30px; letter-spacing:1px; }
#home_story h4 { margin:0; font-size:17px; font-weight:500; }
#home_story p { margin:10px 0; color:#4a4a4a; line-height:1.8em; text-align:justify; font-size:15px;}

#home_brands { text-align:center; margin-bottom:40px; }
#home_brands h2 { background-color:#4C8DCC; color:#fff; padding:10px 0; font-size:28px; letter-spacing:1px; }
#home_brands img { width:100%; max-width:1050px; }

.media h3 { margin:0 0 10px 0; }
.media ul { margin:0; padding:0; list-style:none; font-size:14px; line-height:1.2em; }
.media li { padding:6px 0 7px 0; border-top:1px solid #e6e6e6; }
.media li.first { border:none; }
.media span.meta { color:#666; font-size:13px; line-height:1.6em; }

.search { text-align:center; }
.search h1 { margin-bottom:-10px; }
.search .uk-subnav { margin:0 auto 30px auto; width:fit-content;  }
.search .uk-subnav > * { padding:0 7px; }
.search .uk-subnav-pill a { text-decoration:none; background:#d0d0d0; color:#4a4a4a; padding:6px 20px; letter-spacing:1px; }
.search .uk-subnav-pill > .uk-active > a { background:#1e87f0; color:#fff; }
.search hr { margin:0 0 35px 0; background:none; color:#fff; width:100%; height:1px; border:none; border-top:1px dotted #699dce; }

.service .uk-grid span.uk-icon { display:block; float:left; margin:0 15px 0 0; color:#3C6B9E; }
.service h2 { font-size:22px; line-height:1.1em; }
.service h2.icon_title { margin:0; overflow:hidden; }
.service h3 { font-size:16px; clear:both; margin:30px 0 8px 0; padding:5px 15px 6px 15px; text-transform:uppercase; letter-spacing:1px; font-weight:400; background:#e6e6e6; color:#000; }
.service p { margin:0 0 15px 0; }
.service .bkg { background:#edf3fb; padding: 20px 20px 5px 20px; }
.service .logos { margin:-5px 0 30px 0; width:100%; }
.service .logos img { margin:5px 10px; height:100%; max-height:25px; }
.service_alt { margin:-30px 0 0 0; background:#5F84AF; padding:20px 0; color:#fff; }
.service_alt span.uk-icon { display:block; float:left; margin:0 15px 0 0; }
.service_alt h2.icon_title { margin:0 0 25px 0; font-size:28px; color:#fff; }
.service_alt span.uk-icon { position:relative; top:5px; color:#fff; }
.service_alt h3 { font-size:18px; margin:10px 0 3px 0; background: none; color: #fff; padding: 0; text-transform:uppercase; font-weight:500; letter-spacing:1px; }
.service_alt p { margin:0; }

.video h3 { margin:15px 0 5px 0; font-size:20px; }

.related_videos .item p { margin:5px 0 5px 0; font-size:14px; line-height:1.2em; }
.related_videos .item p.meta { font-size:13px; color:#666; }
.related_videos a { text-decoration:none !important; }

.rates { margin:20px 0 30px 0; font-size:13px; }
.rates th { padding:6px; background:#e8f2fc; font-size:16px; }
.rates tr { background:none !important; }
.rates td { padding:6px 10px !important; line-height:1.2em; }
.rates.terms td { text-align:center; }

.services {
  margin-top:30px;
  text-align:center;
}

.services .service a img {
    width:100%;
    max-width:370px;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.services .service a h3 {
  background:none;
  color:#FF8400;
  font-size:22px;
  width:100%;
  margin:15px 0 0 0;
  padding:0;
  text-align:center;
}

.services .service p {
  margin:8px auto 0 auto;
  line-height:1.3em;
  font-size:15px;
  color:#47619d;
  max-width:370px;
}

.services .service p .uk-button {
  height:30px;
  line-height:30px;
  padding:0 20px;
}
/* DESIGN */

.design_middle1 h2, .design_middle2 h2 { text-align:center; color:#000; font-size:22px; padding-bottom:10px; border-bottom:1px dotted #959595; margin-top:0; margin-bottom:30px; }

.design_top { margin-top:30px; padding-top:0; padding-bottom:20px; }
.design_top .padded { padding-bottom:10px; }
.design_top h1 { margin:0; font-size:36px; }
.design_top .design_left { text-align:center; }
.design_top .design_left h2 { margin:15px 0 10px 0; color:#000; line-height:1.3em; font-size:18px; }
.design_top .design_left h2.subtitle2 { margin:25px auto; padding: 10px 15px 12px 15px; color: #245f9f; font-size: 20px; border: 1px solid #aeb6bd; background:#fff; }
.design_top .design_left .ctas div { margin:18px auto 0 auto; }
.design_top .design_left .ctas img { width:100%; max-width:300px; }
.design_top .design_right p.button { text-align:center; }
.design_top .design_right p.button .uk-button-primary { height:50px; line-height:48px; font-size:16px; letter-spacing:1px; }
.design_top .design_right .uk-slideshow { padding:15px; }
.design_top .design_right .uk-slideshow .uk-slideshow-items li { text-align:center; }
.design_top .design_right .uk-slideshow img { max-height:100%; }

.design_nav { width:100%; background:#CDD3DA; text-align:center; }
.design_nav.uk-sticky { z-index:99; }
.design_nav ul { margin:0 auto; padding:8px; width:fit-content; list-style:none; }
.design_nav ul li { display:inline; padding:0 4px; }
.design_nav ul li a.uk-button { background:#fff; color:#4877AC; font-size:13px; height:28px; line-height:28px; margin:6px 0; }
.design_nav ul li a.uk-button.uk-button-primary { background:#39f; color:#fff; font-size:13px; height:30px; line-height:28px; }
.design_nav ul li a.uk-button:hover { background:#0f7ae5; color:#fff; }
.design_nav.design_nav_small { margin-top:3px; margin-bottom:-25px; }
.design_nav.design_nav_small ul { padding:6px 6px 3px 6px; }
.design_nav.design_nav_small ul li a.uk-button { height:20px; line-height:20px; font-size:11px; margin:3px 0; padding:0 15px; }
.design_nav.design_nav_small ul li a.uk-button.uk-button-primary { height:24px; line-height:23px; font-size:12px; margin:6px 0; padding:0 15px; }

.design_middle1 .padded { padding-top:40px; padding-bottom:50px; }
.design_middle1 .design_left img { width:100%; }
.design_middle1 .uk-accordion>:nth-child(n+2) { margin-top:10px; }
.design_middle1 .uk-accordion-title { text-decoration:none; font-size:15px; padding:10px 15px; color:#003753; background-color:#ecf2f5; line-height:1.2em; }
.design_middle1 .uk-accordion-title:hover { background-color:#fffcaf; }
.design_middle1 .uk-accordion-content { font-size:14px; margin-top:10px; padding-bottom:15px; }

.design_middle2 { background:#F1F1F1; font-size:14px; }
.design_middle2 .padded { padding:45px 30px; }
.design_middle2 video { width:100%; }

.design_bottom .padded { padding:40px 30px; }
.design_bottom .uk-slider { margin-bottom:40px; }
.design_bottom .grid { padding-top:0; }
.design_bottom .grid .uk-grid div { margin-top:20px; margin-bottom:20px; }
.design_bottom .grid .uk-grid .tile3, .design_bottom .grid .uk-grid .photo { margin:0; }

.design_cta { text-align:center; }
.design_cta h2 { font-size:24px; color:#000; margin:0 0 15px 0; }
.design_cta h2 .uk-icon { color:#8296B3; margin-right:10px; position:relative; top:-2px; }
.design_cta h3 { color:#576780; line-height:1.3em; font-size:18px; margin:0 0 10px 0; padding:0 30px; }
.design_cta h3.alt { margin:40px 0 20px 0; padding-bottom:6px; border-bottom:1px dotted #ccc; text-align:center; font-size:20px; }
.design_cta .ctas { margin-top:0; margin-bottom:28px; }
.design_cta .ctas div { margin:15px auto 0 auto; }
.design_cta .ctas img { width:100%; max-width:220px; }
.design_cta ul.sub-nav { margin:20px 0; padding:0; list-style:none; text-align:center; }
.design_cta ul.sub-nav li { display:inline; padding:0 8px; }
.design_cta ul.sub-nav li a { font-size:15px; text-decoration:none; color:#4877AC; border-bottom:1px dotted #8296B3; }
.design_cta ul.sub-nav li a:hover { color:#ffb542; border-color:#ffb542 !important; }

#book ul.numbers { margin:0; padding:0; list-style:none; }
#book ul.numbers li { padding:5px 0; }
#book span.number { display:inline-block; margin-right:5px; width:24px; height:24px; line-height:24px; background:rgb(224, 149, 25); color:#fff; text-align:center; font-size:18px; border:none; border-radius:50%; }
#book iframe { margin-top:-20px; }



/* ECWID */

.ecwid { margin-top:30px !important; }

.ec-cart-widget { width:fit-content; display:inline-block; line-height:1em; }
.ec-minicart.ec-minicart--rect { top:1px; background:none !important; padding:0 !important; }
.ec-minicart svg path { stroke:white !important; }
.ec-minicart__counter { color:#fff !important; }

.ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-centered { margin-bottom:-35px !important; }
.ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-centered form > div:nth-of-type(1) { color:#000; font-size:22px !important; }
.ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-centered form > div:nth-of-type(2) label { color:#3C6B9E !important; }
.ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-centered form > div:nth-of-type(2) label span { font-weight:normal !important; }

.ec-cart-item__title { pointer-events:none; }
.breadcrumbs__link.ec-link.ec-link--muted { display:none; }

.ec-cart--empty .form-control--done { display:none !important; }

.ecwid-popup .popupContent { background:#fff !important; color:#666 !important; border:none !important; }


/* PRODUCTS */

.products #content { padding-bottom:50px; }
.products #content2 { padding-top:0; }
.products .card { width:100%; max-width:1150px; margin:0 auto; padding:20px 0; }
.products .embed-container { margin-top:5px; }
.products .slider { padding:0; }

.products .downloads.uk-dropdown { margin:0; padding:0; }
.products .uk-dropdown.downloads ul { margin:0; padding:0; }
.products .uk-dropdown.downloads ul li { display:block; padding:0; border-bottom:1px solid #ddd; }
.products .uk-dropdown.downloads ul li a { display:block; padding:0 15px; height:34px; line-height:34px; font-size:15px; }
.products .uk-dropdown.downloads ul li a span.uk-label { font-size:12px; margin-right:4px; position:relative; top:-1px; }

.products .data { margin:40px 0 0 0; }
.products .data h2 { margin:0 0 3px 0; font-size:28px; }
.products .data p { margin:0; font-size:13px; }
.products .data .filters .uk-button { margin-top:15px; background:none; color:#666; height:30px; line-height:29px; padding:0 15px; font-size:15px; letter-spacing:initial; border:1px solid #ccc; }
.products .data .filters .uk-button .uk-icon { position:relative; top:-1px; }
.products .data .filters .uk-button:hover { background:#FF8400; border-color:#FF8400; color:#fff; }

.products .uk-overflow-auto { padding:1px; }


/* PRODUCTS TABLE */

.products table { margin:10px 0 0 0 !important; max-width:100%; font-size:12px !important; border-collapse:collapse !important; }
.products table tr { background-color:#fff; }
.products table thead tr { background-color:#fff !important; }
.products table thead th { border:none !important; }
.products table th { font-size:12px !important; text-transform:initial !important; text-align:center; line-height:1.1em; vertical-align:middle; color:#666; }
.products table th small { font-size:10px; color:#939393; font-weight:normal !important; }
.products table th.buy { color:#000; font-weight:bold; }
.products table th:hover { cursor:pointer; color:#FF8400; }
.products table td { padding:0 !important; text-align:center; line-height:1.1em; border:1px solid #dedede !important; }
.products table td a { display:block; padding:4px 8px; }
.products table td a:hover { color:#1e87f0; cursor:pointer; }
.products table td.thumb { background:#fff !important; width:42px; border:none !important;; border-top:1px solid #fff !important; border-bottom:1px solid #fff !important; }
.products table td.thumb a { padding:5px 8px 5px 0; }
.products table td.thumb img { width:100%; max-width:42px; }
.products table .prices { margin:0 !important; min-width:85px; }
.products table .prices p { margin:3px 0; font-size:13px; color:#000; }
.products table .prices img { width:14px; height:10px; }
.products table td i { display:none; position:relative; float:right; top:-1px; }


/* PRODUCTS FILTERS */

.filters { text-align:right; }
.filters .uk-button:hover { border-color:#0f7ae5; color:#ffb542; }
.filters .uk-button i { margin-left:7px; margin-right:2px; }

#productFilters { display:none; }
#productFilters.toggle { display:initial; }
#productFilters .panel { margin:17px 0 5px 0; padding:10px 0; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; }
#productFilters p { margin:0 0 5px 0; font-size:16px; }
#productFilters ul { list-style:none; margin:0; padding:0; font-size:13px; }
#productFilters ul li { line-height:1.1em; padding:3px 0; }
#productFilters ul li.active a { color:#FF8400; }
#productFilters ul li.active i { position:relative; top:-1px; color:#c48511; margin:0 1px 0 -19px; }

.sort { overflow:visible !important; }
.sort .uk-dropdown { padding:10px 15px; text-align:left; z-index:1; }
.sort .uk-dropdown ul { list-style:none; margin:0; padding:0; font-size:13px; }
.sort .uk-dropdown ul li { line-height:1.1em; padding:0; border-bottom:1px dotted #aaa; }
.sort .uk-dropdown .uk-grid p { margin:0 0 5px 0; color:#666; }
.sort .uk-dropdown ul li a { padding:8px 0; }
.sort .uk-dropdown ul li a:hover { color:#ffb542; }
.sort .uk-dropdown ul li.active a { color:#ffb542; }
.sort .uk-dropdown ul li.active i { position:relative; top:-1px; color:#c48511; margin-right:2px; }


/* PRODUCTS SORT */

.sort .uk-button:hover { border-color:#0f7ae5; color:#ffb542; }
.sort { text-align:right; }
.sort .uk-button i { margin-left:4px; }


/* PRODUCT */

.product .col2 { padding-right:50px; }
.product .col3 { text-align:center; }
.product h1 { margin:0; font-size:26px; }
.product p { margin:12px 0; text-align:justify; font-size:14px; }
.product .description ul, .product .description ol { margin:0 0 15px 0; padding:0 0 0 18px; font-size:14px; }
.product table { margin:0 0 15px 0; padding:0; font-size:14px; }
.product .description .toggle1 { display:none; }
.product .description.toggle .toggle1 { display:initial; }
.product .description.toggle .toggle2 { display:none; }
.product .description .toggle2 { display:initial; }
.product .description .toggleLink { margin:-5px 0 0 0; font-size:14px; text-transform:uppercase; }
.product .description .toggleLink a { text-decoration:none !important; }
.product .description .toggleLink i { position:relative; }
.product .description .toggleLink.less i { top:-1px; }

.product .prices { margin:0 auto !important; font-size:20px !important; line-height:1.3em; }
.product .prices td { vertical-align:middle !important; text-align:left; padding:0 3px !important;  }
.product .prices td.flag img { position:relative !important; top:-2px; height:14px; width:22px; }
.product .prices tr.usd td { color:#8c8c8c; }

.product ul.labels { margin:15px 0 0 0; padding:0; text-align:center; list-style:none !important; }
.product ul.labels li { padding:3px 0 !important; }
.product ul.labels li span { padding:7px 10px 6px 10px !important; color:#fff; font-weight:bold !important; font-size:11px; text-transform:uppercase; background-color:#699dce; }

.checkoutButton .uk-button { margin:0; padding:10px 0; width:160px; color:#fff; font-size:16px; line-height:1.1em; text-transform:initial; background:#333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.product .productPhotos { margin:5px 0 20px 0; text-align:center; }
.product .productPhotos .single img { max-height:240px; }
.product .productPhotos ul { text-align:center; }
.product .productPhotos ul li img { max-height:200px; padding:0 30px; }
.product .productPhotos .uk-slidenav-large { padding:0; }

.productVideos { margin:50px 0 -30px 0; }
.productVideos p { margin:5px 0 0 0; padding:0 30px; font-size:14px; line-height:1.1em; }
.productVideos ul { text-align:center; }
.productVideos ul li img { width:100%; padding:0 35px; }
.productVideos .uk-position-top { margin-top:20%; }
.productVideos .uk-slidenav-large { margin-top:22%; padding:0; }
.productVideos ul li a span.uk-icon { color:#fff; }
.productVideos ul li a:hover span.uk-icon { color:#ffb542; }
.productVideos ul li img { width:100%; max-width:340px; }
.productVideos.videos2 { border-top:none; padding:0 55px 15px 55px; }
.productVideos.videos2 p { font-size:12px; line-height:1.2em; padding:0 2px; }
.productVideos.videos2 ul li img { padding:0 25px; }
.productVideos.videos2 .uk-position-top { margin-top:15%; }
.productVideos.videos2 .uk-slidenav-large { margin-top:-25px; }
.productVideos.videos2 .uk-slidenav-previous { margin-right:10px; }
.productVideos.videos2 .uk-slidenav-next { margin-left:10px; }

.product .uk-lightbox { background:#fff; }
.product .uk-lightbox-items li img { padding:40px; }
.product .uk-lightbox-button { background:rgba(255,255,255,.8); width:80px; height:80px; }
.product .uk-lightbox-button svg { width:30px !important; }
.product .uk-lightbox-toolbar { background:none; }
.product .uk-lightbox-toolbar * { color:#777; }
.product .uk-lightbox-toolbar svg { width:30px !important; }
.product .uk-lightbox-toolbar svg line { stroke-width:2px !important; }
.product .uk-lightbox-toolbar .uk-icon { background-color:rgba(255,255,255,.8); }


/* PRODUCT SPECS */

.specs { margin-top:15px; }
.specs .uk-grid-margin { margin-top:0; }
.specs div { padding:5px 0; border-bottom:1px solid #d9d9d9; }
.specs div p { margin:0; padding:0; line-height:1.1em; font-size:13px; }


/* ROTON */

.roton h1 { margin-bottom:10px; text-align:center; }
.roton h2 { text-align:center; }
.roton .nav { width:fit-content; margin:0 auto; padding:0; list-style:none; }
.roton .nav li { display:inline; padding:0 5px; }
.roton .nav li .uk-button { margin:5px 0; padding:0 15px; text-transform:uppercase; font-size:13px; }
.roton .nav li .uk-button.active { background-color:#777; }
.roton .logo { width:180px; }
.roton .espar { width:100%; max-width:180px; padding:0 15px 20px 15px; }
.roton .toggle i.uk-icon { position:relative; top:-1px; margin-right:5px; }
.roton p .uk-button { font-size:12px; padding:0 12px; height:30px; line-height:29px; margin-left:5px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

.page5777 h1 { text-align:center; }


/* MEDIA QUERIES */

@media only screen and (min-width: 640px) {   
  
  .padded { padding:0 30px; }

  #header { padding:10px 30px; }
  #header div.logo img { position:relative; top:3px; max-width:280px; }
  
  #shop_ctas_title h1 { font-size:26px; }
  #shop_ctas_title h3 { font-size:18px; }
  
}

@media only screen and (min-width: 960px) {
    
  #top_bar ul#top_menu { position:absolute; top:7px; right:30px; }
  
  #footer { text-align:left; }
  
  #home_ctas { top:-50px; margin-bottom:-30px;  }
  #home_ctas div.bkg { top:50px; }
  #home_ctas img { max-width:260px; }

  #shop_ctas_title h1 { font-size:30px; }
  #shop_ctas_title h3 { font-size:20px; }
  
  #home_story { margin:20px 0 0 0; background:#fff url('/site/templates/assets/images/story_boat.jpg') right bottom no-repeat; }
  #home_story .inside { width:45%; }
  #home_story p { text-align:left; }
  
}

@media only screen and (min-width: 1024px) {  
}

@media only screen and (min-width: 1200px) {
  
  .padded { padding:0 40px; }

  #header { padding:10px 40px; }
  
  #header ul#main_menu li { display:inline; padding:0 15px; }
  #header ul#main_menu li a { color:#fff; font-size:18px; font-weight:400; }
  
  #home_ctas { top:-65px; }
  #home_ctas div.bkg { top:65px; }
  #home_ctas img { max-width:300px; }

  #home_story .inside { width:55%; }
  
}

@media only screen and (min-width: 1400px) {   
  
  #home_story .inside { width:65%; }

}

@media only screen and (min-width: 1600px) { 
  
  #home_story .inside { width:78%; }
  
}