@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Rock+Salt);


        /* -----------------------------------

    1. Generelle Browser Settings und Overrides

------------------------------------- */

        * {
            margin: 0;
            padding: 0;
            border: none;
        }

        body {
            background-image: none;
            color: #000;
        }

        a {
            text-decoration: none;
            outline: none !important;
        }

        a:hover {
            text-decoration: none;
        }

        b,
        strong {
            font-weight: bold !important;
        }

        ul {
            margin-left: 20px;
        }

        q {
            quotes: none;
        }

        table,
        table td {
            padding: 0;
            border: none;
            border-collapse: collapse;
        }

        img {
            vertical-align: top;
            max-width: 100%;
        }

        embed {
            vertical-align: top;
        }

        input,
        button {
            -webkit-appearance: none;
            outline: none;
        }

        button::-moz-focus-inner {
            border: 0;
        }

        .container-fluid * {
            font-family: 'Ubuntu', sans-serif;
        }

        .mp-0 {
            margin: 0;
            padding: 0;
        }

        .container-fluid {
            font: 300 14px/21px 'Roboto', 'sans-serif' color:#696e6e;
            letter-spacing: 0.1px;
            overflow-x: hidden;
            -webkit-backface-visibility: hidden;
            word-wrap: break-word;
            margin: 0;
            padding: 0;
            background-color: #ffffff;
        }

        [class*="layout"],
        .menu_wrap.type_3 {
            background: #ffffff;
        }

        .img-responsive {
            display: block;
            height: auto;
            max-width: 100%;
        }

        .img-responsive_important {
            display: block !important;
            height: auto !important;
            width: 100% !important;
        }

        .short-text {
            white-space: nowrap;
            overflow: hidden;
            width: 100%;
            text-overflow: ellipsis;
        }

        .no-pad {
            padding: 0px;
        }

        .tt_uppercase {
            text-transform: uppercase;
        }

        .tt_none {
            text-transform: none;
        }

        .t_align_l {
            text-align: left;
        }

        .t_align_c {
            text-align: center;
        }

        .t_align_r {
            text-align: right;
        }

        .v_align_b {
            vertical-align: baseline;
        }

        .v_align_m {
            vertical-align: middle;
        }

        .v_align_bottom {
            vertical-align: bottom;
        }

        .d_inline_b {
            display: inline-block;
        }

        .d_ib_offset_0 {
            word-spacing: -3px;
        }

        .d_ib_offset_large {
            word-spacing: -4px;
        }

        .d_ib_offset_normal {
            word-spacing: 0px;
        }

        .d_block {
            display: block;
        }

        .d_table {
            display: table;
        }

        .d_table_cell {
            display: table-cell;
        }

        .d_none,
        .tw_buttons li:first-child:before {
            display: none;
        }

        .f_size_small {
            font-size: .85em;
        }

        .f_size_medium {
            font-size: .9em;
        }

        .f_size_large {
            font-size: 1.15em;
        }

        .f_size_ex_large {
            font-size: 1.25em;
        }

        .f_size_big {
            font-size: 1.7em;
        }

        .f_size_ex_big {
            font-size: 2.5em;
        }

        .l_height_medium {
            line-height: 1.42em;
        }

        .fw_medium {
            font-weight: 500;
        }

        .d_inline_middle {
            display: inline-block;
            vertical-align: middle;
        }

        .horizontal_list>* {
            float: left;
        }

        .horizontal_list>*:first-child {
            margin-left: 0;
        }

        .circle,
        .tw_buttons li:before,
        .vertical_list_type_2 li:before,
        .vertical_list_type_3 li:before {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .r_corners,
        .vertical_list_type_7 li:before,
        .vertical_list_type_8 li:before {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .vc_child:after {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .h_inherit {
            height: inherit;
        }

        .full_width,
        [class*="banner_caption"].full_width,
        .wide_layout {
            width: 100%;
        }

        .relative {
            position: relative;
        }

        .wrapper {
            overflow: hidden;
        }

        .bg_tr {
            background: transparent;
        }

        .mw_0 {
            min-width: 0 !important;
        }

        .mxw_0 {
            max-width: none !important;
        }

        .p_hr_0 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .p_vr_0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .p_top_10 {
            padding-top: 10px;
        }

        .p_right_45 {
            padding-right: 45px;
        }

        .m_left_0 {
            margin-left: 0 !important;
        }

        .m_right_0 {
            margin-right: 0 !important;
        }

        .m_left_5 {
            margin-left: 5px;
        }

        .m_left_10 {
            margin-left: 10px;
        }

        .m_left_15 {
            margin-left: 15px;
        }

        .m_left_20 {
            margin-left: 20px;
        }

        .m_left_40 {
            margin-left: 40px;
        }

        .m_right_5 {
            margin-right: 5px;
        }

        .m_right_6 {
            margin-right: 6px;
        }

        .m_right_8 {
            margin-right: 8px;
        }

        .m_right_10 {
            margin-right: 10px;
        }

        .m_right_15 {
            margin-right: 15px;
        }

        .m_right_20 {
            margin-right: 20px;
        }

        .m_right_25 {
            margin-right: 25px;
        }

        .m_right_29 {
            margin-right: 29px;
        }

        .m_right_30 {
            margin-right: 30px;
        }

        .m_right_35 {
            margin-right: 35px;
        }

        .p_bottom_0 {
            padding-bottom: 0 !important;
        }

        .m_bottom_0 {
            margin-bottom: 0px !important;
        }

        .m_bottom_3 {
            margin-bottom: 3px;
        }

        .m_bottom_5 {
            margin-bottom: 5px;
        }

        .m_bottom_10 {
            margin-bottom: 10px;
        }

        .m_bottom_12 {
            margin-bottom: 12px;
        }

        .m_bottom_15 {
            margin-bottom: 15px;
        }

        .m_bottom_20 {
            margin-bottom: 20px;
        }

        .m_bottom_25 {
            margin-bottom: 25px;
        }

        .m_bottom_30 {
            margin-bottom: 30px;
        }

        .m_bottom_35 {
            margin-bottom: 35px;
        }

        .m_bottom_40 {
            margin-bottom: 40px;
        }

        .m_bottom_45 {
            margin-bottom: 45px;
        }

        .m_bottom_50 {
            margin-bottom: 50px;
        }

        .m_bottom_60 {
            margin-bottom: 60px;
        }

        .m_bottom_65 {
            margin-bottom: 65px;
        }

        .m_bottom_100 {
            margin-bottom: 100px;
        }

        .m_top_5 {
            margin-top: 5px;
        }

        .m_top_20 {
            margin-top: 20px;
        }

        .m_top_60 {
            margin-top: 60px;
        }

        .centered_db {
            margin-left: auto;
            margin-right: auto;
        }


        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }



        /* -----------------------------------

    4. Typography

------------------------------------- */

        h2 {
            font-size: 1.71em;
            line-height: 1em;
        }

        h3,
        .p_table>footer a {
            font-size: 1.4em;
        }

        h4 {
            font-size: 1.25em;
        }

        h5 {
            font-size: 1.15em;
        }

        h6 {
            font-size: 1em;
        }

        /* -----------------------------------

    5. Header

------------------------------------- */

        [role="banner"] {
            border-top: 3px solid #666;
            width: inherit;
        }

        .h_top_part {
            padding: 4px 0;
            border-bottom: 1px solid #d0d0d0;
            background-color: #e9e9e9
        }

        .h_bot_part {
            padding-top: 29px;
            padding-bottom: 27px;
            background: #fff;
        }

        .menu_wrap {
            z-index: 189;
            width: inherit;
        }

        .menu_wrap {
            background: #666666;
        }

        .logo {
            width: 100%;
        }

        /* Nur zum zentrieren verwenden
.logo img {
    margin:auto;
}
*/

        @media (max-width:768px) {
            .logo img {
                margin: auto;
            }
        }

        /* -----------------------------------

    6. Produkt-Gallerie

------------------------------------- */

        /*** GALLERIE BOS ***/

        .image-gallery {
            margin: 0;
            width: 100%;
            height: 580px;
        }

        .image-gallery .big-image {
            width: 100%;
            max-width: 440px;
            height: 500px;
            margin: 0;
            position: relative;
        }

        .image-gallery .big-image img {
            opacity: 0;
            position: absolute;
            left: 0px;
            top: 0px;
            max-height: 500px;
            width: 100%;
            max-width: 440px;
            height: auto;
            margin: 0;
            transition: opacity 350ms;
        }

        .image-gallery .big-image img:target {
            opacity: 1;
        }

        .image-gallery .big-image img:target~img#default {
            opacity: 0;
        }

        .image-gallery .big-image img#default {
            opacity: 1;
        }

        .image-gallery .thumbs {
            margin: 0;
            position: relative;
            top: 5px;
        }

        .image-gallery .thumbs ul {
            list-style-type: none;
            margin: 0!important;
            padding: 0!important;
        }

        .image-gallery .thumbs li {
            list-style: none;
            margin: 5px 0;
            padding: 2px;
            display: inline-block;
            text-align: center;
            border: 1px solid #ddd;
        }

        .image-gallery .thumbs li a:hover {
            opacity: 1;
        }

        .image-gallery .thumbs li a {
            opacity: 0.85;
            text-align: center;
            width: 104.4px;
            height: 104.4px;
            display: table-cell;
            vertical-align: middle;
        }

        .image-gallery .thumbs li a:focus {
            opacity: 1;
        }

        .image-gallery .thumbs li img {
            max-height: 104.4px;
            width: auto;
            margin: auto;
        }

        /*** GALLERIE EOS ***/

        /* -----------------------------------

    7. Tabs

------------------------------------- */

        /*** CSS TABS BOS ***/

        .tabs {
            background: none;
            padding: 0;
            margin: 0;
        }

        .tabs span {
            display: none;
        }

        #tab-content {
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
        }

        #tab-content ul {
            margin: 0;
            padding: 0;
            overflow: hidden;
            border-top: solid 1px #000;
            border-bottom: solid 1px #000;
            margin-bottom: 30px;
            text-align: center;
        }

        #tab-content ul li.tab {
            display: inline;
            list-style-type: none;
            margin: 0 4px -1px 0;
            padding: 0;
        }

        #tab-content ul li.tab a {
            display: inline-block;
            position: relative;
            z-index: 1;
            background: #fff;
            color: #000;
            text-align: center;
            margin: 0;
            padding: 14px 20px;
            text-decoration: none;
            cursor: pointer;
            transition: background-color 0.4s linear 0s;
            font-size: 12px;
            font-weight: normal;
        }

        #tab-content ul li.tab a:hover {
            background: #fff;
            color: #000;
            text-decoration: none;
        }

        #tab-content>div {
            position: relative;
            clear: both;
            visibility: hidden;
            background: #fff;
            color: #333;
            margin: 0;
            padding: 0 15px;
            height: 0;
            overflow: hidden;
            color: #3e454c;
            text-align: left;
            font-size: 13px;
            font-weight: 400;
        }

        #tab-content>div ul li:before {
            content: "\f0da";
            color: #000;
            margin-right: 10px;
            font-family: "FontAwesome";
        }

        #tab-content>div h1 {
            font-size: 16px;
            font-weight: 500;
            margin: 0 0 10px 0;
            padding: 10px 0;
            line-height: 18px
        }

        #tab-content>div h2 {
            font-size: 16px;
            font-weight: 400;
            line-height: 16px;
        }

        span:target~#tab-content ul li:first-child a {
            background: #fff;
            color: #000;
            font-weight: normal;
        }

        span:target~#tab-content>div:first-of-type {
            visibility: hidden;
            height: 0;
            padding: 0 10px;
        }

        span~#tab-content>div:first-of-type,
        #tab-label-1:target~#tab-content>div.tab-content-1,
        #tab-label-2:target~#tab-content>div.tab-content-2,
        #tab-label-3:target~#tab-content>div.tab-content-3,
        #tab-label-4:target~#tab-content>div.tab-content-4,
        #tab-label-5:target~#tab-content>div.tab-content-5 {
            visibility: visible;
            height: auto;
            padding: 14px 20px;
            position: relative;
            z-index: 0;
        }

        span~#tab-content>ul li:first-child a,
        #tab-label-1:target~#tab-content>ul li a[href$="#tab-label-1"],
        #tab-label-2:target~#tab-content>ul li a[href$="#tab-label-2"],
        #tab-label-3:target~#tab-content>ul li a[href$="#tab-label-3"],
        #tab-label-4:target~#tab-content>ul li a[href$="#tab-label-4"],
        #tab-label-5:target~#tab-content>ul li a[href$="#tab-label-5"] {
            background: #fff;
            color: #000;
            font-weight: bold;
        }

        /*** CSS TABS EOS ***/

        /*** CSS MENÜ BOS ***/

        .top-menu {
            background: padding-right:10px;
            padding-left: 10px;
        }

        .top-menu.container {
            padding: 0;
        }

        .nav-list {
            margin-bottom: 20px;
            padding: 0px;
            list-style: none;
        }

        .nav-list li {
            display: inline-block !important;
            text-transform: uppercase;
            padding: 5px 0px;
            text-align: center;
            list-style: none;

        }

        .nav-list li a {
            color: #333;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 11px;
            /*margin-right:50px;*/
            padding: 10px 15px;
            -webkit-transition: background 500ms ease-out;
            -moz-transition: background 500ms ease-out;
            -o-transition: background 500ms ease-out;
            transition: background 500ms ease-out;
            margin-top: -20px;
            margin-bottom: -20px;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            display: block !important;
            box-shadow: 1px 0px 1px -1px rgba(255, 255, 255, 0.25);
        }

        .nav-list li {
            margin-left: -3px;
        }



        .nav-list li a:hover {
            text-decoration: none;
            background: #333;
            color: #fff;
        }

        @media (min-width: 0px) and (max-width: 320px) {
            .nav-list li {
                width: 100%;
                padding: 0px;
            }
            .nav-list li a {
                color: #333;
                font-size: 14px;
                margin-right: 0px;
                padding: 12px;
                margin: 0px;
            }
        }

        @media (min-width: 0px) and (max-width: 768px) {
            .top-menu {
                margin: 0px;
                padding: 0px;
                width: 100%;
            }
            .top-menu ul {
                padding: 0px;
                margin: 0px;
            }
            .nav-list li {
                width: 100%;
                padding: 0px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.15);
            }
            .nav-list li a {
                color: #333;
                font-size: 14px;
                margin-right: 0px;
                padding: 12px;
                margin: 0px;
            }
            .nav-list li a:hover {
                background: #333;
            }
        }

        .hvr-underline-from-center {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            overflow: hidden;
        }

        .hvr-underline-from-center:before {
            content: "";
            position: absolute;
            z-index: -1;
            left: 50%;
            right: 50%;
            bottom: 0;
            background: #004e8b;
            height: 2px;
            -webkit-transition-property: left, right;
            transition-property: left, right;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

        .hvr-underline-from-center:hover:before,
        .hvr-underline-from-center:focus:before,
        .hvr-underline-from-center:active:before {
            left: 0;
            right: 0;
        }

        /*** CSS MENÜ EOS ***/

        /* -----------------------------------

    13. Footer

------------------------------------- */

        #footer {
            color: #666;
            padding: 45px 0 0;
            background: #e9e9e9;
            border-top: 5px solid #000;
        }

        .footer_top_part {
            padding-bottom: 37px;
        }

        .footer_bottom_part {
            background: #292f38;
            padding: 24px 0 22px;
            color: #696e6e;
        }


        /* -----------------------------------

    14. Animationen

------------------------------------- */

        @-webkit-keyframes ministorm {
            0%,
            100% {
                -webkit-tranform: rotate(0deg);
            }
            30% {
                -webkit-transform: rotate(8deg);
            }
            70% {
                -webkit-transform: rotate(-8deg);
            }
        }

        @keyframes ministorm {
            0%,
            100% {
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            30% {
                -moz-transform: rotate(8deg);
                -o-transform: rotate(8deg);
                -ms-transform: rotate(8deg);
                transform: rotate(8deg);
            }
            70% {
                -moz-transform: rotate(-8deg);
                -o-transform: rotate(-8deg);
                -ms-transform: rotate(-8deg);
                transform: rotate(-8deg);
            }
        }

        @keyframes wicket {
            0% {
                -moz-transform: rotate3d(1, 0, 0, 90deg);
                -o-transform: rotate3d(1, 0, 0, 90deg);
                -ms-transform: rotate3d(1, 0, 0, 90deg);
                transform: rotate3d(1, 0, 0, 90deg);
            }
            70% {
                -moz-transform: rotate3d(1, 0, 0, -30deg);
                -o-transform: rotate3d(1, 0, 0, -30deg);
                -ms-transform: rotate3d(1, 0, 0, -30deg);
                transform: rotate3d(1, 0, 0, -30deg);
            }
            100% {
                -moz-transform: rotate3d(1, 0, 0, 0deg);
                -o-transform: rotate3d(1, 0, 0, 0deg);
                -ms-transform: rotate3d(1, 0, 0, 0deg);
                transform: rotate3d(1, 0, 0, 0deg);
            }
        }

        @-webkit-keyframes wicket {
            0% {
                -webkit-transform: rotate3d(1, 0, 0, 90deg) translate3d(0, 0, 1px);
            }
            70% {
                -webkit-transform: rotate3d(1, 0, 0, -30deg) translate3d(0, 0, 1px);
            }
            100% {
                -webkit-transform: rotate3d(1, 0, 0, 0deg) translate3d(0, 0, 1px);
            }
        }

        @keyframes wicketout {
            0% {
                -moz-transform: rotate3d(1, 0, 0, 0deg);
                -o-transform: rotate3d(1, 0, 0, 0deg);
                -ms-transform: rotate3d(1, 0, 0, 0deg);
                transform: rotate3d(1, 0, 0, 0deg);
            }
            30% {
                -moz-transform: rotate3d(1, 0, 0, -30deg);
                -o-transform: rotate3d(1, 0, 0, -30deg);
                -ms-transform: rotate3d(1, 0, 0, -30deg);
                transform: rotate3d(1, 0, 0, -30deg);
            }
            100% {
                -moz-transform: rotate3d(1, 0, 0, 90deg);
                -o-transform: rotate3d(1, 0, 0, 90deg);
                -ms-transform: rotate3d(1, 0, 0, 90deg);
                transform: rotate3d(1, 0, 0, 90deg);
            }
        }

        @-webkit-keyframes wicketout {
            0% {
                -webkit-transform: rotate3d(1, 0, 0, 0deg) translate3d(0, 0, 1px);
            }
            30% {
                -webkit-transform: rotate3d(1, 0, 0, -30deg) translate3d(0, 0, 1px);
            }
            100% {
                -webkit-transform: rotate3d(1, 0, 0, 90deg) translate3d(0, 0, 1px);
            }
        }

        @-webkit-keyframes sizejump {
            0%,
            100% {
                -webkit-transform: scaleX(1);
            }
            50% {
                -webkit-transform: scaleX(1.1);
            }
        }

        @keyframes sizejump {
            0%,
            100% {
                -moz-transform: scaleX(1);
                -o-transform: scaleX(1);
                -ms-transform: scaleX(1);
                transform: scaleX(1);
            }
            50% {
                -moz-transform: scaleX(1.1);
                -o-transform: scaleX(1.1);
                -ms-transform: scaleX(1.1);
                transform: scaleX(1.1);
            }
        }

        @-webkit-keyframes jump {
            0%,
            100% {
                -webkit-transform: translateY(0px);
            }
            50% {
                -webkit-transform: translateY(-5px);
            }
        }

        @keyframes jump {
            0%,
            100% {
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                transform: translateY(0px);
            }
            50% {
                -moz-transform: translateY(-5px);
                -o-transform: translateY(-5px);
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
            }
        }

        [class*="animate_"] {
            -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;
        }

        [class*="animate_"].fast,
        .tr_all_hover {
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
        }

        [class*="animate_"].long,
        .tr_all_long_hover {
            -webkit-transition: all 1.1s ease;
            -moz-transition: all 1.1s ease;
            -o-transition: all 1.1s ease;
            transition: all 1.1s ease;
        }

        [class*="animate_ft"],
        .animate_fade {
            opacity: 0;
            visibility: hidden;
        }




        @media (min-width:901px) and (max-width:992px) {
            .product_single_preview {
                float: left;
            }
            .product_single_preview {
                width: 100%;
            }
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 700px;
                height: 700px;
            }
            .image-gallery .big-image img {
                width: 100%;
                max-height: 700px;
                max-width: 700px;
            }
            .image-gallery .thumbs li img {
                max-height: 111.2px;
            }
            .image-gallery .thumbs li a {
                width: 111.2px;
                height: 111.2px;
            }
        }

        @media (min-width:769px) and (max-width:900px) {
            .product_single_preview {
                float: left;
            }
            .product_single_preview {
                width: 100%;
            }
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 700px;
                height: 700px;
            }
            .image-gallery .big-image img {
                width: 100%;
                max-height: 700px;
                max-width: 700px;
            }
            .image-gallery .thumbs li img {
                max-height: 111.2px;
            }
            .image-gallery .thumbs li a {
                width: 111.2px;
                height: 111.2px;
            }
        }

        @media (min-width:641px) and (max-width:768px) {
            .product_single_preview {
                width: 100%;
            }
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 700px;
                height: 700px;
            }
            .image-gallery .big-image img {
                width: 100%;
                max-height: 700px;
                max-width: 700px;
            }
            .image-gallery .thumbs li img {
                max-height: 111.2px;
            }
            .image-gallery .thumbs li a {
                width: 111.2px;
                height: 111.2px;
            }
        }

        @media (min-width:601px) and (max-width:640px) {
            .product_single_preview {
                width: 100%;
            }
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 590px;
                height: 590px;
            }
            .image-gallery .big-image img {
                width: 100%;
                max-height: 590px;
                max-width: 590px;
            }
            .image-gallery .thumbs li img {
                max-height: 92.9px;
            }
            .image-gallery .thumbs li a {
                width: 92.9px;
                height: 92.9px;
            }
        }

        @media (min-width:481px) and (max-width:600px) {
            .product_single_preview {
                width: 100%;
            }
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 550px;
                height: 550px;
            }
            .image-gallery .big-image img {
                width: 100%;
                max-height: 550px;
                max-width: 550px;
            }
            .image-gallery .thumbs li img {
                max-height: 86.2px;
            }
            .image-gallery .thumbs li a {
                width: 86.2px;
                height: 86.2px;
            }
        }


        @media (min-width:361px) and (max-width:480px) {
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 430px;
                height: 430px;
            }
            .image-gallery .big-image img {
                width: 100%;
            }
            .image-gallery .thumbs li img {
                max-height: 102.4px;
            }
            .image-gallery .thumbs li a {
                width: 102.4px;
                height: 102.4px;
            }
        }

        @media (min-width:321px) and (max-width:360px) {
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 310px;
                height: 310px;
            }
            .image-gallery .big-image img {
                width: 100%;
            }
            .image-gallery .thumbs li a {
                width: 98px;
                height: 98px;
            }
        }

        @media (min-width:0px) and (max-width:320px) {
            .image-gallery {
                width: 100%;
            }
            .image-gallery .big-image {
                width: 100%;
                max-width: 270px;
                height: 270px;
            }
            .image-gallery .big-image img {
                width: 100%;
            }
            .image-gallery .thumbs li a {
                width: 85px;
                height: 85px;
            }
        }


        @media (max-width: 768px) {
            #tab-content ul li.tab {
                display: block;
                width: 100%;
                background: #3e454c
            }
            #tab-content ul li.tab a {
                display: block;
                width: 100%;
                border-radius: 0;
            }
            span:target~#tab-content ul li:first-child a {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }
            .tab label {
                display: block;
                float: none;
                margin-bottom: 5px;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
            }
            .tab .content {
                border: none;
                margin: 0;
                padding: 0 15px
            }
        }

        .specials_item .thumbholder {
            width: 222px;
            height: 222px;
            border: 1px solid #ddd;
            margin: 0 auto 20px;
        }

        .specials_item .thumbholder a {
            display: table-cell;
            vertical-align: middle;
            width: 220px;
            height: 220px;
        }

        .specials_item .thumbholder a img {
            width: auto;
            max-width: 220px;
            height: auto;
            max-height: 220px;
        }


        /*----- Promotion Banners -----*/

        #promo {
            max-width: 100%;
            margin: 0 auto;
            /*center aligned*/
            padding: 0;
            font-size: 0;
            /* Remember to change it back to normal font size if have captions */
            list-style: none;
            background-color: #fff;
        }

        #promo li {
            display: inline-block;
            *display: inline;
            /*for IE6 - IE7*/
            vertical-align: middle;
            box-sizing: border-box;
            padding: 1px;
            margin: 10px 1px 1px 1px;
            background: #ffffff;
        }

        /* The wrapper for each item */

        .promo-cell {
            /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
            display: block;
            position: relative;
            overflow: hidden;
            font-size: 12px;
            font-weight: bold;
            color: #000;
        }

        /* If have the image layer */

        .promo-text {
            color: #333;
            padding: 5px;
            text-align: center;
            line-height: 30px;
        }

        /* If have the image layer */

        .promo-img {
            display: block;
            width: 100%;
            height: auto;
            border: none;
            transform: scale(1);
            transition: all 1s;
        }


        @media (max-width: 9000px) {
            #promo li {
                width: 32.33%;
                font-size: 16px;
            }
        }

        @media (max-width: 700px) {
            #promo li {
                width: 100%;
                text-align: center;
            }
        }

        @media (max-width: 550px) {
            #promo li {
                width: 100%;
                font-size: 20px;
                text-align: center;
            }
        }

        @media (max-width: 400px) {
            #promo li {
                width: 100%;
                text-align: center;
            }
        }

        .img-container {
            display: block;
        }

        @media (max-width: 550px) {
            .img-container {
                display: block;
            }
        }


        .footer-section {
            font-size: 10px;
            color: #FFF;
            padding: 10px;
            text-align: left;
            padding-left: 40px;
        }

        /*----- Promotion Banners -----*/

        #promo {
            max-width: 100%;
            font-size: 0;
            /* Remember to change it back to normal font size if have captions */
            list-style: none;
            margin-top: 20px;

        }

        #promo li {
            display: inline-block;
            *display: inline;
            /*for IE6 - IE7*/
            width: 24%;
            vertical-align: middle;
            box-sizing: border-box;
            margin: 0;
            padding-left: 1%;

        }

        /* The wrapper for each item */

        .promo-cell {
            /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
            display: block;
            position: relative;
            overflow: hidden;
        }

        /* If have the image layer */

        .promo-img {
            display: block;
            width: 100%;
            height: auto;
            border: none;
            transform: scale(1);
            transition: all 1s;

        }



        @media (max-width: 9000px) {

            #promo {
                padding: 0px 5px;
            }
            #promo li {
                width: 25%;
            }
        }

        @media (max-width: 700px) {
            #promo li {
                width: 25%;
            }
        }

        @media (max-width: 550px) {

            #promo {
                padding: 5px 0px;
            }
            #promo li {
                width: 50%;
                outline: none;
            }
        }


        input[type=checkbox]:checked+.collapse {
            display: block;
        }

        .left-content-box .box-header {
            background: #EFEFEF;
            font-size: 20px;
            border: 1px solid #AAA;
            border-radius: 5px 5px 0px 0px;
        }

        .left-content-box .box-header h2 {
            font-size: 20px;
            margin: 9px;
        }

        .left-content-box .box-body {
            background: #DDD;
            border: 1px solid #aaa;
        }

        .left-content-box .box-body ul.list {
            list-style: none;
            padding: 6px;
        }

        .left-content-box .box-body ul.list a {
            color: #333;
            font-size: 15px;
            display: block;
            -webkit-animation: revmymove 1s infinite;
            /* Safari 4.0 - 8.0 */
            animation: revmymove 1s;
        }

        .left-content-box .box-body ul.list a:hover {

            -webkit-animation: mymove 1s infinite;
            /* Safari 4.0 - 8.0 */
            animation: mymove 1s;
        }

        /* Safari 4.0 - 8.0 */

        @-webkit-keyframes mymove {
            from {
                padding-left: 0px;
            }
            to {
                padding-left: 20px;
            }
        }

        @keyframes mymove {
            from {
                padding-left: 0px;
            }
            to {
                padding-left: 20px;
            }
        }

        /* Safari 4.0 - 8.0 */

        @-webkit-keyframes revmymove {
            from {
                padding-left: 20px;
            }
            to {
                padding-left: 0px;
            }
        }

        @keyframes revmymove {
            from {
                padding-left: 20px;
            }
            to {
                padding-left: 0px;
            }
        }

        .left-content-box .box-body ul.list li {
            border-bottom: 1px solid #EEE;
        }

        .left-content-box+.left-content-box {
            margin-top: 25px;
        }

        .banner {
            margin-bottom: 30px;
        }

        .banner a {
            display: block;
        }

        .banner .img-fluid {
            width: 100%;
        }

        font li {
            list-style-image: url(images/blt1.png);
        }

        .product-image-slider-body img {
            display: none;
            /*opacity: 0;*/
            /* -webkit-transition-property: opacity; 
    -webkit-transition-duration: 1s; 
    transition-property: all;
    transition-duration: 1s;*/
        }

        .product-image-slider-body input[type="radio"] {
            display: none;
        }

        .product-image-slider-body input[type="radio"]:checked+img {
            display: block;
            /*opacity: 1;*/
            -webkit-animation: fadeIn 1s;
            /* Safari 4.0 - 8.0 */
            animation: fadeIn 1s;
        }

        /* Safari 4.0 - 8.0 */

        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @media (max-width: 767.98px) {
            .product-image-slider-selector label {
                max-width: 32.3%;
            }
        }

        h2.product-name,
        .product-options {
            text-align: center;
        }

        /*@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: .9rem;
    }
}*/

        .releted-product-list {
            /*border: 1px solid #AAA;*/
            padding: 19px 0px;
            margin-bottom: 10px;
        }

        .releted-product-list .card-title {
            font-size: .8rem;
            min-height: 72px;
        }

        .pp-price,
        .pp-link {
            font-size: .8rem;
            padding-left: 5px;
            padding-right: 5px;
        }


        .left-content-box .box-body {
            background: #DDD;
            border: 1px solid #aaa;
            margin-top: 10px;
        }

        .left-content-box .box-body ul.list {
            list-style: none;
            padding: 6px;
        }

        .left-content-box .box-body ul.list a {
            color: #333;
            font-size: 15px;
            display: block;
            -webkit-animation: revmymove 1s infinite;
            /* Safari 4.0 - 8.0 */
            animation: revmymove 1s;
            padding: 5px 0px;
        }

        .left-content-box .box-body ul.list a:hover {

            -webkit-animation: mymove 1s infinite;
            /* Safari 4.0 - 8.0 */
            animation: mymove 1s;
        }

        /* Safari 4.0 - 8.0 */

        @-webkit-keyframes mymove {
            from {
                padding-left: 0px;
            }
            to {
                padding-left: 20px;
            }
        }

        @keyframes mymove {
            from {
                padding-left: 0px;
            }
            to {
                padding-left: 20px;
            }
        }

        /* Safari 4.0 - 8.0 */

        @-webkit-keyframes revmymove {
            from {
                padding-left: 20px;
            }
            to {
                padding-left: 0px;
            }
        }

        @keyframes revmymove {
            from {
                padding-left: 20px;
            }
            to {
                padding-left: 0px;
            }
        }

        .left-content-box .box-body ul.list li {
            border-bottom: 1px solid #EEE;
        }

        .left-content-box+.left-content-box {
            margin-top: 25px;
        }





.nm-carousel {
    position: relative;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
    margin-top: 26px;
    max-width:1400px;
    margin: 0 auto;
}

.nm-carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.nm-carousel-item {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

.nm-carousel-open:checked + .nm-carousel-item {
    position: static;
    opacity: 1;
    visibility: visible;
}

.nm-carousel-item img {
    display: block;
    height: auto;
    max-width: 100%;
}

.nm-carousel-control {
    background: rgba(0, 0, 0, 0.28);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 40px;
    height: 40px;
    line-height: 35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    width: 40px;
    z-index: 10;
}

.nm-carousel-control.prev {
    left: 2%;
}

.nm-carousel-control.next {
    right: 2%;
}

.nm-carousel-control:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #aaaaaa;
}

#nm-carousel-1:checked ~ .control-1,
#nm-carousel-2:checked ~ .control-2,
#nm-carousel-3:checked ~ .control-3,
#nm-carousel-4:checked ~ .control-4 {
    display: block;
}

.nm-carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    width:100%;
}

.nm-carousel-indicators li {
    display: inline-block;
    margin: 0 5px;
}

.nm-carousel-bullet {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 35px;
}

.nm-carousel-bullet:hover {
    color: #aaaaaa;
}

#nm-carousel-1:checked ~ .control-1 ~ .nm-carousel-indicators li:nth-child(1) .nm-carousel-bullet,
#nm-carousel-2:checked ~ .control-2 ~ .nm-carousel-indicators li:nth-child(2) .nm-carousel-bullet,
#nm-carousel-3:checked ~ .control-3 ~ .nm-carousel-indicators li:nth-child(3) .nm-carousel-bullet,
#nm-carousel-4:checked ~ .control-4 ~ .nm-carousel-indicators li:nth-child(4) .nm-carousel-bullet {
    color: #428bca;
}