html {
    height: 101%
}

body, button, input, select, table, textarea {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: #5b5b5b;
    font-weight: 300
}

.wrapper {
    background: #fff
}

.breadcrumbs {
    overflow: hidden;
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
    background: transparent;
    padding: 5px 0;
    text-align: center;
    border-bottom: 1px dashed #ebebeb
}

.breadcrumbs li {
    text-transform: none;
    font-size: .875em
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

@media (min-width: 1500px) {
    .container {
        max-width: 1500px;
        padding: 0
    }
}

.main-container {
    width: 100%;
    position: relative;
    margin-top: 1%;
    padding-top: 0
}

@media (min-width: 1500px) {
    .main-container {
        max-width: 1500px;
        padding: 0 0 20px 0 !important;
        margin-top: 1%
    }
}

.hidden {
    display: none
}

h1, .page-title h1, .title {
    font-weight: 300;
    font-size: 1.875em;
    border-bottom: none;
    color: #2980B9;
    text-transform: none
}

.page-title {
    border-bottom: none !important
}

h2, .cms-page-view .std h2, .cms-no-route .std h2 {
    font-weight: 300;
    font-size: 1.375em;
    color: #636363;
    text-transform: none
}

h3, .cms-page-view .std h3, .cms-no-route .std h3 {
    font-weight: 300;
    font-size: 1em;
    color: black;
    text-transform: none
}

p, .std p, .cms-page-view .std p, .cms-no-route .std p, .cms-page-view .std li, .cms-no-route .std li {
    color: #5b5b5b;
    font-weight: 300;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 20px
}

a {
    color: #2980B9;
    transition: 0.3s ease-in-out all;
    text-decoration: none;
    cursor: pointer;
    font-weight: 300
}

a:visited {
    color: #2980B9
}

a:hover, a:focus {
    color: #123851;
    text-decoration: none
}

.button {
    transition: 0.3s ease-in-out all;
    color: #fff;
    font-size: .875em;
    font-weight: 300;
    padding: 7px 10px
}

.button:visited {
    color: #fff
}

.button:hover {
    background: #2C3E50;
    color: #fff
}

@media (min-width: 770px) {
    .button {
        font-size: 1em;
        padding: 15px 20px
    }
}

.button2 span, .button2 span span {
    color: #91b941;
    text-decoration: none;
    transition: 0.3s ease-in-out all;
    font-weight: 300
}

.button2 span:hover, .button2 span span:hover {
    color: #293513
}

ol {
    padding-left: 20px
}

ol li {
    padding: 8px 0
}

.wp-sidebar .block-title {
    padding: 10px
}

.wp-sidebar .block-title strong {
    text-transform: lowercase;
    letter-spacing: -1px;
    color: #fff;
    font-size: 18px
}

ul#post-list li.item {
    list-style: none;
    margin: 0
}

.post-list-item {
    background-color: #EBEBEB;
    padding: 30px;
    margin-bottom: 3%
}

.post-list-item .featured-image {
    float: left
}

.post-list-item .wp-block-image {
    display: none
}

.post-view .featured-image {
    display: none
}

@media (min-width: 900px) {
    .post-view .post-entry img {
        float: left;
        width: 45%
    }
}

.messages {
    margin-bottom: 10px;
    float: left;
    width: 100%
}

header {
    width: 100%;
    height: 100%;
    background: #fff
}

#top-navigation {
    width: 100%;
    color: white;
    background-color: #2C3E50;
    text-align: right;
    margin: 0 auto
}

#top-navigation ul {
    display: block;
    padding: 15px 0 15px 0;
    width: 100%;
    max-width: 1700px;
    margin: 0 auto
}

#top-navigation li {
    display: inline-block;
    padding: 0 20px 0 20px;
    border-right: solid 1px #fff;
    text-align: center;
    margin: 0 auto
}

#top-navigation .contact {
    border-right: none;
    padding: 0 10px 0 10px
}

#top-navigation a {
    color: #fff
}

#top-navigation i {
    font-size: 20px;
    padding: 0 4px 0 4px
}

@media (max-width: 1500px) {
    #top-navigation {
        padding: 0 30px 0 30px
    }

    #top-navigation ul {
        max-width: 1300px
    }
}

@media (max-width: 854px) {
    #top-navigation {
        text-align: center
    }
}

@media (max-width: 730px) {
    #top-navigation .contact {
        display: none
    }

    #top-navigation i {
        display: none
    }

    #top-navigation li {
        margin: 1%;
        padding: 0 10px
    }

    #top-navigation li:nth-last-of-type(5) {
        border-right: 0px
    }

    #top-navigation ul {
        padding: 5px 10px 5px 10px
    }
}

@media (max-width: 438px) {
    #top-navigation {
        padding: 0 2px
    }

    #top-navigation ul {
        width: 100%
    }
}

@media (max-width: 730px) {
    #top-navigation .container {
        padding: 0
    }
}

.header-socialmedia {
    border-right: none !important;
    padding: 0 2px !important
}

.page-header-container {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto
}

@media (max-width: 1500px) {
    .page-header-container {
        max-width: 1300px;
        padding: 10px 0 0 0
    }
}

.skip-link .label {
    color: #636363
}

.logo {
    width: auto;
    max-width: 220px;
    height: auto;
    float: none;
    text-align: center
}

.logo img {
    max-width: 100%;
    margin: 0 auto
}

@media (min-width: 768px) {
    .logo {
        width: 100%;
        max-width: 195px;
        float: left;
        padding: 5px
    }
}

@media (max-width: 1000px) {
    .logo {
        padding: 0;
        margin-left: 1%;
        max-width: 20%
    }
}

@media (max-width: 730px) {
    .logo {
        margin-left: 37%;
        max-width: 25%
    }
}

#header-search {
    right: auto;
    margin-left: 25%;
    top: 28px;
    width: 50%
}

@media (max-width: 1500px) {
    #header-search {
        margin-left: 20%
    }
}

@media (max-width: 1000px) {
    #header-search {
        margin-left: 22%
    }
}

@media (max-width: 930px) {
    #header-search {
        width: 44%
    }
}

@media (max-width: 768px) {
    #header-search {
        width: 100%;
        margin-left: 0
    }
}

#search {
    height: 50px;
    margin: 0;
    padding: 0 10px;
    border: none;
    background: #ebebeb;
    color: #5b5b5b;
    font-weight: 300;
    font-size: 1em;
    line-height: 80px;
    box-sizing: border-box
}

#search::-webkit-input-placeholder, #search:-moz-placeholder, #search::-moz-placeholder, #search:-ms-input-placeholder {
    color: #5b5b5b
}

@media (min-width: 1000px) {
    #search {
        font-size: 1em
    }
}

@media (max-width: 768px) {
    #search {
        background: white
    }
}

#search_mini_form .search-button {
    height: 50px;
    top: 5px
}

.search-autocomplete {
    top: 2px !important
}

.search-autocomplete ul li {
    font-size: .875em
}

.account-cart-wrapper {
    z-index: 999;
    padding: 28px 0 0 28px
}

@media (max-width: 770px) {
    .account-cart-wrapper {
        padding: 0 !important
    }
}

@media (min-width: 768px) {
    #header-account.skip-active {
        background: #FBFBFB;
        border: solid 1px #ccc;
        display: block;
        position: absolute;
        z-index: 200;
        top: 72px;
        right: 50px;
        width: 200px
    }
}

@media only screen and (min-width: 768px) {
    #header-cart.skip-active {
        border: solid 1px #ccc;
        display: block;
        position: absolute;
        z-index: 200;
        top: 75px;
        right: 0;
        width: 320px;
        background: white;
        padding: 6px !important
    }
}

.header-minicart .block-subtitle {
    font-size: .875em
}

.header-minicart p.product-name {
    font-size: 1em
}

.header-minicart .subtotal .label {
    color: #2C3E50 !important
}

.header-minicart .minicart-actions li {
    display: block
}

@media (max-width: 768px) {
    .header-minicart .minicart-actions li {
        display: inline-block;
        text-align: center
    }
}

.minicart .paypal-logo {
    display: none
}

.header-minicart .block-subtitle .close {
    top: -5px
}

.minicart {
    float: none;
    text-align: center
}

@media (max-width: 768px) {
    .header-minicart .minicart-actions {
        padding: 0
    }
}

@media (max-width: 768px) {
    .header-minicart .minicart-actions .cart-link {
        position: relative !important
    }
}

@media (max-width: 599px) {
    .header-minicart .minicart-actions .checkout-button {
        width: auto
    }
}

#header-nav {
    background: #fff;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
    color: black
}

@media (min-width: 768px) {
    #header-nav {
        background: #fff
    }
}

#nav {
    width: 100%;
    height: auto;
    text-align: left
}

@media (min-width: 768px) {
    #nav {
        text-align: center
    }
}

.nav-primary {
    text-align: center;
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    padding-left: 0
}

.nav-primary li.level0 {
    border-bottom: none;
    width: 16%;
    vertical-align: top
}

.nav-primary li.level0 ul {
    text-align: left;
    background: #fff;
    border: none;
    transition: 0.3s ease-in-out all;
    color: black;
    padding: 5px 0 5px 20px;
    margin-left: 19%;
    margin-top: 5%
}

@media (min-width: 768px) {
    .nav-primary li.level0 ul {
        width: 300px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25)
    }

    .nav-primary li.level0 ul li ul {
        left: 60px;
        top: 0;
        padding-top: 0px;
        margin-left: 78%;
        margin-top: 0
    }
}

@media (max-width: 1380px) {
    .nav-primary li.level0 ul {
        margin-left: 10%;
        margin-top: 7%
    }
}

@media (max-width: 768px) {
    .nav-primary li.level0 ul {
        margin: 0
    }
}

@media (max-width: 768px) {
    .nav-primary li.level0 {
        width: 100%
    }

    .nav-primary li.level0 ol {
        padding-left: 0
    }
}

.nav-primary li.level0 li {
    padding: 5px 0 5px 0
}

.nav-primary li.level0:last-child a {
    padding-right: 0
}

.nav-primary li.level0 > a {
    color: black;
    text-transform: none;
    font-weight: 300;
    text-decoration: none;
    font-size: 1em;
    line-height: normal;
    padding: 7px 5px
}

.nav-primary li.level0 > a:visited {
    color: black;
    font-weight: 300
}

.nav-primary li.level0 > a:hover, .nav-primary li.level0 > a:focus {
    color: black !important
}

@media (min-width: 768px) {
    .nav-primary li.level0 > a {
        border-bottom: none;
        color: black
    }

    .nav-primary li.level0 > a:visited {
        color: black
    }

    .nav-primary li.level0 > a:hover, .nav-primary li.level0 > a:focus {
        color: #2980B9 !important
    }
}

@media (min-width: 900px) {
    .nav-primary li.level0 > a {
        font-size: 1.125em
    }
}

.nav-primary li.level1 a {
    border-bottom: none;
    color: black;
    font-size: 1em;
    font-weight: 300;
    text-decoration: none;
    text-transform: none;
    padding: 0 20px;
    border-bottom: #ebebeb 1px dotted
}

.nav-primary li.level1 a:visited {
    color: #2980B9
}

.nav-primary li.level1 a:hover, .nav-primary li.level1 a:focus {
    color: #20638f !important
}

@media (min-width: 768px) {
    .nav-primary li.level1 a {
        color: black;
        padding: 2px 0
    }

    .nav-primary li.level1 a:visited {
        color: black
    }

    .nav-primary li.level1 a:hover, .nav-primary li.level1 a:focus {
        color: #2980B9 !important
    }
}

.nav-primary li.level1:last-child a {
    border-bottom: 0
}

@media (max-width: 768px) {
    .nav-primary li.parent > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: none;
        top: 50%;
        left: auto;
        right: 10px;
        margin-top: -5px
    }

    .nav-primary li.parent.sub-menu-active > a:after, .nav-primary li.parent.menu-active > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: none;
        top: 50%;
        left: auto;
        right: 10px;
        margin-top: -5px
    }
}

#banner-one {
    width: 100%;
    background-color: #EBEBEB;
    color: #2980B9
}

#banner-content {
    max-width: 1900px;
    margin-right: 0
}

#banner-content p {
    padding: 12px 0 12px 0;
    margin-bottom: 0;
    color: #2980B9;
    text-align: center
}

#banner-content i {
    padding: 6px
}

@media (max-width: 1015px) {
    #banner-content li {
        font-size: 14px
    }
}

@media (max-width: 771px) {
    #banner-content {
        margin-top: 1%
    }
}

@media (min-width: 1900px) {
    #banner-content {
        max-width: 1500px;
        margin: 0 auto
    }
}

#banner-row {
    margin-right: 0
}

@media (max-width: 770px) {
    #banner-row-2, #banner-row-3 {
        display: none
    }
}

#homepage-banner {
    width: 100%
}

#homepage-banner img {
    width: 100%
}

.sliderdecs {
    background-color: transparent !important;
    border: none;
    width: 39% !important
}

.sliderdecs h2 {
    font-size: 60px;
    font-weight: bold;
    color: #2C3E50;
    text-align: right;
    margin-bottom: 6%
}

.sliderdecs p {
    text-align: right;
    font-size: 30px;
    line-height: 2
}

.sliderdecs a {
    padding: 20px 30px;
    background-color: #FFDF06;
    color: #2C3E50;
    font-size: 45px;
    font-weight: 900
}

.sliderdecs p:last-child {
    margin-top: 20%
}

@media (max-width: 1600px) {
    .sliderdecs {
        padding-top: 0
    }

    .sliderdecs p:last-child {
        margin-top: 10%
    }
}

@media (max-width: 1500px) {
    .sliderdecs a {
        padding: 10px 20px;
        font-size: 40px
    }
}

@media (max-width: 1450px) {
    .sliderdecs h2 {
        font-size: 50px;
        margin-bottom: 6%
    }

    .sliderdecs p {
        font-size: 25px
    }

    .sliderdecs a {
        font-size: 35px
    }

    .sliderdecs p:last-child {
        margin-top: 12%
    }
}

@media (max-width: 1250px) {
    .sliderdecs {
        padding: 0
    }

    .sliderdecs h2 {
        font-size: 40px;
        margin-bottom: 5%
    }

    .sliderdecs p {
        font-size: 20px
    }

    .sliderdecs a {
        padding: 15px 25px;
        font-size: 30px
    }

    .sliderdecs p:last-child {
        margin-top: 10%
    }
}

@media (max-width: 1000px) {
    .sliderdecs {
        width: 50% !important
    }

    .sliderdecs p {
        font-size: 18px
    }

    .sliderdecs p:last-child {
        margin-top: 6%
    }

    .sliderdecs a {
        padding: 10px 25px;
        font-size: 25px
    }
}

@media (max-width: 920px) {
    .sliderdecs {
        margin-right: -30px
    }

    .sliderdecs h2 {
        font-size: 30px;
        margin-bottom: 3%
    }

    .sliderdecs p {
        font-size: 18px
    }

    .sliderdecs a {
        font-size: 20px
    }
}

@media (max-width: 768px) {
    .sliderdecs {
        background-color: white !important;
        opacity: 0.9 !important;
        padding: 20px;
        width: auto !important;
        margin-top: -2%
    }

    .sliderdecs h2 {
        font-size: 26px
    }

    .sliderdecs a {
        font-size: 18px
    }
}

@media (max-width: 696px) {
    .sliderdecs {
        width: 100% !important;
        padding: 25px !important;
        margin: 0;
        height: auto;
        right: 0;
        top: 0;
        bottom: 0
    }

    .sliderdecs h2 {
        font-size: 26px;
        text-align: center
    }

    .sliderdecs p {
        text-align: center
    }
}

@media (max-width: 600px) {
    .sliderdecs p {
        display: none
    }

    .sliderdecs p:last-child {
        display: block
    }
}

@media (max-width: 550px) {
    .sliderdecs {
        margin: 1px
    }

    .sliderdecs h2 {
        margin: 1px;
        font-size: 20px
    }

    .sliderdecs a {
        font-size: 16px
    }
}

@media (max-width: 375px) {
    .sliderdecs a {
        padding: 5px 15px
    }
}

@media (max-width: 357px) {
    .sliderdecs h2 {
        font-size: 16px
    }

    .sliderdecs p {
        line-height: 1.7
    }
}

.cwsSlider {
    margin: 0
}

.blankTheme .cwsRwdSlider {
    margin-bottom: 0
}

.titleBar {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 25px;
    text-align: center;
    background-color: #2980B9;
    position: relative
}

.titleBar:before {
    width: 40px;
    height: 40px;
    background-color: #2980B9;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -20px;
    content: '';
    transform: rotate(45deg)
}

.titleBar p {
    color: #fff;
    font-size: 22px;
    margin: 0;
    font-weight: bold
}

.titleBar span {
    color: #FFDF06
}

@media (max-width: 586px) {
    .titleBar {
        padding: 5px 10px 22px 10px
    }
}

.products {
    width: 100%;
    max-width: 1500px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0
}

.products p {
    color: black
}

.product-box {
    flex-basis: 32%;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #ebebeb
}

.product-box img {
    width: 100%;
    height: 100%;
    display: block;
    transition: .5s ease;
    backface-visibility: hidden
}

@media (max-width: 768px) {
    .product-box {
        flex-basis: 47%
    }
}

@media (max-width: 570px) {
    .product-box {
        flex-basis: 80%;
        margin: 0 10% 5% 10%
    }
}

.product-box-text {
    position: absolute;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    padding: 8px 0 8px 0;
    opacity: 0.7;
    text-align: center;
    display: block
}

.product-box-text h2 {
    vertical-align: middle;
    font-size: 25px;
    padding: 10px 0 10px 0;
    margin: 0;
    color: black
}

@media (max-width: 1000px) {
    .product-box-text h2 {
        font-size: 20px
    }
}

.product-link-over {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #2C3E50;
    padding: 20px
}

.product-box:hover .product-link-over {
    opacity: 0.7;
    padding: 20px
}

.product-box:hover .product-box-text {
    display: none
}

.product-overlay-text {
    opacity: 0;
    width: 100%;
    top: 30%;
    position: absolute;
    padding: 0 50px 0 50px
}

.product-overlay-text h2 {
    text-align: center;
    color: #fff !important;
    font-weight: bold
}

.product-overlay-text p {
    color: #fff !important;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10%
}

.product-overlay-text a {
    width: 40%;
    margin-left: 30%;
    background-color: transparent;
    color: #FFDF06;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer
}

.product-overlay-text a:hover {
    background-color: #FFDF06;
    color: black
}

@media (max-width: 1500px) {
    .product-overlay-text {
        top: 15%
    }

    .product-overlay-text a {
        width: 60%;
        margin-left: 20%
    }
}

@media (max-width: 1156px) {
    .product-overlay-text {
        padding: 0 15px 0 15px
    }

    .product-overlay-text a {
        width: 65%;
        margin-left: 24%
    }

    .product-overlay-text p {
        font-size: 16px
    }
}

@media (max-width: 1000px) {
    .product-overlay-text {
        top: 18%;
        padding: 0 10px 0 10px
    }

    .product-overlay-text a {
        width: 68%;
        padding: 15px 25px
    }

    .product-overlay-text p {
        font-size: 15px
    }

    .product-overlay-text h2 {
        font-size: 16px
    }
}

@media (max-width: 570px) {
    .product-overlay-text {
        top: 25%;
        padding: 0 5px 0 5px
    }

    .product-overlay-text a {
        width: 70%;
        padding: 10px 25px
    }
}

@media (max-width: 343px) {
    .product-overlay-text {
        top: 15%;
        padding: 0 5px 0 5px
    }

    .product-overlay-text a {
        width: 70%;
        padding: 10px 25px;
        margin-left: 15%
    }
}

.product-box-button {
    border: 2px solid #FFDF06
}

.product-box:hover .product-overlay-text {
    opacity: 1
}

.homepage-content {
    text-align: center
}

.homepage-content h1 {
    color: black;
    font-size: 25px;
    text-decoration: none
}

.homepage-content hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #2980B9;
    margin: 1em 0;
    padding: 0
}

.breadcrumbs a:visited {
    float: left;
    color: #2980B9
}

.product-view {
    margin-bottom: 0px !important
}

.product-view h3 {
    font-size: 18px
}

.toolbar {
    border-top: 1px dotted #5b5b5b !important;
    border-bottom: 1px dotted #5b5b5b !important
}

.product-view .product-shop .price-info {
    margin: 2% 0 0 0
}

.price {
    color: #5b5b5b !important
}

.product-view .add-to-cart {
    border-bottom: 1px dotted #5b5b5b !important;
    padding: 10px 0
}

.std p {
    margin-bottom: 0
}

.availability.in-stock {
    padding: 10px 0
}

.product-view .product-shop .availability {
    font-size: 20px
}

.add-to-links {
    text-align: center;
    vertical-align: top;
    margin: 0 !important
}

.add-to-links i {
    padding: 0 5px
}

.add-to-links a {
    width: 100%;
    color: #2980B9;
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 320px) {
    .add-to-links {
        margin: 0 !important
    }
}

@media (min-width: 370px) {
    .product-view .sharing-links {
        float: right
    }
}

@media (max-width: 370px) {
    .product-view .sharing-links {
        margin-top: 7%;
        width: 100%
    }
}

@media (max-width: 370px) {
    .product-options-bottom {
        padding-bottom: 0 !important
    }
}

.product-collateral > dl > dt {
    border-bottom: 1px dotted #5b5b5b !important
}

.product-collateral > dl > dd {
    overflow-y: hidden !important
}

#contactForm {
    padding-left: 0;
    padding-top: 0
}

#contactForm textarea {
    height: 100px !important
}

.contacts-index-index .buttons-set {
    width: 100%;
    max-width: 100%;
    margin-left: 0
}

#map {
    margin-top: 1%;
    width: 100%;
    float: left
}

.block-title {
    background: #2980B9;
    padding: 0;
    margin-bottom: 0;
    text-align: left
}

.block-title h2, .block-title h3, .block-title strong {
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    text-transform: none;
    border: none;
    width: 100%;
    height: auto;
    display: block;
    padding: 10px
}

.block-title h2:after, .block-title h3:after, .block-title strong:after {
    content: "\f0b0";
    font-family: 'FontAwesome', Lato, serif;
    font-size: 1em;
    color: #fff;
    float: right
}

.block-content {
    margin-top: 0;
    border: none;
    border-top: none;
    background: #fff
}

.block-layered-nav {
    background: #fff
}

.block-layered-nav .block-content > dl > dt {
    color: #fff;
    font-weight: 300;
    transition: 0.3s ease-in-out all;
    text-align: left;
    border: none;
    background-color: #91b941;
    clear: both;
    text-transform: none;
    margin-top: 15px
}

.block-layered-nav .block-content > dl > dt:hover {
    background: #739334;
    border: none;
    color: #fff
}

.block-layered-nav .block-content > dl > dd {
    width: 100%;
    border: 1px dotted #91b941;
    border-top: none;
    background: #fff;
    margin-bottom: 15px
}

.block-layered-nav .block-content > dl > dd ol {
    width: 100%;
    margin-bottom: 20px
}

.block-layered-nav .block-content > dl > dd ol li {
    display: inline-block;
    width: 100%;
    text-align: left
}

@media (max-width: 770px) {
    #narrow-by-list, #narrow-by-list2 {
        border: none
    }

    .block-layered-nav .block-subtitle--filter {
        background-color: #2980B9;
        border: 0;
        margin-bottom: 0;
        display: block;
        color: #fff;
        font-weight: 300;
        transition: 0.3s ease-in-out all;
        text-transform: none
    }

    .block-layered-nav .block-subtitle--filter:hover {
        background: #1b557a
    }

    .block-layered-nav .block-subtitle--filter:before {
        content: "\f0b0";
        font-family: 'FontAwesome', Lato, serif;
        font-size: 1em;
        color: #fff;
        float: right
    }

    .block-layered-nav dl ol > li > a {
        background: #fff
    }
}

.toolbar {
    border: none;
    border-top: 1px dotted #91b941;
    border-bottom: 1px dotted #91b941;
    background: #fff
}

.toolbar p {
    margin-bottom: 0
}

.toolbar select {
    font-size: 1em;
    height: 30px;
    padding: 0 10px
}

.toolbar label {
    line-height: 30px;
    color: #5b5b5b
}

.toolbar .view-mode > label {
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.toolbar .pages ol li {
    padding: 0
}

.pager-no-toolbar label {
    line-height: 40px
}

h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a {
    color: #5b5b5b;
    font-weight: 300
}

.products-grid .product-name {
    text-transform: none;
    min-height: 80px;
    text-align: center;
    font-size: 1em
}

.products-grid .product-name a {
    color: #5b5b5b;
    font-weight: 300
}

.products-grid .price-box {
    text-align: center;
    font-size: 1em;
    margin-bottom: 10px
}

.products-grid .price-box .price {
    color: #2980B9;
    font-size: 16px;
    font-weight: 400
}

.products-grid .price-box .old-price .price {
    font-size: 12px;
    color: #5b5b5b;
    font-weight: 300
}

@media (min-width: 770px) {
    .products-grid .price-box {
        font-size: 1.125em
    }

    .products-grid .price-box .price {
        font-size: 24px
    }

    .products-grid .price-box .old-price .price {
        font-size: 18px
    }
}

.products-grid .product-info {
    position: relative;
    padding-bottom: 5px
}

.products-grid .product-image {
    border: 1px solid #ebebeb;
    margin-bottom: 20px
}

.products-grid .actions {
    min-height: 60px
}

.products-list .std {
    padding: 0;
    box-shadow: none
}

h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name {
    text-transform: none
}

.products-grid .product-info {
    text-align: left
}

.products-grid .actions .button {
    width: 100%
}

.product-img-box .main-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 100% !important
}

.product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 {
    color: #2980B9;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    text-transform: none
}

.product-view {
    width: 100%;
    float: left;
    margin-bottom: 40px
}

.product-view .product-shop .short-description {
    margin-bottom: 0
}

.product-view .product-shop .short-description li {
    list-style: none;
    margin-bottom: 5px;
    font-weight: 300
}

.product-view .product-shop .short-description li:before {
    content: "\f00c";
    font-family: 'FontAwesome', Lato, serif;
    font-size: 1em;
    color: #91b941;
    margin-right: 10px
}

.product-view .product-shop .price-info {
    float: left;
    padding-left: 0;
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}

.product-view .product-shop .price-box {
    margin-top: 0;
    padding: 0;
    float: left
}

.product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price, .product-view .product-shop .price-box .price {
    color: #2980B9;
    font-size: 1.375em;
    font-weight: 400
}

.product-view .product-shop .price-box .old-price .price {
    color: #5b5b5b;
    font-size: .875em;
    font-weight: 300
}

.product-view .product-shop .price-box .price-label {
    color: #2980B9
}

.product-view .add-to-cart-wrapper {
    width: 100%
}

@media (min-width: 770px) {
    .product-view .add-to-cart-wrapper {
        width: 50%;
        padding: 0 0 0 15px
    }
}

.product-pricing, .tier-prices, .tier-prices-grouped {
    text-align: center
}

.product-pricing, .tier-prices {
    display: block;
    padding: 8px;
    background: #fff;
    border: solid 1px #2980B9;
    float: left;
    clear: both;
    margin-right: 0;
    margin-top: 0
}

.product-options {
    margin: 0;
    padding: 20px 0;
    border: none
}

.product-options dd select {
    width: 96%;
    height: 30px;
    border: none;
    background: #ebebeb;
    padding: 5px 2%;
    box-sizing: content-box;
    border-radius: 0;
    -webkit-appearance: none
}

.product-options label {
    font-size: 1em
}

.product-options ul.options-list label, .product-options .col2-set .form-list .control label {
    min-width: inherit;
    width: 100%;
    max-width: 100%;
    text-transform: none
}

.product-options-bottom {
    background-color: #fff;
    padding: 0 0 15px 0;
    border: none;
    border-top: 0;
    margin-bottom: 10px
}

.product-view .add-to-cart {
    border-bottom: 1px dotted #91b941
}

.product-view .add-to-cart-buttons {
    float: left;
    margin-right: 0;
    max-width: 100%
}

.product-view .add-to-cart-buttons .button {
    font-size: 16px;
    padding: 0;
    float: left;
    min-width: 160px;
    width: 100%;
    white-space: normal
}

.product-view .add-to-links {
    clear: both;
    margin: 15px 0
}

@media (min-width: 500px) {
    .product-view .add-to-links {
        clear: none;
        margin: 0
    }
}

@media (min-width: 770px) and (max-width: 950px) {
    .product-view .add-to-links {
        clear: both;
        margin: 15px 0
    }
}

.product-view .add-to-links a {
    padding: 0 15px 0 0;
    border: none;
    transition: 0.3s ease-in-out all;
    margin: 0
}

.product-view .add-to-links a:hover {
    color: #73255b !important
}

.product-collateral {
    width: 100%
}

.product-collateral > dl > dt {
    color: #2980B9;
    font-size: 1em;
    padding: 7px 10px 7px 24px;
    border: none;
    border-bottom: 1px dotted #91b941;
    transition: 0.3s ease-in-out all;
    background-color: #fff;
    text-transform: none
}

.product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #2980B9;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px
}

.product-collateral > dl > dt:hover {
    background-color: #fff;
    border-bottom: 1px dotted #91b941
}

.product-collateral > dl > dd {
    padding: 25px;
    margin: 0;
    border: 1px solid #ebebeb;
    max-height: 445px;
    overflow-y: scroll
}

@media (min-width: 770px) {
    .product-collateral > dl > dd {
        height: 445px
    }
}

.product-collateral > dl > dt {
    cursor: pointer
}

.product-collateral > dl > dt:hover {
    color: #123851
}

.product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #2980B9;
    border-right: none
}

.product-collateral > dl > dt:last-child {
    border-bottom-width: 1px
}

.product-collateral .toggle-tabs {
    border: none
}

.product-collateral .toggle-tabs li > span {
    text-transform: none;
    font-size: 1em;
    padding: 0 15px
}

.product-collateral .toggle-tabs li.current {
    border: none
}

.product-collateral .toggle-tabs li.current span {
    background: #2980B9;
    color: #fff
}

.tab-content .std {
    box-shadow: none;
    padding: 0
}

.tab-content ul {
    padding-left: 20px
}

.tab-content ul li {
    list-style: square;
    list-style-position: outside
}

.tab-content iframe {
    max-width: 100%
}

.product-view .block-related {
    width: 100%;
    float: none
}

.product-view .block-related .block-title {
    border-top: 2px dotted #91b941;
    background: #fff
}

.product-view .block-related .block-title h2 {
    text-align: left;
    color: #9a3179;
    font-size: 1.875em;
    font-weight: 300;
    text-transform: none;
    padding: 20px 0
}

.product-view .block-related .block-title h2:after {
    display: none
}

.product-view .block-related .block-content li {
    width: 100%
}

@media (min-width: 770px) {
    .product-view .block-related .block-content li {
        width: 50%;
        float: left;
        clear: none;
        margin: 0
    }
}

.box-up-sell {
    width: 100%;
    float: left;
    clear: both;
    padding-top: 20px;
    border-top: 2px dotted #91b941;
    margin-top: 20px
}

.box-up-sell h2 {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    text-transform: none;
    padding: 10px 0
}

.box-up-sell ul {
    text-align: center
}

@media only screen and (min-width: 960px) {
    .box-up-sell .products-grid--max-6-col > li {
        width: 14.81481%;
        margin-right: 2.22222%;
        display: inline-block;
        float: none
    }
}

.product-collateral > dl > dd.current {
    height: auto
}

#customer-reviews .fieldset {
    padding-top: 25px;
    width: 100%
}

#customer-reviews .fieldset .form-list {
    width: 100%;
    text-transform: none;
    font-size: 1em
}

.tab-content #customer-reviews {
    border: none;
    padding: 0
}

#customer-reviews {
    border: dotted 1px #5b5b5b;
    padding: 14px
}

#customer-reviews h2 {
    color: #2980B9;
    text-transform: none;
    font-size: 1.125em
}

#customer-reviews h3 {
    text-transform: none;
    font-size: 1em
}

#customer-reviews h3 span {
    color: #2C3E50;
    font-weight: bold
}

#customer-reviews .buttons-set {
    width: 100%
}

table {
    font-size: initial
}

.tableTwo {
    width: 100%;
    height: auto
}

.tableTwo td {
    width: 100%;
    float: left;
    vertical-align: top
}

@media (min-width: 770px) {
    .tableTwo td {
        width: 50%;
        float: none
    }
}

.tableTwo td:first-child {
    padding-right: 0
}

@media (min-width: 770px) {
    .tableTwo td:first-child {
        padding-right: 20px
    }
}

.tableTwo td:last-child {
    padding-left: 0;
    padding-top: 20px
}

@media (min-width: 770px) {
    .tableTwo td:last-child {
        padding-left: 20px;
        padding-top: 0
    }
}

.tableThree {
    width: 100%;
    height: auto
}

.tableThree td {
    width: 100%;
    float: left;
    vertical-align: top;
    padding: 10px;
    text-align: center
}

@media (min-width: 770px) {
    .tableThree td {
        width: 33.3%;
        float: none
    }
}

.tableThree td img {
    margin: 10px auto
}

.std form li {
    list-style: none;
    margin-left: 0
}

.input-text, input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    height: 40px;
    background: #ebebeb;
    border: none;
    padding: 5px 10px;
    border-radius: 0;
    -webkit-appearance: none
}

textarea {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    background: #ebebeb;
    border: none;
    padding: 5px 10px;
    border-radius: 0;
    -webkit-appearance: none
}

select {
    margin-left: 0;
    height: 40px;
    background: #ebebeb;
    border: none;
    padding: 5px 10px;
    border-radius: 0;
    -webkit-appearance: none
}

.form-list select {
    width: 100%
}

form .form-instructions {
    font-size: 1em;
    color: #db5628
}

label {
    font-size: 1em !important
}

.form-list .input-box {
    width: 100%
}

.request li {
    width: 100%
}

@media (min-width: 770px) {
    .request li {
        width: 49%;
        float: left;
        margin-right: 1%
    }

    .request li:nth-of-type(even) {
        margin-left: 1%;
        margin-right: 0
    }
}

.request li.wide {
    width: 100%
}

@media (min-width: 770px) {
    .request li.wide {
        width: 100%
    }
}

.request label.required:after, .request span.required:after {
    color: #9a3179
}

.request .buttons-set {
    text-align: center
}

.request .buttons-set button.button {
    float: none;
    margin: 0 auto
}

.request .buttons-set p.required {
    position: absolute;
    float: none;
    color: #9a3179
}

.header-minicart .subtotal .label {
    color: #91b941;
    text-transform: uppercase;
    font-weight: 400
}

.page-title .checkout-types {
    margin-top: 20px
}

.cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping {
    border: none
}

.shipping h2 {
    font-size: 1.125em !important
}

.cart .cart-totals table tfoot {
    border-top: 1px dotted #91b941;
    border-bottom: 1px dotted #91b941
}

#discount-coupon-form label, .cart .giftcard label {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-align: left;
    text-transform: none;
    min-width: 105px;
    display: inline-block;
    margin-right: 10px;
    float: left;
    line-height: 38px
}

#discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper {
    display: inline-block;
    float: right
}

#discount-coupon-form .input-text, .cart .giftcard .input-text {
    border-radius: 0;
    height: 40px
}

#discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper {
    float: right
}

.cart .cart-totals table, .cart .cart-totals table tfoot strong {
    font-size: .875em !important
}

#discount-coupon-form .input-text, #amgiftcard-form .input-text, .cart .giftcard .input-text {
    width: 100%
}

.crosssell {
    margin-top: 20px
}

.crosssell h2 {
    color: #2980B9;
    font-size: 18px;
    text-transform: none;
    margin-bottom: 20px
}

.opc #opc-login .step, .opc .section .step {
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px
}

.opc select {
    max-width: 100%;
    width: 100%
}

.block-progress {
    border-left: none;
    margin-bottom: 40px
}

.block-progress .block-title strong:after {
    content: "\f141";
    font-family: 'Font Awesome\ 5 Free', 'FontAwesome', Lato, serif;
    font-size: 1em;
    color: #fff;
    float: right
}

.block-progress .block-content {
    border: 1px dotted #91b941;
    border-top: none
}

@media (min-width: 770px) {
    .block-progress .block-content {
        position: relative;
        background: #fff;
        padding: 20px
    }
}

.block-progress dt {
    padding: 6px 0;
    color: #2980B9;
    text-transform: none
}

.block-progress dd address {
    font-style: italic;
    font-size: 14px;
    color: #5b5b5b
}

.opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 {
    color: #123851
}

.opc .section {
    margin-bottom: 20px
}

.opc .section .step-title {
    transition: 0.3s ease-in-out all
}

.opc .section .step-title .number, .opc .section .step-title h2 {
    transition: 0.3s ease-in-out all
}

.opc .section.active .step-title {
    background: #2980B9
}

.opc .section.active .step-title h2 {
    color: #fff;
    font-weight: 400;
    transition: 0.3s ease-in-out all
}

.opc .section.allow:not(.active) .step-title {
    background: #ebebeb
}

.opc .section.allow {
    margin-bottom: 0
}

.button2 span {
    color: #2980B9 !important
}

.cart-table span.or {
    font-size: .75em
}

@media (max-width: 1055px) {
    #discount-coupon-form .field-wrapper {
        width: 100%
    }
}

@media (max-width: 600px) {
    .a-right {
        text-align: left !important
    }
}

@media (min-width: 1300px) {
    .checkout-types {
        width: 100%;
        float: none
    }
}

.checkout-types li {
    text-align: center;
    margin: 0
}

@media (min-width: 1300px) {
    .checkout-types li {
        display: inline-block
    }
}

.checkout-types.bottom .paypal-or {
    padding-right: 0;
    text-align: center
}

@media (min-width: 1300px) {
    .checkout-types.bottom .paypal-or {
        padding: 9px 20px
    }
}

@media (min-width: 1300px) {
    li.method-checkout-cart-methods-paypal_express-bottom {
        margin-top: 2%
    }
}

.cart .cart-totals table tfoot td {
    font-size: 18px
}

.cart .cart-totals table tfoot {
    border-top: dotted 1px #5b5b5b;
    border-bottom: dotted 1px #5b5b5b
}

.step-title {
    padding: 0 10px
}

.cart-table .cart-links > li {
    min-width: auto;
    display: inline-block;
    padding: 0 10px 0 10px
}

.cart-links li:first-child {
    border-right: dotted 1px #2980B9;
    padding-left: 0
}

.block-progress {
    margin-top: 7%
}

#checkoutSteps .col-2 {
    border-left: dotted 1px #ebebeb
}

@media (max-width: 479px) {
    #checkoutSteps .col-2 {
        border-left: none;
        border-top: dotted 1px #ebebeb
    }
}

.customer-account-create .fieldset, .customer-account-create .buttons-set {
    margin-left: 0
}

.customer-account-create .buttons-set {
    max-width: 100%
}

@media (min-width: 500px) {
    .new-users .content {
        min-height: 248px
    }
}

.block-account .block-title strong:after {
    content: "\f2c0";
    font-family: 'Font Awesome\ 5 Free', 'FontAwesome', Lato, serif;
    font-size: 1em;
    color: #fff;
    float: right
}

.block-account li, .block-cms-menu li {
    text-transform: none;
    margin: 0;
    font-size: 1em;
    border-bottom: 1px dotted #ebebeb;
    padding: 7px 0
}

.block-account li a, .block-cms-menu li a {
    color: #2980B9;
    font-weight: 300
}

.block-account li a:hover, .block-cms-menu li a:hover {
    color: #20638f
}

.block-account li strong, .block-cms-menu li strong {
    color: #91b941
}

.block-account .block-content, .block-cms-menu .block-content, .block-blog .block-content {
    background: #fff;
    padding: 10px 20px;
    border: 1px dotted #ebebeb;
    border-top: none
}

@media (min-width: 770px) {
    .block-account .block-content, .block-cms-menu .block-content, .block-blog .block-content {
        position: relative
    }
}

.customer-account-create .scaffold-form label {
    width: 100% !important
}

.block-account li strong, .block-cms-menu li strong {
    color: #2C3E50
}

#wishlist-table .item-manage {
    max-width: 100%
}

#wishlist-table td.customer-wishlist-item-cart .truncated {
    float: left
}

.footer-container {
    width: 100%;
    height: 100%;
    max-width: 100%;
    float: left;
    background: #EBEBEB;
    border: none;
    position: relative;
    padding: 0;
    margin-top: 3%
}

#newsletterBar {
    background-color: #FFDF06;
    width: 100%;
    padding: 20px 0 80px 0
}

@media (min-width: 1300px) {
    #newsletterBar {
        padding: 20px 0 40px 0
    }
}

#newsletterBar .form-subscribe-header {
    width: 100%;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center
}

@media (min-width: 900px) {
    #newsletterBar .form-subscribe-header {
        width: 35%;
        text-align: left
    }
}

@media (min-width: 1150px) {
    #newsletterBar .form-subscribe-header {
        width: 25%
    }
}

#newsletterBar .form-subscribe-header label {
    font-size: 26px !important;
    font-weight: 300;
    color: #2980B9
}

#newsletterBar .input-box {
    width: 100%;
    height: 50px;
    border: none;
    padding: 0
}

@media (min-width: 600px) {
    #newsletterBar .input-box {
        width: 68%;
        margin-right: 2%;
        float: left
    }
}

@media (min-width: 900px) {
    #newsletterBar .input-box {
        width: 48%;
        margin-right: 2%
    }
}

@media (min-width: 1150px) {
    #newsletterBar .input-box {
        width: 58%;
        margin-right: 2%
    }
}

#newsletterBar .input-box label {
    font-size: 14px;
    float: left;
    text-align: left;
    width: 80%;
    padding-top: 5px;
    color: #2980B9;
    font-weight: 300
}

#newsletterBar .input-box label a {
    color: #2980B9;
    font-weight: 400
}

#newsletterBar input {
    width: 100%;
    height: 50px;
    float: left;
    border: none;
    padding: 0 20px;
    transition: 0.3s ease-in-out all
}

#newsletterBar input::-webkit-input-placeholder {
    color: #5b5b5b
}

#newsletterBar input:focus {
    background: #fff;
    outline: none
}

#newsletterBar input[type="checkbox"] {
    width: auto;
    height: 21px;
    margin: 3px 10px 0 15px
}

#newsletterBar .actions {
    width: 50%;
    height: 50px;
    float: left;
    border: none;
    margin: 10px 25%
}

@media (min-width: 600px) {
    #newsletterBar .actions {
        margin: 0;
        width: 30%
    }
}

@media (min-width: 900px) {
    #newsletterBar .actions {
        width: 15%
    }
}

#newsletterBar .actions button {
    width: 100%;
    height: 50px;
    border: none;
    background: #5b5b5b
}

#newsletterBar .actions button:hover {
    background: #9b9b9b
}

.footer-social-media {
    width: 100%;
    margin: 0
}

.footer-social-media p {
    color: #2980B9;
    text-align: center;
    font-size: 22px !important
}

.footer-social-media strong {
    font-weight: 500
}

.footer-social-media i {
    display: inline-block;
    margin-left: 10px;
    font-size: 22px;
    color: #2980B9
}

.footer-social-media a {
    color: #2C3E50
}

@media (max-width: 425px) {
    .footer-social-media span {
        display: block
    }
}

.footer {
    width: 100%;
    border-top: none;
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: small;
    max-width: 1500px;
    margin: 0 auto
}

.footer a {
    color: #fff;
    font-size: .875em;
    font-weight: 300
}

.footer a:hover, .footer a:focus {
    color: #FFDF06
}

.footer p {
    line-height: 24px;
    font-size: 1.125em;
    font-weight: 300;
    margin-bottom: 20px;
    color: black
}

.footer p.footer-small {
    font-size: .875em
}

@media (min-width: 980px) {
    .footer p {
        margin-top: 0
    }
}

@media (max-width: 1500px) {
    .footer {
        max-width: 1250px;
        padding: 0
    }
}

@media (max-width: 1300px) {
    .footer {
        padding: 0 30px 0 30px
    }
}

.footer-content {
    width: 100%;
    padding: 4px
}

.footer-content img {
    width: 40%;
    display: inline-block;
    float: right
}

.footer-content small {
    display: block;
    float: right;
    margin-top: 3%;
    width: 75%
}

@media (max-width: 768px) {
    .footer-content img {
        width: 30%;
        float: left
    }

    .footer-content small {
        float: left;
        margin-bottom: 3%;
        width: 100%
    }
}

.footer-links {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #2C3E50;
    font-size: small;
    padding: 15px;
    color: #fff
}

.footer-links a {
    color: #fff !important
}

.footer-links ul {
    display: block;
    padding: 0 0 15px 0
}

.footer-links li {
    display: inline-block
}

#siteseal {
    width: 100%;
    margin: 0 auto
}

#siteseal img {
    margin: 0 auto;
    margin-top: 10px
}