html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, ul, li {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

img, a img {
    border: medium none;
}

.clear {
    border: medium none;
    clear: both;
    float: none;
    height: 1px;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    transition: all 0.4s ease;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    color: #535353;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p {
    padding-bottom: 10px;
}

h1 {
    font-size: 37px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 19px;
}

h6 {
    font-size: 17px;
}

p {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}
body {
	font-family: 'Roboto', sans-serif;
}
*, *::before, *::after
{
    box-sizing: border-box;
}
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*********************************************/

.container
{
    width: 1250px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.headertop 
{
    background-image: url('../img/headerbg.jpg');
    background-repeat: repeat-x;
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.header
{
    background-color: transparent;
    border-bottom: none;
}
.logo 
{
    float: left;
    width: 23%;
}
.topmenu {
    text-align: right;
    margin-top: 10px;
}
.topmenu,
.bottombar 
{
    float: right;
    width: 77%;
}
.topmenu li 
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #222222;
    display: inline-block;
    margin-left: 24px;
}
.topmenu li a
{
    color: #222222;
    display: initial;
}
.topmenu li a:hover
{
    color: #0a64ba;
}
.topmenu li.topcart img 
{
    margin-right: 25px;
    float: left;
}
.telphone 
{
    font-size: 22px;
    font-weight: 900;
    color: #222;
    float: left;
    margin-left: 40px;
    margin-top: 5px;
}
.telphone img 
{
    margin-right: 10px;
    margin-top: 4px;
    float: left;
}
.bottombar 
{
    margin-top: 15px;
}
.searchform 
{
    float: right;
    width: 530px;
    height: 34px;
    border: 1px solid #cfd8ec;
    border-radius: 30px;
}
.searchform form input 
{
    height: 33px;
    float: left;
    border: none;
    background: none;
    border-radius: 30px;
    width: 90%;
    padding-left: 15px;
    outline: none;
    font-size: 12px;
    font-weight: 500;
    color: #222;
}
.searchform form input::placeholder
{
    font-size: 12px;
    font-weight: 500;
    color: #222;
}
.searchform form input[type="submit"] 
{
    background-image: url(../img/searchico.png);
    background-repeat: no-repeat;
    width: 10%;
    height: 33px;
    background-position: center;
}
.catatitlename {
    font-size: 12pt;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}
.pagerandsorter {
    overflow: hidden;
}
.pagination {
    float: left;
}
.pagerandsorter form.actionBar {
    float: right;
    margin: 0;
}
.pagerandsorter .actionBar-section .form-field
{
    margin-bottom: 0;
}
li.pagination-item.pagination-item--current .pagination-link 
{
    color: #0a64ba;
}
li.pagination-item .pagination-link {
    padding: 0;
}
.pagination-item.pagination-item--current
{
    border: none;
}
li.pagination-item.pagination-item--next {
    margin-top: -2px;
    margin-left: 15px;
}
.pagerandsorter .actionBar-section .form-select {
    color: #000;
    border: 1px solid #cfd8ec;
    border-radius: 40px;
    padding-left: 20px;
    font-style: italic;
}
.pagerandsorter .actionBar-section .form-field
{
    border: none;
}
.pagerandsorter .actionBar-section .form-label
{
    color: #000;
}
.mainmenu
{
    margin-top: -24px;
    /*background: rgba(6, 21, 78, 0.7);*/
    background: #133eae;
    text-align: center;
    padding-top: 25px;
    position: relative;
    box-shadow: 0px 2px 8px inset;
}
body.home .mainmenu
{
     background: rgba(6, 21, 78, 0.7);
}
.mainmenu li 
{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 12px;
}
.mainmenu li.hassub>a 
{
    padding-right: 21px;
    background-image: url(../img/dropico.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    /*font-size: 20px;*/
    font-size: 15px;
    /*font-weight: 500;*/
    font-weight: 700;
    background-size: 11px;
}
.mainmenu li a
{
    color: #fff;
}
.mainmenu li a:hover
{
    color: #0A64BA;
}
.mainmenu li ul {
    background: #0a64ba;
    border: 4px solid #06154e;
    /*display: none; */
    position: absolute;
    top: 100%;
    padding: 10px;
    z-index: 999;
    min-width: 275px;
}
.mainmenu li ul li a {
    font-weight: normal;
}
.mainmenu li ul li .allview
{
    font-weight: 700;
    color: #fff;
}
.mainmenu li:hover ul 
{
    /*display: block;*/
}
.mainmenu .navPage-subMenu
{
	padding: 0 !important;
	position: relative;
}
.mainmenu .navPages-action.is-open
{
	background-color: transparent;
}
.mainmenu .navPages-action.activePage
{
    color: #fff;
}
.mainmenu .navPage-subMenu ul
{
	margin: 0 !important;
}
.mainmenu .navPage-subMenu.is-open
{
	top: 11px;
}
.mainmenu .navPage-subMenu-action
{
	padding: 0;
}
.mainmenu li ul li {
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
    background-image: url(../img/listbg.png);
    background-repeat: no-repeat;
    background-position: center left;
    display: block;
    padding-bottom: 0;
    margin-bottom: 5px;
    margin-left: 0;
}
.mainmenu li ul li:last-child
{
    margin-bottom: 0;
}
.mainmenu li ul li a:hover
{
    color: #ddd;
}
.banner 
{
    margin-top: -60px;
}
.homecategories 
{
    padding: 50px 0 70px;
    background: #f7f8ff;
    box-shadow: inset -15px 50px 41px -40px #d1dcec;
    margin-top: -3px;
}
.homecategories ul 
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.homecategories li {
    position: relative;
    transition: transform 0.3s;
}
.homecategories li:before {
    position: absolute;
    right: 0;
    left: 0;
    content: '';
    bottom: 0;
    background: rgba(255,255,255,.2);
    z-index: 99;
    top: 0;
    pointer-events: none;
    display: none;
}
.homecategories li:hover:before {
    display: block;
}

.footer 
{
    background: #0a64ba;
    padding: 30px 0;
}
.bankimage {
    text-align: center;
    border-bottom: 2px solid #222222;
    padding-bottom: 20px;
}
.bankimage img
{
    display: inline-block;
}
.footerbox h5 
{
    color: #dddddd;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}
.footerbox li 
{
    color: #dddddd;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 8px;
    list-style-type: disc;
    list-style-position: inside;
}
.footerbox li a
{
    color: #dddddd;
}
.footerbox li a:hover {
    color: #fff;
}
.footerbox 
{
    float: left;
}
.footerbox 
{
    float: left;
    width: 18%;
}
.footerbox.contactfoot 
{
    float: right;
    width: 33%;
    text-align: right;
}
.footerarea 
{
    padding-top: 40px;
}
.footerbox.contactfoot p 
{
    font-size: 14px;
    text-transform: uppercase;
    color: #dddddd;
    font-weight: 700;
}
.footerbox.contactfoot img 
{
    margin: 0 0 15px auto;
}
.footerbox.contactfoot p span 
{
    display: block;
}
.footerbox.contactfoot span, 
.footerbox.contactfoot span a 
{
    color: #dddddd;
}
.prodsidebar 
{
    float: left;
    width: 23%;
}
.prodsidebar h3 
{
    font-size: 20pt;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #0a64ba;
}
.prodsidebar li {
    font-size: 11pt;
    text-transform: uppercase;
    color: #1e1e1e;
    font-weight: 500;
    border-bottom: 1px solid #dddddd;
}
.prodsidebar li a
{
    color: #1e1e1e;
    padding: 20px 0;
    display: block;
}
.prodsidebar li a:hover
{
    color: #0a64ba;
}
.product_lists {
    width: 76%;
    float: right;
}
.productGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 13px;
    grid-row-gap: 15px;
    margin: 0;
}
.productGrid .product,
.productCarousel-slide {
    padding: 0 0 10px;
    border-bottom: 5px solid #fff;
    width: 100%;
}
.productGrid li:hover,
.productCarousel-slide:hover {
    border-radius: 5px;
    border-bottom: 5px solid #133fac;
}
.productGrid:before
{
    display: none;
}
.page-sidebar+.page-content .productGrid .product
{
    width: 100%;
}
.proddesc {
    padding: 0 15px;
}
.product_img 
{
    height: 240px;
    background: #fff;
    border: 1px solid #dedede;
    position: relative;
    margin-bottom: 15px;
}
.product_img img 
{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 200px;
    width: auto;
}
.prodtitle {
    margin-bottom: 10px;
}
.prodtitle a 
{
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    display: block;
    height: 44px;
    overflow: hidden;
    line-height: 23px;
}
.prodtitle a:hover
{
    color: #133fac;
}
.productGrid span.price,
.productCarousel-slide .price {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #133fac;
    text-align: center;
    margin-bottom: 15px;
}
.productCarousel-slide .price .price
{
    margin: 0;
}
.productGrid span.price .price-section,
.productCarousel-slide .price .price-section
{
    display: inline-block;
}
.productGrid .button,
.productView-options .form-action .button,
.productCarousel-slide .button,
.button {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    background: #133fac;
    padding: 7px 0;
    min-width: 115px;
    border-radius: 25px;
    box-shadow: 0px 2px 10px #888;
    border: 1px solid #133fac;
    margin: 0;
    line-height: inherit;
}
.productGrid .button:hover,
.productView-options .form-action .button:hover,
.productCarousel-slide .button:hover,
.button:hover
{
    color: #133fac;
    background: #fff;
}
.product_section 
{
    padding: 40px 0;
    overflow: hidden;
}
.breadcrumbarea {
    display: inline-block;
    float: none;
}
.breadcrumb
{
	margin-bottom: 10px;
    margin-top: 5px;
}
.breadcrumb li {
    display: inline-block;
    font-size: 9pt;
    color: #000;
    text-transform: uppercase; 
    margin-right: 8px;
    margin-bottom: 0;
}
.breadcrumb li a
{
	color: #000;
}
.body
{
    margin-top: 0;
    margin-bottom: 0;
}
.productView-images {
    padding: 0;
}
.productView-images  .productView-image
{
    padding: 0;
    border: 1px solid #dddddd;
}
.productView-title,
.page-heading {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 25px;
    /*margin-top: -5px;*/
    border-bottom: 1px solid #0a64ba;
}
.form-field.form-field--increments label {
    font-size: 14pt;
    color: #1e1e1e;
    text-transform: uppercase;
    font-weight: 700;
    font-family: roboto;
    margin-right: 70px;
    margin-bottom: 0;
}
.productView-product
{
    padding-bottom: 0;
    border-bottom: 0;
}
dl.productView-info dd {
    margin: 0;
}
.productView-price
{
    margin: 15px 0;
}
.addtocartbtn 
{
    overflow: hidden;
    padding-bottom: 15px;
}
.addtocartbtn .form-field.form-field--increments {
    margin-bottom: 15px;
}
.productView-options .addtocartbtn .form-action .button {
    min-width: 200px;
    margin: 15px 0 0;
}
.productView-details 
{
    padding-left: 25px;
}
.addtocartbtn label,
.addtocartbtn .form-increment {
    float: left;
}
.form-increment .button {
    display: inline-block;
    min-width: auto;
    height: auto;
    background: no-repeat;
    box-shadow: none;
    padding: 0;
}
.cart-actions .button,
.panel-body .button,
.account-body .button,
#contact-us-page .button {
    min-width: 200px;
}
.productView-options .form-action,
.productView-details,
.productView-options .form-field,
.productView
{
    margin: 0;
}
.detailbottom {
    overflow: hidden;
    width: 100%;
    margin-bottom: 35px;
}
.descriptiondetail {
    padding: 15px 0;
    text-transform: uppercase;
}
.productView-thumbnails
{
    margin: 0;
}
.related_productssection p.productView-title 
{
    border-bottom: none;
    padding: 0;
}
.productCarousel-slide {
    padding: 0 15px 10px;
}
.selling_price_div,
.msrp_div {
    line-height: 20px;
}
.percentsave
{
    line-height: 25px;
}
.selling_price_label.label {
    font-size: 14pt;
    text-transform: uppercase;
    color: #1e1e1e;
    font-weight: 900;
    float: left;
    margin-right: 5px;
}
span.selling_price {
    color: #0a64ba;
    font-weight: 900;
    font-size: 14pt;
}
.msrp_div {
    text-decoration: line-through;
}
span.msrp_label.label {
    font-size: 14pt;
    color: #1e1e1e;
}
span.msrp_price {
    font-size: 14pt;
}
.percentsave {
    text-transform: uppercase;
    font-size: 14pt;
    color: #1e1e1e;
}
form.form.form-wishlist.form-action {
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: 900;
    border-bottom: 1px solid;
    color: #1e1e1e;
    margin: 15px 0;
}
.tellafriend {
    margin: 15px 0;
}
#wishlist-dropdown.is-open {
    padding-right: 11px;
    background: #133fac;
    text-align: center;
}
#wishlist-dropdown.is-open input[type="submit"],
#wishlist-dropdown.is-open [data-wishlist] 
{
    background: none;
    border: none;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    padding: 15px 0;
    border-bottom: 1px solid;
    display: block;
    width: 100%;
}
#wishlist-dropdown.is-open input[type="submit"]:hover,
#wishlist-dropdown.is-open [data-wishlist]:hover
{
    background: #1649c8;
}
.socialLinks li.socialLinks-item.socialLinks-item--email
{
    display: none;
}
.form-increment 
{
    border: 1px solid #e3e3e3;
}
.form-increment .button 
{
    margin: 0;
    padding: 0;
    border: navajowhite;
    min-height: 25px;
}
.form-input--incrementTotal 
{   
    font-size: 16pt;
    font-weight: 900;
    color: #0a64ba;
}
.productView-reviewLink {
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: 900;
    color: #1e1e1e;
}
.cart-header th {
    background: #133EAE;
    padding: 15px 5px;
    text-transform: uppercase;
    color: #fff;
}
.cart-total-label {
    text-transform: uppercase;
    color: #133EAE;
}
.cart-total-value, .cart-total-value button {
    color: #000;
    text-transform: uppercase;
}
.cataimage img {
    position: relative;
    height: 120px;
}
.heroCarousel {
    margin-top: -65px;
    margin-bottom: 0 !important;
}
.home .body .slick-dots {
    display: none !important;
}
.slick-next, .slick-prev {
    background: none;
    border: none;
}
.mobmenu {
    display: none;
}
.burger {
    float: left;
}
.mobcart {
    float: right;
}
.banners .banner
{
    margin-top: 0;
}
.breadcrumb::before {
    /*margin-left: 0;*/
    top: -1px;
    content: ":";
}
.productView-thumbnails .slick-list
{
    margin: 0;
}
.productView-thumbnail-link
{
    max-width: 100%;
    height: 115px;
}
.productView-thumbnails img
{
    max-height: 100px;
    max-width: 100%;
}
.productView .slick-dots
{
    display: none !important;
}
.productView-image+.productView-thumbnails {
    margin-top: 40px;
    position: relative;
}
/*.productView-image+.productView-thumbnails:before {
    position: absolute;
    content: '';
    background-image: url(https://cdn11.bigcommerce.com/s-3pz6j6qvxb/product_images/uploaded_images/enlarge.jpg);
    width: 45%;
    left: 0;
    right: 0;
    height: 15px;
    top: -30px;
    margin: auto;
}*/

.productView-thumbnails .slick-next {
    right: -30px;
}
.productView-thumbnails .slick-prev {
    left: -30px;
}

ul.subpagecategories {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 25px;
}

ul.subpagecategories li {
    display: grid;
    align-items: center;    
    font-size: 16px;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    background: #0a65bb;
    min-height: 100px;
}
ul.subpagecategories li a
{
    color: #fff;
    
}
ul.subpagecategories li:hover
{
    background: #0a65bbb8;
}
.detailbottom .descriptiondetail {
    text-transform: initial;
    font-size: 16px;
}

.cart-item-image {
    max-height: 100px;
}
/************************************************/
/************** Media Queries *****************/
@media only screen and (min-width: 1200px) and (max-width: 1280px)
{
	.container
	{
		width: 100%;
	}
}

@media only screen and (max-width: 1199px)
{
    .container
    {
        width: 970px;
    }
    .searchform
    {
        width: 420px;
    }
    .mainmenu
    {
        padding-top: 15px;
        margin-top: 0;
    }
    .mainmenu li.hassub>a
    {
        font-size: 15px;
    }
    .productGrid
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 991px)
{
    .container
    {
        width: 750px;
    }
    .searchform
    {
        width: 280px;
    }
    .footerbox 
    {
        width: 23%;
    }
    .prodsidebar h3
    {
        font-size: 16px;
    }
    .prodsidebar li
    {
        font-size: 8pt;        
    }
    .prodsidebar li a
    {
        padding: 15px 0;
    }
    .productGrid
    {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 767px)
{
    .container
    {
        width: auto;
    }
    .mobmenu
    {
        display: block;
        margin-top: 15px;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .navPages-container
    {
        display: block;
        position: relative;
    }
    .header
    {
        position: relative;
    }
    .logo {
        float: none;
        width: 100%;
    }
    .header-logo-image-unknown-size
    {
        max-height: initial;
    }
    .logo img {
        margin: 0 auto;
    }
    .headertop
    {
        background: #fff;
    }
    .topmenu
    {
        display: none;
    }
    .bottombar {
        margin-top: 15px;
        float: none;
        width: 100%;
        display: block;
        overflow: hidden;
        text-align: center;
    }
    .telphone {
        float: none;
        width: 195px;
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0 auto;
    }
    .telphone img
    {
        margin-top: 10px;
    }
    .searchform {
        width: 290px;
        float: none;
        margin: 25px auto 0;
    }
    .quickSearchResults
    {
        margin-top: 0;
    }
    .mainmenu
    {
        display: none;
    }
    .mainmenu li ul
    {
        position: relative;
    }
    .mainmenu li
    {
        display: block;
        border-bottom: 1px solid #fff;
        padding: 15px 0;
    }
    .homecategories ul
    {
        grid-template-columns: 1fr;
    }
    .homecategories ul img
    {
        margin: 0 auto;
    }
    .footerbox {
        width: 100%;
        float: none;
        margin-bottom: 25px;
        text-align: center;
    }
    .footerbox h5,
    .footerbox li a
    {
        color: #fff;
    }
    .footerbox li
    {
        list-style: none;
    }
    .footerbox.contactfoot {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    .footerbox.contactfoot img {
        margin: 0 auto 15px;
    }
    .prodsidebar,
    .product_lists
    {
        float: none;
        width: 100%;
    }
    .productGrid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
    }
    .prodtitle a
    {
        font-size: 14px;
        line-height: 15px;
    }
    .productGrid span.price, .productCarousel-slide .price
    {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .productGrid .button, .productView-options .form-action .button, .productCarousel-slide .button, .button {
        font-size: 14px;
    }
    .heroCarousel
    {
        margin-top: 0;
    }
    .mobcart img {
        display: inline-block;
    }
    .heroCarousel.slick-initialized {
        max-height: 200px;
        opacity: 1;
        height: 133px;
    }
    .heroCarousel-image-wrapper {
        height: auto !important;
    }
    .heroCarousel .slick-slide img {
        display: block;
        object-fit: cover;
        height: 130px;
    }
    .productView-details {
        padding: 0;
    }
    .productView-thumbnail-link
    {
        height: 65px;
    }
    .slick-slide img
    {
        height: 60px;
    }
}