@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
/* colours */
.redtext {
	color:#e00820;
}
.greentext {
	color:#090;
}
hr, a, h1, h2, h3, h4, .h1, .featuredtitle, .homecattitle h3, .homecattitle h3 a, #footer, #footer a, .montxt, .prodgridtitle h3, .prodgridtitle h3 a, #tabcontainer ul.tabmenu li, .proddetailsitem strong, .headertel, .headertel a, .fa-search, .fa-search a, .fa-caret-left, .fa-caret-right, .social-menu-widget li:hover a svg  {
	color:#006285;
}
.yrtxt {
	color:#676458;
}
a:hover, .lql-btn a:hover, .lql-btn:hover a, .currentpg {
	color: #000;
}
.headertxt, .headertxt a {
	color:#414141;
}
#topmenu ul li ul li  a, .qltitle .fa-chevron-right, .qltitle a, .homecat:hover  .homecatbtn, .prodgrid:hover  .prodgridbtn a, .readmore:hover a, .enqfrmbtn input, .blog_categories li.active a, .blog_categories li.active .fa-chevron-right, .blog_categories li:hover a, .blog_categories li:hover .fa-chevron-right, .navfirst, .navfirst a, .navprev, .navprev a, #tabcontainer ul.tabmenu li.active, .enlarge .fa-search, .proddetailsvid:hover a, .proddetailsvid:hover .fa-youtube, .proddetailsenqbtn a, .lql-title, .lql-btn, .lql-title a, .lql-btn a, .slicknav_nav a {
	color:#fff;
}
body, .homecat a .homecattxt, .blog_categories li a, .prodgrid a .prodgridtxt {
	color: #323232;
}
.nonactivelink {
	color: #80b1c2;
}
.fa-youtube {
	color:#ff0000;
}

/* backgrounds */
body, .slicknav_icon-bar, #topbar, .lql-btn:hover {
	background-color:#fff;
}
hr, .slicknav_menu, #topmenu ul li ul li:hover, #topmenu ul li ul li.active, .enqfrmbtn input, .blog_categories li.active, .blog_categories li:hover, #tabcontainer ul.tabmenu li.active, .proddetailsenqbtn, #quicklinks, .homecat:hover .homecatbtn, .readmore:hover, .prodgrid:hover .prodgridbtn, .navfirst, .proddetailsvid:hover {
	background-color: #006285;
}
.slicknav_nav .slicknav_row:hover {
	background-color: #077096;
}
.headerbg, .prodnavbar, .newsnavbar, #topmenu ul li.active, #topmenu ul li:hover, .homecat, .newsbar-post, .prodgrid, #tabcontainer ul.tabmenu li, #proddetailsthumbs, .proddetailsenqarea, #footerbar {
	background-color:#f2f2f2;
}
#topmenu ul li ul, .enqfrmbtn input:hover, .navprev, .proddetailsenqbtn:hover {
	background-color:#077096;
}
.qlbox:hover {
	background-color:#005472;
}
/* borders */
.enqfrminput input, .enqfrminput2 input, .enqfrminput3 input, .enqfrminput select, .enqfrmtextarea textarea, #srch input, .search-field  {
	border: 1px #006285 solid;
}
#topmenu ul li ul li {
	border-bottom: 1px #006285 solid;
}
.homecatbtn, .prodgridbtn {
	border: 2px #006285 solid;
}
.lql-btn {
	border: 2px #fff solid;
}
.readmore, .proddetailsvid {
	border: 2px #006285 solid;
}
.slideline {
	border-bottom: 2px #006285 solid;
	margin-top:-2px;
}
.blog_categories ul {
	border-bottom: 1px #dbdad4 solid;
}
.entry-footer {
	border-top: 1px #006285 solid;
}
.tabcontent {
	border: 1px #f3f3f3 solid;
}
#tabcontainer ul.tabmenu li {
	border-bottom: 1px #f3f3f3 solid;
}

/* CSS Document */
/* START OF RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* END OF RESET */

/* fonts */
body {
	font-family: 'Lato', sans-serif;
}
h1, .h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
}
input, textarea, select {
	font-family: Arial, sans-serif;
}
.enqfrminput input, .enqfrminput2 input, .enqfrminput3 input, .enqfrminput select, .enqfrmtextarea textarea, #srch input, .search-field {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
hr {
	border:none;
	height: 1px;
}
h1, .h1, h2, h3, .searchRes_h2 {
	line-height: normal;
}

/* TAGS */
html, body { 
	height:100%; 
} 
body {
	font-weight: normal;
	font-size:87.5%;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
ul {
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}

/* sizes */
h1, .h1 {
	font-size: 300%;
}
h2 {
	font-size: 200%;
}
h3 {
	font-size: 175%;
}
h4 {
	font-size: 150%;
}

/* weight */
h1, .h1 {
	font-weight: 400;
}
h2 {
	font-weight: 300;
}
h3 {
	font-weight: 300;
}

/* html over-rides */
img{ 
	border: 0pt; 
}
form {
	margin: 0;
}
input, textarea, select {
	font-size: 100%;
	font-weight: normal;
}
.relative {
	position:relative;
}

/* general div container */
.outercontainer {
	width: 100%;
	overflow:auto;
}
.clear {
	clear:both;
}
input[type=submit]:disabled,
button:disabled {
    background-color: #e9e9e9;
	color:#808080;
	border: 1px #a5a5a5 solid;
}
/*edit bar */
.editbar {
	position: fixed;
	right:10px;
	top:10px;
	z-index:99999;
	background-color: #f0f0f0;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
}
.editbar svg {
	padding:5px;
}
.editbar svg:hover {
   opacity:0.5;
}


/* print only */
.noprint {
}
.print {
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	display: none;
}

/* alignment tags */
.textcentre {
	text-align:center;
}
.textright, .editbarlink2 {
	text-align:right;
}
.textleft {
	text-align:left;
}
.pictureright, .pictureRight {
	float: right;
	margin-left: 1em;
}
.pictureleft, .pictureLeft {
	float: left;
	margin-right: 1em;
}
.centre {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
.fltright {
	float: right;
}
.fltleft {
	float: left;
}



/* location map */
#map_canvas img{max-width:none!important;background:none!important}


/* general padding */
h1 {
  margin-bottom: 1em;
}
h1 + div {
  padding-top: 1em;
}
h1 + h2 {
  padding-top: 0.75em;
}
h2 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
h2 + p {
  padding-top: 1em;
}
h2 + ul {
  padding-top: 0.75em;
}
h2 + h3 {
  padding-top: 0.75em;
}
h3 {
  margin-top: 0em;
  margin-bottom: 0.5em;
}
h4 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
a + ul {
  padding-top: 1em;
}
.pad5r {
	padding-right: 0.375em;
}
.pad5l {
	padding-left: 0.375em;
}
.pad5t {
	padding-top: 0.375em;
}
.pad5b {
	padding-bottom: 0.375em;
}
.pad10l {
	padding-left: 0.75em;
}
.pad10t {
	padding-top: 0.75em;
}
.pad10r {
	padding-right: 0.75em;
}
.pad10b {
	padding-bottom: 0.75em;
}
.pad20r {
	padding-right: 1.5em;
}
.pad20l {
	padding-left: 1.5em;
}
.pad20t {
	padding-top: 1.5em;
}
.pad20b {
	padding-bottom: 1.5em;
}
.marginput2 {
	margin-right: 2%;
}

/* MAP */
.locationmap {
	position: relative;
	width: 640px;
	height: 400px;
	margin-top:0.75em;
}


/* ENQUIRY FORMS */
.enqfrmchck, .enqfrminput, .enqfrmbtn, .enqfrmtextarea, .search-field {
	width: 100%;
	margin-bottom:0.75em;
}
.enqfrminput2 {
	float:left;
	width: 49%;
	margin-bottom:0.75em;
}
.enqfrminput3 {
	float:left;
	width: 49%;
	margin-bottom:0.75em;
}
.enqfrminput input, .enqfrminput2 input, .enqfrminput3 input, .enqfrminput select, .enqfrmtextarea textarea, .search-field {
	line-height:1.2em;
}
.enqfrminput input, .enqfrminput2 input, .enqfrminput3 input, .enqfrmtextarea textarea, .search-field {
	width: 100%;
	padding:0.9em;
	font-size:92.3%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.enqfrminput select {
	width: 100%;
	font-size:92.3%;
	padding:0.9em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.enqfrmtextarea textarea {
	width: 100%;
	height: 14em;
	line-height:1.5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.enqfrmbtn input {
	display:inline-block;
	width:auto;
	height:auto;
	line-height:2em;
	margin-top: 0.77em;
	padding: 0.75em 1.5em;
	border: none;
	font-size: 1em;
	text-align:center;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.search-field, input[type=search] {
	width: 100%;
}
.enqfrmlabel label, .enqfrminput label, .enqfrmtextarea label {
	font-size:92.3%;
}



/* HEADER */
.headerbg .container {
	position:relative;
}
.headerbgimg {
	bottom: -20px;
	right: -20px;
	width:62px;
	height:147px;
	z-index: 0;
	position: absolute;
	background-image: url(../img/headerbg.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#sitelogo {
	padding: 5px 0 0 0;
	text-align:center;
	margin-bottom:-5px;
}
#sitelogo img { 
	max-width: 100%;
	height: auto;
}
.headertxt a, .headertel a, .headertxt a:hover, .headertel a:hover {
	text-decoration:none;
}
.headertxt {
	display:block;
	font-weight: 400;
	font-size:1em;
	padding:4.25em 0 0.5em 0;
}
.headertel {
	display:block;
	font-weight: 900;
	font-size:1.4285em;
}
.header2 {
	padding:5em 0 0 0;
}
#srchouter {
	float:right;
	position:relative;
	margin-right:40px;
	padding:0;
}
.fa-search {
	padding-top:5px;
	font-size:1.25em;
}
#srch {
	top: -3px;
	right: -5px;
	width:17.85em;
	height:32px;
	z-index: 0;
	position: absolute;
}
#srch input {
	padding:0.5em 1em 0.5em 1em;
	height:32px;
	font-size:87.5%;
	width:16.85em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* QUICKLINKS */
.qlcontainer {
	min-height:183px;
	padding-left:245px;
	background-image: url(../img/quicklinkbg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.qlbox {
	min-height:183px;
	padding-left:167px;
	background-image: url(../img/qlbox.png);
	background-repeat: no-repeat;
	background-position: 40px center;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.qltitle {
	padding-top:70px;
	font-size:220%;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}
.qltitle .fa-chevron-right {
	font-size:80%;
}


/* FEATURED */

.featured {
	clear:both;
	margin-bottom:3em;
	padding:0;
}
.featuredtitle {
	font-family: 'Oswald', sans-serif;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
	font-size:300%;
}
.featuredcell {
	text-align:center;
}
.featuredimg { 
	height: 217px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin-bottom:0.875em;
}
.feattitle {
	font-family: 'Oswald', sans-serif;
	height:60px;
	overflow:hidden;
	line-height:150%;
	font-size:150%;
	font-weight:300;
}


/* HOME CATS */
.homecats {
	clear:both;
    width:100%;
	margin-top:1em;
	margin-bottom:1em;
}
.homecat {
	text-align:center;
	padding-bottom:1em;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.homecatimg { 
	height: 205px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin-bottom:0.875em;
}
.homecattitle h3 {
	font-family: 'Oswald', sans-serif;
	font-size:214%;
	margin-bottom:0.5em;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.homecattxt {
	margin-bottom:0.5em;
	min-height:50px;
	line-height:150%;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.homecatbtn {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	display:inline-block;
	margin-top:1em;
	height:48px;
	line-height:44px;
	width:165px;
	font-size:17px;
	text-align:center;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

/* LOWER QUICKLINK BAR */
.lqlbar {
	clear:both;
	margin-top:0.5em;
	text-align:center;
	padding-top:200px;
	padding-bottom:200px;	
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);
}
.lqlbar a {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.lql-btn {
	display:inline-block;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	font-size:17px;
	line-height:44px;
	margin-top:30px;
	width:170px;
	height:48px;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.lql-title {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:300%;
	line-height:125%;
	text-shadow: 0 0 1px #222, 0 0 1px #222;
}
.lqlbar:hover .lql-title  {
	text-shadow: none;
}




/* NEWS BAR */

.newsbar {
	clear:both;
	padding-top:4em;
	padding-bottom:1em;
}
.newsbar-post {
	width:99%;
	line-height:150%;
	text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newsbar-image { 
	height: 185px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-color:#fff;
}
.newsbar-title {
	font-size:175%;
	font-weight:400;
	height:95px;
	line-height:125%;
	padding-top:25px;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.newsbar-summary {
	height:80px;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow:hidden;
}
.readmore {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	font-weight:400;
	font-size:16px;
	line-height:36px;
	margin:5px auto 15px auto;
	width:120px;
	height:40px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}


/* SOCIAL NETWORKING BAR */

.socialbar {
	clear:both;
	padding-top:2em;
	padding-bottom:0;
	text-align: center;
}
.menu-social-container{
	padding: 0;
	margin: 0 auto 0 auto;
	display: table;
	width:auto;
	overflow:hidden;
	text-align: center;
}
ul.social-menu-widget {
	min-width: 696px;
	list-style: none;
	text-align: center;
}
.social-menu-widget li {
	display: inline;
	padding: 0px 10px 0 0;
	list-style: none;
	line-height: 1;
}
.social-menu-widget a svg {
	text-decoration: none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.social-menu-widget a {
	font-size: 35px;
}
.social-menu-widget a:hover svg {
	color: #fff !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; 
}





/* MAIN */
.maincol {
	display:block;
	clear:both;
	padding:3.75em 0 3em 0;
	font-size:100%;
	line-height:150%;	
}
.maincol h1 {
	text-align:center;
}
.maincol img { 
	max-width: 100%;
	height: auto;
}
.maincol ul, .maincol ol {
	padding-left: 1.0em;
	margin: 0px;
}
.maincol li {
	padding: 0 0 0.75em 1.5em;
	list-style-type:none;
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: left 0.1em;
}
.maincol ol li {
	list-style-type: decimal;
	background-image: none;
	padding: 0 0 0.7em 1.5em;
	list-style-position: inside;
}
.maincol ol li ol {
	margin-left: 2em;
}
.maincol ol {
    counter-reset: item;
}
.maincol ol li {
    display: block;
    position: relative;
}
.maincol ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

/* FOOTER */
#footertop {
	height:200px;
	background-image: url(../img/footer-line.png);
	background-repeat: repeat-x;
	background-position: center center;
}
#footertop .container {
	height:200px;
	background-image: url(../img/footer-img.png), url(../img/k9-protector.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 1% top, center center;
}
#footer {
	display:block;
	clear:both;
	padding-top: 0.5em;
	padding-bottom: 1em;
	line-height:150%;
}
#footerbar {
	font-size:80%;
	display:block;
	clear:both;
	padding-top: 2em;
	padding-bottom: 2em;
	line-height:150%;
}

/* BLOG */


.blogcontainer {
	display: flex;
	flex-flow: row wrap;
}
.blog-main {
	float: left;
	width: 70%;
	padding: 40px 0;
	line-height:150%;
}
.blog-main img { 
	max-width: 100%;
	height: auto;
}
.blog-side {
	float: left;
	width: 26%;
	margin-right:4%;
	padding: 40px 0;
	line-height:150%;
}
/* blog menu sizes and colours */
.newsnavbar, #newsouter, .newscontainer, .newscol, .articlecontainer, article {
	width:100%;
}
.newscontainer, .newsmorebtn, .newstitle {
	line-height: normal;
	text-decoration: none;
	font-weight: 400;
}
.newscontainer, .articlecontainer, .newscontainer .newscol, .articlecontainer .newscol, .blogmenu, .newsnavnum, .newsnavpagenum, article {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* other blog styles */

/* results page */
.newsnavbar  {
	overflow:hidden;
	margin: 1.5em 0 1.5em 0;
	padding: 0;
	text-align:center;
	height:45px;
	line-height:45px;
}
.newscontainer {
	margin: 1.1em 0 2em 0;
	padding: 1em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	clear:both;	
	position: relative;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
	box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
	line-height:150%;	
}

.newscontainer .newstitle a, .newscontainer .newstitle a:hover, .newscontainer .newsmore a:hover {
	text-decoration: none;
}
.newscontainer .newstitle {
	font-family: 'Oswald', sans-serif;
	font-size:200%;
	font-weight:400;
}
.newscontainer .newstitle {
	margin: 0 0 0.5em 0;
}
.counttxt {
	font-size:0.85em;
	font-weight:normal;
}
.newscontainer .readmore {
	float:left;
}
.newscat {
	float:right;
	font-size:0.85em;
	text-align:right;
	padding-top:2.5em;
	font-weight:600;
}
.newscaldte {
	position: absolute;
	right: -77px;
	top: 0px;
	z-index:99;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	width: 66px;
	height:auto;
	line-height: 18px !important;
	font: normal 13px/20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
	box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
}
.hinge1 {
	position: absolute;
	right: -17px;
	top: 23px;
	z-index:100;
	background: #a6a6a6; /* Old browsers */
	background: -moz-linear-gradient(left,  #a6a6a6 0%, #d6d6d6 21%, #eaeaea 48%, #d6d6d6 76%, #afafaf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a6a6a6 0%,#d6d6d6 21%,#eaeaea 48%,#d6d6d6 76%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a6a6a6 0%,#d6d6d6 21%,#eaeaea 48%,#d6d6d6 76%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 24px;
	height:6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.hinge2 {
	position: absolute;
	right: -17px;
	top: 57px;
	z-index:100;
	background: #a6a6a6; /* Old browsers */
	background: -moz-linear-gradient(left,  #a6a6a6 0%, #d6d6d6 21%, #eaeaea 48%, #d6d6d6 76%, #afafaf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a6a6a6 0%,#d6d6d6 21%,#eaeaea 48%,#d6d6d6 76%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a6a6a6 0%,#d6d6d6 21%,#eaeaea 48%,#d6d6d6 76%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 24px;
	height:6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.articlecontainer .newscaldte {
	position: absolute;
	left:auto;
	right: 0px;
	top: -5px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	width: 56px;
	height:auto;
	line-height: 18px !important;
	font: normal 13px/20px Georgia, "Times New Roman", Times, serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
	box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.5);
}		
.yrtxt {
	display: block;
}
.daynum {
	font-size: 28px;
	padding: 4px 0 8px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.montxt {
	text-transform: uppercase;
	font-size: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.newscontainer .newsdesc {
	margin: 1em 0 1em 0;
}
.feedicon {
	vertical-align:middle; 
	padding-right:0.7em;
}
.newsheader {
	padding: 0 0 1em 0em;
	position: relative;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.newsheading h1 {
	margin: 0 0 0 0;
}
.newsheading {
	margin: 0 60px 0 0;
	padding-top: 0.5em;
}
.newsheading .newscat {
	margin: 0 0 0 0;
}
.newstags {
	clear:both;
	padding: 0.5em 0 0.7em 0;
	margin-bottom: 0.5em;
	font-size: 0.9em;
}	
.blog_categories {
	padding-bottom:25px;
}	
.blog_categories h4 {
	font-family: 'Lato', sans-serif;
	padding:10px 0;
	font-size: 1.428em;
	font-weight:400;
}
.blog_categories ul {
	padding-bottom: 1em;
}
.blog_categories li {
	font-size:14px;
	padding: 8px 12px;
	position:relative;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.blog_categories li .fa-chevron-right {	
	top: 12px;
	right: 10px;
	width:1em;
	height:1em;
	z-index: 95;
	position: absolute;	
	font-size:70%;
	font-weight:700;
}
.blog_categories li:last-child {
	border-bottom:none;
}
.blog_search {
	padding-bottom:15px;
}
.cat-link {
	padding-left:15px;
}
.entry-header {
	padding-bottom:15px;
}	
.entry-header h1 {
	margin-bottom:5px;
	padding-bottom:5px;
}
.entry-thumb {
	margin-bottom:20px;
}
.entry-footer {
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.nav-links {
	display:block;
	clear:both;
	width:100%;
}
.nav-previous {
	float:left;
	width:50%;
}
.nav-next {
	float:left;
	width:50%;
	text-align:right;
}
.fbbar {
	margin-top:20px;
}
.post-navigation {
	margin-top:50px;
}

/*MENUS*/

/*MAIN MENU*/
#topmenu {
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#topmenu ul {
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#topmenu li {
	display: inline-block;
	position: relative;
	padding: 16px 30px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
#topmenu a {
	display: block;
	text-decoration: none;
}
#topmenu ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	text-align:left;
}
#topmenu ul ul li {
	border-left:none;
	border-right:none;
}
#topmenu ul ul ul {
	left: -999em;
	top: 0;
}
#topmenu ul ul a {
	width: 200px;
}
#topmen  ul ul li {
	padding: 1em;
	margin: 0;
	text-transform: none;
	font-size: 14px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#topmenu li:hover > a {
}
#topmenu ul ul :hover > a {
}
#topmenu ul ul a:hover {
	background: transparent;
}
#topmenu ul li:hover > ul {
	left: 0;
}
#topmenu ul ul li:hover > ul {
	left: 100%;
}
#topmenu .current_page_item a,
#topmenu .current-menu-item a {
}
#topmenu a {
	float: left;
}
#topmenu ul ul a {
	float: none;
}

/*MOBILE MENU*/
.slicknav_menu {
	display:none;
}



/*FOOTER MENU*/
.menufooter {
    width: 100%;
}
.menufooter ul {
	padding: 0em 0 20px 0;
	margin: 0px;
}
.menufooter li {
	padding: 0.25em 0 0.25em 0;
	list-style-type: none;
	position:relative;
}
.menufooter li a {
	text-decoration:none;
}
.menufooter li a:hover {
	text-decoration:underline;
}
.menufooter li  .fa-chevron-right {
	padding-right: 7px;
	padding-bottom: 2px;
	font-size:150%;
	vertical-align:middle;
}
.searchRes {
	padding-bottom: 1em;
	line-height: 150%;
}
.searchRes_h2 {
	font-weight: 400;
	margin-top:1.5em;
	margin-bottom:1em;
	padding-bottom:0px;
}
.searchRes_h2 h2 {
	text-transform:capitalize;
}




/* PRODUCT GRID NAVIGATION */
.prodnavbar {
	overflow:hidden;
	margin: 1.5em 0 1.5em 0;
	padding: 0;
	text-align:center;
	height:45px;
	line-height:45px;
}
.navfirst, .navprev {
	display:inline-block;
	width:100px;
	line-height:45px;
	height:45px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:120%;
	text-align:center;
	text-transform:uppercase;
	margin:0 -5px;
	padding:0;
	float:left;	
}
.navlast, .navnext {
	float:right;
	
}
.currentpg {
	padding: 0.25em 0.4em 0.25em 0.4em;
	font-weight:700;
}
.prodnavbar a {
	padding: 0 0.35em 0 0.35em;
}
.prodnavbar a:hover {
	font-weight:700;
}

/* PRODUCT GRID */
.prodgridsection {
	clear:both;
    width:100%;
	margin-top:2em;
	margin-bottom:1em;
}
.prodgrid {
	text-align:center;
	padding-bottom:1em;
	margin-bottom:2em;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	position:relative;	
}
.prodgridimg { 
	height: 320px;
	background-repeat: no-repeat, no-repeat;
	background-position: left 20px top 20px, center center;
	background-size:auto, cover;
	margin-bottom:0.875em;
}
.reserved, .availicon, .soldicon {
	width:127px;
	height:128px;
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: 999;
	background-repeat: no-repeat;
	background-position: center center;
}
.reserved {
	background-image: url(../img/reserved.png);
}
.availicon {
	background-image: url(../img/available.png);
}
.soldicon {
	background-image: url(../img/sold.png);
}
.prodgridimg:hover {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
}
.prodgridtitle h3 {
	font-family: 'Oswald', sans-serif;
	font-size:214%;
	font-weight:400;
	margin-bottom:0.5em;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.prodgridtxt {
	margin-bottom:0.5em;
	min-height:50px;
	line-height:150%;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.prodgridbtn {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	display:inline-block;
	margin-top:1em;
	height:48px;
	line-height:44px;
	width:165px;
	font-size:17px;
	text-align:center;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}


/* PRODUCT DETAILS */
.proddetailswrapper {
	margin:0em 0 1.6em 0;
	width:100%;
	position:relative;
}
.prodbackbutton {
	margin-bottom:2em;
}

.proddetailsimgcol img { 
	max-width: 100%;
	height: auto;
}
.proddetailsimg {
	position:relative;
}
.watermarkfb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(/img/k9protectorlogo.png) left 20px top 20px no-repeat;
    z-index: 1100;
}
.enlarge {
	font-size:1.5em;
	width:auto;
	height:auto;
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 999;
	text-align:center;
}
.enlarge a:hover {
	text-decoration:none;
}
#proddetailsthumbs {
	display:block;
	clear:both;
}
.proddetailsthumb {
	padding-top:5px;
	padding-bottom:5px;
}
.proddetailsthumb img {
    max-width: 100%;
    height: auto;
}
.proddetailstitle {
	margin-top:-10px;
	padding-top: 0;
}
.proddetailstitle h1, .mproddetailstitle .h1 {
	margin-top:0;
	padding-top: 0;
	margin-bottom:0.25em;
	text-align:left;
	padding: 0;
}
.proddetailscol {
	font-size: 100%;
	font-weight:400;
	padding: 0em 0 0.4em 0;
}
.mproddetailstitle {
	display:none;
}
.proddetailsitem {
	padding: 0 0 0.5em 0;
}
.proddetailsitem strong {
	display:inline-block;
	width: 65px;
}
.proddetailsvid {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	font-weight:400;
	font-size:16px;
	line-height:36px;
	margin:1em auto 1em auto;
	width:137px;
	height:40px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.proddetailsprint {
	padding: 0.5em 0;
	font-size:125%;
}

.proddetailswrapper input, .proddetailswrapper select, .proddetailswrapper textarea {
	line-height:1.1em;
}
.prodenquiry {
	width: 100%;
	height:auto;
	padding:20px;
	margin:0 0 1.5em 0;
	display:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.proddetailsenqbtn {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-align:center;
	display:block;
	font-weight:400;
	font-size:1.7em;
	line-height:50px;
	margin:1em 0 0 0;
	width:100%;
	height:50px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

#tabcontainer{
	clear:both;
	margin:2em 0 0 0;
	width: 100%;
}
#tabcontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#tabcontainer ul.tabmenu li{
	list-style-type: none;
	float: left;
	display: block;
	cursor: pointer;
	height:auto;
	margin: 0 3px 0 0;
	padding: 0.5em 2em;
	text-align:center;
	font-weight:400;
	background-image: none;
}
#tabcontainer ul.tabmenu li:before {
	display: none;
}
#tabcontainer ul.tabmenu li:last-child {
	margin-right: 0px;
}
.tabcontent {
	text-align: left;
	margin-top: -1px;
}
.tabcontent.tab1 {
	display: block;
	padding: 1em;
}
.tabcontent.tab2 {
	display: none;
	padding: 1em;
}
.tabcontent.tab3 {
	display: none;
	padding: 1em;
}
.tabcontent.tab4 {
	display: none;
	padding: 1em;
}

#greenbox {
	color: #FFF;
	background-color: #82c423;
	min-height: 60px;
	padding-top: 18px;
	padding-right: 5px;
	padding-left: 75px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px;
	position:relative;
}
#greenbox  .fa-check-circle {
	font-size:250%;
	font-weight: 400;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 999;
}
#greenbox2 {
	display:inline-block;
	width:auto;
	color: #FFF;
	background-color: #82c423;
	padding: 5px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#redbox {
	color: #FFF;
	background-color: #DF4C4C;
	min-height: 39px;
	padding-top: 18px;
	padding-right: 5px;
	padding-left: 75px;
	padding-bottom: 10px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px;
	position:relative;
}
#redbox a {
	text-decoration:underline;
}
.dismiss {
	font-size:1em;
	width:auto;
	height:auto;
	font-weight: 400;
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 999;
	text-align:right;
}


table#team {
    border-collapse: collapse;
	border-spacing: 5px; 
	width:100%;
}
table#team td {
    padding:5px 5px 5px 5px;
	vertical-align: top;
	text-align:center;
	width:33.333333%;
}
table#team td img {
    max-width: 100%;
    height: auto;
}

table#team2 {
    border-collapse: collapse;
	border-spacing: 5px; 
}
table#team2 td {
    padding:5px 5px 5px 5px;
	vertical-align: top;
	text-align:left;
}
table#team2 td.img {
	width:300px;
}
table#team2 td.img img {
    max-width: 100%;
    height: auto;
}
/* MISC STYLES */
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {

	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #c31b06;
	padding-right: 0px;
	padding-left: 0px;
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
	padding-right: 0px;
	padding-left: 0px;
}
.confirmValidState input, input.confirmValidState {
}
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
}
.confirmFocusState input, input.confirmFocusState {
}
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	padding-right: 0px;
	padding-left: 0px;
}
.selectValidState select, select.selectValidState {
}
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
}
.selectFocusState select, select.selectFocusState {
}
.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
}
.onlymobile, #slidermob, .onlyprint {
	display: none;
}
@media print {
  a[href]:after {
    content: none !important;
  }
}
	
@media only screen 
and (max-device-width : 1024px) { 
	.editbar {
		display: none;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.editbar {
		display: none;
	}
	.container {
		margin:0;
		padding: 0 10px;
		float: none;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.row {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.headerbgimg {
		right: 0px;
	}
	.blog-main {
		padding: 25px 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.blog-side {
		padding: 10px 0 0 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.maincol {
		display:block;
		clear:both;
		padding:3.75em 10px 3em 10px;
		font-size:100%;
		line-height:150%;	
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.newsbar-title {
		font-size:145%;
		height:55px;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
	}
	.newsbar-summary {
		height:80px;
		padding-left:10px;
		padding-right:10px;
	}
	.hinge1, .hinge2 {
		display:none;
	}
	.newscaldte {
		position: absolute;
		left:auto;
		right: -2px;
		top: -10px;
		padding: 7px;
		background-color: #fff;
		width: 50px;
		height:auto;
	}
	.articlecontainer .newscaldte {
		top: -5px;
		padding: 7px;
		width: 50px;
	}	
	.onlymobile {
		display: none;
	}	
	.main-navigation li.menumobile {
		display: none;
	}	
	
}

@media only screen and (max-width: 768px) {
	.editbar {
		display: none;
	}
	.top-bar {
		margin:0;
		padding-bottom: 0em;
		padding-left: 0;
		padding-right: 0;
		position:relative;
	}
	.container {
		margin:0;
		padding: 0 10px;
		float: none;
		width: 100%;
	}
	.row {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.onlymobile {
		display: block;
	}
	#sitelogo img { 
		padding-top:1em;
		padding-bottom:1em;
	}
	.headerbgimg {
		right: 0px;
		bottom:0px;
	}	
	#srchouter {
		margin-right:50px;
	}
	#srch {
		width:15em;
	}
	#srch input {
		width:14em;
	}
	#topbar, #topmenu {
		display:none;
	}
	#quicklinks {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.qlcontainer {
		min-height:140px;
		padding-left:190px;
		background-size: 159px 139px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.qlbox {
		min-height:140px;
		padding-left:110px;
		background-size: 85px 81px;
		background-position: 10px center;
	}
	.qltitle {
		padding-top:60px;
		font-size:171%;
	}
	.qltitle .fa-chevron-right {
		font-size:70%;
	}
	.featured {
		clear:both;
		margin-bottom:2em;
		padding:0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.featuredtitle {
		font-size:160%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.featuredimg { 
		height: 170px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.homecattitle h3 {
		font-size:160%;
	}
	.homecattxt {
		margin-bottom:0.5em;
		padding-left:10px;
		padding-right:10px;
	}	
	.lqlbar {
		padding-top:140px;
		padding-bottom:140px;
	}
	.newsbar-image { 
		height: 145px;
	}
	.newsbar-title {
		font-size:145%;
		height:55px;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
	}
	.newsbar-summary {
		height:100px;
		padding-left:10px;
		padding-right:10px;
	}	
	#footertop .container {
		height:160px;
		background-size: 161px 124px, 130px 111px;
		background-position: 1% center, center center;
	}
	.designcredit {
		text-align:center;
	}
	.designer {
		text-align:center;
		padding-top:5px;
	}
	.blog-main {
		padding: 25px 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.blog-side {
		padding: 10px 0 0 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.hinge1, .hinge2 {
		display:none;
	}
	.newscaldte {
		position: absolute;
		left:auto;
		right: -2px;
		top: -20px;
		padding: 5px;
		background-color: #fff;
		width: 50px;
		height:auto;
	}
	.daynum {
		font-size: 20px;
	}
	.montxt {
		font-size: 16px;
	}
	.articlecontainer .newscaldte {
		top: -5px;
		padding: 7px;
		width: 50px;
	}
	.prodgridimg { 
		height: 250px;
	}
	.main-navigation {
		display:none;
	}
	.menufooter {
		margin-bottom:20px;
	}
	.menumobile {
		display: inline;
	}
	.slicknav_menu {
		display:block;
		min-height:45px;
		z-index: 11;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: top; float: right; padding: 5px 0 0 0em; line-height: 1.125em; cursor: pointer; }
	.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
	.slicknav_menu .slicknav_icon { float: left; margin: 0em; }
	.slicknav_menu .slicknav_no-text { margin: 0 }
	.slicknav_menu .slicknav_icon-bar { display: block; width: 2em; height: 0.3em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.3em }
	.slicknav_nav { clear: both }
	.slicknav_nav ul,
	.slicknav_nav li { display: block }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { cursor: pointer; }
	.slicknav_nav .slicknav_row { display: block; }
	.slicknav_nav a { display: block }
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a { display: inline }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	
	/* 
		User Default Style
		Change the following styles to modify the appearance of the menu.
	*/	
	.slicknav_menu {
		font-size:100%;
	}
	/* Button */
	.slicknav_btn {
		margin: 0;
		text-decoration:none;
		background-color:transparent;
	}
	/* Button Text */
	.slicknav_menu  .slicknav_menutxt {
		color: #FFF;
	}
	.slicknav_menu {
		padding:5px;
	}
	.slicknav_nav {
		color:#fff;
		margin:0 0 50px 0;
		padding:0;
		font-size:1em;
	}
	.slicknav_nav, .slicknav_nav ul {
		list-style: none;
		overflow:hidden;
	}
	.slicknav_nav ul {
		padding:0;
		margin:0 0 0 20px;
	}
	.slicknav_nav .slicknav_row {
		padding:5px 10px;
		margin:2px 5px;
	}
	.slicknav_nav a{
		padding:5px 10px;
		margin:2px 5px;
		text-decoration:none;
	}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		padding:0;
		margin:0;
	}
	.slicknav_nav .slicknav_row:hover {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.slicknav_nav a:hover{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background:#fff;
		color:#000;
	}
	.slicknav_nav .slicknav_txtnode {
		 margin-left:15px;   
	}
	.nomobile {
		display: none;
	}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {	
	.container {
		margin:0;
		padding: 0 10px;
		float: none;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.menu-toggle.btn {
		margin: 5px auto 10px;
		float: none;
	}
	#sitelogo img { 
		max-width: 80%;
		height: auto;
		padding-top:1em;
		padding-bottom:2em;
	}
	.header2 {
		padding:0 0 0 0;
	}
	.headerbgimg {
		display:none;
	}
	.headertxt {
		padding-top:2em;
		text-align:center;
	}
	.headertel {
		text-align:center;
	}
	.headerbg {
		position:relative;
	}
	#srchouter {
		top: -287px;
		right: auto;
		left:10px;
		z-index: 1000;
		position: absolute;
	}	
	.fa-search {
		padding-top:0;
		font-size:1.5em;
		color:white;
	}
	#srch {
		top: -20px;
		right: auto;
		left:30px;
		width:auto;
		height:32px;
		z-index: 1000;
		position: absolute;
	}
	#srch input {
		padding:0.5em 1em 0.5em 1em;
		height:32px;
		font-size:87.5%;
		width:16.85em;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#wowslider-container1 { 
		display: none;
	}
	.qlcontainer {
		min-height:1px;
		padding-left:0px;
		background-image: none;
	}
	.qlbox {
		min-height:80px;
		padding-top:10px;
		padding-left:100px;
		margin-top:0.75em;
		margin-bottom:0.75em;
		background-position: 0px center;
	}
	.ql1 {
		clear:both;
		display:block;
		border-bottom: 1px #077096 solid;
	}
	.qltitle {
		padding-top:15px;
		font-size:200%;
	}
	.lqlbar {
		padding-top:100px;
		padding-bottom:100px;	
	}
	.newsbar {
		clear:both;
		padding-top:4em;
	}
	.newsbar-post {
		margin-bottom:1em;
	}
	.newsbar-title {
		font-size:160%;
		padding-left:10px;
		padding-right:10px;
	}
	.newsbar-summary {
		height:80px;
		padding-left:10px;
		padding-right:10px;
	}
	.maincol {
		padding:2em 0 2em 0;
	}
	.blog-main {
		order: 1;
		width: 100%;
		padding: 0 10px 25px 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.blog-side {
		order: 2;
		width: 100%;
		margin-right:0%;
		padding: 10px 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.newsnavnum, .newsnavpagenum {
		width:100%;
		padding: 0 0.7em 0 0.7em;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float:none;
		text-align:left;
	}
	.newscontainer .newstitle {
		margin-right:50px;
	}
	.newscontainer .newsdesc {
		margin: 1em 0 1.5em 0;
	}	
	.newscontainer .newscat {
		padding-top: 1em;
	}	
	.hinge1, .hinge2 {
		display:none;
	}
	.newscaldte {
		position: absolute;
		left:auto;
		right: -5px;
		top: -20px;
		padding: 5px;
		background-color: #fff;
		width: 50px;
		height:auto;
	}
	.articlecontainer .newscaldte {
		top: -5px;
		padding: 7px;
		width: 50px;
	}	
	.fbbar {
		display: none;
	}

	.newscontainer .readmore {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	.newscat {
		float:none;
		font-size:0.85em;
		text-align:left;
		padding-top:2.5em;
		font-weight:600;
	}
	.cat-link {
		display:block;
		padding-left:0px;
	}
	ul.social-menu-widget {
		min-width: 1px;
	}
	#footertop {
		height:200px;
		background-image: url(../img/footer-line.png);
		background-repeat: repeat-x;
		background-position: center center;
	}
	#footertop .container {
		height:200px;
		background-image: url(../img/k9-protector.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 130px 111px;
	}
	#footerbar {
		text-align:center;
	}
	.prodgridimg { 
		height: 240px;
	}	
	.nomobport {
		display: none;
	}	
	.navfirst, .navprev {
		width:70px;
		font-size:100%;
		margin:0 -5px;
	}	
	.proddetailsimg {
		width:auto;
	}
	.proddetailsimg img { 
		max-width: 1000%;
		width: 100%;
		height: auto;
	}
	.mproddetailstitle {
		display: block;
		margin-bottom:25px;
	}
	.mproddetailstitle .h1 {
		text-align:center;
	}
	.proddetailstitle {
		display: none;
	}
	.proddetailsprint {
		display: none;
	}
	#proddetcol2 {
		margin-top:20px;
	}	
	#tabcontainer ul.tabmenu li{
		float: none;
		display: block;
		width:100%;
		margin: 0 0 3px 0;
	}	
	.tabcontent {
		margin-top: 0px;
	}	
	.watermarkfb {
		background-size: 49px 43px, auto auto; 
	}
	
	table#team td img {
		margin-top:20px;
		max-width: 100%;
		height: auto;
	}
	table#team td {
		width:100%;
	}
	table#team2 td.img {
		width:100%;
		text-align:center;
	}
	table#team2 td.img img {
		margin-top:20px;
		max-width: 100%;
		height: auto;
	}

	/* Force table to not be like tables anymore */
	table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 
		display: block; 
	}	
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	
	.responsive tr { border: none; }
	
	.responsive td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 0%; 
		padding-top: 10px; 
		width:100% !important;
		text-align:center;
	}	
	.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.pictureright, .pictureRight {
		float: none;
		display:block;
		margin-left: 0em;
		margin-bottom:10px;
		text-align:center;
	}
	.pictureleft, .pictureLeft {
		float: none;
		display:block;
		margin-right: 0em;
		margin-bottom:10px;
		text-align:center;
	}
	.pictureleft img, .pictureLeft img, .pictureright img, .pictureRight  img { 
		width: 100%;
		height: auto;
	}	

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) {	
	.container {
		margin:0;
		padding: 0 10px;
		float: none;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.menu-toggle.btn {
		margin: 5px auto 10px;
		float: none;
	}
	#sitelogo img { 
		max-width: 80%;
		height: auto;
		padding-top:1em;
		padding-bottom:2em;
	}
	.header2 {
		padding:0 0 0 0;
	}
	.headerbgimg {
		display:none;
	}
	.headertxt {
		padding-top:2em;
		text-align:center;
	}
	.headertel {
		text-align:center;
	}
	.headerbg {
		position:relative;
	}
	#srchouter {
		top: -287px;
		right: auto;
		left:10px;
		z-index: 1000;
		position: absolute;
	}	
	.fa-search {
		padding-top:0;
		font-size:1.5em;
		color:white;
	}
	#srch {
		top: -20px;
		right: auto;
		left:30px;
		width:auto;
		height:32px;
		z-index: 1000;
		position: absolute;
	}
	#srch input {
		padding:0.5em 1em 0.5em 1em;
		height:32px;
		font-size:87.5%;
		width:16.85em;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#wowslider-container1 { 
		display: none;
	}
	.qlcontainer {
		min-height:1px;
		padding-left:0px;
		background-image: none;
	}
	.qlbox {
		min-height:80px;
		padding-top:10px;
		padding-left:100px;
		margin-top:0.75em;
		margin-bottom:0.75em;
		background-position: 0px center;
	}
	.ql1 {
		clear:both;
		display:block;
		border-bottom: 1px #077096 solid;
	}
	.qltitle {
		padding-top:15px;
		font-size:200%;
	}
	.lqlbar {
		padding-top:100px;
		padding-bottom:100px;	
	}
	.newsbar {
		clear:both;
		padding-top:4em;
	}
	.newsbar-post {
		margin-bottom:1em;
	}
	.newsbar-title {
		font-size:160%;
		padding-left:10px;
		padding-right:10px;
	}
	.newsbar-summary {
		height:80px;
		padding-left:10px;
		padding-right:10px;
	}
	.maincol {
		padding:2em 0 2em 0;
	}
	.blog-main {
		order: 1;
		width: 100%;
		padding: 0 10px 25px 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.blog-side {
		order: 2;
		width: 100%;
		margin-right:0%;
		padding: 10px 10px;
		line-height:150%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.newsnavnum, .newsnavpagenum {
		width:100%;
		padding: 0 0.7em 0 0.7em;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float:none;
		text-align:left;
	}
	.newscontainer .newstitle {
		margin-right:50px;
	}
	.newscontainer .newsdesc {
		margin: 1em 0 1.5em 0;
	}	
	.newscontainer .newscat {
		padding-top: 1em;
	}	
	.hinge1, .hinge2 {
		display:none;
	}
	.newscaldte {
		position: absolute;
		left:auto;
		right: -5px;
		top: -20px;
		padding: 5px;
		background-color: #fff;
		width: 50px;
		height:auto;
	}
	.articlecontainer .newscaldte {
		top: -5px;
		padding: 7px;
		width: 50px;
	}	
	.fbbar {
		display: none;
	}

	.newscontainer .readmore {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	.newscat {
		float:none;
		font-size:0.85em;
		text-align:left;
		padding-top:2.5em;
		font-weight:600;
	}
	.cat-link {
		display:block;
		padding-left:0px;
	}
	ul.social-menu-widget {
		min-width: 1px;
	}
	#footertop {
		height:200px;
		background-image: url(../img/footer-line.png);
		background-repeat: repeat-x;
		background-position: center center;
	}
	#footertop .container {
		height:200px;
		background-image: url(../img/k9-protector.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 130px 111px;
	}
	#footerbar {
		text-align:center;
	}
	.prodgridimg { 
		height: 240px;
	}	
	.nomobport {
		display: none;
	}	
	.navfirst, .navprev {
		width:70px;
		font-size:100%;
		margin:0 -5px;
	}	
	.proddetailsimg {
		width:auto;
	}
	.proddetailsimg img { 
		max-width: 1000%;
		width: 100%;
		height: auto;
	}
	.mproddetailstitle {
		display: block;
		margin-bottom:25px;
	}
	.mproddetailstitle h1 {
		text-align:center;
	}
	.proddetailstitle {
		display: none;
	}
	.proddetailsprint {
		display: none;
	}
	#proddetcol2 {
		margin-top:20px;
	}	
	#tabcontainer ul.tabmenu li{
		float: none;
		display: block;
		width:100%;
		margin: 0 0 3px 0;
	}	
	.tabcontent {
		margin-top: 0px;
	}	
	.watermarkfb {
		background-size: 49px 43px, auto auto; 
	}
	
	table#team td img {
		margin-top:20px;
		max-width: 100%;
		height: auto;
	}
	table#team td {
		width:100%;
	}
	table#team2 td.img {
		width:100%;
		text-align:center;
	}
	table#team2 td.img img {
		margin-top:20px;
		max-width: 100%;
		height: auto;
	}

	/* Force table to not be like tables anymore */
	table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 
		display: block; 
	}	
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	
	.responsive tr { border: none; }
	
	.responsive td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 0%; 
		padding-top: 10px; 
		width:100% !important;
		text-align:center;
	}	
	.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.pictureright, .pictureRight {
		float: none;
		display:block;
		margin-left: 0em;
		margin-bottom:10px;
		text-align:center;
	}
	.pictureleft, .pictureLeft {
		float: none;
		display:block;
		margin-right: 0em;
		margin-bottom:10px;
		text-align:center;
	}
	.pictureleft img, .pictureLeft img, .pictureright img, .pictureRight  img { 
		width: 100%;
		height: auto;
	}	

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	.prodgridimg { 
		height: 320px;
	}	
	.watermarkfb {
		background-size: 66px 60px, auto auto; 
	}
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	ul.social-menu-widget {
		min-width: 1px;
	}

}
.blog-main ul, .blog-main ol {
	padding-left: 1.0em;
	margin: 0px;
}
.blog-main li {
	padding: 0 0 0.75em 1.5em;
	list-style-type:none;
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: left 0.1em;
}
.blog-main ol li {
	list-style-type: decimal;
	background-image: none;
	padding: 0 0 0.7em 1.5em;
	list-style-position: inside;
}
.blog-main ol li ol {
	margin-left: 2em;
}
.blog-main ol {
    counter-reset: item;
}
.blog-main ol li {
    display: block;
    position: relative;
}
.blog-main ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}