#NOK-Simple-List,
#NOK-Simple-Boxs,
#NOK-Simple-Box,
#NOK-Simple-Carrusel { position: relative; background: white}
#NOK-Simple-List *,
#NOK-Simple-Boxs *,
#NOK-Simple-Box *,
#NOK-Simple-Carrusel * { box-sizing: border-box;}
#NOK-Simple-List:after,
#NOK-Simple-Boxs:after,
#NOK-Simple-Box:after,
#NOK-Simple-Carrusel:after { clear: both; content: ''; display: block;}
.NOK-Wrapper {}
.NOK-ItemWrapper {}
.NOK-OfferLink { text-decoration: none !important; position: relative;}
.NOK-Image { display: block;}
.NOK-Title { display: block;}
.NOK-Price {text-decoration: none !important; }

/* List */
#NOK-Simple-List { position: relative;}
#NOK-Simple-List .NOK-Image { float: left; margin-right: 20px; display: block; width: 100px; height: 100px; box-shadow:0 0 0 5px #fff}
#NOK-Simple-List .NOK-ItemWrapper {border:0; text-decoration: none }
#NOK-Simple-List .NOK-ItemWrapper:after { content: ''; display: block; clear: both;}
#NOK-Simple-List .NOK-Title { color: #000; font-size: 18px; line-height: 22px; font-weight: 700; padding-top: 10px;float: left; width: calc(100% - 240px);}
#NOK-Simple-List .NOK-Price { display: block; min-width: 100px; text-align: right; color:#c10000; float: right; font-size: 20px; line-height: 22px; font-weight: 700; padding-top: 10px;}
#NOK-Simple-List .NOK-CTA { background: #c10000; line-height: 40px; height: 40px; display: block; float: right; color: white; font-weight: 700; padding: 0 15px; border-radius: 20px; margin-top: 15px}
#NOK-Simple-List .NOK-ItemWrapper a {text-decoration: none !important; transition: all .2s; display: block;clear: both; padding-bottom: 5px; border-bottom: 1px solid #eee; position: relative;padding: 5px 20px 5px 0; box-shadow: none}
#NOK-Simple-List .NOK-ItemWrapper a *{text-decoration: none !important}
#NOK-Simple-List .NOK-ItemWrapper a:after { content: ''; display: block; clear: both;}
#NOK-Simple-List .NOK-ItemWrapper a:hover { background: #f6f6f6;}
#NOK-Simple-List.Big .NOK-Image { width: 150px; height: 150px;}
#NOK-Simple-List .NOK-Title {width: calc(100% - 340px);}

/* Boxes */
#NOK-Simple-Boxs { position: relative; }
#NOK-Simple-Boxs .NOK-ItemWrapper { padding: 10px; width: 25%; float: left; padding: 10px;}
#NOK-Simple-Boxs.NOK-row1 .NOK-ItemWrapper {width: 100%}
#NOK-Simple-Boxs.NOK-row2 .NOK-ItemWrapper {width: 50%}
#NOK-Simple-Boxs.NOK-row3 .NOK-ItemWrapper {width: 33.3%}
#NOK-Simple-Boxs.NOK-row5 .NOK-ItemWrapper {width: 20%}
#NOK-Simple-Boxs .NOK-ItemWrapper {min-width:145px}
#NOK-Simple-Boxs .NOK-ItemWrapper a *{text-decoration: none !important}
#NOK-Simple-Boxs .NOK-ItemWrapper a {text-decoration: none !important; transition: all .2s;  display: block; position: relative; border:1px solid #ddd; padding: 15px; border-left: 0; border-right: 0; border-bottom: 3px solid #ddd; color: #000;}
#NOK-Simple-Boxs .NOK-ItemWrapper a:after { content: ''; display: block; clear: both;}
#NOK-Simple-Boxs .NOK-Title { font-size: 14px; line-height: 18px; font-weight: 700; height: 36px; overflow: hidden; margin-bottom: 10px; text-align: center;}
#NOK-Simple-Boxs .NOK-Image { margin: 10px auto;transition: all .2s; }
#NOK-Simple-Boxs .NOK-Price { color: #c10000; font-weight: 700;  font-size: 14px; margin-bottom: 10px; display: block; text-align: center;}
#NOK-Simple-Boxs .NOK-CTA { transition: all .2s; background: #c10000; line-height: 40px; height: 40px; display: block;  color: white; font-weight: 700; padding: 0 15px; border-radius: 20px; margin-top: 15px; margin:  0 auto; text-align: center;}
#NOK-Simple-Boxs .NOK-ItemWrapper a:hover { border-bottom-color: #000;}
#NOK-Simple-Boxs .NOK-ItemWrapper a:hover .NOK-CTA { background: #000; letter-spacing: 2px}
#NOK-Simple-Boxs .NOK-ItemWrapper a:hover .NOK-Image {transform:scale(1.1)}

/* Box */
#NOK-Simple-Box { position: relative;margin: 0 auto}
#NOK-Simple-Box .NOK-Wrapper {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around;}
#NOK-Simple-Box .NOK-ItemWrapper { width: 100%;display: block;  max-width: 300px; margin-bottom: 10px;}
#NOK-Simple-Box .NOK-ItemWrapper a *{text-decoration: none !important}
#NOK-Simple-Box .NOK-ItemWrapper a {text-decoration: none !important; transition: all .2s;  display: block; position: relative; border:1px solid #ddd; padding: 15px; border: 3px solid #ddd; color: #000;}
#NOK-Simple-Box .NOK-ItemWrapper a:after { content: ''; display: block; clear: both;}
#NOK-Simple-Box .NOK-Title { font-size: 16px; line-height: 20px; font-weight: 700; height: 40px; overflow: hidden; margin-bottom: 10px; text-align: center;}
#NOK-Simple-Box .NOK-Image { margin: 20px auto 5px;transition: all .2s; }
#NOK-Simple-Box .NOK-Price { color: #c10000; font-weight: 700;  font-size: 14px; margin-bottom: 10px; display: block; text-align: center;}
#NOK-Simple-Box .NOK-CTA { transition: all .2s; background: #c10000; line-height: 40px; height: 40px; display: block;  color: white; font-weight: 700; padding: 0 15px; border-radius: 20px; margin-top: 15px; margin:  0 auto; text-align: center; max-width: 120px;}
#NOK-Simple-Box .NOK-ItemWrapper a:hover { border-color: #000;}
#NOK-Simple-Box .NOK-ItemWrapper a:hover .NOK-CTA { background: #000; letter-spacing: 2px}
#NOK-Simple-Box .NOK-ItemWrapper a:hover .NOK-Image {transform:scale(1.1)}
#NOK-Simple-Box.NOK-Big .NOK-Title { margin-top: 10px;}

/* Full Box */
#NOK-Full-Box { position: relative;margin: 0 auto}
#NOK-Full-Box .NOK-Wrapper {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around;}
#NOK-Full-Box .NOK-ItemWrapper { width: 100%;display: block;  max-width: 500px; margin-bottom: 10px;}
#NOK-Full-Box .NOK-ItemWrapper .NOK-Item {width: 50%; float: left;}
#NOK-Full-Box .NOK-ItemWrapper .NOK-Desc { max-height: 200px; overflow: hidden;display: block; font-size: 12px; line-height: 18px; }
#NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo {width: 45%; float: right; padding: 20px;background: #f2f2f2;box-sizing: border-box;}
#NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo ul { margin: 12px 0 0;}
#NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo ul li { display: block; height: 30px; border-top: 1px solid #ddd; line-height: 30px;margin:0; padding:0; font-size:12px;}
#NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo ul li:before {display:none;}
#NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo ul li span { display: block; overflow: hidden; width: 48%; text-overflow: ellipsis; overflow: hidden; float: left; white-space: pre;}
#NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo ul li strong {display: block; overflow: hidden; width: 48%; font-weight: 700; text-overflow: ellipsis;overflow: hidden; float: left; white-space: pre;}
#NOK-Full-Box .NOK-ItemWrapper a *{text-decoration: none !important}
#NOK-Full-Box .NOK-ItemWrapper a {text-decoration: none !important; transition: all .2s;  display: block; position: relative; border:1px solid #ddd; padding: 15px; border: 3px solid #ddd; color: #000;}
#NOK-Full-Box .NOK-ItemWrapper a:after { content: ''; display: block; clear: both;}
#NOK-Full-Box .NOK-Title { font-size: 16px; line-height: 20px; font-weight: 700; height: 40px; overflow: hidden; margin-bottom: 10px; text-align: center;}
#NOK-Full-Box .NOK-Image { margin: 20px auto 5px;transition: all .2s; }
#NOK-Full-Box .NOK-Price { color: #c10000; font-weight: 700;  font-size: 14px; margin-bottom: 10px; display: block; text-align: center;}
#NOK-Full-Box .NOK-CTA { transition: all .2s; background: #c10000; line-height: 40px; height: 40px; display: block;  color: white; font-weight: 700; padding: 0 15px; border-radius: 20px; margin-top: 15px; margin:  0 auto; text-align: center; max-width: 120px;}
#NOK-Full-Box .NOK-ItemWrapper a:hover { border-color: #000;}
#NOK-Full-Box .NOK-ItemWrapper a:hover .NOK-CTA { background: #000; letter-spacing: 2px}
#NOK-Full-Box .NOK-ItemWrapper a:hover .NOK-Image {transform:scale(1.1)}

/* Carrusel */
#NOK-Simple-Carrusel{margin: 0 auto; width: 100%; height: 210px; position: relative; overflow: hidden; z-index: 1; margin:0 auto; position:relative; overflow:hidden; backface-visibility:hidden; z-index:1;}
#NOK-Simple-Carrusel .NOK-ItemWrapper a *{text-decoration: none !important}
#NOK-Simple-Carrusel .NOK-ItemWrapper a {text-decoration: none !important; transition: all .2s;  box-shadow: 0 0 0 0 #000}
#NOK-Simple-Carrusel .NOK-ItemWrapper a:hover { box-shadow: 0 3px 0 0 #000;}
#NOK-Simple-Carrusel .NOK-Wrapper  {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#NOK-Simple-Carrusel .swiper-free-mode > .NOK-Wrapper  {  -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
#NOK-Simple-Carrusel .NOK-ItemWrapper {    text-align: center; flex-shrink: 0; position: relative; font-size: 18px; background: #fff; width: 200px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#NOK-Simple-Carrusel .NOK-ItemWrapper a { padding: 10px; display: block;}
#NOK-Simple-Carrusel .NOK-Title { font-size: 12px; line-height: 16px; font-weight: 700; height: 32px; overflow: hidden; margin-bottom: 5px; text-align: center; color: #000;}
#NOK-Simple-Carrusel .NOK-Image {display: block; margin: 0 auto 10px; width: 100px; height: 100px; min-width: 100px;transition: all .2s;}
#NOK-Simple-Carrusel .NOK-ItemWrapper a:hover .NOK-Image {transform:scale(1.1)}
#NOK-Simple-Carrusel.Big  .NOK-Image { width: 200px; height: 200px;}
#NOK-Simple-Carrusel.Big  { height: 270px}
/* IE10 Windows Phone 8 Fixes */
#NOK-Simple-Carrusel .swiper-wp8-horizontal {-ms-touch-action: pan-y;}
#NOK-Simple-Carrusel .swiper-wp8-vertical {-ms-touch-action: pan-x;}
#NOK-Simple-Carrusel .NOK-Price { color: #c10000; font-weight: 700;  font-size: 18px; margin-bottom: 10px; display: block; text-align: center;}