@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

/* +------------------------------------------------------------+ */
/* | Document Styles                                            | */
/* +------------------------------------------------------------+ */

body {color: #000000; background-color: #FFFFFF; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px;}
input, select, option, textarea {font-family: 'Roboto', Arial, Helvetica, sans-serif;}

a {color: #140282; text-decoration: none;}
a:hover {text-decoration: none;}

.kcaps {
	text-transform: uppercase;
}


.kcenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_flex                                           | */
/* +------------------------------------------------------------+ */

#kskin_flex       {box-sizing: border-box; width: 100%; padding: 0; margin: 0;}
#kskin_flexmain   {box-sizing: border-box; width: 100%; margin: 0;}
/* #kskin_flexheader {box-sizing: border-box; width: 100%; margin: 0;} */

#kskin_flexheader {box-sizing: border-box; width: 100%; margin: 0;
	background-color: white;
}





/* +------------------------------------------------------------+ */
/* | Skin: kskin_head                                           | */
/* +------------------------------------------------------------+ */

#kskin_headinner {max-width: 1100px; margin: 0 auto 0 auto;}

#kskin_headhome {margin-bottom: .25em;}
#kskin_headhome img {margin: 0 auto 0 auto; max-height: 4em;}

@media all and (min-width: 600px) {

     #kskin_headhome {margin-bottom: .5em;}
     #kskin_headhome img {margin: 0; max-height: none;}

     #kskin_headwidgets {text-align: right;}
     #kskin_headwidgets div.kwidget_box {float: right;}

}

/* OVERRIDE: Mini Shopping Cart - Width, Float Hoverbox to Right */

#ajaxminicart {width: 18em; max-width: 18em;}

#kskin_headwidgets #ecom_skinwidget_minicart--CONTENT > .kwidget_padmax {position: relative;}
#kskin_headwidgets #ajaxminicart {right: 0;}

#core_skinwidget_currency {
	margin: 0;
	padding: 0;
}

#core_skinwidget_miniacctlogin2 {
	margin: 0;
	padding: 0;
}


.kwidget_padmax {
	padding-top: 0;
	margin-top: 0;
}

.logo {
	padding-top: 15px;
	padding-left: 20px;
		margin-right: auto;
	margin-left: auto;
}
/* +------------------------------------------------------------+ */
/* | Skin: kskin_nav                                            | */
/* +------------------------------------------------------------+ */

#kskin_nav {background-color: #f0f0f0;
border-bottom-style: none;
font: 18px Oswald;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 25px;
}

#kskin_navinner {max-width: 1100px; margin: 0 auto 0 auto;
text-align: center;
}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_banner                                         | */
/* +------------------------------------------------------------+ */

#kskin_banner {background-color: #edecec;}

#kskin_bannerinner {margin: 0 auto 0 auto;}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_main                                           | */
/* +------------------------------------------------------------+ */

#kskin_maininner {max-width: 1100px; margin: 0 auto 0 auto;}

#kskin_col2, #kskin_col3 {padding: .5em .5em 0 .5em; background-color: #F4F4F4;}

#kskin_maincontent {padding: .5em .5em 1em .5em;}

#kskin_col2 div.kwidget_boxcontent a {color: #000000; ;
}

@media all and (min-width: 960px) {

     #kskin_maincontent, #kskin_col2, #kskin_col3 {padding: 1em 1em 2em 1em;}

}


/* +------------------------------------------------------------+ */
/* | Skin: kskin_email                                          | */
/* +------------------------------------------------------------+ */

#kskin_email {background-color: #eaeaea; padding: .5em;}
#kskin_emailinner {max-width: 1100px; margin: 0 auto 0 auto;
text-align: center;
}






/* +------------------------------------------------------------+ */
/* | Skin: kskin_foot                                           | */
/* +------------------------------------------------------------+ */

#kskin_foot {background-color: #d7d7d7; padding: .5em;}

#kskin_footinner {max-width: 1100px; margin: 0 auto 0 auto;}
#kskin_footlogos {max-width: 1100px; margin: 0 auto 0 auto;
	text-align: center;
	clear: both;
}

#kskin_footlogos img {
	width: 200px;
	height: auto;
}


}#kskin_footcopy {font-size: .3em; margin-top: 1em;}

/* +------------------------------------------------------------+ */
/* | Override Styles in {public}/media/skins/css/all.css Below  | */
/* +------------------------------------------------------------+ */

/* OVERRIDE: Grey to Dark Grey Internal Class Color Change */

.kwrap input[type="submit"]:hover, .kwrap input[type="reset"]:hover {background-color: #333333; border: 1px solid #333333;}


.kbutton {background-color: #140282;
padding: 5px 10px;
font-size: 1rem;
text-transform: uppercase;
border-style: none;
}

.kbutton:hover {background-color: silver;
color: black;
border-style: none;
}
h2.kmirrorthead      {background-color: #140282;
color: white;
}
.ktricktablehead     {background-color: #140282;}
.ktricktableheaditem {background-color: #140282;}
.ktable th           {background-color: #140282;}

/* OVERRIDE: Navmenu Hover Colors */

.kthemeinvert .kwidget_icondrop .kwidget_boxcontent, .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent,
.kthemeinvert .kwidget_icondrop .kwidget_box:hover .kwidget_boxicon, .kthemeinvert .kwidget_fulldrop .kwidget_box:hover .kwidget_boxicon {background-color: #222222;
}
.kthemeinvert .kwidget_icondrop li a:hover, .kthemeinvert .kwidget_fulldrop li a:hover {
	
}

@media all and (min-width: 600px) {

     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {
	 	color: #63ad41;
	 }
     .kthemeinvert .kwidget_fulldrop .kwidget_hoverbox {background-color: #333333;}
     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent {background-color: inherit;}
     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul {background-color: #333333;}
     .kthemeinvert .kwidget_midwide .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #333333;}

}

@media all and (max-width: 959px) {

     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul {background-color: #333333;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li a:hover {background-color: #444444;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul {background-color: #444444;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul a:hover {background-color: #333333;}

}

@media all and (min-width: 960px) {

     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #d7d7d7;}

}

@media all and (min-width: 1100px) {

     .kwidget_fulldrop .kwidget_boxcontent ul > li a:hover > div.kwidget_hoverbox {width: 1100px; left: 50%; margin-left: -550px;}

}

/* OVERRIDE: Tabs */

.ktabheading {background-color: #F4F4F4; padding: .5em; margin-bottom: 0;}
.ktabcontent {border: 1px solid #F4F4F4; padding: .5em;}
.ktabcontent h2 {font-size: 1.1em;}
.ktabcontent > h2:first-child {margin-top: 0;}

/* OVERRIDE: Category Displays */

.kcatshow {border: 1px solid #F4F4F4;}
.kcatshowdescwrap {
	
}
.kcatlistitem {
border-style: none;
text-align: center;
}
.kcatlistitemwrap {padding: .5em;}

/* OVERRIDE: Product Displays */

.kprodlistitem {
	text-align: center;
}
.kprodlistitem .kmirrorcell {margin-bottom: 1em;}
.kprodlistitemwrap {padding: .5em;}
.kprodlistitemwrap form {margin: 0;}

/* OVERRIDE: Reviews */

.kreviewsitem {border: 1px solid #F4F4F4; background-color: #F4F4F4;}
.kreviewsiteminfo {background-color: #FFFFFF; padding: .5em;}
.kreviewsitemtext {padding: 1em .5em 1em .5em;}

/* OVERRIDE: Shopping Cart */

.kcartitemname {color: #19647E;}
.kprodshownumber {
	color: silver;
	margin: 0;
	padding: 0;
}

/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */


table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

th, td {
    border: none;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

.kprodlistheader {

	color: gray;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: gray;
	text-transform: uppercase;
	font-family: Oswald;
	border-style: none;
	background-color: #eaebea;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}








.kprodshowname {
	color: #1d1dad;
	font: 24px Oswald;
	font-weight: bold;
}

.kstrong {
	color: #140282;
}

.customer-service-contact {
    padding: .25em;
}

/*
 * Responsive Table
 */

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    table.warranty-table {
        display: block;
    }

    .warranty-table thead, .warranty-table tbody, .warranty-table th, .warranty-table td, .warranty-table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .warranty-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .warranty-table tr { border: 1px solid #ccc; }

    .warranty-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .warranty-table 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;
    }

    /*
    Label the data
    */
    .warranty-table > tbody > tr > td:nth-of-type(1):before { content: "Product"; }
    .warranty-table > tbody > tr > td:nth-of-type(2):before { content: "Warranty"; }
    .warranty-table > tbody > tr > td:nth-of-type(3):before { content: "Warranty Coverage"; }
    .warranty-table > tbody > tr > td:nth-of-type(4):before { content: "Description"; }
    .warranty-table > tbody > tr > td:nth-of-type(5):before { content: "Receipt Required"; }

    /*
     * ANSI icons on product detail page
     */
    .ansi-icons {
        display: flex;
        justify-content: space-around;
        margin-bottom: 1rem;
        flex-wrap: wrap;
    }
    .icon {
        position: relative;
        width: 120px;
        text-align: center;
    }
    .icon > svg {
        width: 100px;
        height: 100px;
    }
    .icon > .text {
        position: absolute;
        top: 73px;
        left: 0px;
        width: 100%;
        text-align: center;
    }
    .text.beam-distance {
        left: inherit;
        text-align: right;
        top: 47px;
        right: 25px;
    }
    .text.impact-resistance {
        left: 28px;
        text-align: left;
        top: 25px;
    }
}


 .kpricelabel    {color: #000000;}
.kpricelabelfix {color: #000000;}
.kprice         {color: #000000;}
.kpricepay      {color: #000000;
font-size: 1.2em;
}
.kpricepayrecur {color: #339933;}
.kpricefree     {color: #339933;}
.kpricex        {color: #000000; text-decoration: line-through;}
.kpricesave     {color: #000000;}
.kstockin       {color: #339933;}
.kstockout      {color: #FF0000;}



/* +------------------------------------------------------------+ */
/* | Skin: kskin_top                                            | */
/* +------------------------------------------------------------+ */

#kskin_top {background-color: #140282;
	height: 34px;
}

#kskin_topinner {max-width: 1100px; margin: 0 auto 0 auto; padding: 0; box-sizing: border-box;
}

#kskin_topmenu {height: 3em; overflow: hidden;}
#kskin_topcartacct 

.kskin_topnavitem {float: right; width: 6em; height: 3em; background-size: 100%; background-position: 0 0; background-repeat: no-repeat; display: block;
	text-align: justify;
}

.kskin_topnavitem a {display: block; margin: 0; width: 6em; height: 3em;
color: black;
}

.kskin_topnavon {background-color: #140282;}

.kskin_topnavitem:hover:not(.kskin_topnavon) {background-color: #140282;
color: white;
}

#kwidgetgroup_TOP1 {
	display: block;
}


#kwidgetgroup_TOP2 {
	display: inline;
	text-align: right;
}


#kwidgetgroup_TOP1 a {
	color: white;
}
#kwidgetgroup_TOP1 a:hover {
	color: #140282;
	background-color: silver;
	margin: 0;
}

.awctminiacctlink, .awctminicartlink {
color: gray; margin-right: .5em;}

.awctminiacctbutton, .awctminicartbutton {
margin: 0; padding: .25em .5em .25em .5em;
color: gray;
}

.btn {
  background: #ff404a;
  background-image: -webkit-linear-gradient(top, #ff404a, #730a0a);
  background-image: -moz-linear-gradient(top, #ff404a, #730a0a);
  background-image: -ms-linear-gradient(top, #ff404a, #730a0a);
  background-image: -o-linear-gradient(top, #ff404a, #730a0a);
  background-image: linear-gradient(to bottom, #ff404a, #730a0a);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  font-family: Arial;
  color: #ffffff;
  font-size: 32px;
  padding: 10px 50px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.dealer-notice {
	border: thin solid #140282;
	margin: 10px;
	right: auto;
	left: auto;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: maroon;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }
    
    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    
    
    #mc_embed_signup form {display:block; position:relative; text-align: center; padding:10px 0 10px 3%}
    #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
    #mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;
		margin-right: auto;
	margin-left: auto;
	}
    #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
    #mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
    #mc_embed_signup input:focus {border-color:#333;}
    #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
    #mc_embed_signup .button:hover {background-color:#777;}
    #mc_embed_signup .small-meta {font-size: 11px;}
    #mc_embed_signup .nowrap {white-space:nowrap;}     
    #mc_embed_signup .clear {clear:none; display:inline;}
    
    #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
    #mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display:block; padding:0 0.4em; margin: 0 auto 10px; min-height:32px; width:58%; min-width:130px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	text-align: center;
	}
    #mc_embed_signup input.button {display:block; width:35%; margin: 0 auto 10px; min-width:90px;}
    
    #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
    #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
    #mc_embed_signup #mce-error-response {display:none;}
    #mc_embed_signup #mce-success-response {color: maroon; display:none;}
    #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
    
    #ecom_skinwidget_categories--CONTENT ul li ul li{
		font: 14px arial;
		text-align: left;
		font-weight: normal;
		font-style: normal;
	}
    
    .kwidget_boxcontent {display: none; clear: both;}
    
    .kwidget_boxcontent ul {list-style: none; margin: 0; padding: 0; box-sizing: border-box;}
    .kwidget_boxcontent li {list-style: none; margin: 0;
		padding: 0 5px;
		box-sizing: border-box;}
    .kwidget_boxcontent li ul {display: none;
	padding-left: 20px;
		font-size: 12px;
	}
    
    .kwidget_boxcontent a {box-sizing: border-box;
	color: black;
		padding: 0;
	}
	
	.kwidget_boxcontent a:hover {box-sizing: border-box;
	color: #140282;
		padding: 0 ;
	}
	

    .kwidget_boxcontent li a {display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 0 0px;}
    
    .bigletters {
		font-size: 18px;
		color: maroon;
		margin: 0;
		padding: 0;
		display: block;
		font-weight: bold;
	}
	
	.greybox {
		background-color: #f0f0f0;
	}
	
	#kwidgetgroup_LOCATION, #kwidgetgroup_LOCATION a{
		color: silver;
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	
	
	kskin_banner .bannertext {
	  position: absolute;
	  top: 10%;
	  left: 10%;
	  transform: translate(-50%, -50%);
	  color: white;
	  text-align: center;
	  z-index: -4;
	}
	
	/* +------------------------------------------------------------+ */
	/* | Skin: prostaff                                          | */
	/* +------------------------------------------------------------+ */
	
    .h_wrapper {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        background: #ffffff;
      }
      
      .h_iframe {
        position: relative;
      }
      
      .h_iframe .ratio {
        display: block;
        width: 100%;
        height: auto;
      }
      
      .h_iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      
      
      /* +------------------------------------------------------------+ */
      /* | Skin: ARTICALS                                       | */
      /* +------------------------------------------------------------+ */
      
      .kxmodarticlelistheader {
      
      	color: gray;
      	margin-right: auto;
      	margin-left: auto;
      	text-align: left;
      	border-bottom-style: solid;
      	border-bottom-color: gray;
      	text-transform: uppercase;
      	font-family: Oswald;
      	border-style: none;
      	background-color: #eaebea;
      	padding-top: 5px;
      	padding-bottom: 5px;
      	padding-left: 10px;
      }
  
  .kxmodarticlesshowtitle {
  
  	color: gray;
  	margin-right: auto;
  	margin-left: auto;
  	text-align: left;
  	border-bottom-style: solid;
  	border-bottom-color: gray;
  	text-transform: uppercase;
  	font-family: Oswald;
  	border-style: none;
  	background-color: #eaebea;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	padding-left: 10px;
  }
      
      
 
 
.kxmodarticlesshowcontent p, ol li , ul li{
	margin-bottom: 15px;
	font-family: Oswald;
}

#cms_xmodarticleswidgetcat--CONTENT ul li{
	margin-bottom: 2x;
	font: 18px Oswald;
}

#cms_xmodarticleswidgetcat--CONTENT ul li a:hover{
	color: maroon;
}




.kxmodarticlessplashheader, .kxmodarticlescatshowname {
	font: 20px/110% Oswald;
}