﻿body {
    background: #d9daa0;
    background-attachment: fixed;
    background-size: inherit;
    font-family: 'Open Sans'
}

.entity-header.is-wrapper.clearfix {
    height: auto;
}

.attributes.attribute.carry.on.luggage-attribute {
    display: none;
}

.navbar-brand {
    padding: 10px 0 0 0 !important;
}

.sidebox .panel-body ul li a {
    text-transform: none;
}

#navbar-top .row {
    background: #fff;
    box-shadow: 0 20px 15px 2px #0000005e;
    background: url('skins/Skin_(!SKINID!)/img/header.jpg');
    background-size: cover;
    background-position: bottom
}

form#createAccount {
    max-width: 1140px !important;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 50px
}

.sidebox .panel-heading, .sidebox.panel.panel-default a, .sidebox.panel.panel-default p {
    color: #000
}

.dropdown .dropdown-menu {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.navbar-toggler i {
    color: #4e7d09
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f2f2f2 !important
}

.carousel-control-next, .carousel-control-prev {
    z-index: 11
}

.dropdown-menu a {
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 14px;
    line-height: 32px
}

.sidebox.panel.panel-default a, .sidebox.panel.panel-default p {
    font-size: 14px;
    font-weight: 500
}

.sidebox ul.collapse {
    padding: 0
}

#sd_footer a, #sd_footer li, #sd_footer p {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.dropdown-menu {
    margin: 0
}

img#ix8hhf {
    margin: 0
}

ul#social li {
    display: inline-block
}

.customer-support {
    margin: 0;
    padding: 0
}

#sd_footer h4 {
    font-size: 18px;
    font-weight: 500
}

p#copyright {
    text-align: center;
    width: 100%
}

form#frmSearch button, form#frmSearch button:hover {
    background: 0 0;
    height: 38px;
    color: #4e7d09;
    background: #fff !important
}

form#frmSearch {
    padding: 10px 15px
}

.cart-item-container .btn {
    padding: 0 5px;
    border-radius: 2px !important
}

input#btnCheckOutNowTop {
    margin-bottom: 5px
}

.navbar {
    padding: 0
}

.sidebox .btn-toggle:before {
    color: #000
}

.container {
    max-width: 1600px !important
}

.is-container .container {
    width: 100%
}

.dropdown-menu {
    border: none
}

#myNavbar li ul li ul.list-group {
    left: 99.9%;
    width: 100%;
    box-shadow: rgba(0,0,0,.176) 0 6px 12px;
    max-width: 350px;
    position: absolute;
    top: 0;
    background: #fff;
    list-style-type: none;
    z-index: 9999
}

#myNavbar .dropdown-menu li a span.caret {
    transform: rotate(-90deg) translateX(50%);
    right: 10%;
    position: absolute;
    bottom: 35%
}

#myNavbar .dropdown-menu li a, #myNavbar li ul li div a {
    padding: 0 15px;
    line-height: 42px;
    color: #000;
    display: block;
    font-weight: 300
}

#myNavbar ul.dropdown-menu li a {
    color: #000;
    width: 180px
}

#myNavbar li ul li div a:hover, .navbar-default .dropdown-menu > li > a:hover {
    color: #000;
    background-color: #f2f2f2 !important
}

#myNavbar ul li:hover > ul, ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block
}

.list-group {
    display: none;
    font-size: 14px;
    font-weight: 300
}

#myNavbar {
    background: #8ba9ab;
    padding: 0 15px
}

.sidebox {
    background: url(img/side-bg1.jpg)
}

    .sidebox .panel-heading {
        padding: 10px 15px;
        background: rgb(236 202 165);
        color: #fff;
        font-weight: 600;
        background-position-x: center;
        border-radius: 0;
        font-size: 20px;
        border-bottom: 1px solid rgba(255,255,255,.3)
    }

    .sidebox.panel {
        border-radius: 0;
        background: #ffe4c7
    }

    .sidebox .panel-body {
        padding: 15px
    }

        .sidebox .panel-body ul li {
            border-top: none;
            padding: 7px 10px
        }

            .sidebox .panel-body ul li a {
                color: #fff;
                text-transform: none;
            }

#submenu {
    background: #1d1d1d;
    height: 36px
}

#sd_body {
    display: flow-root;
    background: #fff;
    padding: 15px;
    box-shadow: 0 20px 15px 2px #0000005e
}

footer .container .row#footer_container {
    box-shadow: 0 20px 15px 2px #0000005e;
    background: #fff;
    background-size: 100%;
    background-position-y: bottom;
    padding: 50px
}

footer {
    background: 0 0;
    padding: 0;
    margin-bottom: 80px
}

#OCR_scanners .carousel-caption, #accessories .carousel-caption, #nonOCR_scanners .carousel-caption {
    text-align: left
}

.carousel-caption {
    right: 5% !important;
    left: 5% !important;
    padding-bottom: 10px !important
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    opacity: 1 !important
}

.carousel-inner > .item {
    background: 0 0 !important
}

#submenu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 36px
}

#submenu ul li {
    display: inline-block;
    padding-left: 20px
}

    #submenu ul li:first-child:after {
        content: '|';
        color: #fff;
        padding-left: 20px
    }

#submenu ul {
    margin: 0;
    padding-left: 0
}

.navbar-form button {
    border-color: transparent !important;
    line-height: 22px;
    border-radius: 0 20px 20px 0;
    color: #4571a3;
    font-size: 20px
}

#myNavbar ul li a {
    color: #fff;
    font-weight: 600
}

.-shopping-cart .badge {
    background: 0 0;
    padding: 0;
    font-weight: 300;
    font-size: 14px;
    color: #acc0d7
}

#sd_body h4 {
    color: #4571a3;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px
}

#copyright {
    margin-top: 50px
}

footer h4 {
    color: #fff
}

footer a, footer a:hover, footer h4, footer li, footer p {
    color: #000
}

ul#sd_search li {
    display: inline-flex
}

ul#sd_search {
    margin: 0;
    margin-top: 20px
}

a.navbar-brand-anim {
    margin: 0 0;
    display: block;
    height: 150px;
    width: 236px;
    background: url(img/logo-bg.png) center center no-repeat;
    background-size: 216px 130px
}

    a.navbar-brand-anim img {
        position: absolute;
        margin-top: 10px;
        width: 216px;
        height: 130px;
        animation-name: logo;
        animation-duration: 5s;
        animation-iteration-count: infinite
    }

a.navbar-brand {
    margin: 0 0
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #12407517 !important
}

.list-group a {
    margin-top: -1px;
    color: #000 !important;
    font-weight: 300 !important
}

.page-content.token {
    margin: 50px 0
}

.cart-item-moveto-wishlist {
    padding: 0 4px;
    margin-left: -4px
}

.cart-item-total-price a i {
    padding: 0 8px;
    line-height: 32px
}

.KitTable input[type=radio] {
    height: 75px;
    float: left
}

.KitTable tr td span {
    display: table-cell;
    height: 82px;
    vertical-align: middle
}

.KitTableGroup td span {
    height: 25px !important;
    display: inline-block !important
}

.KitTable {
    margin-top: 20px
}

.caption-text.price span span span {
    color: #999;
    font-size: 14pt;
    font-weight: 400
}

.checkbox {
    display: none
}

.thumbnail .caption {
    height: 110px
}

.sidebox.panel .btn-toggle {
    margin-top: -5px;
    color: rgba(255,255,255,.7) !important
}

.sidebox ul ul {
    padding-left: 0
}

.thumbnail-wrap .thumbnail, .thumbnail.text-center {
    padding: 0;
    width: 100%;
    display: inline-block;
    margin: 0 auto 35px;
    border-radius: 0;
    border: 1px solid #aaa !important;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}

.navbar-brand > img {
    max-height: 130px
}

.carousel-inner .pull-right-md {
    float: right
}

form#frmSearch .input-group-btn {
    border: 2px solid #4e7d09;
    border-radius: 0 20px 20px 0;
    border-left: 0
}

#sd_search form .input-group {
    background: #fff;
    padding: 0;
    border-radius: 50px
}

#sd_search form input#txtSearch {
    width: 325px;
    margin: 0;
    box-shadow: none !important;
    border-radius: 20px 0 0 20px;
    max-width: 100%;
    padding: 19px;
    border: 2px solid #4e7d09;
    border-right: 0
}

#btnSearch.btn {
    border-radius: 50px
}

.btn-slider.btn-primary {
    background: #ed1c24;
    border-color: #ed1c24;
    color: #fff;
    text-transform: uppercase
}

.btn-slider {
    bottom: 0;
    z-index: 9999;
    position: absolute;
    right: 0
}

.scanner .carousel .carousel-control {
    width: 5%
}

.carousel-control .glyphicon-chevron-right, .scanner .carousel-control .glyphicon-chevron-left, .scanner .carousel-control .icon-next, .scanner .carousel-control .icon-prev {
    font-size: 20px
}

.hover-style1 li {
    float: left !important
}

    .hover-style1 li a {
        padding: 0 14px !important
    }

.entity-header > #imgEntity_Category {
    display: none
}

ul.pagination {
    background: #fff
}

.navLinkscontainer {
    display: none
}

#myNavbar .navbar-right li a {
    color: rgba(255,255,255,.6) !important
}

    #myNavbar .navbar-right li a:hover {
        color: #fff !important
    }

@media (max-width:480px) {
    body {
        text-align: center
    }

    .nav-link.dropdown-toggle {
        padding: 0 10px
    }

    .container img {
        margin: 0 !important
    }

    .navbar-brand {
        width: auto !important;
        float: left !important;
        padding: 10px !important;
        display: inline-block;
        height: inherit
    }

    .thumbnail .caption {
        height: 110px;
        max-width: 350px
    }

    .navbar-form {
        padding: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 8px;
        margin-left: 0;
        border-top: none;
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #myNavbar {
        background: #8ba9ab
    }

        #myNavbar ul li a {
            line-height: 36px
        }

    .container#sd_container, .container#sd_footer {
        padding-right: 0;
        padding-left: 0
    }

    #sd_body {
        padding: 0 25px
    }

    footer {
        margin-bottom: 0
    }

    .carousel-inner > .item > a > img, .home-slider .carousel .carousel-inner > .item > img {
        height: 320px !important;
        object-fit: cover;
        object-position: -20px
    }

    .container > .navbar-header {
        margin-right: 0;
        margin-left: -10px
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
        background: #fff;
        position: absolute;
        top: 15px;
        right: 0
    }

    .navbar-brand > img {
        height: 80px
    }

    .navbar {
        margin-bottom: 10px
    }

    ul#sd_search {
        text-align: center;
        padding-left: 0;
        margin: 0
    }

    .navbar-brand {
        float: right
    }

    .dropdown-menu {
        padding: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175)
    }

    .list-group a {
        line-height: 16px !important
    }

    .carousel-caption {
        right: 10% !important
    }

    #sd_footer .col-md-3 {
        margin-bottom: 30px
    }

    .carousel h1 {
        font-size: 30px
    }

    #OCR_scanners .item, #nonOCR_scanners .item {
        height: 350px
    }

    #copyright {
        margin-top: 0 !important
    }

    .carousel-inner .item-img {
        text-align: center
    }

        .carousel-inner .item-img img {
            width: 180px !important
        }

    .carousel-inner .item-desc {
        text-align: center !important
    }

    .carousel-inner .pull-right-md {
        float: none
    }
}

@media (min-width:768px) {
    .cloud-zoom img {
        width: 450px !important
    }

    ul#sd_search {
        margin: 49px 0
    }
}
