h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.65rem; }
body { background: #fff; font-family: 'Roboto', sans-serif; }

/*.background a { transition: 0.1s ease-in-out;}*/

.button { font-family: 'Roboto', sans-serif; font-weight: 300; background: none; border-radius: 5px; padding: 0.5rem 2rem; color: #00389E; border: 1px solid #00389E; }
.button:hover, .button:active, .button:focus { background: #00389E; color: #fff; }

.top-wrapper { position: relative; background: #231F20; padding: 0.5rem 0; }
.logo {  }
.logo img { max-width: 13.75rem; }

.phone-search { position: relative; top: 4px; }
.phone-search ul { margin: 0; position: relative; float: right; padding-right: 0.5rem; }
.phone-search ul li { display: inline-block; padding-right: 0.325rem; }
.phone-search ul li a { font-family: 'Roboto Condensed', sans-serif; font-size: 1.875rem; font-weight: 600; color: #fff; }
.phone-search ul li .fb, .phone-search ul li .gp { position: relative; top: 5px; text-indent: -9999px; display: block; width: 2.3125rem; height: 2.3125rem; }
.phone-search ul li .fb { background: url('../images/facebook.svg') no-repeat; }
.phone-search ul li .gp { background: url('../images/googleplus.svg') no-repeat;}
.phone-search input, .phone-search input:focus, .phone-search input:active { background: #929292; border-radius: 5px; display: inline-block; float: right; position: relative; top: 5px; width: 45%; margin-bottom: 0; border: none; }
.phone-search input[value="Product search"] { color: #fff; }

.top-bar { position: absolute; top: 0.5rem; background: rgba(0,0,0,0); width: 100%; }
.top-bar.expanded { position: relative; top: 0; margin-top: -55px; background: rgba(0,0,0,0); width: 100%; }
.top-bar.expanded .name { margin-bottom: 10px; }
.top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 2px #FFFFFF,0 8px 0 2px #FFFFFF,0 16px 0 2px #FFFFFF; width: 20px; }
.top-bar.expanded .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 2px #FFF100,0 8px 0 2px #FFF100,0 16px 0 2px #FFF100; }
.top-bar.expanded .title-area { background: none; }
.top-bar.expanded .top-bar-section ul { margin: -2.8125 0 0 0; }
.top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown { margin-bottom: 0.625rem; }

.top-bar-section ul li.active>a, .top-bar-section ul li.active>a:hover { background-color: #231f20; }

.nav-wrapper { background: #4D4D4D; font-family: 'Roboto Condensed', sans-serif; padding: 0.5rem 0; }
.browse-menu a.dropbutton, .browse-menu label, .browse-menu select { display: block; width: 50%; float: left; height: 2.3125rem; }
.browse-menu a.dropbutton, .browse-menu label { background: #929292; color: #fff; font-size: 1rem; text-align: center; line-height: 2.4; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.browse-menu select { margin-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.browse-menu a.dropbutton { background: #fff; color: #929292; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.browse-menu ul { z-index: 200; }

.homepage { background: #fff; }

.desktop-tablet-navigation { float: right; position: relative; }
.desktop-tablet-navigation ul { margin: 0; }
.desktop-tablet-navigation li { display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1.0625rem; padding-bottom: 0.5rem; }
.desktop-tablet-navigation li a { color: #fff; padding: 0 0.75rem; }
.desktop-tablet-navigation li a:hover { color: #FFF100; }
.desktop-tablet-navigation li:not(:last-of-type) a:after { content: ''; float: right; border-right: 2px dashed #808080; height: 1.75rem; width: 2px; position: relative; top: 2px; }
.desktop-tablet-navigation li:last-of-type a { padding-right: 0; }

.desktop-tablet-navigation li ul { display: none; position: absolute; padding-top: 0.5rem; background: #4D4D4D; }
.desktop-tablet-navigation li:hover ul { display: block;  }
.desktop-tablet-navigation li li { display: block; font-size: 0.967rem; padding: 0 1rem; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.desktop-tablet-navigation li li:first-of-type a { padding-top: 0.75rem; }
.desktop-tablet-navigation li li:hover { background: #616161; }
.desktop-tablet-navigation li li:last-of-type ul, .desktop-tablet-navigation li:last-of-type ul { right: 0; }
.desktop-tablet-navigation li li a { display: block; padding: 0.25rem 0; border-bottom: 1px dashed #808080; }
.desktop-tablet-navigation li li:nth-of-type(1) a { border-top: 2px solid #FFF100; }
.desktop-tablet-navigation li li:last-of-type { border-bottom: 1px solid #fff; }
.desktop-tablet-navigation li li:last-of-type:after { content: ''; display: block; height: 1.25rem; }

.desktop-tablet-navigation li li:not(:last-of-type) a:after { display: none; }
.desktop-tablet-navigation li li:last-of-type a:after { display: none; }

.desktop-tablet-navigation li li ul { display: none !important; right: 189px !important; top: 0; width: 100%; }
.desktop-tablet-navigation li li:hover > ul { display: block !important; }
.desktop-tablet-navigation li li ul li { border-right: none; }

/* Ajax search */

#dynamic { background-color: #fff; /*border: 0.0625rem solid #333;*/ /*1px*/  color: #000; font-size: 1rem; line-height: 1.2; min-height: 0; position: absolute; right: 0.75rem; top: 2.625rem; /*42px*/ width: 50%; z-index: 210; padding: 0 1.2rem; } 
#dynamic a { color: inherit; display: block; font-size: 1rem; }
#dynamic p { margin: 0 0 0.3125rem; padding: 0.3125rem; /*5px*/ }
#dynamic p { text-transform: uppercase; border-top: 2px dashed #D0D0D0; border-bottom: 2px dashed #D0D0D0; margin-top: 0.875rem; }
#dynamic p:not(:first-of-type) { margin-top: 0.35rem; }
#dynamic .search-suggestions li a { font-weight: 300; color: #929292; line-height: 1.25; }
#dynamic .search-suggestions li a:hover { background: #EBEBEB; }
#dynamic .search-suggestions li a b { font-size: 1.125rem; color: #464646; font-weight: 400; }
#dynamic .search-suggestions:not(:last-of-type) li a { font-weight: lighter; color: #646464; font-weight: 400; }
ul.search-suggestions { display: block; float: none; list-style: none; padding-right: 0; }
.search-suggestions li { clear: both; display: block !important; padding: 0.3125rem; padding-right: 0; }
.search-suggestions li img { padding-right: 0.3125rem; }
/* End Ajax search */

/* Slideshow */
.slideshow { margin-bottom: 1rem; }
.cycle-slideshow { position: relative; }
#next, #prev { background-image: url('../images/btn_slidenav.png'); background-repeat: no-repeat; height: 133px; position: absolute; top: 32%; width: 47px; z-index: 150; }
#next { background-position: -47px top; right: 0; }
#prev { background-position: left top; left: 0; }
#next:hover { background-position: -141px top; }
#prev:hover { background-position: -94px top; }
/* End slideshow */

#copy { background-color: #fff; }

.mini-banner { height: 100px; position: relative; overflow: hidden; margin-bottom: 1.25rem; }
.mini-banner img { min-height: 100px; min-width: 1200px; float: right; }

.top-homeblock { padding-bottom: 1rem; position: relative; }
.top-homeblock h3 { font-family: 'Roboto Condensed'; font-weight: 600; font-size: 1.75rem; color: #fff; padding: 1.2rem 1rem 0; }
.top-homeblock .top-homeblock-2 { background: #4D4D4D url('../images/top-homeblock-bg.svg') no-repeat; background-size: cover; color: #fff; }
.top-homeblock p { padding: 0 1rem 1.5rem; font-size: 0.8125rem; font-weight: 300; line-height: 1.7; }
.top-homeblock .arrow-right { position: absolute; bottom: 20px; right: 20px; text-indent: -9999px; display: block; background: url('../images/yellow-arrow-right.svg') no-repeat; width: 20px; height: 20px; }
.top-homeblock .arrow-right:hover { right: 15px; }

.main-homeblock { background: #fff; padding: 1.2rem 0.75rem; }
.main-homeblock > h4 { font-family: 'Roboto Condensed'; font-weight: 600; color: #4D4D4D; font-size: 1.75rem; margin: 0 0.9375rem 1.2rem; border-bottom: 1px solid #4D4D4D; }

.copy-wrapper { padding: 0 0.9375rem; }

/*PRODUCT DETAILS*/

.product-page-title h1, .product-category h1 { font: bold 1.75rem 'Roboto Condensed', sans-serif; color: #4D4D4D; margin-bottom: 0.1rem; margin-top: 1.5rem; }
.product-page-title hr, .product-category hr { margin-bottom: 0.45rem; margin-top: 0.5rem; border-top: 1px solid #838383; }
.product-title { font: bold 1.75rem 'Roboto Condensed', sans-serif; color: #000; margin-bottom: 0.1rem;}
.product-tabs p, .product-tabs ul { font: 0.8125rem 'Roboto', sans-serif; }
.product-tabs .tab-title a { font: 600 0.9375rem 'Roboto', sans-serif; padding: 0.5rem 0.5rem; background: #fff; }
.product-tabs .tab-title a:hover { background: #ECECEC; }
.product-tabs .tab-title { position: relative; z-index: 999; top: 1px; background: #fff; margin-right: 0; }
.product-tabs .tab-title.active { border-top: 1px solid #868686; border-left: 1px solid #868686; border-right: 1px solid #868686; border-bottom: 1px solid #fff; top: 1px; }
.product-tabs .tab-title.active a { color: #00389E; }
.product-tabs .tab-title { border-top: 1px solid #868686; border-left: 1px solid #868686; border-right: 1px solid #868686;}
.product-tabs .tabs { border-bottom: 1px solid #868686; }
#literature li { padding-bottom: 0.875rem; }
.copy-wrapper .row.collapse:last-of-type { display: none; }
.product-tabs .tabs-content { margin-bottom: 0; }
.product .item-title b[href*="true"] { color: #000; }

/*RELATED PRODUCTS*/

.moduletable.related-products { border: 1px solid #929292; padding: 1rem 1rem 0 1rem; width: 90%; float: right; }
.moduletable.related-products h3 { font: bold 1.5rem 'Roboto Condensed', sans-serif; color: #00389E; border-bottom: 1px solid #929292; padding-bottom: 0.4rem; }
.moduletable.related-products ul { margin-bottom: 0; }
.moduletable.related-products li { font: 0.875rem 'Roboto', sans-serif; padding: 0.3125rem 0 0; border-bottom: 1px dashed #9B9B9B; line-height: 1.28; }
.moduletable.related-products li:first-child { padding-top: 0; }
.moduletable.related-products li:last-of-type { border-bottom: none; }
.moduletable.related-products a { color: #000; display: block; }
.moduletable.related-products a:hover { color: #00389E; }
.moduletable.related-products span { max-width: 38% !important; width: 38% !important; padding-right: 0.75rem; display: inline-block; }
.moduletable.related-products span img { }
.moduletable.related-products p { position: relative; display: inline-block; margin-bottom: 0.75rem; width: 60%; line-height: 1.33; vertical-align: middle; }

/*PRODUCT BUTTONS*/

.product-button { display: block; text-align: center; border: 2px dashed #00389E; padding: 0.3rem 1rem; color: #00389E; font-family: 'Roboto', sans-serif; font-size: 0.95rem; border-radius: 5px; transition: all 0.1s ease-in-out; }
.product-button:hover { background: #00389E; border: 2px solid #00389E; color: #fff; }

/*PRODUCT CATEGORY*/

.product-category .product { border: 1px solid #A2A2A2; margin-bottom: 1rem; width: 48%; margin-right: 2%; padding-left: 0; padding-right: 0; } 
.product-category .product img { max-width: 155px !important; width: 100%; }
.product-category .product .item-title { display: block; border-top: 1px solid #A2A2A2; padding: 0.625rem 0.625rem 0; text-align: center; color: #4D4D4D; }
.product-category .product-grid { padding-top: 1rem; }

.product-thumb img { max-width: 325px !important; }

.product-wrapper { position: relative; border: 1px solid #949494; margin-bottom: 1rem; }
.product-wrapper img { display: block; margin: 0 auto;}
.product-wrapper .magnify-icon { position: absolute; top: 15px; right: 20px; text-indent: -9999px; display: block; background: url('../images/magnify.svg') no-repeat; width: 20px; height: 20px; }
.product-wrapper .new-item, .product-wrapper .on-sale { position: absolute; top: 0; left: 0; text-indent: -9999px; display: block; width: 10rem; height: 10rem; }
.product-wrapper .new-item { background: url('../images/new-item.svg') no-repeat;}
.product-wrapper .on-sale { background: url('../images/on-sale.svg') no-repeat;}
.product-details { position: relative; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 300; border-top: 1px solid #949494; }
.product-details .product-link { display: inline-block; color: #000; max-width: 50%; padding: 0.75rem 2.5% 1.5rem 2.5%; }
.product-details .product-link:hover { color: #00389E; }
.product-details .sales-sheet { position: relative; margin: 0.75rem 2.5% 0 0; padding: 0.5rem 1rem; float: right; }
.product-details .sales-sheet span:before { content: ''; display: inline-block; position: relative; top: 1px; background: url('../images/clipboard.svg') no-repeat; width: 1rem; height: 1rem; margin-right: 5px; }
.product-details .sales-sheet:hover span:before { content: ''; background: url('../images/clipboard-hover.svg') no-repeat; }

/*BREADCRUMBS*/

.breadcrumbs { margin-bottom: 0.75rem; margin-left: 0; padding-left: 0; padding-top: 0; background: none; border: none; font: italic 0.8125rem 'Roboto', sans-serif; text-transform: none; }
.breadcrumbs li:first-child { display: none; }
.breadcrumbs li:nth-of-type(2):before { margin-left: 0; }
.breadcrumbs>* { text-transform: none; }
.breadcrumbs>*.current { color: #6C6C6C; }
.breadcrumbs>* a { color: #A9A9A9; }
.breadcrumbs>*:before { content: '>'; top: -1px; margin: 0 0.35rem;}

.download-button { background: #164BA7; text-align: center; position: relative; margin-bottom: 1rem; overflow: hidden; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 3px 0 0 #093A95; }
.download-button h3 { color: #fff; font-weight: 400; text-transform: uppercase; font-size: 1.325rem; padding: 1.1rem 0 0.5rem; margin: 0; }
.download-button h3:before { content: ''; display: block; float: left; background: #093A95 url('../images/map-icon.svg') 5.125rem 50% no-repeat; background-size: 3rem 3rem; width: 10rem; height: 10rem; border-radius: 50%; margin: -4.0625rem 0 -3rem -3.75rem; }
a:hover .download-button { background: #0093BC; box-shadow: 0 3px 0 0 #016F92; transition: all 0.1s ease-in-out; }
a:hover .download-button h3:before { background: #016F92 url('../images/map-icon.svg') 5.125rem 50% no-repeat; background-size: 3rem 3rem; transition: all 0.1s ease-in-out; }

.sidebar { margin-bottom: 1rem; }
.sidebar:last-of-type { margin-bottom: 0; }
.sidebar input { color: #fff; display: inline-block; height: 2rem; margin-bottom: 0.5rem; }
.sidebar button { background: rgba(0,0,0,0); border-radius: 5px; padding: 0; height: 2rem; width: 25%; border: 1px solid #FFEE00; color: #FFEE00; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 0.875rem; }
.sidebar button:hover { color: #4D4D4D; background: #FFEE00; }
.sidebar h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.5rem; font-weight: 500; color: #FFF100; margin-bottom: 2px; }
.sidebar p { font-family: 'Roboto', sans-serif; font-size: 0.8125rem; color: #fff; font-weight: 300; margin-bottom: 0.5rem; }
.sidebar-content { padding: 0 1.8rem; }
.dark { background: #231F20; }
.dark input, .dark input:focus, .dark input:active { background: #4D4D4D; border-radius: 5px; border: 1px solid #868686; }
.dark input { width: 70%; margin-right: 1.8%; }
.light input, .light input:focus, .light input:active { background: #393536; border-radius: 5px; border: 1px solid #868686; }
.light textarea, .light textarea:focus, .light textarea:active { background: #393536; border-radius: 5px; border: 1px solid #868686; color: #fff; }
.light { background: #4D4D4D; }
.dark i { background: #444141; /* Old browsers */
background: -moz-linear-gradient(top,  #444141 0%, #231f20 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444141), color-stop(100%,#231f20)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #444141 0%,#231f20 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #444141 0%,#231f20 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #444141 0%,#231f20 100%); /* IE10+ */
background: linear-gradient(to bottom,  #444141 0%,#231f20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444141', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
display: block;
}
.light i { background: #686868; /* Old browsers */
background: -moz-linear-gradient(top,  #686868 0%, #4d4d4d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #686868 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #686868 0%,#4d4d4d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #686868 0%,#4d4d4d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #686868 0%,#4d4d4d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */
display: block;
}
.sidebar span { position: relative; width: 35%; height: 4rem; margin: 0 auto; background: url('../images/sidebar-icon-bg.svg') 50% 0 no-repeat; display: block; }
.sidebar span img { position: absolute; width: 23%; display: block; margin: 0 auto; left: 0; right: 0; padding-top: 5px; max-height: 3rem; top: 5px; }

.footer-wrapper {
	background-color: #231f20;
	color: #858585;
	padding-top: 1rem;
}
.footer li { line-height: 1.4; }
.footer-wrapper a { color: #fff; }
.footer-menu ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.footer-wrapper li, .footer-wrapper p { font-size: 0.875rem; }
.footer-wrapper li a { color: #858585; }
.footer-wrapper li a:hover { color: #fff000; }
.footer-wrapper h3 { border-bottom: 1px dashed #4c4c4c; color: #fff; font-size: 1.25rem; text-transform: uppercase; font-weight: 600; }
.footer-wrapper .moduletable.large-4.small-12.small-pull-12.columns.large-text-right h3 { border-bottom: none; margin-bottom: 0; }

@media only screen and (min-width: 40.063em) { 
	.desktop-tablet-navigation { margin: 0.8rem 0 0 0; float: none; }
	.desktop-tablet-navigation ul { margin: 0 auto; }
	.desktop-tablet-navigation li:last-of-type ul { right: auto; }
	.background { background: url('../images/background.svg') no-repeat; background-size: cover; }
	.moduletable.sidebar.dark  { width: 48%; float: left; margin-right: 2%; }
	.top-bar-section li:not(.has-form) a:not(.button) { background-color: #4d4d4d; }
	.top-bar-section li.active:not(.has-form) a:not(.button) { background-color: #333; }
	.top-bar-section li.active:not(.has-form) a:not(.button):hover { background-color: #231f20; }
	.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover { background-color: #231f20; }
	.copy-wrapper { padding: 2.1rem 3.5rem;}
	.product-category .product { width: 31%; margin-right: 2%; padding-left: 0; padding-right: 0; }
	.product-tabs .tab-title a { font: 600 0.9375rem 'Roboto', sans-serif; padding: 0.5rem 1rem; background: #fff; }
	.product-tabs .tab-title a:hover { background: #ECECEC; }
	.product-tabs .tab-title { position: relative; z-index: 999; top: 1px; background: #fff; }
	.product-tabs .tab-title.active { border-top: 1px solid #868686; border-left: 1px solid #868686; border-right: 1px solid #868686; border-bottom: 1px solid #fff; top: 1px; }
	.product-tabs .tab-title.active a { color: #00389E; }
	.product-tabs .tab-title { border-top: 1px solid #868686; border-left: 1px solid #868686; border-right: 1px solid #868686; margin-right: 10px; }
	.product-tabs .tabs { border-bottom: 1px solid #868686; }
	.product-button { max-width: 25%; }
}

@media only screen and (min-width: 63.063em) {
	.desktop-tablet-navigation { margin: 0.5rem 0 0 0; float: right; }
	.desktop-tablet-navigation li:last-of-type ul { right: 0; }
	.logo img { max-width: 16rem; }
	.sidebar-wrapper { padding-right: 0; }
	.moduletable.sidebar.dark { width: 100%; float: none; margin: 0 0 1rem 0; }
	.product-category .product { width: 21%; margin-right: 4%; padding-left: 0; padding-right: 0; }
}
