@charset "utf-8";
/* CSS Document */
/* CSS COPYRIGHT 2015-2016
   NMB-MEDIA, CAPSICUM-DESIGN
   www.nmb-media.de */
   
   @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
   @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');
   
/* COPYRIGHT DARF BEI KOSTENLOSEN VORLAGEN NICHT ENTFERNT WERDEN ! */
   
/*  font        313131
    a           d30c37
    a:hover     e3000b
    h2          e3000b 
    h3          d30c37  
    h4+5+6      212121      */   

/* BASE STYLE */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

body, #nmb-pb p, #nmb-pb h1, #nmb-pb h2, #nmb-pb h3 {margin:0; padding:0;}
div#nmb-pb {float: left;
    width: 100%;
    font-family: "Source Sans Pro", sans-serif; 
    font-size: 100%; 
    font-style:normal;
    font-weight: 400;
    color: #313131;}
    div#nmb-pb b,
    div#nmb-pb strong {
        font-weight: 700;}
        img {border: none;}

div#nmb-pc {float: left;
    width: 100%;
    border-top: 34px solid #222;
    border-bottom: 20px solid #222;}
    div#nmb-pc a {text-decoration: none; color: #d30c37;}
    div#nmb-pc a:hover {text-decoration: none; color: #e3000b;}
    div#nmb-pc p {margin: 5px 0;}
    div#nmb-pc h1,
    div#nmb-pc h2,
    div#nmb-pc h3 {text-transform: uppercase; font-style:normal;}   
    div#nmb-pc h1 {color: #d30c37; font-size: 1.6em;}
    div#nmb-pc h2 {color: #d30c37; font-size: 1.4em;}
    div#nmb-pc h3 {color: #313131; font-size: 1.2em;}
    div#nmb-pc h4,
    div#nmb-pc h5,
    div#nmb-pc h6 {color: #616161; font-size: 1.2em;}
    div#nmb-pc img {max-width: 100%;}
    
/* BG MOTIVES */    
.nmb-bg1 {background:url(bg1.jpg) #2c2c2c no-repeat; background-size: 100%;}
.nmb-bg2 {background:url(bg2.jpg) #2c2c2c no-repeat; background-size: 100%;}
.nmb-bg3 {background:url(bg3.jpg) #2c2c2c no-repeat; background-size: 100%;}

div#nmb-cc {
    margin: 0 auto; padding: 0 15px;
    text-align:left;
    background: #fff;
    border-left: 3px solid #d30c37;
    border-right: 3px solid #d30c37;}

.nmb-shadow1 {
    -webkit-box-shadow: 0px 0px 3px 3px #f1ede3; 
       -moz-box-shadow: 0px 0px 3px 3px #f1ede3;
            box-shadow: 0px 0px 3px 3px #f1ede3;}

.nmb-shadow2 {
    -webkit-box-shadow: 0 8px 6px -6px #a7a7a7;
       -moz-box-shadow: 0 8px 6px -6px #a7a7a7;
            box-shadow: 0 8px 6px -6px #a7a7a7;}
            
.nmb-shadow3 {
    position: relative; 
    background-color: #fff; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #ddd; 
    border-radius: 0px; 
    box-shadow: 0px 8px 4px -8px #cdcdcd, 0px 0px 40px #eee; }          
            
.nmb-small {font-size: 0.7em;}  
.clear {clear: both;}   
.nmb-rounded {      
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;}
    
.nmb-table {display: table;}
.nmb-row {display: table-row;}
.nmb-tablecell {display: table-cell;}       

/* ADDITION: TABLE STYLE */
div#nmb-pb table {
    margin: 10px auto;
    width: 100%;
    font-size: 14px;
    
    table-layout: fixed;
    word-wrap: break-word;
    
    border: 1px solid #ccc;
    background: #e9e9e9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e9e9e9 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,  #e9e9e9 0%,#eaeaea 100%);
    background: -o-linear-gradient(top,  #e9e9e9 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top,  #e9e9e9 0%,#eaeaea 100%);
    background: linear-gradient(to bottom,  #e9e9e9 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#eaeaea',GradientType=0 );}
    div#nmb-pb td {
        padding: 5px;
        border: none;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        vertical-align: top;}
        div#nmb-pb td:first-child {
            border-right: 1px solid #ccc;
            font-weight:bold;}
        div#nmb-pb tr:first-child td {border-top: none;}
            
/* GRADIENTS */
.nmb-ggr-light {
    background: #f4f4f4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=0 );}
    
.nmb-ggr-color {
    background: #e3000b;
    background: -moz-linear-gradient(top,  #e3000b 0%, #d30c37 35%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3000b), color-stop(35%,#d30c37));
    background: -webkit-linear-gradient(top,  #e3000b 0%,#d30c37 35%);
    background: -o-linear-gradient(top,  #e3000b 0%,#d30c37 35%);
    background: -ms-linear-gradient(top,  #e3000b 0%,#d30c37 35%);
    background: linear-gradient(to bottom,  #e3000b 0%,#d30c37 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000b', endColorstr='#d30c37',GradientType=0 );}
    
.nmb-ggr-dark {
    background: #555555;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #555555 0%, #333333 50%, #222222 51%, #222222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(50%,#333333), color-stop(51%,#222222), color-stop(100%,#222222));
    background: -webkit-linear-gradient(top,  #555555 0%,#333333 50%,#222222 51%,#222222 100%);
    background: -o-linear-gradient(top,  #555555 0%,#333333 50%,#222222 51%,#222222 100%);
    background: -ms-linear-gradient(top,  #555555 0%,#333333 50%,#222222 51%,#222222 100%);
    background: linear-gradient(to bottom,  #555555 0%,#333333 50%,#222222 51%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); }
    
/* HEADER STYLE */
div#nmb-header {
    position: relative;}
    div#nmb-hotline {
        top: 13px;
        color: #a7a7a7;
        text-shadow: 0px 1px 0px #fff;
        z-index:999;}
    div#nmb-header i {
        font-size: 34px;
        color: #d30c37;
        line-height: 38px;} 
        
    ul#nmb-service {
        padding: 0;}    
    ul#nmb-service li {
        display: inline-block;
        padding: 10px;
        border: 1px dashed #a7a7a7;
        font-size: 0.9em;
        
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        
        vertical-align: middle;
        text-align: left;}
        
        ul#nmb-service li span,
        ul#nmb-service li i {
            display: block;}
        ul#nmb-service li > span {
            color: #666;
            margin-left: 10px;} 
        ul#nmb-service li span > span {color: #999;}
        ul#nmb-service li > a {color: #cdcdcd;}
        ul#nmb-service li:hover > a {color: #e3000b;}
        ul#nmb-service li:hover {
            color: #000;
            background: #f2f2f2;}
            
        
/* Detaileinstellungen Kopfbereich */
/* NAVIGATIONEN */  
div#nmb-topNavi {
    float: left;
    width: 100%; 
    background: #e9e9e9;}
    ul#nmb-n1 {
        float: left;
        list-style:none;
        position: relative;
        width: 100%;
        margin: 0; padding: 0;
        border: 1px dotted #a7a7a7;}
    ul#nmb-n1 li {float: left;
        margin: 0; padding: 0 10px;
        line-height: 49px;
        
        opacity: 0.8;       
        transition: 0.8s;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;}
    ul#nmb-n1 li > a {color: #ddd;} 
    ul#nmb-n1 li:hover a,
    ul#nmb-n1 li > a:hover {color: #fff;}   
    ul#nmb-n1 li:hover {
        opacity: 1;
        background: #d30c37;}       
        ul#nmb-n1 li.nmb-n1-search {
            border-right: 0 none transparent;}
        ul#nmb-n1 li.nmb-n1-search:hover {
            background: 0 none transparent;}
        ul#nmb-n1 li i {line-height:48px;}  

/* SEARCH */
div#nmb-searchwrapper {
    padding: 0; margin: 0;}
#nmb-searchform {
    background: #fff;}
.nmb-searchbox {
    padding: 0 5px;
    background: 0 none transparent !important;
    border: 1px solid #fff;
    color: #444; line-height:30px; font-style:italic;}
    .nmb-searchbox_submit {
        float: left;
        width: 20%; height: 100%;
        background:url(icon-search-rgl.png) center center no-repeat transparent;
        border: 1px dotted #a7a7a7;
        cursor: pointer;}

/* CONTENT STYLE */ 
div#nmb-content {width: 100%;
    margin: 15px 0;}
    
/* Detaileinstellungen Content-Bereich */
/* CONTENT WRAPPER */
div.nmb-ContainerWrapper {
    width: 99.9%;
    margin: 0 auto;}
    .nmb-ContainerWrapper ul {
        margin: 5px;
        padding: 0 0 0 25px;}
    .nmb-ContainerWrapper ul li {
        list-style-image:url(icon-li-rgl-2.png);}

/* BOX DESIGN */
/* SIDE & MIDDLE */
div.nmb-sideCol,
div.nmb-middleCol,
div.nmb-middleCol-l,
div.nmb-middleCol-r {
    float: left;
    position: relative;
    padding: 10px 0;}
    
    div.nmb-middleCol div.nmb-middleTheme, 
    div.nmb-middleCol div.nmb-middleContent,
    div.nmb-middleCol-l div.nmb-middleTheme,
    div.nmb-middleCol-l div.nmb-middleContent,
    div.nmb-middleCol-r div.nmb-middleTheme,
    div.nmb-middleCol-r div.nmb-middleContent {
        float: left;
        width: 100%;}
    
    div.nmb-sideCol div.nmb-sideTheme,
    div.nmb-sideCol div.nmb-sideContent,
    div.nmb-middleCol div.nmb-middleTheme,
    div.nmb-middleCol div.nmb-middleContent,
    div.nmb-middleCol-l div.nmb-middleTheme,
    div.nmb-middleCol-l div.nmb-middleContent,
    div.nmb-middleCol-r div.nmb-middleTheme,
    div.nmb-middleCol-r div.nmb-middleContent {
        margin: 5px 0;
        padding: 5px 10px;}

    div.nmb-sideCol div.nmb-sideTheme,
    div.nmb-middleCol div.nmb-middleTheme,
    div.nmb-middleCol-r div.nmb-middleTheme,
    div.nmb-middleCol-l div.nmb-middleTheme {
        padding-bottom: 2px;
        font-size: 1.5em;
        background: #eee;
        min-height: 50px;
        line-height: 40px;}
    div.nmb-sideCol div.nmb-sideContent {
        padding-bottom: 20px;}
        
    div.nmb-sideTheme span,
    div.nmb-middleTheme span,
    div.nmb-fcBox div.nmb-fcTheme span {
        margin-right: 5px;
        margin-left: 5px;
        color: #d30c37; }   
        
/* Addition: Shipping-List */
/* Addition: Payment-List */
    .nmb-sideCol ul.nmb-ship,
    .nmb-sideCol ul.nmb-pay {
        width: 100%;
        margin: 0 auto; margin-top: 10px;
        padding: 0;}
    .nmb-sideCol ul.nmb-ship li,
    .nmb-sideCol ul.nmb-pay li {list-style: none;
        display: inline-block;
        text-align:center;
        padding: 0 5px;
        opacity:1;
        
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;}
        
    .nmb-sideCol ul.nmb-ship li img:hover,
    .nmb-sideCol ul.nmb-pay li img:hover {opacity: 0.8;}    
    
/* Addition: Flag-List */
.nmb-sideCol ul.nmb-flagList {
    padding: 0;
    margin: 0;}
    .nmb-sideCol ul.nmb-flagList li {list-style: none; position: relative;
        padding: 4px 0 !important; margin: 1px 0 !important;
        border-bottom:1px solid #a7a7a7; background:#e9e9e9;}
    .nmb-sideCol ul.nmb-flagList li:first-child {border-top: 1px solid #a7a7a7;}
                    ul.nmb-flagList img {margin-right: 3px; vertical-align: middle;}
                    
    .nmb-sideCol .nmb-flagList li > span {position: absolute; top: 0; right: 0; display: block;
        width: auto; height: 30px;
        margin-right: 5px; margin-top: 3px;
        text-align: center; line-height: 30px;}

    div.nmb-middleCol div.nmb-middleTheme, 
    div.nmb-middleCol div.nmb-middleContent,
    div.nmb-middleCol-l div.nmb-middleTheme,
    div.nmb-middleCol-l div.nmb-middleContent,
    div.nmb-middleCol-r div.nmb-middleTheme,
    div.nmb-middleCol-r div.nmb-middleContent {
        float: left;
        width: 100%;}

/* PRODUCT INFO CONTAINER */
div.nmb-prodDetails {float: left;
    width: 100%;}
div.nmb-prodDetails ul.nmb-leftCol {float: left;
    width: 47.8%;
    padding-left: 0 !important;
    list-style: none;}
div.nmb-prodDetails .nmb-leftCol:first-child {padding-right: 12px !important;}  
div.nmb-prodDetails ul.nmb-leftCol li {
    list-style: none;
    padding: 3px 0 !important;
    border-bottom: 1px solid #cdcdcd;}  

ul.nmb-leftCol div.nmb-leftColTheme {
    padding: 5px;
    background: #e9e9e9;
    font-weight:bold;}
        
/* CROSS SELLING CONTAINER */
.nmb-crossBox {
    float: left;
    width: 100%;}
    .nmb-crossTitle>h4 {
    min-height: 41px;}
.nmb-crossBox > .nmb-crossContainer {
    margin: 5px 0;}

        .nmb-crossContainer img {
            max-width: 100%;
            margin-top: 7px;
            border: 2px solid #fff;
            box-shadow: -1px 2px 4px -2px #cdcdcd;
            -webkit-box-shadow: -1px 2px 4px -2px #cdcdcd;
            -moz-box-shadow: -1px 2px 4px -2px #cdcdcd;}
        .nmb-crossContainer a {
            display: block; width: 100%;
            color: #313131 !important;
            opacity: 0.7;
            
            transition: 0.6s;
            -webkit-transition: 0.6s;
            -moz-transition: 06.s;}
        .nmb-crossContainer a:hover {opacity: 1;}
    
/* FUSS */
div#nmb-fc {float: left;
    position: relative;
    width: 100%;
    margin-bottom: 10px; padding: 10px 0;
    
    color: #212121; font-size:0.9em;
    text-align: left;}

/* IMPRESSUM LINK BOX */
div.nmb-fcBox {
    display: block; 
    float: left;
    margin-bottom: 25px;}
        div.nmb-fcBox div.nmb-fcTheme {
        margin: 5px 0 0;
        padding: 5px 10px;
        background: #e9e9e9;
        min-height: 50px;
        line-height: 40px;
        font-size: 1.5em;
        color: #212121;}
    div.nmb-fcBox a:link,
    div.nmb-fcBox a:active,
    div.nmb-fcBox a:visited {color: #212121 !important;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;}
    div.nmb-fcBox a:hover {color: #d30c37 !important;
        opacity: 1;}
    
    a#nmb-fcList-fb,
    a#nmb-fcList-tw,
    a#nmb-fcList-gg,
    a#nmb-fcList-pi,
    a#nmb-fcList-yt {display: block;
        width: 40px; height: 40px;
        border-bottom: none;
        background-size: 90% !important;}
        
    a#nmb-fcList-fb {background: url(icon-fb-rgl.png) top left no-repeat;}
    a#nmb-fcList-tw {background: url(icon-twitter-rgl.png) top left no-repeat;}
    a#nmb-fcList-gg {background: url(icon-google-rgl.png) top left no-repeat;}
    a#nmb-fcList-pi {background: url(icon-pinterest-rgl.png) top left no-repeat;}
    a#nmb-fcList-yt {background: url(icon-youtube-rgl.png) top left no-repeat;} 
    
    a#nmb-fcList-fb:hover {background:url(icon-fb-hvr.png) top left no-repeat;} 
    a#nmb-fcList-tw:hover {background:url(icon-twitter-hvr.png) top left no-repeat;}    
    a#nmb-fcList-gg:hover {background:url(icon-google-hvr.png) top left no-repeat;} 
    a#nmb-fcList-pi:hover {background:url(icon-pinterest-hvr.png) top left no-repeat;}  
    a#nmb-fcList-yt:hover {background:url(icon-youtube-hvr.png) top left no-repeat;}    
    
     ul.nmb-fcList1 {margin: 5px 0; padding: 0 0 0 25px;}
     ul.nmb-fcList2,
     ul.nmb-fcList3 {margin: 5px 0; padding: 0 10px;}
     ul.nmb-fcList3 {}
     
     ul.nmb-fcList1 li {
        list-style:url(icon-li-rgl-2.png);
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;}
     ul.nmb-fcList2 li,
     ul.nmb-fcList3 li {list-style: none;}
     
     ul.nmb-fcList3 li {display: inline; float: left; margin: 0 3px;}
     ul.nmb-fcList3 li:first-child {margin: 0 3px 0 0;}
     
     ul.nmb-fcList2 li#nmb-fl1,
     ul.nmb-fcList2 li#nmb-fl2 {padding-left: 14px;}

     ul.nmb-fcList2 li#nmb-fl1 {background: url(f-icon-tel.png) left center no-repeat;}
     ul.nmb-fcList2 li#nmb-fl2 {background: url(f-icon-mail.png) left center no-repeat;}
     
/* ALTERNATE FOOTER W/O SOCIAL */
.nmb-ar {
    list-style: none !important;
    text-align: center;
    background-color: #f2f2f2;
    margin-top: 5px;
    padding: 10px;}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
} 

/* COPYRIGHT NOTE */
#nmb-copy {position: absolute;
    bottom: 5px; right: 15px;
    color: #666;
    font-size: 0.8em;}
     
/* CATEGORY MENU */
/* List Style Transition */
ul.categories-tree,
ul.MenuSub1Item,
ul.MenuSub2Item {margin: 0; padding: 0;
    border: 0; outline: none;}
    ul.categories-tree li,
    ul.MenuSub1Item li,
    ul.MenuSub2Item li {list-style:none;}

ul.categories-tree li.MenuItem {margin: 5px 0;}

ul.categories-tree li.MenuItem > a {display:block; position: relative;
    width: 100%;
    padding: 5px 5px 5px 15px;
    background: url(icon-li-rgl-2.png) 7px 12px no-repeat #e9e9e9;
    color: #313131 !important;
    
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    transition: 0.6s;
    -webkit-transform: 0.6s;
    -moz-transition: 0.6s;}
    ul.categories-tree li.MenuItem > a:hover,
    ul.categories-tree > li.MenuItem:hover > a,
    ul.categories-tree > li.MenuItem:target > a {
        width: 100%;
        padding: 5px 5px 5px 20px;
        background: url(icon-li-rgl-2.png) 10px 12px no-repeat #444;
        color: #ccc !important;
        
        text-shadow: none;}
    .MenuItem .MenuSub1Item li {
        padding: 2px 5px 2px 22px;
        background: url(icon-li-li-rgl-2.png) 12px 10px no-repeat;
        
        border-radius:5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        
        transition: 0.6s;
        -webkit-transform: 0.6s;
        -moz-transition: 0.6s;} 
    .MenuItem .MenuSub1Item li:hover {
        padding: 2px 5px 2px 26px;
        background: url(icon-li-li-rgl-2.png) 15px 10px no-repeat #fff;}    
    .MenuItem .MenuSub1Item .MenuSub2Item {display: none;}
    
/* GALLERY */
section#nmb-gallery>div.nmb-panel-body {
    padding-top: 0;}
.nmb-gal-area {
    width: 100%;
    margin: auto;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-align: center;}

.nmb-gal-link {
    height: 50px;
    max-width: 75px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    padding: 3px;
    text-align: center;
    background: #fff;
    border: 1px solid #dfdfdf;}
    .nmb-gal-link>img {
        max-height: 100%;
        max-width: 100%;
        margin: auto;}
    .nmb-gal-link:hover {
        background: #eee;
        border: 1px solid #009ec5;}

.nmb-gal {
    clear: both;
    padding: 0;
    margin-bottom: 20px;
    display: none;}
  .nmb-gal>img.nmb-img-responsive {
      max-height: 500px;
      margin: auto;
      border: 1px solid #dfdfdf;}

/* ZOOM */
.nmb-gal>img.nmb-img-responsive:hover {
    transform: scale(1.35);
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    z-index: 9999;
    position: relative;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;}
/* */

.nmb-target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;}

.nmb-gals-focus .nmb-gal-link:focus,
.nmb-gals-hover .nmb-gal-link:hover,
#gal12:target ~ a:nth-of-type(12),
#gal11:target ~ a:nth-of-type(11),
#gal10:target ~ a:nth-of-type(10),
#gal9:target ~ a:nth-of-type(9),
#gal8:target ~ a:nth-of-type(8),
#gal7:target ~ a:nth-of-type(7),
#gal6:target ~ a:nth-of-type(6),
#gal5:target ~ a:nth-of-type(5),
#gal4:target ~ a:nth-of-type(4),
#gal3:target ~ a:nth-of-type(3),
#gal2:target ~ a:nth-of-type(2),
#gal1:target ~ a:nth-of-type(1) {
    background: #ddd;}

.nmb-gals-target span[id^="gal"]:target 
~ .nmb-gal:nth-of-type(1) {display:none !important;}

.nmb-gals-target span[id="gal1"]:target 
~ .nmb-gal:nth-of-type(1) {display:block !important;}

.nmb-gals-target span[id^="gal"]:not(:target) 
~ .nmb-gal:nth-of-type(1),
.nmb-gals-target span:nth-of-type(1):target ~ .nmb-gal:nth-of-type(1),
.nmb-gals-target span:nth-of-type(2):target ~ .nmb-gal:nth-of-type(2),
.nmb-gals-target span:nth-of-type(3):target ~ .nmb-gal:nth-of-type(3),
.nmb-gals-target span:nth-of-type(4):target ~ .nmb-gal:nth-of-type(4),
.nmb-gals-target span:nth-of-type(5):target ~ .nmb-gal:nth-of-type(5),
.nmb-gals-target span:nth-of-type(6):target ~ .nmb-gal:nth-of-type(6),
.nmb-gals-target span:nth-of-type(7):target ~ .nmb-gal:nth-of-type(7),
.nmb-gals-target span:nth-of-type(8):target ~ .nmb-gal:nth-of-type(8),
.nmb-gals-target span:nth-of-type(9):target ~ .nmb-gal:nth-of-type(9),
.nmb-gals-target span:nth-of-type(10):target ~ .nmb-gal:nth-of-type(10),
.nmb-gals-target span:nth-of-type(11):target ~ .nmb-gal:nth-of-type(11),
.nmb-gals-target span:nth-of-type(12):target ~ .nmb-gal:nth-of-type(12) {
    display: block;}
        
/** MEDIA QUERIES **/
        
@media only screen and (min-width: 1025px) {

/* BASE STYLE */
div#nmb-cc {max-width: 1390px;} 
div#nmb-header {
    height: 200px;}
    ul#nmb-service {
        margin: 75px 0 0 0;}    
    ul#nmb-service li {
        margin-left: 20px;}
        ul#nmb-service li:first-child {margin-left: 0;}


/* HEADER STYLE */
    div#nmb-logoBox {
        height: 200px; width: 400px;
        position: absolute; top: 0; left: 5px;
        background-position: left center !important;
        background-repeat: no-repeat !important;}
    div#nmb-MusterBox {
    height: 300px; width: 500px;
        position: absolute; top: 0; right: 5px;
        background-position: right center !important;
        background-repeat: no-repeat !important;}
    div#nmb-hotline {position: absolute;
        right: 0; bottom: 0;}
    div#nmb-hotline i {text-align: center;} 

div#nmb-searchwrapper {
    width: 250px; height:40px;
    margin: 5px 0;}
#nmb-searchform {
    width: 100%; height:40px;
    margin: 0;}
.nmb-searchbox {
    float: left;
    width: 80%; height:40px;}

/* CONTENT STYLE */
    .nmb-sideCol {
        width: 27%;
        right: 73%;}
    .nmb-middleCol {
        width:73%;
        left: 27%;}
    .nmb-middleCol-l {
        width: 55%;
        left: 0%;}
    .nmb-middleCol-r {
        width: 45%;
        left: 0;}   
    
    div.nmb-sideCol div.nmb-sideTheme,
    div.nmb-sideCol div.nmb-sideContent {margin-right: 20px;}

/* GALLERY STYLE */
    #nmb-galleryPreview li {
        height: 100px; width: 100px; 
        max-height: auto; max-width: auto;}
    #nmb-galleryPreview li span {
        height: 100px; width: 100px;}
    #nmb-galleryPreview img {
        max-height:90px; max-width:90px !important;}
    #nmb-galleryFull img {
        max-width: 97% !important; max-height: 500px;}
        
/* FOOTER */
    div.nmb-fcBox:first-child div.nmb-fcTheme {margin-right: 20px;}
}

@media only screen and (max-width: 1024px) {

/* BASE STYLE */
div#nmb-cc {width: 100%;}

/* HEADER STYLE */  
    div#nmb-logoBox {
        height: 100px; width: 100%;
        background-position: center center !important;
        background-repeat: no-repeat !important;}
    div#nmb-hotline {
        width: 100%;
        text-align: center;}

div#nmb-searchwrapper {
    width: 100%;
    margin: 5px 0;}
#nmb-searchform {
    position: relative;
    width: 100%; height:40px;
    margin: 0 auto;}
.nmb-searchbox {
    float: left;
    width: 80%; height:40px;
    padding-right: 40px;}
.nmb-searchbox_submit {border-left: 1px solid #cdcdcd;}

        
/* CONTENT STYLE */ 
    .nmb-sideCol,
    .nmb-middleCol,
    .nmb-middleCol-l,
    .nmb-middleCol-r {
        width:100%;}
        
    .nmb-sideCol ul.nmb-pay li,
    .nmb-sideCol ul.nmb-ship li {
        width: 32.333%;
        margin: 0;} 

/* GALLERY STYLE */     
    #nmb-galleryPreview li {
        height: auto; width: auto; 
        max-height: 55px; max-width: 60px;}
    #nmb-galleryPreview li span {
        height: 55px; width: 55px;}
    #nmb-galleryPreview img {
        max-height: 50px; max-width: 50px !important;}
    #nmb-galleryFull img {
        max-width: 95% !important; max-height: 500px;}
}

@media only scree and (min-width: 750px) and (max-width: 1024px) {
        ul#nmb-service li i {
        float: left;
        margin: 0 10px 38px 0;}
}

@media only screen and (min-width: 749px) {

/* HEADER STYLE */
    ul#nmb-service li {
        text-align: center;}

    ul#nmb-n1 li {
        border-right: 1px solid #cdcdcd;
        font-size: 1.2em;}
    ul#nmb-n1 li.nmb-n1-search {
        position: absolute;
        right: 0;
        bottom: 0;}

/* CONTENT STYLE */
    div.nmb-prodDetails ul.nmb-leftCol {
        width: 47.8%;}

    .nmb-listBox {
        width: 33.33%;} 

/* CROSS SELLING */
.nmb-crossBox > .nmb-crossContainer {
    float: left;
    width: 25%;
    padding: 10px;}
    .nmb-crossPic>a {
        display: block;
        text-align: center;}
    .nmb-price {
        text-align: center;
        font-size: 1.2em;
        font-weight: 700;}  

/* FOOTER */    
    div.nmb-fcBox.nmb-l {width: 74.99%;}
    div.nmb-fcBox.nmb-r {width: 24.99%;}
}

@media only screen and (max-width: 748px) {

/* HEADER STYLE */
ul#nmb-service {
    margin: 0 0 10px 0;}
ul#nmb-service li {
    margin-top: 5px;
    text-align: center;}

ul#nmb-n1 li {
    display: inline-block;
    font-size: 1em;}
    ul#nmb-n1 li.nmb-n1-search {margin-bottom: 10px;}

/* CONTENT STYLE */ 
    .nmb-sideCol,
    .nmb-middleCol,
    .nmb-middleCol-l,
    .nmb-middleCol-r {width: 100%;} 
    
    div.nmb-prodDetails ul.nmb-leftCol {
    width: 100%;}

    .nmb-listBox {
        width: 100%;}

/* CROSS SELLING */
.nmb-crossBox > .nmb-crossContainer {
    float: left;
    width: 100%;
    padding: 10px;}
    .nmb-crossPic>a {
        display: block;
        text-align: center;}
    .nmb-price {
        text-align: center;
        font-size: 1.2em;
        font-weight: 700;}  
    
div.nmb-fcBox {width: 100%;}}

@media only screen and (max-width: 480px) {
    .nmb-service {
        width: 100% !important;}}