502 lines
27 KiB
HTML
502 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html style="font-size: 16px;"><head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="utf-8">
|
|
<meta name="keywords" content=""><meta name="description" content=""><meta name="page_type" content="np-template-header-footer-from-plugin">
|
|
<title></title>
|
|
<link rel="stylesheet" href="/nicepage.css" media="screen">
|
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
|
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
|
|
<meta name="generator" content="Nicepage 2.29.0, nicepage.com"></head>
|
|
<body class="u-body" data-style="product-detail-template-1" data-posts="" data-global-section-properties="{"code":"PRODUCT_DETAIL","colorings":{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]},"isPreset":true}" data-source="fix" data-page-sections-style="[{"name":"product-1","margin":"both","repeat":false}]" data-page-coloring-types="{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]}" data-page-category=""Product""><section class="u-align-center u-clearfix u-block-fb53-1" custom-posts-hash="T" data-id="fb53" data-style="product-1" data-post-id="" data-section-properties="{"margin":"both","stretch":true}" id="sec-eab7">
|
|
<div class="u-clearfix u-sheet u-valign-middle-sm u-valign-top-lg u-valign-top-xl u-block-fb53-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}}}">
|
|
<div class="u-container-style u-expanded-width u-product u-block-fb53-8" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}}}">
|
|
<div class="u-container-layout u-block-fb53-9" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<div class="u-carousel u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-gallery u-layout-thumbnails u-lightbox u-no-transition u-product-control u-show-text-none u-thumbnails-position-left u-block-fb53-16" data-interval="5000" data-u-ride="carousel" id="carousel-6bc7" data-state="{"height":{"galleryItems":{"XL":2,"LG":2,"MD":2,"SM":2,"XS":2}}}">
|
|
<div class="u-carousel-inner u-gallery-inner u-block-fb53-18" role="listbox" data-key="rouded">
|
|
|
|
|
|
<div class="u-active u-carousel-item u-gallery-item u-block-fb53-19" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<div class="u-back-slide u-block-fb53-20" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<img class="u-back-image u-expanded u-block-fb53-21" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K">
|
|
</div>
|
|
<div class="u-over-slide u-block-fb53-22" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<h3 class="u-gallery-heading">Sample Title</h3>
|
|
<p class="u-gallery-text">Sample Text</p>
|
|
</div>
|
|
</div><div class="u-carousel-item u-gallery-item u-block-fb53-19" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<div class="u-back-slide u-block-fb53-20" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<img class="u-back-image u-expanded u-block-fb53-21" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMTIuMyw2MS41Yy04LjQtMTQuMy0xMi40LTE2LjItMTQuNi0xNS40Yy0yLjIsMC44LTI1LjksMjMuNS0zNC4zLDM1LjVzLTExLDI5LjMtMTAuNCwzNC43DQoJCQljMC42LDUuMywxLjcsNywxLjcsN3MtOC43LDE1LjktMTIuMSwyNGMtMy40LDguMS0xMi4xLDI0LjYtMTQuMywyNC4zYy0yLjItMC4zLTIyLjgtNy41LTI4LjQtOC45Yy01LjYtMS40LTE2LjktMy42LTIzLjMtMy40DQoJCQljMCwwLTguNCwxMS43LTE4LjUsMTYuOGMtMTAuMSw1LTI1LjMsMTUuNy0yNSwyMC43YzAuMyw1LDQuOCw5LjgsMTMuMiwxMC4zYzguNCwwLjYsNjQuMSwxLjQsODEuOCwwLjMNCgkJCWMxNy43LTEuMSwzNC42LTYuMSwzNi41LTkuNWMyLTMuNCw4LjQtMjIuMSwxMS4yLTMyLjdjMi44LTEwLjYsMTguMy0zMC41LDE4LjMtMzAuNXMzLjcsOC40LDMuOSwyMy44YzAuMywxNS40LDIuMiwzNi4zLDIuMiwzNi4zDQoJCQlsNi41LDAuOGwyLjUtMi4yYzAsMC0xLjEtNDAuOC0wLjYtNDkuMmMwLjYtOC40LDMuMS0yNC4zLDcuNi0yOS45YzQuNS01LjYsNi41LTguNCw2LjctMTMuMUMyMjMuMyw5Ni41LDIyMC43LDc1LjgsMjEyLjMsNjEuNXoNCgkJCSBNMTYzLjcsMTUzLjJjLTcuMywxMy40LTEyLjksMTcuNi0yMS4xLDE5Yy04LjEsMS40LTYuMiwwLjgtNi4yLDAuOHMxMi42LTE5LjksMTguMS0zMWMzLjgtNy43LDkuNy0yNy42LDI1LjItMzUuNQ0KCQkJQzE3OS43LDEwNi41LDE3MSwxMzkuOCwxNjMuNywxNTMuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==">
|
|
</div>
|
|
<div class="u-over-slide u-block-fb53-22" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
|
<h3 class="u-gallery-heading">Sample Title</h3>
|
|
<p class="u-gallery-text">Sample Text</p>
|
|
</div>
|
|
</div></div>
|
|
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-icon-rectangle u-opacity u-opacity-70 u-spacing-10 u-text-hover-grey-80 u-white u-block-fb53-27" href="#carousel-6bc7" role="button" data-u-slide="prev" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}">
|
|
<span aria-hidden="true">
|
|
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
|
|
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
|
|
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
|
|
</span>
|
|
<span class="sr-only">
|
|
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
|
|
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
|
|
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
|
|
</span>
|
|
</a>
|
|
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-icon-rectangle u-opacity u-opacity-70 u-spacing-10 u-text-hover-grey-80 u-white u-block-fb53-28" href="#carousel-6bc7" role="button" data-u-slide="next" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}">
|
|
<span aria-hidden="true">
|
|
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
|
|
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
|
|
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
|
|
</span>
|
|
<span class="sr-only">
|
|
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
|
|
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
|
|
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
|
|
</span>
|
|
</a>
|
|
<ol class="u-carousel-thumbnails u-hidden-sm u-hidden-xs u-spacing-15 u-vertical-spacing u-block-fb53-29">
|
|
|
|
|
|
<li class="u-active u-carousel-thumbnail" data-u-target="#carousel-6bc7" data-u-slide-to="0" style="width: 100px; height: 100px;">
|
|
<img class="u-carousel-thumbnail-image u-image u-block-fb53-30" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K">
|
|
</li><li class="u-carousel-thumbnail" data-u-target="#carousel-6bc7" data-u-slide-to="1" style="width: 100px; height: 100px;">
|
|
<img class="u-carousel-thumbnail-image u-image u-block-fb53-30" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMTIuMyw2MS41Yy04LjQtMTQuMy0xMi40LTE2LjItMTQuNi0xNS40Yy0yLjIsMC44LTI1LjksMjMuNS0zNC4zLDM1LjVzLTExLDI5LjMtMTAuNCwzNC43DQoJCQljMC42LDUuMywxLjcsNywxLjcsN3MtOC43LDE1LjktMTIuMSwyNGMtMy40LDguMS0xMi4xLDI0LjYtMTQuMywyNC4zYy0yLjItMC4zLTIyLjgtNy41LTI4LjQtOC45Yy01LjYtMS40LTE2LjktMy42LTIzLjMtMy40DQoJCQljMCwwLTguNCwxMS43LTE4LjUsMTYuOGMtMTAuMSw1LTI1LjMsMTUuNy0yNSwyMC43YzAuMyw1LDQuOCw5LjgsMTMuMiwxMC4zYzguNCwwLjYsNjQuMSwxLjQsODEuOCwwLjMNCgkJCWMxNy43LTEuMSwzNC42LTYuMSwzNi41LTkuNWMyLTMuNCw4LjQtMjIuMSwxMS4yLTMyLjdjMi44LTEwLjYsMTguMy0zMC41LDE4LjMtMzAuNXMzLjcsOC40LDMuOSwyMy44YzAuMywxNS40LDIuMiwzNi4zLDIuMiwzNi4zDQoJCQlsNi41LDAuOGwyLjUtMi4yYzAsMC0xLjEtNDAuOC0wLjYtNDkuMmMwLjYtOC40LDMuMS0yNC4zLDcuNi0yOS45YzQuNS01LjYsNi41LTguNCw2LjctMTMuMUMyMjMuMyw5Ni41LDIyMC43LDc1LjgsMjEyLjMsNjEuNXoNCgkJCSBNMTYzLjcsMTUzLjJjLTcuMywxMy40LTEyLjksMTcuNi0yMS4xLDE5Yy04LjEsMS40LTYuMiwwLjgtNi4yLDAuOHMxMi42LTE5LjksMTguMS0zMWMzLjgtNy43LDkuNy0yNy42LDI1LjItMzUuNQ0KCQkJQzE3OS43LDEwNi41LDE3MSwxMzkuOCwxNjMuNywxNTMuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==">
|
|
</li></ol>
|
|
</div>
|
|
<div class="u-align-center-lg u-align-center-sm u-align-center-xl u-align-center-xs u-align-left-md u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-shape-rectangle u-block-fb53-32" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<div class="u-container-layout u-valign-middle u-block-fb53-33" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
|
<h2 class="u-product-control u-text u-block-fb53-34">
|
|
<a class="u-product-title-link" href="#">Product 1 Title</a>
|
|
</h2>
|
|
<div class="u-product-control u-product-price u-block-fb53-35">
|
|
<div class="u-price-wrapper u-spacing-10">
|
|
<div class="u-hide-price u-old-price" style="text-decoration: line-through !important;">$20.00</div>
|
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.875rem; font-weight: 700;">$17.00</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px) {
|
|
.u-block-fb53-2 {
|
|
min-height: 593px;
|
|
}
|
|
.u-block-fb53-8 {
|
|
min-height: 493px;
|
|
margin-top: 50px;
|
|
margin-right: auto;
|
|
margin-bottom: 50px;
|
|
margin-left: 0;
|
|
}
|
|
.u-block-fb53-9 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.u-block-fb53-16 {
|
|
width: 540px;
|
|
height: 433px;
|
|
margin-top: 0;
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-27 {
|
|
position: absolute;
|
|
left: 110px;
|
|
width: 40px;
|
|
height: 40px;
|
|
background-image: none;
|
|
}
|
|
.u-block-fb53-28 {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
background-image: none;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.u-block-fb53-29 {
|
|
padding-right: 10px;
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
}
|
|
.u-block-fb53-32 {
|
|
width: 512px;
|
|
min-height: 433px;
|
|
margin-top: -433px;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: auto;
|
|
}
|
|
.u-block-fb53-33 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.u-block-fb53-34 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.u-block-fb53-35 {
|
|
margin-top: 30px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
}</style>
|
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px) {
|
|
.u-block-fb53-2 {
|
|
min-height: 492px;
|
|
}
|
|
.u-block-fb53-8 {
|
|
min-height: 392px;
|
|
height: auto;
|
|
margin-top: 50px;
|
|
margin-bottom: -41px;
|
|
}
|
|
.u-block-fb53-9 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.u-block-fb53-16 {
|
|
width: 440px;
|
|
height: 328px;
|
|
margin-top: 0;
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-27 {
|
|
background-image: none;
|
|
position: absolute;
|
|
left: 110px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.u-block-fb53-28 {
|
|
background-image: none;
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.u-block-fb53-29 {
|
|
padding-right: 10px;
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
}
|
|
.u-block-fb53-32 {
|
|
width: 422px;
|
|
min-height: 330px;
|
|
margin-top: -328px;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: auto;
|
|
}
|
|
.u-block-fb53-33 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.u-block-fb53-34 {
|
|
font-size: 2.25rem;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.u-block-fb53-35 {
|
|
margin-top: 30px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
}</style>
|
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px) {
|
|
.u-block-fb53-2 {
|
|
min-height: 1082px;
|
|
}
|
|
.u-block-fb53-8 {
|
|
min-height: 982px;
|
|
height: auto;
|
|
margin-top: 50px;
|
|
margin-bottom: -12px;
|
|
}
|
|
.u-block-fb53-9 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.u-block-fb53-16 {
|
|
height: 549px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-27 {
|
|
background-image: none;
|
|
position: absolute;
|
|
left: 110px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.u-block-fb53-28 {
|
|
background-image: none;
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.u-block-fb53-29 {
|
|
padding-right: 10px;
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
}
|
|
.u-block-fb53-32 {
|
|
width: 552px;
|
|
min-height: 346px;
|
|
margin-top: 20px;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: auto;
|
|
}
|
|
.u-block-fb53-33 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.u-block-fb53-34 {
|
|
font-size: 2.25rem;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.u-block-fb53-35 {
|
|
margin-top: 30px;
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
}</style>
|
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px) {
|
|
.u-block-fb53-2 {
|
|
min-height: 1010px;
|
|
}
|
|
.u-block-fb53-8 {
|
|
min-height: 910px;
|
|
height: auto;
|
|
margin-top: 50px;
|
|
margin-bottom: 50px;
|
|
}
|
|
.u-block-fb53-9 {
|
|
padding-top: 30px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.u-block-fb53-16 {
|
|
height: 540px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-27 {
|
|
background-image: none;
|
|
position: absolute;
|
|
left: 110px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.u-block-fb53-28 {
|
|
background-image: none;
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.u-block-fb53-29 {
|
|
padding-right: 10px;
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
}
|
|
.u-block-fb53-32 {
|
|
min-height: 311px;
|
|
margin-top: 21px;
|
|
margin-bottom: 0;
|
|
}
|
|
.u-block-fb53-33 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
.u-block-fb53-34 {
|
|
font-size: 2.25rem;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.u-block-fb53-35 {
|
|
margin-top: 30px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
}</style>
|
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px) {
|
|
.u-block-fb53-2 {
|
|
min-height: 765px;
|
|
}
|
|
.u-block-fb53-8 {
|
|
min-height: 665px;
|
|
height: auto;
|
|
margin-top: 50px;
|
|
margin-bottom: 49px;
|
|
}
|
|
.u-block-fb53-9 {
|
|
padding-top: 30px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.u-block-fb53-16 {
|
|
height: 330px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-22 {
|
|
min-height: 100px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-27 {
|
|
background-image: none;
|
|
position: absolute;
|
|
left: 110px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.u-block-fb53-28 {
|
|
background-image: none;
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.u-block-fb53-29 {
|
|
padding-right: 10px;
|
|
padding-top: 0;
|
|
padding-left: 0;
|
|
}
|
|
.u-block-fb53-32 {
|
|
min-height: 257px;
|
|
margin-top: 24px;
|
|
margin-bottom: 0;
|
|
}
|
|
.u-block-fb53-33 {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
.u-block-fb53-34 {
|
|
font-size: 1.5rem;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.u-block-fb53-35 {
|
|
margin-top: 30px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
}</style>
|
|
</section>
|
|
</body></html> |