/* ========================================================================
   Component: Content Styles
 ========================================================================== */

html{font-size:16px;font-family:"Lato",Helvetica,sans-serif;color:#000;background:#fff}
body{min-width:320px}
html, body {max-width: 100vw;}
h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6	{ font-family:'Oswald',Helvetica,sans-serif;text-transform:uppercase;}

h1,.uk-h1{font-size:2.0rem;line-height:1.2;font-weight:600}
h2,.uk-h2{font-size:2.5em;line-height:1.2;font-weight:600}
h3,.uk-h3{font-size:1.75em;line-height:1.2;font-weight:600}
h4,.uk-h4{font-size:1.375rem;line-height:1.4;}
h5,.uk-h5{font-size:1rem;line-height:1.4;}
h6,.uk-h6{font-size:.875rem;line-height:1.4}

@media (min-width: 960px) {
	h1,.uk-h1{font-size:3rem}
	h2,.uk-h2{font-size:2.5em;line-height:1.2;font-weight:600}

}
h1.uk-divider,.uk-h1.uk-divider,
h2.uk-divider,.uk-h2.uk-divider,
h3.uk-divider,.uk-h3.uk-divider,
h4.uk-divider,.uk-h4.uk-divider,
h5.uk-divider,.uk-h5.uk-divider,
h6.uk-divider,.uk-h6.uk-divider { padding-bottom: 10px; border-bottom: 1px dotted #89cac3; margin-bottom: 30px }

.content ul { list-style-type:disc;}
.content ol { list-style-type: decimal;}

@media (max-width: 767px) {
.content table {
border-collapse: collapse;
overflow-x: auto;
display: block;
width: fit-content;
max-width: 100%;
}
}
a	{text-decoration: underline; color: #0078dd;}
a:link, 
a:visited {   }
a:focus,
a:hover { color: #0078dd; text-decoration: none  }
a:active, a.uk-active{ color: #0086f7; }

a.url { text-decoration: none}

.topnav a { text-decoration:none}

.invert { color: #fff; }
.invert a {color: #fff;}
.invert a:hover,.invert a:focus {color:#dddddd;}
.invert a:active,.invert a.uk-active {color:#fff;}
.leadin {font-size:1.2em;line-height:1.4; font-weight:600;}

#footer a,
a.backtop,
a.scrolldown	{ text-decoration:none;}

div.left,
img.left { margin-right: 15px; margin-bottom: 10px; float: left;}
div.right,
img.right { margin-left: 15px; margin-bottom: 10px; float: right;}


@media (max-width: 479px) {
	img.left,
	img.right { display:block; float: none; margin: 0 0 30px 0; }
}

.uk-container {min-width:320px}
.text-center {text-align:center}

.temp	{ background:#ccc; width:100%; min-height:380px; opacity:0.5}
.temp.small	{ min-height:120px}

.play-icon {position:relative}
.play-icon::after { content:">"; position:absolute; color:#fff; font-size:72px; }

.youtube-thumb ,
.video-thumb { position: relative;display: block;}
.youtube-thumb:before,
.video-thumb:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f01d";
  font-family: FontAwesome;
  font-size: 4em;
  color: #fff;
  opacity: .8;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumb:hover:before {color: #eee; opacity:1}
.youtube-thumb { position: relative;display: block;}
.youtube-thumb:before { font-size: 3em;color: #fff;opacity: .5;}

label { font-weight: 600}
/* ================================================================================================================================================
   Component: Layout
 ==================================================================================================================================================== */
 
.nav-holder { position:relative; }
.nav-header { padding-top:5px;position:relative; z-index:100;height:auto}
.nav-outer { position:absolute;z-index:50;width:100%;height:auto;max-height:800px;top:0;left:0;background:#fff;-webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);box-shadow: 0 0 50px rgba(0,0,0,.2);}
.nav-inner { padding-top:95px;padding-bottom:30px; }

.nav-header div:first-child.uk-container { padding: 0; }

.logo-container { padding:10px 0}

main section,
footer { padding-top: 60px; }

#Breadcrumbs { font-weight: 300; font-family:Arial,Helvetica,sans-serif; }


.title-holder { position:relative; background:#e5edf4; padding: 20px 0; } 
.invert.title-holder { background: #000; } 


.title-heading { margin:0;}
.introduction { margin-bottom: 20px;}
section:first-child { padding-top:0 !important}

.item-heading a {text-decoration:none; color:#000}
.item-heading a:hover {color:#ccc}
.item-subtitle { font-size:1.125em; font-weight:700;padding-top:10px}
.item-description { padding-top:10px}
.item-description p:last-child { margin-bottom:0}
.item-image img { width:100%; height:auto }

.invert .item-heading a {color:#fff}


section#gallery,
section#content,
section#products,
section#offers	{ padding-bottom: 60px;}



section#gmap	{ padding-top:0;}


section.light	{ background:#f4f4f4;}
section.blocky	{ background:#f4f4f4; padding-bottom: 60px;}
section.blocky .section-items { padding-top:30px}
section.blocky .item-panel	{ background: #fff}
section.blocky .item-content { padding: 30px; }
section.blocky .item-heading h3 { margin-bottom:0}
section.blocky .item-button { margin-top:15px;}

.noproducts section#products	{ padding-bottom: 0;}
.noproducts section#content	{ padding-top: 0; background: #fff}


.section-downloads .item-heading { font-weight: bold}
.section-downloads .item-description { font-size:.875em; padding-top:0;line-height:1.2em}

section#promo	{ padding-top: 0;}
section#promo .item-panel {text-align:center;} 
section#promo .item-content { padding:10% 0;margin:0 auto;width:80%;text-align:left }
section#promo .item-button { padding-top:5%;}

section#video { background: #000 url('/resources/themes/stonescornermarine/images/bg-video-2.jpg') no-repeat center center; background-size:contain }
section#video { padding-bottom: 30px;}
section#video .section-main { padding-top:30px}
.section-items .item-heading h4,
.items-video .item-heading h4,
section#video .item-heading h3,
section#video .item-heading h4 { margin-bottom:0}
section#video .video-latest .item-image { font-size:2em}
section#video .item-button { margin-top:10px;}

.items-video .item-description { font-size:.875em; padding-top:0;line-height:1.2em}

.item-image-holder {position:relative}
.item-image-holder .video-thumb {  }
.item-pricetag,
.item-date { position:absolute;background:#424242;top:-0.3125em;left:-0.3125em;min-width:120px;padding:0.5em;height:2em;line-height:1;text-align:center; pointer-events:none }

.item-pricetag {background:#f8bf0c;font-family:'Oswald',Helvetica,sans-serif; }

.tag:before{content:"";position:absolute;display:block;left:-1em;top:0;width:0;height:0;border-top:1em solid transparent;border-bottom:1em solid transparent;border-right:1em solid #f8bf0c}
.tag:after{content:"";background-color:#fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius:50%;width:.25em;height:.25em;display:block;position:absolute;left:-.6em;top:.875em}
.jaunty {
  -ms-transform: rotate(-4deg); /* IE 9 */
  -webkit-transform: rotate(-4deg); /* Safari prior 9.0 */
  transform: rotate(-4deg); /* Standard syntax */
 }

.product-image img { width:100%; height:auto}
a[data-uk-lightbox] {position:relative;display:block}
a[data-uk-lightbox] img {cursor: zoom-in;}
.product-image li	{ position:relative}
.product-image iframe	{ position:absolute;top:0;left:0;width: 100%;height: 100%;}

.overlay { position:absolute;bottom:8px;right:4px;font-size:1.75em;opacity:0.5;color:#000;pointer-events:none}
.viewlarge { position:absolute;bottom:8px;right:4px;font-size:1.75em;opacity:0.5;color:#000;pointer-events:none}
.invert .viewlarge {color:#fff;}

.section-items.uk-divider-h	{ border: none; }
.section-items.uk-divider-h	> .item	{ padding: 25px 0; }
.section-items.uk-divider-h > .item:first-child	{ padding-top: 0; }
.section-items.uk-divider-h > .item:nth-child(n+2) {border-top: 1px solid #f4f4f4;}
.section-items .item-button { margin-top:15px;}

.section-downloads.uk-divider-h	> .item.category { padding-bottom: 0; }
.section-downloads.uk-divider-h	> .item + .item.category { padding-top: 40px; }
.section-downloads.uk-divider-h	> .item.category + .item	{ border-top:none; }

@media (min-width: 768px) {
	.section-downloads.uk-divider-h	> .item + .item.category { padding-top: 60px; }
	
}
/* Blog */

.item-thumb .item-meta	{font-size:.775em; line-height:1.2em; color:#999; margin-top:10px}
.BlogPost .blog-post-meta { margin-top:20px; font-size:.875em; line-height:1.2em; color:#999 }
 .blog-post-meta .post-category,
 .blog-post-meta .post-tag { background-color: #f4f4f4; display:inline-block; padding: 2px 5px; text-decoration: none}
 
/*
.post-image { margin-bottom:25px;}
@media (min-width: 768px) {
	.post-image { width:50%;float:left;margin: 0 30px 25px 0;}
	.post-image::after {clear: both;content: "";display: table;}
}
*/

/* Product / Package */
.item-thumb .item-heading h4{ margin-bottom:0;font-size:1.25em;}
.item-thumb .item-button { margin-top: 10px}
.item-thumb .item-button a { display: block; text-align:center; }
.item-thumb .item-description { font-size:.875em; line-height:1.2em}
.item-thumb .item-models { margin-top:10px}
.item-thumb .item-models h5 { margin-bottom:0}
.item-thumb .item-models ul { margin:0; font-size:0.775em; text-transform:uppercase; }
.item-thumb .item-models ul li { line-height:1.2em; padding-bottom: 4px }
.item-thumb .item-models ul li a {display: block;white-space: nowrap;width: 100%;text-overflow: ellipsis;overflow: hidden;}
.item-thumb .item-models ul li a:hover {white-space:normal; }

.item-product .item-heading h2 { margin-bottom:0;}
.item-product .item-content { margin-top:20px }
.rrp,
.item-partnumber { font-size:0.875em; text-transform:uppercase; color:#999;}
.price-wrapper {padding-top: 10px; }
.bmte-wrapper {padding-top: 20px; }
.item-price	{padding-top:10px;font-size: 2.5em; line-height:1;font-family:'Oswald',Helvetica,sans-serif; }
.item-pricepw { font-size: 1.5em; font-family:'Oswald',Helvetica,sans-serif; background:#f4f4f4; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:10px }
.item-pricepw .fineprint { padding-top: 5px}
.fineprint {font-size:0.875rem;line-height:1.2em;font-family:"Lato",Helvetica,sans-serif;}
.item-price.poa { font-size: 2em; }

.items-gallery .item-thumb .item-content {position:relative;background:#fff;-webkit-transition: all .3s ease;transition: all .3s ease;}
.items-gallery a.item-thumb { text-decoration:none; color:#000}
.items-gallery a.item-thumb:hover img {opacity:.75}
.items-gallery a.item-thumb:hover .item-content { margin-top:-20px; padding-bottom:20px;}
.items-gallery .item-thumb .item-heading { font-size:0.875em;line-height:1.4em; }

section#product-infos { background:#f4f4f4; padding-bottom: 60px}
section#enquiry { padding-bottom: 60px}
section#product-infos + section#enquiry { padding-top: 0; }

.product-specs .content table { width:100%; border-collapse:collapse}

.product-specs .content table td { border:1px solid #ccc;padding:4px }

#product-overview > li { padding: 30px; background: #fff; border:1px solid #ddd; border-top-width: 0}

.product-tabs { font-family:'Oswald',Helvetica,sans-serif; font-size: 1.2em; text-transform:uppercase }

.boatspecs table td { width:50% }


.features .api-feature-image { width:150px;height:auto;float:left;margin: 0 15px 15px 0; }


@media (min-width: 480px) {
	.logo-container { padding-top:6px}
	
}
@media (min-width: 768px) {
	.title-holder { height: 200px; background:none; padding:0; } 
	.title-bg { position:absolute;top:0;left:0;bottom:0;right:0; background: #fff url('/resources/themes/stonescornermarine/images/bg-default.jpg') no-repeat center center; background-size: cover; opacity: 0.25 }
	.title-bg + div { position: relative}
	
	.hero .title-holder { height:450px; }
	.hero .introduction { position: absolute;top: 215px; padding-right:15px; text-shadow: -1px 1px 0 rgba(255,255,255,0.5); }
	
	.hero .title-bg { opacity:1; }
	.hero .title-bg::before {content:"";position:absolute;top:0;left:0;bottom:0;right:0; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+25,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 25%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 25%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 25%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

	}	
	
	.invert .title-bg { background-color: #000; background-image: url('/resources/themes/stonescornermarine/images/bg-default-invert.jpg'); opacity: 1; }
	.invert .title-bg::before { content:"";position:absolute;top:0;left:0;bottom:0;right:0;  /* background: rgba(0,0,0,0.75); */
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.05+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */
	}
	.hero .invert .introduction,
	.hero .introduction.invert { text-shadow: -1px 1px 0 rgba(0,0,0,0.5); }
	
	.title-heading { padding-top:70px;}

	
	section#promo .item-content { padding:0;margin:0 auto;width:75%;text-align:left }
	section#promo .item-heading h3 { font-size:2rem}
	
}

@media (max-width: 767px) {
	.hero .introduction.invert { color: #000; text-shadow: none }
}
@media (min-width: 960px) {
	.title-holder { height: 250px; } 
	.hero .title-holder { height:600px; }
	.hero .introduction { position: absolute;top: 280px;padding-right:50%;}



	.nav-header { padding-top: 20px;height:95px}
	.logo-container { padding-top:0px}
	main section {padding-top:60px; }
	.HomePage  main section {padding-top:80px; }
	footer { padding-top:100px; }
	section.blocky	{ padding-bottom: 150px;}
	section.blocky .section-items { padding-top:40px}
	
	section#promo .item-content { width:62%; }
	section#promo .item-heading h3 { font-size:2.5rem}
	section#promo .item-description { font-size:1.25rem;line-height:1.4}
	
	.slide-section {max-width: 400px;background:#f8bf0c;position: fixed;right: 0;top: 55%;z-index:49;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-transform: translate(100%, -50%);transform: translate(100%, -50%);}
	.slide-module { padding: 20px; min-height: 300px }
	.slide-section .slide-module .slide-button{position:absolute;right:100%;bottom:50%;-webkit-transform:translateX(50%) rotate(-90deg);transform:translateX(50%) rotate(-90deg);-webkit-transform-origin:bottom;transform-origin:bottom}
	.slide-active .slide-section {-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
	
	.slide-module .uk-close { position:absolute; top:5px; right:5px;}
}

@media (min-width: 1220px) {
	section#promo .item-content { width:62%;}
	section#promo .item-heading h3 { font-size:3.5rem}
	
	section#video { padding-bottom: 80px;}
	section#video .section-main { padding-top:60px}
	
}

@media (min-width: 1440px) {
	section#promo .item-content { width:62%;}
	section#promo .item-heading h3 { font-size:4.5rem}
	section#promo .item-description { font-size:2rem;}
	
}
#footer	{ background:#000}
.copyright {padding:30px 0;margin-top:50px; border-top: 1px solid rgba(255, 255, 255, 0.25);color:rgba(255, 255, 255, 0.8);font-size:0.875em;line-height:2.5em}


.videowrap{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.videowrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.videowrap.notouch iframe {pointer-events:none}



/*.search-container	{ max-height: 0; overflow: hidden; transition: max-height 0.25s ease-out; }*/
.search-container #SearchForm_SearchForm { padding:10px 0; position: relative; background:#f4f4f4; }
.search-container #SearchForm_SearchForm_Search	 { padding: 0 60px 0 5px; background: none; border: none; outline: none; font-size:1.4rem; width: 100%;}
.search-container #SearchForm_SearchForm_action_results i	 { font-size:1.4em; }
.search-container #SearchForm_SearchForm_Search::placeholder  { opacity: 0.25; }
.search-container #SearchForm_SearchForm_action_results	 { position: absolute; right: 0; top: 13px; padding: 0 15px; background: #f4f4f4}
.search-active .search-container { max-height: 100px;  transition: max-height 0.25s ease-in;}


#search-holder #SearchForm_SearchForm_Search { width:280px; }


@media (min-width: 959px) {
	
}
ul.features { list-style: none; padding: 0; margin: 0; }
ul.features li label { width:30%; display:inline-block; float: left; }
ul.features li label + span { width: 70%; display: inline-block; float: left; }
ul.features li {padding: 12px 0;border-bottom: 1px solid #eaeaea;}
ul.features li::after {clear: both;content: "";display: table;}
/* ================================================================================================================================================
   Component: Button
 ==================================================================================================================================================== */
input.action,
.uk-button{padding:2px 30px;font-size:1rem;text-align:center;}
input.action,
.uk-button,
.uk-read-more{margin:0;border:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;display:inline-block;box-sizing:border-box;vertical-align:middle;text-decoration:none;transition:.1s ease-in-out;transition-property:color,background-color,border-color;}

.uk-button + .uk-button { margin-left:5px }

input.action:not(:disabled),
.uk-button:not(:disabled){cursor:pointer}
input.action::-moz-focus-inner,
.uk-button::-moz-focus-inner{border:0;padding:0}
input.action:hover,
.uk-button:hover{text-decoration:none}
input.action:focus,
.uk-button:focus{outline:none}

/* Style modifiers
 ==================================================================================================================================================== */
input.action,
.uk-button	{ white-space:nowrap; background:#f8bf0c;font-family:'Montserrat',Helvetica,sans-serif;font-weight:600;text-transform:uppercase;}
input.action,.uk-button,.uk-button:link,.uk-button:visited{ text-decoration:none;}
.uk-button-icon	{ padding-left: 20px }
.uk-button-icon-only { padding: 0px }

.uk-button.action { width: 100%;max-width: 100%;}

input.action,
.uk-button.action { padding: 10px 20px; text-transform:uppercase; }


.uk-button-primary{background-color:#f8bf0c;color:#000 !important;text-transform:uppercase; padding:20px 25px; font-size:1.125em; line-height:1em}
.uk-button-primary:hover,.uk-button-primary:focus{background-color:#fbdf85;color:#000;}
.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#fbdf85;color:#000;}

.uk-button-slide{background:#13293d;color:#fff;border:none;font-size:1.2em;padding:0.75em 2em;line-height:1.2em;text-transform:uppercase;}
.uk-button-slide:hover,.uk-button-slide:focus{background-color:#13293d;color:#fff;}
.uk-button-slide:active,.uk-button-slide.uk-active{background-color:#13293d;color:#fff;}

.slide-button:hover,.slide-button:focus{background-color:#f8bf0c;color:#000;}
@media (max-width: 959px) {
	.slide-button {margin-bottom: 20px;padding: 0;background:none !important;}
}

input.uk-button-submit,
.uk-button-submit{background-color:#13293d;color:#fff !important;text-transform:uppercase; padding:10px 25px; width:auto !important }
input.uk-button-submit:hover,
input.uk-button-submit:focus,
.uk-button-submit:hover,
.uk-button-submit:focus{background-color:#13293d;color:#fff;}
input.uk-button-submit:active,
input.uk-button-submit.uk-active,
.uk-button-submit:active,
.uk-button-submit.uk-active{background-color:#13293d;color:#fff;}

.uk-icon-button {background-color: #00aeef }
.invert .uk-icon-button { background-color: #fff;color:#232020  }

.link-primary  {color:#232020;text-transform:uppercase;}
.link-primary:hover,.link-primary:focus{color:#fff;}

.uk-button-muted { background-color: #f4f4f4; padding:4px 15px;}
.uk-button-admin { background-color: #f4f4f4; position: fixed; top:0; right: 0; font-weight: normal; font-size: 0.775em; line-height:1em; padding: 4px 15px; }

.uk-button-info { background-color: #f4f4f4;color:#000;}
.uk-button-info:hover,.uk-button-info:focus{background-color:#f4f4f4;color:#0078dd;}
/* .uk-button-info::before {content:"\f05a";display:inline-block;padding-right:5px;font-family:FontAwesome;font-size:1.125em} */


/*
.uk-link-info { font-size: .825em; font-weight:400; font-family:'Montserrat',Helvetica,sans-serif;text-transform:uppercase; background: none; padding:0; text-decoration:none}
.uk-link-info:hover { color:#ccc}
.uk-link-info::before {content:"\f05a";display:inline-block;padding-right:5px;font-family:FontAwesome;font-size:1.125em}
*/

/* Size modifiers
 ==================================================================================================================================================== */
.uk-button-small{padding:0 15px;line-height:28px;font-size:.825rem;}
.uk-button-large{padding:0 40px;line-height:53px;font-size:1rem}
.uk-button-xsmall{padding:0 6px;line-height:1.75em;font-size:.688rem; }


@media (min-width: 1440px) {
	.uk-button-large-xlarge {padding:0 40px;line-height:4.5rem;font-size:1.5rem}
	
}

/* Text modifiers
 ==================================================================================================================================================== */
.uk-read-more,
.uk-read-more:link,
.uk-read-more:visited{color:#3e92cc;text-decoration:none;font-family:'Montserrat',Helvetica,sans-serif;font-weight:600;text-transform:uppercase;}
.uk-read-more:hover,.uk-read-more:focus{color:#9ec8e5;text-decoration:none}
.uk-read-more:disabled{color:#999;text-decoration:none}

.invert .uk-read-more,
.invert .uk-read-more:link,
.invert .uk-read-more:visited{color:#9ec8e5;}
.invert .uk-read-more:hover,
.invert .uk-read-more:focus{color:#afd9f6;}
.invert .uk-read-more:disabled{color:#999;}


.uk-more::after,
.uk-read-more::after {content:"\f105";display:inline-block;padding-left:10px;font-family:FontAwesome;font-size:1.125em}


/* ==========================================================================
   Component: Navigation (default settings) 
   ========================================================================== */
ul.nav {display:inline-block;}
ul.nav,ul.nav li,ul.nav ul{margin:0;padding:0;list-style-type:none}
ul.nav ul{display: block;opacity:0;position:absolute;left:0;visibility:hidden;z-index: 98;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
ul.nav > li:nth-last-child(3) ul,
ul.nav > li:nth-last-child(2) ul,
ul.nav > li:last-child ul {right:0;left:auto}

ul.nav > li > a{z-index:45; }
ul.nav > li{z-index:46}
ul.nav li{position:relative;display:block;}
ul.nav li.right	{ float: right;  }
ul.nav a{display:block; }
ul.nav ul a{text-align:left}
ul.nav li.hover > ul,
ul.nav li:hover > ul{opacity:1;visibility:visible;}


ul.nav li:hover > ul.box-shadow	{ -webkit-box-shadow: -3px 3px 3px -1px rgba(0,0,0,0.2);
-moz-box-shadow: -3px 3px 3px -1px rgba(0,0,0,0.2);
box-shadow: -3px 3px 3px -1px rgba(0,0,0,0.2);
}
	
ul.nav ul ul{z-index:97;top:1px;left:94%;
-webkit-box-shadow: -1px -1px 3px 0 rgba(50, 50, 50, 0.2);
-moz-box-shadow:    -1px -1px 3px 0 rgba(50, 50, 50, 0.2);
box-shadow:         -1px -1px 3px 0 rgba(50, 50, 50, 0.2);
}
ul.nav ul a{white-space:nowrap}
ul.nav ul li{width:100%;white-space:nowrap;float:none;display:block}

ul.nav-horizontal	{ font-size: 0px; }
ul.nav-horizontal li	{ font-size: 1em; }
ul.nav-horizontal > li	{ display: inline-block; }

ul.nav-horizontal a{text-align:center;display:block; }
ul.nav-right { text-align: right;display:block; }

.nav-multistep	{ font-size: 0px; }
.nav-multistep li	{ font-size: 1rem; }
.nav-multistep a	{ text-decoration:none; }
.nav-multistep > li,
.nav-multistep > li > * { display: inline-block; }


ul.nav-switcher,ul.nav-switcher > li,ul.nav-switcher > li > ul{margin:0;padding:0;list-style-type:none}
.nav-switcher > li .nav-outer { max-height:0;overflow:hidden;-webkit-transition: all .3s ease-in-out .3s;transition: all .3s ease-in-out 0s;}
.nav-switcher > li .nav-outer	{ max-height:0; overflow:hidden}
.nav-switcher > li.uk-active .nav-outer	{ max-height:800px; height:auto; overflow:hidden}


ul.subnav ul{display: block;opacity:1;position:relative;left:auto;visibility:visible;}
ul.subnav ul ul	{ position:relative;left:auto;top:auto;box-shadow: none; }

.subnavchild {display:none}
.subnavchild.uk-active { display:block}


@media (min-width: 960px) {
	ul.nav-vertical-large > li	{ display: block }
}
@media (min-width: 1220px) {
	ul.nav-vertical-xlarge > li	{ display: block }
}

ul.nav-delineated	{ }
ul.nav-delineated > li > a,
ul.nav-delineated > li	{ display: inline-block; }

ul.nav-delineated > li::after	{ content:",\00a0"}
ul.nav-delineated > li:last-child::after	{ content:""}

i + span { padding-left:5px; }


/* ========================================================================
   Navigation: Styles
   ========================================================================== */
.nav a { text-decoration: none;}

.mainnav ul.nav { min-height:2px; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative;
  -ms-flex-pack: center;
  -webkit-justify-content: right;
  justify-content: right;
  align-items: stretch;}

.mainnav .nav a	{padding: 10px 0 0 0;text-transform:uppercase;font-family:'Oswald',Helvetica,sans-serif;font-weight:400;font-size:1rem;white-space:nowrap}
.mainnav .nav > li { padding: 0 15px}  
.mainnav i	{ font-size:1.3125em}

.mainnav .nav a:link,
.mainnav .nav a:visited 	{ color: #000;  }
.mainnav .nav > li > a:focus,
.mainnav .nav > li > a:hover,
.mainnav .nav > li > a.uk-open,
.mainnav .nav > li:hover > a,
.mainnav .nav > li.uk-hover > a	{ color: #ccc;}


.subnav { padding-right: 5px;line-height:1em; }
.subnav .nav { display:block; border-top:1px solid #e6e6e6}
.subnav .nav a { display:block; padding: 15px 25px;  border-bottom:1px solid #e6e6e6 }


.subnav .nav a:link,
.subnav .nav a:visited 	{ color: #000;  }
.subnav .nav > li > a:focus,
.subnav .nav > li > a:hover,
.subnav .nav > li > a.uk-open,
.subnav .nav > li:hover > a,
.subnav .nav > li.uk-hover > a	{ color: #000; background:#f7f7f7}

.videocatnav { margin: 30px 0 40px 0; }
.videocatnav .nav a	{font-family:'Montserrat',Helvetica,sans-serif;font-weight:600;text-transform:uppercase;font-size:0.875rem; vertical-align:bottom;white-space:nowrap;  margin-right: 5px; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.videocatnav .nav a:link,
.videocatnav .nav a:visited 	{ color: #000; background:#f7f7f7; }
.videocatnav .nav > li { margin-bottom: 5px }
.videocatnav .nav > li > a:focus,
.videocatnav .nav > li > a:hover,
.videocatnav .nav > li > a.uk-open,
.videocatnav .nav > li:hover > a,
.videocatnav .nav > li.uk-hover > a,
.videocatnav .nav > li.uk-active > a	{ color: #000; background:#f8bf0c}

.mobilenav .nav { white-space:nowrap}
.mobilenav .nav a	{padding:5px;text-transform:uppercase;font-size:1.5rem;height:40px;width:40px;line-height:40px}
.mobilenav a:link,
.mobilenav a:visited 	{ color: #000;  }


.uk-address li { padding-bottom:20px}
.uk-address li [class^="uk-icon-"] { font-size: 1.75em; line-height:1; margin-right:25px }
.uk-address li span + span { font-size: 0.9375em }
.uk-address li.phone span + span { font-size: 1.5em }

.subnavchild .image { margin-bottom: 20px; }
.subnavchild .image img {width:100%;height:auto}
.uk-subnavchild {  }
.subnavchild > ul a { display:inline-block; text-decoration: none; color: #000}

.subnavchild > ul a:focus,
.subnavchild > ul a:hover 	{ color: #ccc;}


.subnavchild > ul  > li > a  { font-family:'Oswald',Helvetica,sans-serif;text-transform:uppercase; font-weight:600; margin-bottom: 0;}
.subnavchild > ul ul { padding:0; font-size:0.8125em}

.subnavhome ul { margin:0}
.subnavhome ul ul ul li  {
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}
.subnavhome  > ul a {display:block;}
.subnavhome > ul  > li > a { padding-bottom: 20px}



.uk-breadcrumb { color:#666; }
.uk-breadcrumb a { color:#333} 
.uk-breadcrumb a:hover { color:#666} 

.invert .uk-breadcrumb { color: #fff; }
.invert .uk-breadcrumb a {color: #fff;}
.invert .uk-breadcrumb a:hover,.invert .uk-breadcrumb a:focus {color:#dddddd;}
.invert .uk-breadcrumb a:active,.invert .uk-breadcrumb a.uk-active {color:#fff;}
.invert .uk-breadcrumb > li:not(.uk-active) > span { color: #ccc }


.uk-offcanvas-bar	{ min-width: 270px; width: 80%; background:#000;}
.offcanvasnav .nav { display:block;}
.offcanvasnav .nav > li > a { padding: 8px 15px; border-top:1px dotted #666; font-family:'Oswald',Helvetica,sans-serif;text-transform:uppercase;}
.offcanvasnav .nav > li > a.navbar-toggler { border: none }
.offcanvasnav .nav ul { padding-left: 15px; font-size: 0.875rem;  }

.offcanvasnav .nav ul a	{ padding: 5px 15px; white-space: normal; line-height: 1.2em; }

.uk-offcanvas-page .mainnav	{ display: none; }
.uk-offcanvas-page .uk-navbar-toggle .uk-icon-bars::before { content: "\f00d"; }
.navbar-toggler	{ position: absolute; right: 0; top: 0; padding: 5px 0 !important; width: 30px; }
.navbar-toggler::before	{ display:block; width:100%; text-align: center}

/* ========================================================================
   Component: Icons
   ========================================================================== */


/* ========================================================================
   Component: Slide
========================================================================== */
.slide-holder img  {width:100%; height:auto }
.slide-holder .slide-img::after { display:block; position:absolute; top:0; left: 0; bottom: 0; right:0; content:" ";
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.slide-panel { position:absolute; top:0; left: 0; bottom: 0; right:0; width: 100%; margin-top: 5%;font-size: 10px; text-align:center; /* text-shadow: -1px 1px 3px rgba(0,0,0,0.75); */ }

.s-pretitle { color: #fff; font-size: 2em;line-height:1em}
.s-title	{ padding-top: 10px; color: #fff; font-size: 3.5em;line-height:1em;font-family:'Oswald',Helvetica,sans-serif; font-weight:600;text-transform:uppercase;  }
.s-title a	{ color: #fff; text-decoration: none; }
.s-subtitle	{ padding:10px 0; color: #fff; font-size: 2.5em; font-weight:700; line-height:1em }
.s-button	{ display:block; position:absolute; bottom: 20px; left:0; right:0;}

.invert .s-pretitle,
.invert .s-title,
.invert .s-title a,
.invert .s-subtitle  { color:#000}

.uk-slidenav-position .uk-slidenav { text-decoration:none}

.uk-icon-xlarge {font-size:36px;line-height:1em;}

@media (min-width: 480px) {
	.s-button	{ display:block}
}
@media (min-width: 768px) {
	.slide-panel	{ width: 100%; margin-top: 5%;font-size: 12px }
	.s-title	{ padding-top: 30px; }
	.s-subtitle	{ padding:20px 0; }
	.s-button	{ bottom: 80px;}
	.uk-icon-xlarge {font-size:48px;line-height: 1em;}
}

@media (min-width: 960px) {
	.slide-panel	{ width: 100%; margin-top:3%; font-size: 12px;}
}

@media (min-width: 1220px) {
	.slide-holder	{ min-height: 500px; }
	.uk-slideshow > li 	{ min-height: 500px; max-height: 870px; }
	.slide-panel	{ width: 100%; margin-top:5%;font-size: 14px; }
}

@media (min-width: 1440px) {
	
	.slide-panel	{ width: 100%; margin-top:5%; font-size: 18px }
}


@media (max-width: 380px) {
	
.s-pretitle { font-size: 1.5em;}
.s-title	{ font-size: 2.5em;}
}
.hvr-grow {

    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;

}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {

    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}



/* ================================================================================================================================================
   Component: Form
 ==================================================================================================================================================== */
fieldset {border:none;padding:0;}
ul.checkboxset	{ padding: 0; list-style: none }
ul.checkboxset label { cursor: pointer; }
.actions	{ margin-top: 10px; }

.field-description { font-size:0.825em}
 
.uk-form-horizontal .confirmedpassword > .uk-form-controls	{ margin-left: 0;}

.uk-form-label {font-weight:bold;}

.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
	width: 100%; max-width: 100%;
}

.uk-form textarea { font-family:"Lato",Helvetica,sans-serif;}



.uk-form-row .uk-form-controls + label.right	{ display: block; font-size: 0.813rem; line-height: 1.4em }
.uk-form-row.required label:first-of-type::after	{ content:'*'; color:#FF0000; font-size: 1.2em; vertical-align:baseline;padding-left:4px;}


.uk-form input[type="checkbox"]:disabled + label	{ color: #999; }


@media (min-width: 960px) {
	.uk-form-horizontal .actions input.action:first-child,
	.uk-form-horizontal .actions .uk-button-submit:first-child {margin-left:215px;}
	
	
	.uk-form-horizontal #CartForm_CartForm .actions input.action:first-child,
	.uk-form-horizontal #CartForm_CartForm .actions .uk-button-submit:first-child,
	.uk-form-horizontal #CartForm_CartForm .uk-form-controls { margin-left: 0; }
	
	.uk-form-horizontal #CartForm_CartForm .actions { text-align: right; }

	.uk-form-horizontal .uk-form-row .uk-form-controls + label.right,
	.uk-form-horizontal .uk-form-row.checkbox { margin-left:215px}
	.loggedin #MemberLoginForm_LoginForm_action_logout { margin-left: 0;} 
	
	.uk-form select,
	.uk-form textarea,
	.uk-form input:not([type]),
	.uk-form input[type="text"],
	.uk-form input[type="password"],
	.uk-form input[type="datetime"],
	.uk-form input[type="datetime-local"],
	.uk-form input[type="date"],
	.uk-form input[type="month"],
	.uk-form input[type="time"],
	.uk-form input[type="week"],
	.uk-form input[type="number"],
	.uk-form input[type="email"],
	.uk-form input[type="url"],
	.uk-form input[type="search"],
	.uk-form input[type="tel"],
	.uk-form input[type="color"] {
		max-width: 768px;
		
	}
	.uk-form select.uk-field-small 	{ max-width: 200px; }
	

	.checkboxset .uk-form-controls ul	{ columns: 2}
	
	input[size="5"] { max-width: 80px; }
	
	.uk-button.action { max-width:640px; }
	
}

	

.uk-form.submit input:required:invalid,
.uk-form .submit input:required:invalid,
.uk-form.submit textarea:required:invalid,
.uk-form .submit textarea:required:invalid	{ border: 2px solid #f0533f; }

.uk-form  .message	{display: block; background: #e5f4f3; padding:5px; margin-top:2px; }
.uk-form  .message.error	{ color:red; font-weight: bold; }



/* ========================================================================
   Component: UIKit modifiers
 ========================================================================== */
[class^="uk-icon-"], [class*=" uk-icon-"] { vertical-align:top}
.uk-form-icon:not(.uk-form-icon-flip)  input { padding-left: 30px !important }
.uk-form-icon > [class*="uk-icon-"] { margin-top: 0}


.collapsible .morelink { display:block}
.collapsible.collapsed .ellipses::after { content:"..."} 
.collapsible .more {display:none}
.collapsible.collapsed .less {display:none}
.collapsible.collapsed .more {display:inline}
.collapsible.collapsed .morecontent { display:none}

.accordion-title {display:none}

@media (max-width: 767px) {
	
.uk-tab-responsive { display:none}
#product-overview > li { border-top-width:1px; padding:10px}

.uk-switcher-responsive > :not(.uk-active) { display:block;position:static }
.uk-switcher-responsive > li + li { margin-top: 10px }

.accordion-title {display:block}
.accordion-title h4 { cursor:pointer}
.js li:not(.uk-active) .accordion-title h4 { margin-bottom:0}
.js li:not(.uk-active) .accordion-title + .accordion-body { display:none;}
.js li.uk-active .accordion-title + .accordion-body { display:block}
.js .accordion-title h4::after {content: "\F078";display: block;float: right;color:#ccc;font-family: FontAwesome;font-weight: 400;font-style: normal;text-decoration: none;-webkit-font-smoothing: antialiased;}
/*.js li.uk-active .accordion-title h4::after {content: "\F077";}*/
}

.uk-table-striped { border-top: 1px solid #ddd; }
.uk-loading { position:relative }
.uk-loading::after{
	content:"";
    background: url("../images/ajax-loader.gif") no-repeat scroll center center #666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    left: -8px; right: -8px; top: -8px; bottom: -8px;
    opacity: 0.5;
    position: absolute;
}
.uk-modal-caption { text-align:left;font-family:'Oswald',Helvetica,sans-serif;text-transform:uppercase;}
.uk-modal-description {position: relative;margin-top: 40px;color: #fff; font-size:.875em; line-height:1.2em; font-weight: 200; text-align:left}
.uk-modal {background: rgba(0, 0, 0, 0.75);}

/* Push */
@-webkit-keyframes hvr-push {
50%{-webkit-transform:scale(0.8);transform:scale(0.8)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes hvr-push {
50%{-webkit-transform:scale(0.8);transform:scale(0.8)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}
.hvr-push:hover,.hvr-push:focus,.hvr-push:active{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}

/* Pop */
@-webkit-keyframes hvr-pop {
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes hvr-pop {
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}
.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}


.hvr-fade:hover {opacity:0.75}