#NOK-Simple-List, #NOK-Simple-Boxs, #NOK-Simple-Box, .NOK-Simple-Carrusel { position: relative; background: white; margin-left: 10px; margin-right: 10px; margin-bottom: 20px;} #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-Title2 { display: inline;} .NOK-Price {text-decoration: none !important; } /* List */ #NOK-Simple-List { position: relative;} #NOK-Simple-List .NOK-Image { float: left; margin-right: 20px; margin-left: 50px; display: block; width: 100px; height: 100px; box-shadow:0 0 0 5px #fff} #NOK-Simple-List .NOK-ItemWrapper {border:0; text-decoration: none; margin-bottom: 10px; } #NOK-Simple-List .NOK-ItemWrapper:after { content: ''; display: block; clear: both;} #NOK-Simple-List .NOK-Title { color: #333333; font-size: 18px; line-height: 22px; font-weight: 600; padding-top: 30px; float: left; max-width: 50%; overflow: hidden; text-transform: uppercase;} #NOK-Simple-List .NOK-TitleNF { color: #000; font-size: 16px; margin-left: 40px; line-height: 22px; font-weight: 600; padding-top: 30px; float: left; width: calc(100% - 260px);} #NOK-Simple-List .NOK-Title2 { color: #fff; font-size: 20px; background-color: #192a3d; line-height: 22px; font-weight: 600; padding: 10px 12px; float: left;} #NOK-Simple-List .NOK-Prod { float: left; color: #000; font-size: 14px; line-height: 22px; font-weight: 400; padding-top: 30px; padding-left: 70px;} #NOK-Simple-List .NOK-ItemWrapper .NOK-Desc {color: #172842; font-size: 11px; line-height: 18px; float: left; width: calc(80% - 260px);} #NOK-Simple-List .NOK-Price { display: block; min-width: 100px; text-align: right; color:#e4560d; float: right; font-size: 20px; line-height: 22px; font-weight: 700; padding-top: 10px;} #NOK-Simple-List .NOK-CTA { background: #e4560d; line-height: 40px; height: 40px; display: block; float: right; color: white; font-weight: 600; padding: 0 30px; border-radius: 3px; margin-top: 30px; font-size:16px; text-transform:uppercase;} #NOK-Simple-List .NOK-ItemWrapper a {text-decoration: none !important; transition: all .2s; display: block;clear: both; padding-bottom: 5px; border-bottom: 1px solid #e4560d; 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: 200px; height: 200px;} #NOK-Simple-List .NOK-Title {width: calc(70% - 220px); max-height: 100px;} /* 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-row11 .NOK-ItemWrapper {width: 40%} #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:280px} #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; padding: 15px; border-left: 0; border-right: 0; color: #000;} #NOK-Simple-Boxs .NOK-ItemWrapper-P a {text-decoration: none !important; transition: all .2s; display: block; position: relative; padding: 15px; border-left: 0; border-right: 0; color: #000;} #NOK-Simple-Boxs .NOK-ItemWrapper a:after { content: ''; display: block; clear: both;} #NOK-Simple-Boxs .NOK-Title { font-size: 16px; line-height: 22px; font-weight: 600; height: 46px; overflow: hidden; margin-bottom: 10px; text-align: center; text-transform: uppercase; } #NOK-Simple-Boxs .NOK-Title2 { color: #fff; font-size: 20px; background-color: #172842; line-height: 22px; font-weight: 600; padding: 5px 8px; float: left;} #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; white-space: nowrap !important;} #NOK-Simple-Boxs .NOK-ItemWrapper a:hover { border-bottom-color: #000;} #NOK-Simple-Boxs .NOK-ItemWrapper a:hover .NOK-CTA { background: #000; letter-spacing: 0px;} #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; white-space: nowrap !important;} #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-ItemWrapper { width: 100%; display: block; margin-bottom: 10px;} #NOK-Full-Box .NOK-ItemWrapper .NOK-Item {width: 50%; float: left;} #NOK-Full-Box .NOK-ItemWrapper .NOK-Desc { 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; text-overflow: ellipsis; overflow: hidden; float: left; white-space: pre;} #NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo ul li strong {display: block; overflow: hidden; 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; 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: 18px; font-weight: 600; margin-bottom: 10px; text-align: left; text-transform:uppercase; overflow: hidden;} #NOK-Full-Box .NOK-Image { margin: 20px auto 5px;} #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 { background: #c10000; line-height: 60px; height: 60px; 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-Title2 { color: #fff; font-size: 20px; background-color: #1f3260; font-weight: 600; padding: 4px 20px; float: left; border-radius: 10px; margin-right: 20px;} #NOK-Full-Box .NOK-CTA6 { background: #b30000; line-height: 50px; height: 50px; display: block; color: white; font-weight: 700; padding: 0 12px; width:200px; text-align:center; border-radius: 10px; margin-left: auto; margin-right:auto; margin-top: 30px;} #NOK-Full-Box .NOK-Mobile .NOK-Item, #NOK-Full-Box .NOK-Mobile .NOK-MoreInfo, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-CTA { float:none; margin:0 auto; display: block; text-align: center; position: relative; width:100%; min-width:100%; max-width:100%; padding:0; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Image{ width:auto; min-width:0; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Title{ padding:20px 0 0 0; font-size: 18px; line-height: 24px; height:auto; } #NOK-Full-Box .NOK-Mobile .NOK-MoreInfo{ margin-top:20px; padding:20px; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Price{ font-size:22px; padding-bottom:10px; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-OfferLink{ padding:15px; } /* RWD */ @media only screen and (max-width: 960px){ #NOK-Full-Box .NOK-ItemWrapper .NOK-Item {width: 100% !important;} #NOK-Full-Box .NOK-Title { text-align:center !important; margin-top:20px;} #NOK-Full-Box .NOK-ItemWrapper .NOK-MoreInfo {width: 100% !important; margin-top:30px;} #NOK-Full-Box .NOK-CTA6 { line-height: 60px !important; height: 60px !important;} #NOK-Full-Box .NOK-Title2 { float:none !important; } } @media only screen and (max-width: 590px){ #NOK-Full-Box .NOK-CTA6 { max-width:100% !important} #NOK-Simple-List .NOK-Image {height: auto;} #NOK-Simple-List .NOK-Title {padding: 20px 0 20px 0 !important} #NOK-Full-Box .NOK-Mobile .NOK-Item, #NOK-Full-Box .NOK-Mobile .NOK-MoreInfo, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-CTA,{ float:none; margin:0 auto; display: block; text-align: center; position: relative; width:100%; min-width:100%; max-width:100%; padding:0; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Image,{ width:auto; min-width:0; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Title,{ padding:20px 0 0 0; font-size: 18px; line-height: 24px; height:auto; } #NOK-Full-Box .NOK-Mobile .NOK-MoreInfo,{ margin-top:20px; padding:20px; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Price,{ font-size:22px; padding-bottom:10px; } #NOK-Full-Box .NOK-Mobile .NOK-ItemWrapper .NOK-OfferLink,{ padding:15px; } #NOK-Simple-List .NOK-Mobile-Small-Text .NOK-Title{ font-size:18px; width: calc(100% - 200px); text-align: center; position: relative; width:100%; max-width:100%; height: 80px; line-height: 25px; } #NOK-Simple-List .NOK-Mobile-Small-Text .NOK-Price{ font-size:14px; width: calc(100% - 10px); min-width:70px; text-align: center; max-width:100%; } #NOK-Simple-List .NOK-Mobile-Small-Text .NOK-Prod{ font-size:14px; width: calc(100% - 200px); text-align: center; position: relative; width:100%; max-width:100%; padding-left: 10px; padding-top: 10px; } #NOK-Simple-List .NOK-Mobile-Small-Text .NOK-CTA{ font-size:16px; width: calc(100% - 10px); min-width:70px; text-align: center; max-width:100%; } #NOK-Simple-List .NOK-Mobile-Small-Text .NOK-Image{ text-align: center; margin-left: auto; margin-right: auto; float:none; } #NOK-Mall-Default .NOK-Mobile-Small-Text .NOK-CTA, #NOK-Simple-Boxs .NOK-Mobile-Small-Text .NOK-CTA{ font-size:16px; text-align: center; } } @media only screen and (max-width: 600px){ #NOK-Simple-Boxs .NOK-ItemWrapper {min-width:100%} } @media only screen and (min-width: 602px) and (max-width: 1710px){ #NOK-Simple-Boxs .NOK-ItemWrapper {min-width:50%} #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-CTA{ float:none; margin:0 auto; display: block; text-align: center; position: relative; width:100%; min-width:100%; max-width:100%; padding:0; } } #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper, #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-CTA, #NOK-Simple-Box .NOK-Mobile .NOK-Item, #NOK-Simple-Box .NOK-Mobile .NOK-MoreInfo, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-CTA, #NOK-Simple-Boxs .NOK-Mobile .NOK-Item, #NOK-Simple-Boxs .NOK-Mobile .NOK-MoreInfo, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-CTA, #NOK-Simple-List .NOK-Mobile .NOK-Item, #NOK-Simple-List .NOK-Mobile .NOK-MoreInfo, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-CTA{ float:none; margin:0 auto; display: block; text-align: center; position: relative; width:100%; min-width:100%; max-width:100%; padding:0; } #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-Image, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-Image{ width:auto; min-width:0; } #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-Title, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-Title{ padding:20px 0 0 0; font-size: 18px; line-height: 24px; height:auto; } #NOK-Mall-Default.NOK-Mobile .NOK-MoreInfo, #NOK-Simple-Box .NOK-Mobile .NOK-MoreInfo, #NOK-Simple-Boxs .NOK-Mobile .NOK-MoreInfo, #NOK-Simple-List .NOK-Mobile .NOK-MoreInfo{ margin-top:20px; padding:20px; } #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-Price, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-Price{ font-size:22px; padding-bottom:10px; } #NOK-Mall-Default .NOK-Mobile .NOK-ItemWrapper .NOK-OfferLink, #NOK-Simple-Box .NOK-Mobile .NOK-ItemWrapper .NOK-OfferLink, #NOK-Simple-Boxs .NOK-Mobile .NOK-ItemWrapper .NOK-OfferLink, #NOK-Simple-List .NOK-Mobile .NOK-ItemWrapper .NOK-OfferLink{ padding:15px; }