SHARE
TWEET

Main style sheet

a guest Nov 15th, 2019 109 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Web Fonts & Fonts */
  2. @font-face {
  3.   font-family: 'futurastdmedium';
  4.   src: url("{{ 'FuturaStd-Medium.otf' | asset_url }}");
  5.   font-weight: normal; }
  6. @font-face {
  7.   font-family: 'maison_neuebold';
  8.   src: url("{{ 'maisonneue-bold2-webfont.woff2' | asset_url }}") format("woff2"), url("{{ 'maisonneue-bold2-webfont.woff' | asset_url }}") format("woff");
  9.   font-weight: normal;
  10.   font-style: normal; }
  11. @font-face {
  12.   font-family: 'maison_neuebook';
  13.   src: url("{{ 'maisonneue-book-webfont.woff2' | asset_url }}") format("woff2"), url("{{ 'maisonneue-book-webfont.woff' | asset_url }}") format("woff");
  14.   font-weight: normal;
  15.   font-style: normal; }
  16. /* Reset */
  17. * {
  18.   outline: none;
  19.   box-sizing: border-box; }
  20.  
  21. a {
  22.   text-decoration: none; }
  23.  
  24. body, html, h1, h2, h3, h4, h5, h6, p, header, footer, div, article, section, aside {
  25.   padding: 0;
  26.   margin: 0;
  27.   position: relative; }
  28.  
  29. html {
  30.   height: 100%;
  31.   overflow-x: hidden; }
  32.  
  33. input, select, textarea, button {
  34.   outline: 0;
  35.   border: 0;
  36.   appearance: none;
  37.   -webkit-appearance: none;
  38.   -moz-appearance: none;
  39.   -o-appearance: none;
  40.   border-radius: 0;
  41.   -webkit-border-radius: 0; }
  42.  
  43. button {
  44.   cursor: pointer;
  45.   background: transparent; }
  46.  
  47. /* Common Classes */
  48. .wid100, .containerflex, section, footer, header, header nav.main ul, header nav.main ul li ul li span, .subnavmobile, .mobilenav, .mobilenav ul.mobilemenu, .mobilenav ul.mobilemenu li, .mobilenav ul.mobilemenu li a, .mobilenav ul.mobilemenu li button.products, .mobilenav ul.mobilemenu li ul.prodcat, .mobilenav ul.mobilemenu button.search, .mobilecart, .mobilecart h3, .mobilecart ul.cartlist, .mobilecart ul.cartlist li article, .mobilecart ul.cartlist li article div.details ul.qty-price, .mobilecart .subtotal, .mobilecart .subtotal .pagewrapper .subtotal-price, .mobilecart .subtotal .pagewrapper button, .featured-carousel, .featured-carousel ul.featured, .featured-carousel ul.featured li, .featured-carousel ul.featured li article, .featured-carousel ul.featured li article div, .featured-product, .featured-product ul, .product-categories, .product-categories ul, .product-categories ul li aside, .signup, .signup ul, .signup ul li article, .signup ul li:last-child aside, .signup ul li:last-child aside input[type="email"], .pageheader, .pageheader .overlay, .maincontent, .maincontent .main-article, .maincontent .main-article .pagewrapper3 .blog-content, .maincontent .main-article .pagewrapper3 .featured-products .featured, .maincontent .main-article .pagewrapper3 .featured-products .featured li, .maincontent .main-article .pagewrapper3 .featured-products .featured li article, .maincontent .main-article .pagewrapper3 .featured-products .featured li article div, .maincontent .main-article .pagewrapper3 .featured-products .featured li article div h6 a, .maincontent .main-article .pagewrapper3 .featured-products .featured li .pname, .maincontent .main-article .pagewrapper3 .featured-products .share, .maincontent .pagewrapper2 .blog, .maincontent .pagewrapper2 .blog .featured-post, .maincontent .pagewrapper2 .blog .featured-post ul, .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h5, .maincontent .pagewrapper2 .blog .blurb, .maincontent .pagewrapper2 .blog .blog-list, .maincontent .pagewrapper2 .blog .blog-list li .thumbnail, .maincontent .pagewrapper2 .blog .blog-list li .blogdetails, .maincontent .pagewrapper2 .blog .blog-list li .blogdetails h5, .maincontent .pagewrapper3 .contact, .maincontent .pagewrapper3 .contact ul.contact-form, .maincontent .pagewrapper3 .contact ul.contact-form li input[type="text"], .maincontent .pagewrapper3 .contact ul.contact-form li input[type="email"], .maincontent .pagewrapper3 .contact ul.contact-form li textarea, .shop-cta, .login, .login-container .vidro-login, .login-container .vidro-login ul, .login-container .vidro-login ul li, .login-container .vidro-login ul li input[type="email"], .login-container .vidro-login ul li input[type="password"], footer .pattern, footer ul.footer-links, footer ul.footer-end, .select, .select .cat, .options, .options li, .options li input[type="checkbox"], .options li label {
  49.   width: 100%;
  50.   float: left; }
  51.  
  52. .fleft {
  53.   float: left; }
  54.  
  55. .fright {
  56.   float: right; }
  57.  
  58. .listn, header nav.main ul, .mobilenav ul.mobilemenu, .mobilenav ul.mobilemenu li ul.prodcat, .mobilecart ul.cartlist, .mobilecart ul.cartlist li article div.details ul.qty-price, .mobilecart .subtotal .pagewrapper .subtotal-price, .featured-carousel ul.featured, .featured-product ul, .product-categories ul, .signup ul, .maincontent .main-article .pagewrapper3 .featured-products .featured, .maincontent .main-article .pagewrapper3 .featured-products .share, .maincontent .pagewrapper2 .blog .featured-post ul, .maincontent .pagewrapper2 .blog .blog-list, .maincontent .pagewrapper2 .blog .pagination, .maincontent .pagewrapper3 .contact ul.contact-form, .login-container .vidro-login ul, footer ul.footer-links, footer ul.footer-end, .options {
  59.   list-style: none;
  60.   margin: 0;
  61.   padding: 0; }
  62.  
  63. .defimg, img {
  64.   width: 100%;
  65.   height: auto; }
  66.  
  67. .defimg2, .login-container .vidro-login img, footer ul.footer-end li:nth-child(2) img {
  68.   width: auto;
  69.   height: auto; }
  70.  
  71. .coverimg, .featured-product ul li:first-child img, .maincontent .main-article .pagewrapper3 .featured-products .featured li article img, .maincontent .pagewrapper2 .blog .featured-post ul li img, .maincontent .pagewrapper2 .blog .blog-list li .thumbnail img {
  72.   width: 100%;
  73.   height: 100%;
  74.   object-fit: cover; }
  75.  
  76. .containimg, .mobilecart ul.cartlist li article aside img {
  77.   width: 100%;
  78.   height: 100%;
  79.   object-fit: contain; }
  80.  
  81. .pagewrapper {
  82.   width: 100%;
  83.   margin: 0 auto;
  84.   max-width: 90%;
  85.   padding: 0; }
  86.  
  87. .pagewrapper2 {
  88.   width: 100%;
  89.   margin: 0 auto;
  90.   max-width: 90%; }
  91.  
  92. .pagewrapper3 {
  93.   width: 100%;
  94.   margin: 0 auto;
  95.   max-width: 66%; }
  96.  
  97. .flex, .containerflex, .containerflex article, header nav.main ul, header nav.main ul li ul, .mobilenav ul.mobilemenu li.searchDIV, .mobilecart ul.cartlist, .mobilecart ul.cartlist li article div.details ul.qty-price, .mobilecart ul.cartlist li article div.details ul.qty-price li:first-child, .mobilecart ul.cartlist li article div.details ul.qty-price li:last-child, .mobilecart .subtotal .pagewrapper .subtotal-price, .mobilecart .subtotal .pagewrapper .subtotal-price li:first-child, .mobilecart .subtotal .pagewrapper .subtotal-price li:last-child, .featured-carousel ul.featured, .featured-carousel ul.featured li article, .featured-product ul, .featured-product ul li:last-child, .product-categories ul, .product-categories ul li, .signup ul, .signup ul li, .signup ul li:last-child, .pageheader, .maincontent .main-article .pagewrapper3 .featured-products .share, .maincontent .pagewrapper2 .blog .featured-post ul, .maincontent .pagewrapper2 .blog .featured-post ul li, .maincontent .pagewrapper2 .blog .blog-list, .maincontent .pagewrapper2 .blog .pagination, .maincontent .pagewrapper3 .contact ul.contact-form, .shop-cta, .login, footer ul.footer-links, footer ul.footer-end, footer ul.footer-end li, footer ul.footer-end li:nth-child(2), footer ul.footer-end li:nth-child(3), footer ul.footer-end li:last-child, .bread-crumbs, .main-product .hldr .mid .main-list, .main-product .hldr .filter-area .main-list, .main-product .hldr .filter-area .main-list > li .custom-drop .options li:first-child input[type="checkbox"] + label, .main-product .hldr .filter-area .filt-se .hldr, .main-product .hldr .prod ul, .main-product .hldr .page-selector ul, .prod-inner .hldr .mid-part .item-hldr, .prod-inner .hldr .mid-part .item-hldr article ul.main-list, .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .icon-gallery, .you-like .mlist {
  98.   display: flex;
  99.   display: -webkit-box;
  100.   display: -moz-box;
  101.   display: -ms-flexbox;
  102.   display: -webkit-flex;
  103.   -webkit-flex-flow: row wrap;
  104.   flex-wrap: wrap; }
  105.  
  106. .containerflex {
  107.   height: 100%;
  108.   text-align: center;
  109.   justify-content: center;
  110.   align-content: stretch; }
  111.   .containerflex article {
  112.     align-items: center;
  113.     width: 90%;
  114.     margin: 0 auto; }
  115.  
  116. section, footer {
  117.   position: relative; }
  118.  
  119. .desktop {
  120.   display: block; }
  121.  
  122. .mobile {
  123.   display: none; }
  124.  
  125. .disnone {
  126.   display: none; }
  127.  
  128. /* Fonts */
  129. /* Colors */
  130. .fade-in, .featured-carousel ul.featured li.slick-current.slick-active h1 {
  131.   animation: 1s fade-in ease-in-out forwards; }
  132.  
  133. .slide-up, .featured-carousel ul.featured li.slick-current.slick-active h6 {
  134.   animation: 1s slide-up ease-in-out forwards; }
  135.  
  136. .slide-down {
  137.   animation: 1s slide-down ease-in-out forwards; }
  138.  
  139. .slide-left {
  140.   animation: 1s slide-left ease-in-out forwards; }
  141.  
  142. .slide-right {
  143.   animation: 1s slide-right ease-in-out forwards; }
  144.  
  145. /* Default Heading */
  146. h1 {
  147.   font: 120px/120px "futurastdmedium", Arial, sans-serif;
  148.   color: #fff; }
  149.  
  150. a {
  151.   cursor: pointer; }
  152.  
  153. /* Header */
  154. header {
  155.   z-index: 100;
  156.   height: 72px; }
  157.   header .toggle-menu {
  158.     position: absolute;
  159.     top: 25px;
  160.     left: 20px;
  161.     z-index: 1000; }
  162.   header aside.logo {
  163.     width: 98px;
  164.     height: 42px;
  165.     float: left;
  166.     background: url({{ 'vidro-logo.png' | asset_url }}) no-repeat;
  167.     background-size: contain;
  168.     margin-top: 15px;
  169.     text-align: center; }
  170.     header aside.logo img {
  171.       width: 98px;
  172.       height: 42px;
  173.       margin: 0 auto; }
  174.   header nav.main {
  175.     max-width: 885px;
  176.     float: right;
  177.     position: relative;
  178.     z-index: 101;
  179.     height: 72px;
  180.     overflow: visible; }
  181.     header nav.main ul {
  182.       justify-content: flex-end;
  183.       align-content: stretch;
  184.       height: 28px;
  185.       position: relative;
  186.       z-index: 101;
  187.       top: 22px; }
  188.       header nav.main ul li {
  189.         height: 25px;
  190.         border-right: solid 1px #fff;
  191.         position: relative; }
  192.         header nav.main ul li a {
  193.           color: #fff;
  194.           font: 14px/24px "maison_neuebold", Arial, sans-serif;
  195.           padding: 0 20px;
  196.           position: relative;
  197.           z-index: 105; }
  198.           header nav.main ul li a i {
  199.             color: #fff;
  200.             margin-right: 10px; }
  201.           header nav.main ul li a span i {
  202.             border: solid #fff;
  203.             border-width: 0 3px 3px 0;
  204.             display: inline-block;
  205.             padding: 3px;
  206.             margin-left: 5px;
  207.             position: relative;
  208.             top: -2px; }
  209.           header nav.main ul li a span .down {
  210.             transform: rotate(45deg);
  211.             -webkit-transform: rotate(45deg); }
  212.         header nav.main ul li a:hover {
  213.           color: #9ecfca; }
  214.           header nav.main ul li a:hover i {
  215.             color: #9ecfca; }
  216.         header nav.main ul li ul {
  217.           position: absolute;
  218.           width: 170px;
  219.           z-index: 104;
  220.           background: #0d1d41;
  221.           float: left;
  222.           left: 0;
  223.           display: none;
  224.           justify-content: stretch;
  225.           padding-top: 27px; }
  226.           header nav.main ul li ul li {
  227.             width: 100%;
  228.             border-right: 0; }
  229.             header nav.main ul li ul li span {
  230.               padding: 0 15px;
  231.               background: #0d1d41; }
  232.               header nav.main ul li ul li span a {
  233.                 width: 100%;
  234.                 float: left;
  235.                 text-align: center;
  236.                 padding: 15px 0;
  237.                 background: #0d1d41;
  238.                 border-top: solid 1px #9ecfca;
  239.                 color: #fff !important; }
  240.               header nav.main ul li ul li span a:hover {
  241.                 color: #9ecfca !important; }
  242.       header nav.main ul li:hover a, header nav.main ul li:hover span i {
  243.         color: #9ecfca; }
  244.       header nav.main ul li:hover ul {
  245.         display: block; }
  246.       header nav.main ul li:last-child {
  247.         border-right: 0; }
  248.   header .cart {
  249.     width: auto;
  250.     position: absolute;
  251.     float: left;
  252.     top: 25px;
  253.     right: 20px;
  254.     z-index: 1000;
  255.     display: none; }
  256.     header .cart button i {
  257.       color: #fff;
  258.       font-size: 14px; }
  259.     header .cart button hover i {
  260.       color: #9ecfca; }
  261.  
  262. header:hover {
  263.   background: #0d1d41; }
  264.   header:hover aside.logo {
  265.     background: url({{ 'vidro-logo2.png' | asset_url }}) no-repeat;
  266.     background-size: contain; }
  267.   header:hover nav.main ul li {
  268.     border-color: #9ecfca; }
  269.  
  270. .sticky {
  271.   position: absolute;
  272.   top: 0;
  273.   left: 0; }
  274.  
  275. .fixed {
  276.   position: fixed !important;
  277.   top: 0;
  278.   width: 100%;
  279.   background: #0d1d41;
  280.   float: left; }
  281.   .fixed aside.logo {
  282.     background: url({{ 'vidro-logo2.png' | asset_url }}) no-repeat;
  283.     background-size: contain; }
  284.   .fixed nav.main ul li {
  285.     border-color: #9ecfca; }
  286.  
  287. /* Subnav - Mobile */
  288. button.mobnav {
  289.   position: absolute;
  290.   top: 25px;
  291.   z-index: 1002;
  292.   left: 8px;
  293.   display: none; }
  294.   button.mobnav i {
  295.     color: #fff;
  296.     font-size: 14px; }
  297.  
  298. .subnavmobile {
  299.   background: #0d1d41; }
  300.  
  301. .mobilenav {
  302.   padding: 0 30px;
  303.   background: #0d1d41;
  304.   height: 100%;
  305.   position: fixed;
  306.   z-index: 1001;
  307.   display: none;
  308.   overflow-y: scroll;
  309.   overflow-x: hidden; }
  310.   .mobilenav header aside.logo {
  311.     background-image: url({{ 'vidro-logo2.png' | asset_url }}); }
  312.   .mobilenav button {
  313.     position: absolute;
  314.     top: 25px;
  315.     z-index: 1002; }
  316.     .mobilenav button i {
  317.       color: #9ecfca;
  318.       font-size: 14px; }
  319.   .mobilenav .cart i {
  320.     color: #9ecfca; }
  321.   .mobilenav ul.mobilemenu li {
  322.     position: relative; }
  323.     .mobilenav ul.mobilemenu li a {
  324.       font: 18px/28px "maison_neuebold", Arial, sans-serif;
  325.       text-transform: uppercase;
  326.       padding: 20px 0;
  327.       color: #fff;
  328.       border-top: solid 1px #9ecfca; }
  329.       .mobilenav ul.mobilemenu li a i {
  330.         margin-right: 10px; }
  331.     .mobilenav ul.mobilemenu li button.products {
  332.       font: 18px/28px "maison_neuebold", Arial, sans-serif;
  333.       position: relative;
  334.       text-transform: uppercase;
  335.       padding: 20px 0;
  336.       color: #fff;
  337.       text-align: left;
  338.       margin-top: -25px;
  339.       border: 0;
  340.       height: 75px;
  341.       border-top: solid 1px #9ecfca; }
  342.       .mobilenav ul.mobilemenu li button.products span i {
  343.         border: solid #fff;
  344.         border-width: 0 3px 3px 0;
  345.         display: inline-block;
  346.         padding: 3px;
  347.         margin-left: 10px;
  348.         position: relative;
  349.         top: -3px; }
  350.       .mobilenav ul.mobilemenu li button.products span .down {
  351.         transform: rotate(45deg);
  352.         -webkit-transform: rotate(45deg); }
  353.     .mobilenav ul.mobilemenu li ul.prodcat {
  354.       border: 0;
  355.       padding: 0;
  356.       display: none;
  357.       position: relative; }
  358.       .mobilenav ul.mobilemenu li ul.prodcat li {
  359.         border: 0; }
  360.         .mobilenav ul.mobilemenu li ul.prodcat li a {
  361.           padding: 10px 40px;
  362.           font-family: "maison_neuebook", Arial, sans-serif; }
  363.   .mobilenav ul.mobilemenu li:nth-child(2):hover ul.prodcat {
  364.     display: block;
  365.     border-top: solid 1px #9ecfca;
  366.     margin-top: 20px; }
  367.     .mobilenav ul.mobilemenu li:nth-child(2):hover ul.prodcat li a {
  368.       border-top: 0 !important; }
  369.     .mobilenav ul.mobilemenu li:nth-child(2):hover ul.prodcat li:nth-child(3) {
  370.       margin-top: 0; }
  371.   .mobilenav ul.mobilemenu button.search {
  372.     font: 18px/28px "maison_neuebold", Arial, sans-serif;
  373.     text-transform: uppercase;
  374.     padding: 20px 0;
  375.     color: #fff;
  376.     border-top: solid 1px #9ecfca;
  377.     text-align: left;
  378.     margin-top: -25px; }
  379.     .mobilenav ul.mobilemenu button.search i {
  380.       margin-right: 10px;
  381.       font-size: 18px;
  382.       color: #fff; }
  383.   .mobilenav ul.mobilemenu li:nth-child(3) {
  384.     margin-top: 20px; }
  385.   .mobilenav ul.mobilemenu li.searchDIV {
  386.     position: relative;
  387.     background: #9ecfca;
  388.     height: 65px;
  389.     float: left;
  390.     z-index: 1004;
  391.     width: 110%;
  392.     order: 6;
  393.     display: none;
  394.     left: -30px;
  395.     font-size: 18px;
  396.     color: #0d1d41;
  397.     justify-content: flex-start;
  398.     align-items: center;
  399.     padding: 13px 30px 10px; }
  400.     .mobilenav ul.mobilemenu li.searchDIV i {
  401.       color: #0d1d41;
  402.       margin-right: 10px;
  403.       float: left;
  404.       margin-top: 10px; }
  405.     .mobilenav ul.mobilemenu li.searchDIV input[type="text"] {
  406.       width: 90%;
  407.       float: left;
  408.       height: 40px;
  409.       background: transparent;
  410.       font: 18px/24px "maison_neuebold", Arial, sans-serif;
  411.       color: #011e41; }
  412.     .mobilenav ul.mobilemenu li.searchDIV input[type="text"]:placeholder {
  413.       opacity: 0.5; }
  414.     .mobilenav ul.mobilemenu li.searchDIV .close {
  415.       float: right;
  416.       text-align: right;
  417.       margin: 0; }
  418.       .mobilenav ul.mobilemenu li.searchDIV .close i {
  419.         margin: 0; }
  420.  
  421. /* Mobile Cart */
  422. .mobilecart {
  423.   padding: 0 30px 170px;
  424.   background: #0d1d41;
  425.   height: 100%;
  426.   position: fixed;
  427.   z-index: 1001;
  428.   display: none;
  429.   overflow-y: scroll; }
  430.   .mobilecart header aside.logo {
  431.     background-image: url({{ 'vidro-logo2.png' | asset_url }}); }
  432.   .mobilecart button.mobnav {
  433.     position: absolute;
  434.     top: 25px;
  435.     z-index: 1002;
  436.     left: 0; }
  437.     .mobilecart button.mobnav i {
  438.       color: #9ecfca;
  439.       font-size: 14px; }
  440.   .mobilecart .cart {
  441.     right: 15px; }
  442.     .mobilecart .cart button {
  443.       color: #9ecfca;
  444.       position: absolute;
  445.       right: 0;
  446.       top: 0; }
  447.       .mobilecart .cart button i {
  448.         color: #9ecfca;
  449.         font-size: 14px; }
  450.   .mobilecart h3 {
  451.     font: 18px/24px "maison_neuebold", Arial, sans-serif;
  452.     padding: 20px 0;
  453.     color: #fff;
  454.     text-transform: uppercase;
  455.     border-top: solid 1px #9ecfca;
  456.     border-bottom: solid 1px #9ecfca; }
  457.   .mobilecart ul.cartlist {
  458.     overflow-y: scroll;
  459.     justify-content: space-between;
  460.     align-content: stretch; }
  461.     .mobilecart ul.cartlist li {
  462.       width: 49%;
  463.       position: relative;
  464.       border-bottom: solid 1px #9ecfca;
  465.       float: left;
  466.       padding: 20px 0; }
  467.       .mobilecart ul.cartlist li article {
  468.         padding: 0;
  469.         position: relative; }
  470.         .mobilecart ul.cartlist li article aside {
  471.           width: 100px;
  472.           height: 125px;
  473.           float: left;
  474.           background: #fff;
  475.           position: absolute;
  476.           left: 0;
  477.           top: 0px; }
  478.         .mobilecart ul.cartlist li article div.details {
  479.           width: 100%;
  480.           position: relative;
  481.           padding-left: 130px;
  482.           padding-right: 25px;
  483.           min-height: 125px;
  484.           color: #fff;
  485.           font: 16px/24px "maison_neuebook", Arial, sans-serif; }
  486.           .mobilecart ul.cartlist li article div.details h4 {
  487.             font: 14px/20px "maison_neuebold", Arial, sans-serif;
  488.             color: #fff; }
  489.           .mobilecart ul.cartlist li article div.details p {
  490.             font: 14px/20px "maison_neuebook", Arial, sans-serif;
  491.             color: #9ecfca; }
  492.           .mobilecart ul.cartlist li article div.details ul.qty-price {
  493.             justify-content: space-between;
  494.             align-content: flex-start;
  495.             margin-top: 20px;
  496.             padding: 0 !important; }
  497.             .mobilecart ul.cartlist li article div.details ul.qty-price li:first-child {
  498.               width: 50%;
  499.               justify-content: flex-start;
  500.               margin: 0 !important;
  501.               padding: 0 !important; }
  502.             .mobilecart ul.cartlist li article div.details ul.qty-price li:last-child {
  503.               width: 50%;
  504.               justify-content: flex-end;
  505.               font-size: 14px/20px "maison_neuebold", Arial, sans-serif;
  506.               color: #9ecfca;
  507.               margin: 0 !important;
  508.               padding: 0 !important; }
  509.       .mobilecart ul.cartlist li ul li {
  510.         border: 0; }
  511.   .mobilecart .subtotal {
  512.     background: #9ecfca;
  513.     padding: 10px 25px;
  514.     position: fixed;
  515.     left: 0;
  516.     bottom: 0;
  517.     text-align: center;
  518.     font: 14px/24px "maison_neuebook", Arial, sans-serif;
  519.     color: #011e41; }
  520.     .mobilecart .subtotal .pagewrapper {
  521.       max-width: 360px; }
  522.       .mobilecart .subtotal .pagewrapper .subtotal-price {
  523.         font: 18px/24px "maison_neuebold", Arial, sans-serif;
  524.         color: #011e41;
  525.         text-transform: uppercase; }
  526.         .mobilecart .subtotal .pagewrapper .subtotal-price li:first-child {
  527.           width: 50%;
  528.           justify-content: flex-start; }
  529.         .mobilecart .subtotal .pagewrapper .subtotal-price li:last-child {
  530.           width: 50%;
  531.           justify-content: flex-end; }
  532.       .mobilecart .subtotal .pagewrapper p {
  533.         font: 14px/20px "maison_neuebook", Arial, sans-serif;
  534.         color: #011e41;
  535.         margin: 15px 0 15px; }
  536.       .mobilecart .subtotal .pagewrapper button {
  537.         height: 48px;
  538.         background: #0d1d41;
  539.         color: #fff;
  540.         text-transform: uppercase;
  541.         font: 18px/24px "maison_neuebold", Arial, sans-serif; }
  542.  
  543. /* Featured Carousel */
  544. .featured-carousel {
  545.   position: relative;
  546.   z-index: 10; }
  547.   .featured-carousel ul.featured {
  548.     justify-content: center;
  549.     align: stretch; }
  550.     .featured-carousel ul.featured li {
  551.       height: 100%;
  552.       position: relative; }
  553.       .featured-carousel ul.featured li img {
  554.         position: relative;
  555.         z-index: 5; }
  556.       .featured-carousel ul.featured li article {
  557.         padding: 0 60px;
  558.         height: 100%;
  559.         position: absolute;
  560.         justify-content: center;
  561.         align-items: center;
  562.         -webkit-justify-content: center;
  563.         -webkit-align-items: center;
  564.         z-index: 50; }
  565.         .featured-carousel ul.featured li article div {
  566.           text-align: center; }
  567.           .featured-carousel ul.featured li article div h1 {
  568.             margin-bottom: 100px;
  569.             opacity: 0; }
  570.           .featured-carousel ul.featured li article div h6 {
  571.             font: 24px/32px "maison_neuebold", Arial, sans-serif;
  572.             text-transform: uppercase;
  573.             opacity: 0;
  574.             display: inline-block;
  575.             /* a {color: $white; background: $blue; padding: 20px 60px;  position: relative; display: inline-block; transition: transform 2s, background 1s}
  576.             a:hover {background: $white; color: $blue; transform: rotateX(180deg); transition: transform 2s, background 1s}  */
  577.                         /* a::after { position: absolute; content: ''; top: 0; left: 0; background: $blue; width: 100%; height: 100%; z-index: -1; transform: rotateX(0deg); transition: rotate 2s, background 1s; display: block; }
  578.            
  579.                         a:hover::after {  transform: rotateX(360deg); background: $white;  } */ }
  580.           .featured-carousel ul.featured li article div h6 {
  581.                         /* a::after { position: absolute; content: ''; top: 0; left: 0; background: $blue; width: 100%; height: 100%; z-index: -1; transform: rotateX(0deg); transition: rotate 2s, background 1s; display: block; }
  582.            
  583.                         a:hover::after {  transform: rotateX(360deg); background: $white;  } */ }
  584.             .featured-carousel ul.featured li article div h6 span {
  585.               background: #0d1d41;
  586.               display: block;
  587.               display: inline-block;
  588.               transition: transform 2s, background 1s; }
  589.               .featured-carousel ul.featured li article div h6 span a {
  590.                 color: #fff;
  591.                 padding: 16px 38px;
  592.                 position: relative;
  593.                 display: inline-block; }
  594.             .featured-carousel ul.featured li article div h6 span:hover {
  595. /*               transform: rotateX(180deg); */
  596.               background: #fff; }
  597.               .featured-carousel ul.featured li article div h6 span:hover a {
  598. /*                 transform: rotateX(180deg); */
  599.                 color: #0d1d41; }
  600.  
  601. /* Featured Product */
  602. .featured-product {
  603.   position: relative;
  604.   z-index: 10; }
  605.   .featured-product ul {
  606.     justify-content: flex-start;
  607.     align-content: stretch; }
  608.     .featured-product ul li:first-child {
  609.       width: 42%; }
  610.     .featured-product ul li:last-child {
  611.       width: 58%;
  612.       padding: 105px 8%;
  613.       align-items: center;
  614.       -webkit-align-items: center; }
  615.       .featured-product ul li:last-child h3 {
  616.         font: 100px/100px "futurastdmedium", Arial, sans-serif;
  617.         color: #00bc70; }
  618.       .featured-product ul li:last-child p {
  619.         font: 16px/36px "maison_neuebook", Arial, sans-serif;
  620.         color: #011e41;
  621.         margin: 40px 0 60px; }
  622.       .featured-product ul li:last-child h6 {
  623.         font: 24px/32px "maison_neuebold", Arial, sans-serif;
  624.         text-transform: uppercase; }
  625.         .featured-product ul li:last-child h6 a {
  626.           color: #fff;
  627.           background: #0d1d41;
  628.           padding: 20px 60px; }
  629.         .featured-product ul li:last-child h6 a:hover {
  630.           color: #9ecfca; }
  631.  
  632. /* Product Categories */
  633. .product-categories {
  634.   position: relative;
  635.   z-index: 10;
  636.   padding: 70px 0; }
  637.   .product-categories ul {
  638.     justify-content: space-between;
  639.     align-content: stretch;
  640.     height: 600px; }
  641.     .product-categories ul li {
  642.       width: 30%;
  643.       height: 100%;
  644.       align-items: center;
  645.       -webkit-align-items: center;
  646.       background-size: cover!important }
  647.       .product-categories ul li aside {
  648.         padding: 30px;
  649.         text-align: center; }
  650.         .product-categories ul li aside h3 {
  651.           font: 60px/70px "futurastdmedium", Arial, sans-serif;
  652.           text-transform: uppercase;
  653.           margin-bottom: 50px;
  654.           color: #fff;
  655.           letter-spacing: 2px; }
  656.         .product-categories ul li aside h6 {
  657.           font: 24px/32px "maison_neuebold", Arial, sans-serif;
  658.           text-transform: uppercase; }
  659.     .product-categories ul li.dine {
  660.       background: url({{ 'dine-bg.jpg' | asset_url }}) no-repeat center center;
  661.       background-size: cover; }
  662.       .product-categories ul li.dine aside a {
  663.         color: #fff;
  664.         background: #0d1d41;
  665.         padding: 20px 60px; }
  666.       .product-categories ul li.dine aside a:hover {
  667.         color: #921f4e;
  668.         background: #ff6441; }
  669.     .product-categories ul li.dine:hover {
  670.       background: #921f4e;
  671.       background-image: none; }
  672.       .product-categories ul li.dine:hover aside a {
  673.         color: #921f4e;
  674.         background: #ff6441;
  675.         padding: 20px 60px; }
  676.     .product-categories ul li.drink {
  677.       background: url({{ 'drink-bg.jpg' | asset_url }}) no-repeat center center;
  678.       background-size: cover; }
  679.       .product-categories ul li.drink aside a {
  680.         color: #fff;
  681.         background: #0d1d41;
  682.         padding: 20px 60px; }
  683.       .product-categories ul li.drink aside a:hover {
  684.         color: #00be77;
  685.         background: #f2eda9; }
  686.     .product-categories ul li.drink:hover {
  687.       background: #00be77;
  688.       background-image: none; }
  689.       .product-categories ul li.drink:hover aside a {
  690.         color: #00be77;
  691.         background: #f2eda9;
  692.         padding: 20px 60px; }
  693.     .product-categories ul li.decorate {
  694.       background: url({{ 'decorate-bg.jpg' | asset_url }}) no-repeat center center;
  695.       background-size: cover; }
  696.       .product-categories ul li.decorate aside a {
  697.         color: #fff;
  698.         background: #0d1d41;
  699.         padding: 20px 60px; }
  700.       .product-categories ul li.decorate aside a:hover {
  701.         color: #061e3f;
  702.         background: #94d1cb; }
  703.     .product-categories ul li.decorate:hover {
  704.       background: #061e3f;
  705.       background-image: none; }
  706.       .product-categories ul li.decorate:hover aside a {
  707.         color: #061e3f;
  708.         background: #94d1cb;
  709.         padding: 20px 60px; }
  710.  
  711. /* Sign Up - Home */
  712. .signup {
  713.   position: relative;
  714.   z-index: 10;
  715.   background: #9ecfca;
  716.   padding: 45px 0; }
  717.   .signup ul {
  718.     justify-content: space-between;
  719.     align-content: stretch;
  720.     height: 100%; }
  721.     .signup ul li {
  722.       align-content: stretch;
  723.       justify-content: flex-start;
  724.       height: 100%; }
  725.       .signup ul li article h2 {
  726.         font: 60px/70px "futurastdmedium", Arial, sans-serif;
  727.         color: #0d1d41;
  728.         letter-spacing: 2px;
  729.         margin-bottom: 5px; }
  730.       .signup ul li article p {
  731.         font: 16px/36px "maison_neuebook", Arial, sans-serif;
  732.         color: #011e41; }
  733.     .signup ul li:last-child {
  734.       width: 410px;
  735.       justify-content: flex-end;
  736.       height: 50px;
  737.       margin-top: 25px; }
  738.       .signup ul li:last-child aside {
  739.         height: 50px; }
  740.         .signup ul li:last-child aside input[type="email"] {
  741.           height: 50px;
  742.           padding: 10px 60px 8px 10px;
  743.           box-sizing: border-box;
  744.           border: solid 1px #0d1d41;
  745.           font: 16px/36px "maison_neuebook", Arial, sans-serif;
  746.           background: #9ecfca; }
  747.         .signup ul li:last-child aside input[type="email"]::placeholder {
  748.           color: #011e41; }
  749.         .signup ul li:last-child aside input[type="submit"] {
  750.           width: 50px;
  751.           height: 50px;
  752.           float: left;
  753.           position: absolute;
  754.           top: 0;
  755.           right: 0;
  756.           z-index: 20;
  757.           background: #0d1d41 url({{ 'signup-arrow.png' | asset_url }}) no-repeat center center; }
  758.         .signup ul li:last-child aside input[type="submit"]:hover {
  759.           background: #fff url({{ 'signup-arrow2.png' | asset_url }}) no-repeat center center;
  760.           border: solid 1px #0d1d41; }
  761.  
  762. /* About Us */
  763. .pageheader {
  764.   position: relative;
  765.   z-index: 10;
  766.   height: 400px;
  767.   background-size: cover;
  768.   justify-content: center;
  769.   align-items: center;
  770.   -webkit-justify-content: center;
  771.   -webkit-align-items: center;
  772.   background-position: center;
  773.   background-repeat: no-repeat;
  774.   text-align: center; }
  775.   .pageheader .overlay {
  776.     background: rgba(0, 0, 0, 0.2);
  777.     position: absolute;
  778.     top: 0;
  779.     left: 0;
  780.     height: 100%;
  781.     z-index: 1; }
  782.   .pageheader h1 {
  783.     z-index: 10;
  784.     position: relative; }
  785.  
  786. .blogheader {
  787.   height: 800px; }
  788.   .blogheader h1 {
  789.     max-width: 70%;
  790.     margin: 0 auto; }
  791.   .blogheader h5 {
  792.     font: 14px/36px "maison_neuebold", Arial, sans-serif;
  793.     color: #fff;
  794.     margin-bottom: 30px;
  795.     text-transform: uppercase;
  796.     position: relative;
  797.     z-index: 100; }
  798.     .blogheader h5 a {
  799.       color: #fff; }
  800.     .blogheader h5 a:hover {
  801.       color: #0d1d41; }
  802.  
  803. .graybg {
  804.   background: #f2f2f2;
  805.   padding: 0 !important; }
  806.  
  807. .maincontent {
  808.   padding: 70px 0;
  809.   position: relative;
  810.   z-index: 10;
  811.   /* Main Blog Article */
  812.   /* Blog */ }
  813.   .maincontent .main-article {
  814.     background: #fff;
  815.     padding: 80px 0; }
  816.     .maincontent .main-article .pagewrapper3 {
  817.       max-width: 75%; }
  818.       .maincontent .main-article .pagewrapper3 .blog-content {
  819.         padding-right: 550px;
  820.         position: relative;
  821.         z-index: 10;
  822.         padding-top: 0; }
  823.       .maincontent .main-article .pagewrapper3 .featured-products {
  824.         width: 480px;
  825.         position: absolute;
  826.         top: 0;
  827.         right: 0;
  828.         z-index: 20; }
  829.         .maincontent .main-article .pagewrapper3 .featured-products h4 {
  830.           font: 16px/36px "maison_neuebold", Arial, sans-serif;
  831.           color: #0d1d41;
  832.           text-transform: uppercase;
  833.           margin-bottom: 15px; }
  834.         .maincontent .main-article .pagewrapper3 .featured-products .featured li article {
  835.           height: 480px;
  836.           position: relative;
  837.           padding: 0; }
  838.           .maincontent .main-article .pagewrapper3 .featured-products .featured li article div {
  839.             height: auto;
  840.             position: absolute;
  841.             top: 44%;
  842.             display: none; }
  843.             .maincontent .main-article .pagewrapper3 .featured-products .featured li article div h6 {
  844.               font: 24px/36px "maison_neuebold", Arial, sans-serif;
  845.               text-transform: uppercase;
  846.               width: 180px;
  847.               margin: 0 auto; }
  848.               .maincontent .main-article .pagewrapper3 .featured-products .featured li article div h6 a {
  849.                 padding: 20px 0 13px;
  850.                 height: 72px;
  851.                 background: #0d1d41;
  852.                 color: #fff;
  853.                 text-align: center; }
  854.               .maincontent .main-article .pagewrapper3 .featured-products .featured li article div h6 a:hover {
  855.                 background: #fff;
  856.                 color: #0d1d41; }
  857.         .maincontent .main-article .pagewrapper3 .featured-products .featured li .pname {
  858.           font: 16px/36px "maison_neuebook", Arial, sans-serif;
  859.           color: #bababb;
  860.           margin: 25px 0;
  861.           position: relative; }
  862.         .maincontent .main-article .pagewrapper3 .featured-products .featured li:hover article div {
  863.           display: block; }
  864.         .maincontent .main-article .pagewrapper3 .featured-products .slick-dots {
  865.           right: 15px;
  866.           bottom: 30px; }
  867.         .maincontent .main-article .pagewrapper3 .featured-products .slick-dots li button {
  868.           background: #bababb;
  869.           width: 10px;
  870.           height: 10px;
  871.           border: 0;
  872.           margin: 0 15px; }
  873.         .maincontent .main-article .pagewrapper3 .featured-products .slick-dots li button:hover, .maincontent .main-article .pagewrapper3 .featured-products .slick-dots li button:focus, .maincontent .main-article .pagewrapper3 .featured-products .slick-dots li.slick-active button {
  874.           background: #0d1d41 !important; }
  875.         .maincontent .main-article .pagewrapper3 .featured-products .slick-prev, .maincontent .main-article .pagewrapper3 .featured-products .slick-next {
  876.           width: 22px;
  877.           height: 39px;
  878.           top: 44%; }
  879.         .maincontent .main-article .pagewrapper3 .featured-products .slick-prev {
  880.           background-image: url({{ 'arrow-left2.png' | asset_url }});
  881.           left: 28px; }
  882.         .maincontent .main-article .pagewrapper3 .featured-products .slick-next {
  883.           background-image: url({{ 'arrow-right2.png' | asset_url }});
  884.           right: 28px; }
  885.         .maincontent .main-article .pagewrapper3 .featured-products .share {
  886.           justify-content: flex-start;
  887.           align-items: center;
  888.           -webkit-justify-content: flex-start;
  889.           -webkit-align-items: center;
  890.          
  891.           border-top: solid 1px #0d1d41;
  892.           padding: 20px 0;
  893.           margin-top: 0px; }
  894.           .maincontent .main-article .pagewrapper3 .featured-products .share li {
  895.             margin-right: 10px;
  896.             font: 16px/36px "maison_neuebold", Arial, sans-serif;
  897.             color: #0d1d41; }
  898.             .maincontent .main-article .pagewrapper3 .featured-products .share li a {
  899.               color: #0d1d41; }
  900.               .maincontent .main-article .pagewrapper3 .featured-products .share li a i {
  901.                 color: #0d1d41; }
  902.   .maincontent .pagewrapper2 {
  903.     max-width: 80%; }
  904.     .maincontent .pagewrapper2 .blog {
  905.       position: relative;
  906.       z-index: 15; }
  907.       .maincontent .pagewrapper2 .blog .recommend {
  908.         font: 48px/48px "futurastdmedium", Arial, sans-serif;
  909.         text-transform: uppercase;
  910.         letter-spacing: 5px;
  911.         color: #0d1d41;
  912.         text-align: center;
  913.         margin: 50px 0; }
  914.       .maincontent .pagewrapper2 .blog .featured-post {
  915.         position: relative;
  916.         z-index: 30;
  917.         background: #89264f;
  918.         margin-bottom: 75px; }
  919.         .maincontent .pagewrapper2 .blog .featured-post ul {
  920.           align-content: stretch; }
  921.           .maincontent .pagewrapper2 .blog .featured-post ul li {
  922.             align-items: center;
  923.             -webkit-align-items: center;
  924.             width: 50%; }
  925.           .maincontent .pagewrapper2 .blog .featured-post ul li:last-child {
  926.             padding: 5%; }
  927.             .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h5 {
  928.               font: 16px/36px "maison_neuebook", Arial, sans-serif;
  929.               text-transform: uppercase;
  930.               color: #fff; }
  931.               .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h5 a {
  932.                 text-transform: none;
  933.                 color: #9ecfca;
  934.                 font-family: "maison_neuebold", Arial, sans-serif; }
  935.             .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h3 {
  936.               font: 60px/68px "futurastdmedium", Arial, sans-serif;
  937.               color: #fff;
  938.               margin: 15px 0; }
  939.               .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h3 a {
  940.                 color: #fff; }
  941.               .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h3 a:hover {
  942.                 color: #9ecfca; }
  943.             .maincontent .pagewrapper2 .blog .featured-post ul li:last-child p {
  944.               font: 16px/36px "maison_neuebook", Arial, sans-serif;
  945.               color: #fff; }
  946.             .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h6 {
  947.               font: 16px/36px "maison_neuebold", Arial, sans-serif;
  948.               margin-top: 30px;
  949.               text-transform: uppercase; }
  950.               .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h6 a {
  951.                 padding: 13px 15px 10px;
  952.                 color: #89264f;
  953.                 background: #9ecfca; }
  954.               .maincontent .pagewrapper2 .blog .featured-post ul li:last-child h6 a:hover {
  955.                 background: #fff; }
  956.       .maincontent .pagewrapper2 .blog .blurb {
  957.         padding-bottom: 70px;
  958.         text-align: center; }
  959.         .maincontent .pagewrapper2 .blog .blurb h2 {
  960.           font: 96px/96px "futurastdmedium", Arial, sans-serif;
  961.           color: #89264f;
  962.           margin-bottom: 40px; }
  963.         .maincontent .pagewrapper2 .blog .blurb p {
  964.           font: 16px/36px "maison_neuebook", Arial, sans-serif;
  965.           color: #000; }
  966.       .maincontent .pagewrapper2 .blog .blog-list {
  967.         position: relative;
  968.         z-index: 15;
  969.         margin-bottom: 20px;
  970.         justify-content: space-between;
  971.         align-content: stretch; }
  972.         .maincontent .pagewrapper2 .blog .blog-list li {
  973.           width: 48%;
  974.           margin-bottom: 40px; }
  975.           .maincontent .pagewrapper2 .blog .blog-list li .thumbnail {
  976.             height: 400px;
  977.             margin-bottom: 40px; }
  978.             .maincontent .pagewrapper2 .blog .blog-list li .thumbnail img:hover {
  979.               opacity: 0.8; }
  980.           .maincontent .pagewrapper2 .blog .blog-list li .blogdetails {
  981.             font: 16px/36px "maison_neuebook", Arial, sans-serif;
  982.             color: #000; }
  983.             .maincontent .pagewrapper2 .blog .blog-list li .blogdetails h5 {
  984.               font: 16px/36px "maison_neuebook", Arial, sans-serif;
  985.               text-transform: uppercase;
  986.               color: #000; }
  987.               .maincontent .pagewrapper2 .blog .blog-list li .blogdetails h5 a {
  988.                 text-transform: none;
  989.                 color: #011e41;
  990.                 font-family: "maison_neuebold", Arial, sans-serif; }
  991.             .maincontent .pagewrapper2 .blog .blog-list li .blogdetails h3 {
  992.               font: 48px/56px "futurastdmedium", Arial, sans-serif;
  993.               color: #364a62;
  994.               margin: 15px 0; }
  995.               .maincontent .pagewrapper2 .blog .blog-list li .blogdetails h3 a {
  996.                 color: #364a62; }
  997.               .maincontent .pagewrapper2 .blog .blog-list li .blogdetails h3 a:hover {
  998.                 color: #011e41; }
  999.             .maincontent .pagewrapper2 .blog .blog-list li .blogdetails p {
  1000.               font: 16px/36px "maison_neuebook", Arial, sans-serif;
  1001.               color: #000; }
  1002.       .maincontent .pagewrapper2 .blog .pagination {
  1003.         width: 320px;
  1004.         margin: 0 auto;
  1005.         font: 16px/36px "maison_neuebook", Arial, sans-serif;
  1006.         justify-content: center;
  1007.         align-items: center;
  1008.         -webkit-justify-content: center;
  1009.         -webkit-align-items: center; }
  1010.         .maincontent .pagewrapper2 .blog .pagination li {
  1011.           margin: 0 5px; }
  1012.           .maincontent .pagewrapper2 .blog .pagination li a {
  1013.             color: #000;
  1014.             padding: 5px 10px 3px; }
  1015.           .maincontent .pagewrapper2 .blog .pagination li a:hover {
  1016.             color: #fff;
  1017.             background: #0d1d41; }
  1018.         .maincontent .pagewrapper2 .blog .pagination li.current a {
  1019.           color: #fff;
  1020.           background: #0d1d41; }
  1021.         .maincontent .pagewrapper2 .blog .pagination li:first-child {
  1022.           font-family: "maison_neuebold", Arial, sans-serif;
  1023.           color: #0d1d41;
  1024.           margin-right: 10px; }
  1025.   .maincontent .pagewrapper3 {
  1026.     /* Contact */ }
  1027.     .maincontent .pagewrapper3 article {
  1028.       width: 50%;
  1029.       float: left;
  1030.       padding-top: 15px; }
  1031.       .maincontent .pagewrapper3 article p {
  1032.         font: 16px/36px "maison_neuebook", Arial, sans-serif;
  1033.         color: #000;
  1034.         margin-bottom: 30px; }
  1035.     .maincontent .pagewrapper3 aside {
  1036.       width: 38%;
  1037.       float: right; }
  1038.     .maincontent .pagewrapper3 .contact h4 {
  1039.       font: 16px/36px "maison_neuebold", Arial, sans-serif;
  1040.       color: #011e41; }
  1041.     .maincontent .pagewrapper3 .contact ul.contact-form {
  1042.       position: relative;
  1043.       z-index: 20;
  1044.       justify-content: space-between;
  1045.       align-content: stretch; }
  1046.       .maincontent .pagewrapper3 .contact ul.contact-form li {
  1047.         width: 49%;
  1048.         margin-bottom: 20px; }
  1049.         .maincontent .pagewrapper3 .contact ul.contact-form li input[type="text"], .maincontent .pagewrapper3 .contact ul.contact-form li input[type="email"], .maincontent .pagewrapper3 .contact ul.contact-form li textarea, .maincontent .pagewrapper3 .contact ul.contact-form li input[type="tel"] {
  1050.           height: 50px;
  1051.           padding: 13px 13px 10px;
  1052.           border: solid 1px #0d1d41;
  1053.           font: 16px/36px "maison_neuebook", Arial, sans-serif;
  1054.           color: #011e41; }
  1055.  
  1056.         .maincontent .pagewrapper3 .contact ul.contact-form li textarea {
  1057.           height: 180px; }
  1058.         .maincontent .pagewrapper3 .contact ul.contact-form li input[type="submit"] {
  1059.           width: 180px;
  1060.           height: 74px;
  1061.           background: #0d1d41;
  1062.           color: #fff;
  1063.           font: 24px/36px "maison_neuebold", Arial, sans-serif; }
  1064.         .maincontent .pagewrapper3 .contact ul.contact-form li input[type="submit"]:hover {
  1065.           color: #9ecfca; }
  1066.       .maincontent .pagewrapper3 .contact ul.contact-form .full {
  1067.         width: 100%; }
  1068.  
  1069. .shop-cta {
  1070.   position: relative;
  1071.   z-index: 10;
  1072.   background: url({{ 'shopcta.jpg' | asset_url }}) no-repeat center;
  1073.   background-size: cover;
  1074.   height: 200px;
  1075.   text-align: center;
  1076.   justify-content: center;
  1077.   align-items: center; }
  1078.   .shop-cta h6 {
  1079.     font: 24px/32px "maison_neuebold", Arial, sans-serif;
  1080.     text-transform: uppercase; }
  1081.     .shop-cta h6 a {
  1082.       color: #fff;
  1083.       background: #0d1d41;
  1084.       padding: 20px 60px; }
  1085.     .shop-cta h6 a:hover {
  1086.       background: #fff;
  1087.       color: #0d1d41; }
  1088.  
  1089. /* Login */
  1090. .login {
  1091.   position: fixed;
  1092.   height: 100vh;
  1093.   z-index: 10;
  1094.   background: url({{ 'login-bg.jpg' | asset_url }}) no-repeat center;
  1095.   background-size: cover;
  1096.   justify-content: center;
  1097.   align-items: center;
  1098.   -webkit-justify-content: center;
  1099.   -webkit-align-items: center;
  1100.   top: 0;
  1101.   left: 0; }
  1102.  
  1103. .login-container {
  1104.   width: 100%;
  1105.   margin: 0 auto;
  1106.   max-width: 480px;
  1107.   position: relative;
  1108.   z-index: 50;
  1109.   padding: 180px 0 175px;
  1110.   z-index: 50; }
  1111.   .login-container .vidro-login {
  1112.     background: #9ecfca url({{ 'pattern.jpg' | asset_url }}) repeat-x left bottom;
  1113.     padding: 75px 80px;
  1114.     text-align: center;
  1115.     margin-bottom: 175px; }
  1116.     .login-container .vidro-login img {
  1117.       margin-bottom: 80px; }
  1118.     .login-container .vidro-login ul {
  1119.       position: relative;
  1120.       z-index: 50;
  1121.       margin-bottom: 60px; }
  1122.       .login-container .vidro-login ul li {
  1123.         position: relative;
  1124.         z-index: 60;
  1125.         margin-bottom: 20px; }
  1126.         .login-container .vidro-login ul li input[type="email"], .login-container .vidro-login ul li input[type="password"] {
  1127.           border: solid 2px #0d1d41;
  1128.           height: 50px;
  1129.           padding: 13px 13px 10px;
  1130.           font: 16px/36px "maison_neuebook", Arial, sans-serif;
  1131.           color: #0d1d41;
  1132.           background: #9ecfca; }
  1133.         .login-container .vidro-login ul li input[type="email"]::placeholder, .login-container .vidro-login ul li input[type="password"]::placeholder {
  1134.           color: #0d1d41; }
  1135.         .login-container .vidro-login ul li input[type="submit"] {
  1136.           width: 145px;
  1137.           height: 50px;
  1138.           background: #0d1d41;
  1139.           color: #9ecfca;
  1140.           font: 14px/36px "maison_neuebold", Arial, sans-serif;
  1141.           padding: 8px 13px 10px;
  1142.           text-align: center; }
  1143.         .login-container .vidro-login ul li input[type="submit"]:hover {
  1144.           background: #fff;
  1145.           color: #0d1d41; }
  1146.         .login-container .vidro-login ul li a {
  1147.           font: 14px/36px "maison_neuebold", Arial, sans-serif;
  1148.           color: #0d1d41;
  1149.           text-transform: uppercase; }
  1150.         .login-container .vidro-login ul li a:hover {
  1151.           text-decoration: underline; }
  1152.       .login-container .vidro-login ul li:nth-child(4), .login-container .vidro-login ul li:nth-child(5), .login-container .vidro-login ul li:last-child {
  1153.         margin-bottom: 0; }
  1154.  
  1155. /* Footer */
  1156. footer {
  1157.   position: relative;
  1158.   z-index: 10;
  1159.   background: #0d1d41; }
  1160.   footer .pattern {
  1161.     height: 74px;
  1162.     background: url({{ 'pattern.jpg' | asset_url }}) repeat-x left top; }
  1163.   footer ul.footer-links {
  1164.     justify-content: left;
  1165.     align-content: stretch;
  1166.     margin: 85px 0 25px; }
  1167.     footer ul.footer-links li {
  1168.       color: #fff;
  1169.       font: 16px/36px "maison_neuebook", Arial, sans-serif;
  1170.       width: 20%;
  1171.       float: left; }
  1172.       footer ul.footer-links li h5, footer ul.footer-links li span {
  1173.         font: 16px/36px "maison_neuebold", Arial, sans-serif;
  1174.         color: #9ecfca;
  1175.         text-transform: uppercase; }
  1176.       footer ul.footer-links li a {
  1177.         color: #fff; }
  1178.         footer ul.footer-links li a i {
  1179.           color: #fff;
  1180.           margin-right: 5px; }
  1181.         footer ul.footer-links li a i:hover {
  1182.           color: #9ecfca; }
  1183.       footer ul.footer-links li a:hover {
  1184.         color: #9ecfca; }
  1185.     footer ul.footer-links li:last-child {
  1186.       width: 30%;
  1187.       margin-left: 30%; }
  1188.   footer ul.footer-end {
  1189.     justify-content: space-between;
  1190.     align-content: stretch; }
  1191.     footer ul.footer-end li {
  1192.       width: 30%;
  1193.       align-items: middle;
  1194.       font: 16px/36px "maison_neuebook", Arial, sans-serif;
  1195.       color: #9ecfca; }
  1196.     footer ul.footer-end li:nth-child(2) {
  1197.       justify-content: center; }
  1198.     footer ul.footer-end li:nth-child(3) {
  1199.       text-align: right;
  1200.       justify-content: flex-end; }
  1201.     footer ul.footer-end li:last-child {
  1202.       text-align: center;
  1203.       width: 100%;
  1204.       justify-content: center;
  1205.       font: 12px/20px "maison_neuebook", Arial, sans-serif;
  1206.       margin-top: 15px;
  1207.       margin-bottom: 35px; }
  1208.       footer ul.footer-end li:last-child a {
  1209.         color: #9ecfca;
  1210.         margin-left: 5px; }
  1211.  
  1212. /* ==========================  PETER  =============================== */
  1213. .bread-crumbs {
  1214.   justify-content: flex-start; }
  1215.   .bread-crumbs > li {
  1216.     padding-right: 36px;
  1217.     position: relative; }
  1218.     .bread-crumbs > li a {
  1219.       font-family: "maison_neuebold", Arial, sans-serif;
  1220.       font-size: 16px;
  1221.       text-transform: uppercase;
  1222.       color: #999999; }
  1223.   .bread-crumbs > li::after {
  1224.     content: '';
  1225.     width: 8px;
  1226.     height: 15px;
  1227.     background: url({{ 'bread-gray.png' | asset_url }});
  1228.     position: absolute;
  1229.     top: 3px;
  1230.     right: 11px; }
  1231.   .bread-crumbs > li.active::after {
  1232.     background: url({{ 'bread-black.png' | asset_url }}); }
  1233.   .bread-crumbs > li.active a {
  1234.     color: #0d1d41; }
  1235.  
  1236. .main-product {
  1237.   padding: 130px 0px 90px; }
  1238.   .main-product .hldr .top {
  1239.     text-align: center; }
  1240.     .main-product .hldr .top h3 {
  1241.       font-family: "futurastdmedium", Arial, sans-serif;
  1242.       font-size: 120px;
  1243.       text-transform: uppercase; }
  1244.     .main-product .hldr .top p {
  1245.       font-family: "maison_neuebold", Arial, sans-serif;
  1246.       font-size: 24px;
  1247.       text-transform: uppercase; }
  1248.   .main-product .hldr .mid {
  1249.     margin-top: 70px; }
  1250.     .main-product .hldr .mid .main-list {
  1251.       justify-content: space-between;
  1252.       align-items: center; }
  1253.       .main-product .hldr .mid .main-list > li:nth-of-type(2) {
  1254.         max-width: 300px;
  1255.         width: 100%; }
  1256.       .main-product .hldr .mid .main-list .filter {
  1257.         max-width: 300px;
  1258.         width: 100%; }
  1259.         .main-product .hldr .mid .main-list .filter select {
  1260.           height: 49px;
  1261.           width: 100%;
  1262.           border: 2px solid #000;
  1263.           padding: 0px 60px 0px 10px;
  1264.           font-family: "maison_neuebook", Arial, sans-serif;
  1265.           font-size: 16px;
  1266.           background: transparent;
  1267.           position: relative;
  1268.           z-index: 3; }
  1269.         .main-product .hldr .mid .main-list .filter span {
  1270.           width: 50px;
  1271.           height: 45px;
  1272.           background-image: url({{ 'drop-white.png' | asset_url }});
  1273.           display: block;
  1274.           position: absolute;
  1275.           right: 2px;
  1276.           top: 2px;
  1277.           background-repeat: no-repeat;
  1278.           background-position: center; }
  1279.   .main-product .hldr .filter-area {
  1280.     margin-top: 60px;
  1281.     padding-right: 200px;
  1282.     margin-bottom: 100px;
  1283.     z-index: 5; }
  1284.     .main-product .hldr .filter-area .main-list {
  1285.       justify-content: space-between; }
  1286.       .main-product .hldr .filter-area .main-list > li {
  1287.         width: 23%; }
  1288.         .main-product .hldr .filter-area .main-list > li .custom-drop .select {
  1289.           border-bottom: 2px solid #a7a7a7; }
  1290.         .main-product .hldr .filter-area .main-list > li .custom-drop button {
  1291.           font-family: "maison_neuebold", Arial, sans-serif;
  1292.           font-size: 16px;
  1293.           text-transform: uppercase;
  1294.           color: #000;
  1295.           background: url({{ 'custom-select.png' | asset_url }}) no-repeat;
  1296.           background-position: right 15px center;
  1297.           padding-right: 35px; }
  1298.         .main-product .hldr .filter-area .main-list > li .custom-drop .options {
  1299.           border: 1px solid #ccc;
  1300.           border-bottom: 0px;
  1301.           display: none;
  1302.         }
  1303.           .main-product .hldr .filter-area .main-list > li .custom-drop .options li {
  1304.             border-bottom: 1px solid #ccc;
  1305.             width: 100%;
  1306.             margin-bottom: 0px;
  1307.             text-align: left; }
  1308.             .main-product .hldr .filter-area .main-list > li .custom-drop .options li input[type="checkbox"] {
  1309.               margin: 0px;
  1310.               cursor: pointer; }
  1311.             .main-product .hldr .filter-area .main-list > li .custom-drop .options li label {
  1312.               background: #fefefe;
  1313.               color: #9e9e9e;
  1314.               font-size: 16px; }
  1315.             .main-product .hldr .filter-area .main-list > li .custom-drop .options li label:hover {
  1316.               background: #f1f1f1; }
  1317.           .main-product .hldr .filter-area .main-list > li .custom-drop .options .amnt-slected {
  1318.             position: absolute;
  1319.             top: 50%;
  1320.             left: 10px;
  1321.             transform: translate(0, -50%);
  1322.             z-index: 2;
  1323.             font-family: "maison_neuebook", Arial, sans-serif;
  1324.             font-size: 14px;
  1325.             text-align: center;
  1326.             color: #9e9e9e; }
  1327.             .main-product .hldr .filter-area .main-list > li .custom-drop .options .amnt-slected .digit {
  1328.               display: block;
  1329.               font-family: "maison_neuebold", Arial, sans-serif;
  1330.               font-size: 16px;
  1331.               font-weight: bold; }
  1332.           .main-product .hldr .filter-area .main-list > li .custom-drop .options li:hover label {
  1333.             background: #f1f1f1; }
  1334.           .main-product .hldr .filter-area .main-list > li .custom-drop .options li input[type="checkbox"]:checked + label {
  1335.             background: #f1f1f1; }
  1336.     .main-product .hldr .filter-area .reset {
  1337.       padding-left: 50px;
  1338.       position: absolute;
  1339.       top: 0px;
  1340.       right: 0; }
  1341.       .main-product .hldr .filter-area .reset button {
  1342.         width: 150px;
  1343.         text-align: left;
  1344.         padding: 10px 0px;
  1345.         height: 50px;
  1346.         border-bottom: 2px solid #a7a7a7;
  1347.         font-family: "maison_neuebold", Arial, sans-serif;
  1348.         font-size: 16px;
  1349.         text-transform: uppercase;
  1350.         color: #000; }
  1351.     .main-product .hldr .filter-area .filt-se {
  1352.       display: none; }
  1353.       .main-product .hldr .filter-area .filt-se .hldr .children {
  1354.         width: 50%; }
  1355.         .main-product .hldr .filter-area .filt-se .hldr .children button {
  1356.           border: 2px solid #9e9e9e;
  1357.           padding: 20px 15px;
  1358.           width: 100%;
  1359.           font-family: "maison_neuebold", Arial, sans-serif;
  1360.           font-size: 16px;
  1361.           text-transform: uppercase;
  1362.           color: #9c9c9c; }
  1363.           .main-product .hldr .filter-area .filt-se .hldr .children button i {
  1364.             margin-left: 5px; }
  1365.       .main-product .hldr .filter-area .filt-se .hldr .children:nth-of-type(odd) button {
  1366.         border-right: 1px solid #9e9e9e; }
  1367.       .main-product .hldr .filter-area .filt-se .hldr .children:nth-of-type(even) button {
  1368.         border-left: 1px solid #9e9e9e; }
  1369.   .main-product .hldr .prod {
  1370.     max-width: 1400px;
  1371.     width: 100%;
  1372.     margin: 0 auto; }
  1373.     .main-product .hldr .prod ul {
  1374.       justify-content: flex-start;
  1375.       width: 100%;
  1376.       float: left; }
  1377.       .main-product .hldr .prod ul > li {
  1378.         width: 31%;
  1379.         text-align: center;
  1380.         margin-bottom: 60px;
  1381.         position: relative; }
  1382.         .main-product .hldr .prod ul > li aside {
  1383.           cursor: pointer;
  1384.           margin-bottom: 30px; }
  1385.           .main-product .hldr .prod ul > li aside img {
  1386.             width: 100%;
  1387.             height: 600px;
  1388.             object-fit: contain; }
  1389.           .main-product .hldr .prod ul > li aside img:nth-of-type(2) {
  1390.             opacity: 0;
  1391.             position: absolute;
  1392.             top: 0;
  1393.             left: 0;
  1394.             object-fit: cover;
  1395.             transition: 0.5s; }
  1396.           .main-product .hldr .prod ul > li aside .rm-hldr {
  1397.             position: absolute;
  1398.             left: 0;
  1399.             text-align: center;
  1400.             width: 100%;
  1401.             top: 50%;
  1402.             transform: translate(0, -50%);
  1403.             opacity: 0;
  1404.             transition: 0.5s;
  1405.             transition-delay: .1s; }
  1406.             .main-product .hldr .prod ul > li aside .rm-hldr a {
  1407.               padding: 15px 50px;
  1408.               background: #0d1d41;
  1409.               display: inline-block;
  1410.               color: #fff;
  1411.               font-family: "maison_neuebold", Arial, sans-serif;
  1412.               font-size: 16px;
  1413.               text-transform: uppercase; }
  1414.         .main-product .hldr .prod ul > li aside:hover img:nth-of-type(2) {
  1415.           opacity: 1;
  1416.           transition: 0.5s; }
  1417.         .main-product .hldr .prod ul > li aside:hover .rm-hldr {
  1418.           opacity: 1; }
  1419.         .main-product .hldr .prod ul > li .tags {
  1420.           height: 58px;
  1421.           width: 58px;
  1422.           top: 20px;
  1423.           right: 20px;
  1424.           position: absolute; }
  1425.           .main-product .hldr .prod ul > li .tags img {
  1426.             width: auto; }
  1427.         .main-product .hldr .prod ul > li h5 {
  1428.           font-family: "maison_neuebold", Arial, sans-serif;
  1429.           font-size: 16px;
  1430.           text-transform: uppercase;
  1431.           color: #000; }
  1432.         .main-product .hldr .prod ul > li p {
  1433.           font-family: "maison_neuebold", Arial, sans-serif;
  1434.           font-size: 16px;
  1435.           text-transform: uppercase;
  1436.           color: #000; }
  1437.   .main-product .hldr .page-selector {
  1438.     width: 100%;
  1439.     float: left; }
  1440.     .main-product .hldr .page-selector ul {
  1441.       justify-content: center; }
  1442.       .main-product .hldr .page-selector ul li {
  1443.         padding-right: 22px;
  1444.         font-size: 16px;
  1445.         font-family: "maison_neuebold", Arial, sans-serif; }
  1446.         .main-product .hldr .page-selector ul li a {
  1447.           color: #000; }
  1448.         .main-product .hldr .page-selector ul li img {
  1449.           position: relative;
  1450.           top: 3px; }
  1451.       .main-product .hldr .page-selector ul li:last-child {
  1452.         padding-right: 0px; }
  1453.       .main-product .hldr .page-selector ul li.active a {
  1454.         color: #00bc70; }
  1455.   .main-product .hldr.drink .top h3 {
  1456.     color: #00bc70; }
  1457.   .main-product .hldr.drink .mid .main-list .filter select {
  1458.     border: 2px solid #00bc70; }
  1459.   .main-product .hldr.drink .mid .main-list .filter span {
  1460.     background-color: #00bc70; }
  1461.   .main-product .hldr.drink .prod ul > li p {
  1462.     font-family: "maison_neuebold", Arial, sans-serif;
  1463.     font-size: 16px;
  1464.     text-transform: uppercase;
  1465.     line-height: 35px;
  1466.     color: #00bc70; }
  1467.   .main-product .hldr.drink .page-selector ul li.active a {
  1468.     color: #00bc70; }
  1469.   .main-product .hldr.dine .top h3 {
  1470.     color: #921f4e; }
  1471.   .main-product .hldr.dine .mid .main-list .filter select {
  1472.     border: 2px solid #921f4e; }
  1473.   .main-product .hldr.dine .mid .main-list .filter span {
  1474.     background-color: #921f4e; }
  1475.   .main-product .hldr.dine .prod ul > li p {
  1476.     font-family: "maison_neuebold", Arial, sans-serif;
  1477.     font-size: 16px;
  1478.     text-transform: uppercase;
  1479.     color: #921f4e; }
  1480.   .main-product .hldr.dine .page-selector ul li.active a {
  1481.     color: #921f4e; }
  1482.   .main-product .hldr.decorate .top h3 {
  1483.     color: #0d1d41; }
  1484.   .main-product .hldr.decorate .mid .main-list .filter select {
  1485.     border: 2px solid #0d1d41; }
  1486.   .main-product .hldr.decorate .mid .main-list .filter span {
  1487.     background-color: #0d1d41; }
  1488.   .main-product .hldr.decorate .prod ul > li p {
  1489.     font-family: "maison_neuebold", Arial, sans-serif;
  1490.     font-size: 16px;
  1491.     text-transform: uppercase;
  1492.     color: #0d1d41; }
  1493.   .main-product .hldr.decorate .page-selector ul li.active a {
  1494.     color: #0d1d41; }
  1495.  
  1496. .prod-inner {
  1497.   padding: 72px 0px 90px; }
  1498.   .prod-inner .hldr .top {
  1499.     background: #9ecfca;
  1500.     padding: 25px 0px; }
  1501.     .prod-inner .hldr .top .bread-crumbs {
  1502.       justify-content: center; }
  1503.       .prod-inner .hldr .top .bread-crumbs li a {
  1504.         color: #fff; }
  1505.       .prod-inner .hldr .top .bread-crumbs > li::after {
  1506.         content: '';
  1507.         width: 8px;
  1508.         height: 15px;
  1509.         background: url({{ 'bread-white.png' | asset_url }});
  1510.         position: absolute;
  1511.         top: 3px;
  1512.         right: 11px; }
  1513.       .prod-inner .hldr .top .bread-crumbs > li:last-child::after {
  1514.         display: none; }
  1515.       .prod-inner .hldr .top .bread-crumbs > li.active a {
  1516.         color: #0d1d41; }
  1517.     .prod-inner .hldr .top .addcart {
  1518.       position: absolute;
  1519.       right: 5%;
  1520.       top: 15px; }
  1521.   .prod-inner .hldr .mid-part {
  1522.     padding: 80px 0px 0px; }
  1523.     .prod-inner .hldr .mid-part .item-hldr {
  1524.       justify-content: flex-start;
  1525.       /* max-width: 75.75%; */
  1526.       width: 100%;
  1527.       margin: 0 auto;
  1528.       max-width: 1300px; }
  1529.       .prod-inner .hldr .mid-part .item-hldr > aside {
  1530.         max-width: 480px;
  1531.         width: 100%; }
  1532.         .prod-inner .hldr .mid-part .item-hldr > aside img {
  1533.           width: 100%;
  1534.           height: 100%;
  1535.           object-fit: contain; }
  1536.         .prod-inner .hldr .mid-part .item-hldr > aside .addcart {
  1537.           margin-top: 30px;
  1538.           text-align: center; }
  1539.         .prod-inner .hldr .mid-part .item-hldr > aside .slider-single .item aside .zoom {
  1540.           position: absolute;
  1541.           height: 33px;
  1542.           width: 33px;
  1543.           right: 15px;
  1544.           top: 15px; }
  1545.         .prod-inner .hldr .mid-part .item-hldr > aside .slider-single .slick-prev {
  1546.           background: url({{ 'blue-arrow.png' | asset_url }}) no-repeat;
  1547.           width: 20px;
  1548.           height: 38px; }
  1549.         .prod-inner .hldr .mid-part .item-hldr > aside .slider-single .slick-next {
  1550.           background: url({{ 'blue-arrow2.png' | asset_url }}) no-repeat;
  1551.           width: 20px;
  1552.           height: 38px; }
  1553.       .prod-inner .hldr .mid-part .item-hldr .slider-single {
  1554.         margin-bottom: 45px; }
  1555.         .prod-inner .hldr .mid-part .item-hldr .slider-single .test {
  1556.           width: 480px;
  1557.           height: 718px; }
  1558.         .prod-inner .hldr .mid-part .item-hldr .slider-single .test.red {
  1559.           background: #921f4e; }
  1560.         .prod-inner .hldr .mid-part .item-hldr .slider-single .test.green {
  1561.           background: #00bc70; }
  1562.         .prod-inner .hldr .mid-part .item-hldr .slider-single .test.blue {
  1563.           background: #0d1d41; }
  1564.         .prod-inner .hldr .mid-part .item-hldr .slider-single .test.amber {
  1565.           background: #bc7021; }
  1566.       .prod-inner .hldr .mid-part .item-hldr .slider-nav aside {
  1567.         height: 190px; }
  1568.       .prod-inner .hldr .mid-part .item-hldr .slider-nav .test {
  1569.         width: 127px;
  1570.         height: 190px; }
  1571.       .prod-inner .hldr .mid-part .item-hldr .slider-nav .test.red {
  1572.         background: #921f4e; }
  1573.       .prod-inner .hldr .mid-part .item-hldr .slider-nav .test.green {
  1574.         background: #00bc70; }
  1575.       .prod-inner .hldr .mid-part .item-hldr .slider-nav .test.blue {
  1576.         background: #0d1d41; }
  1577.       .prod-inner .hldr .mid-part .item-hldr .slider-nav .test.amber {
  1578.         background: #bc7021; }
  1579.       .prod-inner .hldr .mid-part .item-hldr article {
  1580.         max-width: calc(100% - 480px);
  1581.         width: 100%;
  1582.         padding-left: 11%; }
  1583.         .prod-inner .hldr .mid-part .item-hldr article h4 {
  1584.           font-family: "futurastdmedium", Arial, sans-serif;
  1585.           font-size: 48px;
  1586.           text-transform: uppercase;
  1587.           letter-spacing: 7px;
  1588.           margin-bottom: 100px; }
  1589.         .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li {
  1590.           width: 61%; }
  1591.           .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .scnd-list > li {
  1592.             margin-bottom: 50px; }
  1593.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .scnd-list > li h5 {
  1594.               font-family: "maison_neuebold", Arial, sans-serif;
  1595.               font-size: 16px;
  1596.               text-transform: uppercase;
  1597.               margin-bottom: 15px; }
  1598.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .scnd-list > li p {
  1599.               font-family: "maison_neuebook", Arial, sans-serif;
  1600.               font-size: 16px; }
  1601.           .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .icon-gallery li {
  1602.             width: 20%;
  1603.             text-align: center;
  1604.             padding: 0px 5px;
  1605.             margin-bottom: 15px; }
  1606.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .icon-gallery li span {
  1607.               display: block;
  1608.               width: 24px;
  1609.               height: 24px;
  1610.               background: #000;
  1611.               border-radius: 50%;
  1612.               margin: 0 auto 10px; }
  1613.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .icon-gallery li a {
  1614.               font-family: "maison_neuebold", Arial, sans-serif;
  1615.               color: #000;
  1616.               font-size: 14px;
  1617.               text-transform: capitalize; }
  1618.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .icon-gallery li span.maroon {
  1619.               background: #921f4e; }
  1620.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li .icon-gallery li span.blue {
  1621.               background: #0d1d41; }
  1622.         .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child {
  1623.           width: 39%; }
  1624.           .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child h5 {
  1625.             font-family: "maison_neuebold", Arial, sans-serif;
  1626.             font-size: 16px;
  1627.             text-transform: uppercase;
  1628.             margin-bottom: 15px; }
  1629.           .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul {
  1630.             /* Hide the browser's default radio button */
  1631.             /* Create a custom radio button */
  1632.             /* When the radio button is checked, add a blue background */ }
  1633.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul li {
  1634.               padding-left: 40px;
  1635.               position: relative;
  1636.               margin-bottom: 20px; }
  1637.               .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul li input[type="checkbox"] {
  1638.                 -webkit-appearance: checkbox;
  1639.                 position: absolute;
  1640.                 height: 17px;
  1641.                 width: 17px;
  1642.                 left: 0; }
  1643.               .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul li label {
  1644.                 font-family: "maison_neuebold", Arial, sans-serif;
  1645.                 font-size: 16px;
  1646.                 margin-bottom: 10px;
  1647.                 display: block; }
  1648.               .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul li span {
  1649.                 font-family: "maison_neuebook", Arial, sans-serif;
  1650.                 font-size: 16px; }
  1651.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul .container {
  1652.               display: block;
  1653.               position: relative;
  1654.               cursor: pointer;
  1655.               -webkit-user-select: none;
  1656.               -moz-user-select: none;
  1657.               -ms-user-select: none;
  1658.               user-select: none; }
  1659.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul .container input {
  1660.               position: absolute;
  1661.               opacity: 0;
  1662.               cursor: pointer; }
  1663.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul .checkmark {
  1664.               position: absolute;
  1665.               top: 5px;
  1666.               left: -40px;
  1667.               height: 17px;
  1668.               width: 17px;
  1669.               background-color: #eee;
  1670.               border-radius: 50%;
  1671.               border: 1px solid #0d1d41; }
  1672.             .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:last-child ul .container input:checked ~ .checkmark {
  1673.               background-color: #2196F3; }
  1674.         .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:nth-child(odd) {
  1675.           padding-right: 15px; }
  1676.         .prod-inner .hldr .mid-part .item-hldr article ul.main-list > li:nth-child(even) {
  1677.           padding-left: 15px; }
  1678.     .prod-inner .hldr .mid-part .item-hldr.decorate article h4 {
  1679.       color: #0d1d41; }
  1680.     .prod-inner .hldr .mid-part .item-hldr.decorate article ul.main-list > li:last-child ul .container input:checked ~ .checkmark {
  1681.       background-color: #0d1d41; }
  1682.     .prod-inner .hldr .mid-part .item-hldr.decorate .addcart a {
  1683.       background: #0d1d41; }
  1684.     .prod-inner .hldr .mid-part .item-hldr.dine article h4 {
  1685.       color: #921f4e; }
  1686.     .prod-inner .hldr .mid-part .item-hldr.dine article ul.main-list > li:last-child ul .container input:checked ~ .checkmark {
  1687.       background-color: #000000; }
  1688.     .prod-inner .hldr .mid-part .item-hldr.dine .addcart a {
  1689.       background: #921f4e; }
  1690.     .prod-inner .hldr .mid-part .item-hldr.drink article h4 {
  1691.       color: #00bc70; }
  1692.     .prod-inner .hldr .mid-part .item-hldr.drink article ul.main-list > li:last-child ul .container input:checked ~ .checkmark {
  1693.       background-color: #00bc70; }
  1694.     .prod-inner .hldr .mid-part .item-hldr.drink .addcart a {
  1695.       background: #00bc70; }
  1696.   .prod-inner .bread-crumbs li:last-child {
  1697.     padding-right: 0px; }
  1698.   .prod-inner .hldr .mid-part .item-hldr h4.mobile {display: none;}
  1699. .addcart a {
  1700.   display: inline-block;
  1701.   padding: 10px 20px;
  1702.   background: #000;
  1703.   font-family: "maison_neuebook", Arial, sans-serif;
  1704.   font-size: 16px;
  1705.   text-transform: uppercase;
  1706.   color: #fff; }
  1707.   .addcart a i {
  1708.     margin-right: 7px; }
  1709.  
  1710. .addcart.blue a {
  1711.   background: #0d1d41; }
  1712.  
  1713. .you-like {
  1714.   background: #f2f2f2;
  1715.   padding: 70px 0px; }
  1716.   .you-like h3 {
  1717.     font-family: "futurastdmedium", Arial, sans-serif;
  1718.     text-transform: uppercase;
  1719.     font-size: 48px;
  1720.     letter-spacing: 5px;
  1721.     font-weight: 300;
  1722.     text-align: center; }
  1723.   .you-like .mlist {
  1724.     justify-content: space-between;
  1725.     margin-top: 50px; }
  1726.     .you-like .mlist > li {
  1727.       width: 24%;
  1728.       text-align: center;
  1729.       margin-bottom: 60px;
  1730.       position: relative; }
  1731.       .you-like .mlist > li aside {
  1732.         cursor: pointer;
  1733.         margin-bottom: 30px;
  1734.         background: #fff; }
  1735.         .you-like .mlist > li aside img {
  1736.           width: 100%;
  1737.           height: 350px; }
  1738.         .you-like .mlist > li aside img:first-of-type {
  1739.           object-fit: contain; }
  1740.         .you-like .mlist > li aside img:nth-of-type(2) {
  1741.           opacity: 0;
  1742.           position: absolute;
  1743.           top: 0;
  1744.           left: 0;
  1745.           object-fit: cover;
  1746.           transition: 0.5s; }
  1747.         .you-like .mlist > li aside .rm-hldr {
  1748.           position: absolute;
  1749.           left: 0;
  1750.           text-align: center;
  1751.           width: 100%;
  1752.           top: 50%;
  1753.           transform: translate(0, -50%);
  1754.           opacity: 0;
  1755.           transition: 0.5s;
  1756.           transition-delay: .1s; }
  1757.           .you-like .mlist > li aside .rm-hldr a {
  1758.             padding: 15px 50px;
  1759.             background: #0d1d41;
  1760.             display: inline-block;
  1761.             color: #fff;
  1762.             font-family: "maison_neuebold", Arial, sans-serif;
  1763.             font-size: 16px;
  1764.             text-transform: uppercase; }
  1765.       .you-like .mlist > li aside:hover img:nth-of-type(2) {
  1766.         opacity: 1;
  1767.         transition: 0.5s; }
  1768.       .you-like .mlist > li aside:hover .rm-hldr {
  1769.         opacity: 1; }
  1770.       .you-like .mlist > li .tags {
  1771.         height: 58px;
  1772.         width: 58px;
  1773.         top: 20px;
  1774.         right: 20px;
  1775.         position: absolute; }
  1776.         .you-like .mlist > li .tags img {
  1777.           width: auto; }
  1778.       .you-like .mlist > li h5 {
  1779.         font-family: "maison_neuebold", Arial, sans-serif;
  1780.         font-size: 16px;
  1781.         text-transform: uppercase;
  1782.         color: #000; }
  1783.       .you-like .mlist > li p {
  1784.         font-family: "maison_neuebold", Arial, sans-serif;
  1785.         font-size: 16px;
  1786.         text-transform: uppercase;
  1787.         color: #000;
  1788.         color: #00bc70; }
  1789.  
  1790. nav {
  1791.   max-width: 450px;
  1792.   margin: 0 auto;
  1793.   overflow: hidden; }
  1794.   nav .nav-hldr .first-list.not-active {
  1795.     animation: navleft .8s ease-in-out forwards; }
  1796.   nav .nav-hldr .first-list.active {
  1797.     animation: navright .8s ease-in-out forwards; }
  1798.   nav .nav-hldr .top {
  1799.     padding: 16px 25px;
  1800.     border-bottom: 1px solid #bbbbbb; }
  1801.     nav .nav-hldr .top h5 {
  1802.       font-family: "maison_neuebold", Arial, sans-serif;
  1803.       font-size: 18px;
  1804.       text-transform: uppercase;
  1805.       color: #999999; }
  1806.       nav .nav-hldr .top h5 a {
  1807.         text-decoration: none;
  1808.         color: #999;
  1809.         display: inline-block;
  1810.         padding-right: 15px; }
  1811.   nav .nav-hldr ul li {
  1812.     padding: 16px 25px;
  1813.     border-bottom: 1px solid #bbbbbb; }
  1814.     nav .nav-hldr ul li a {
  1815.       font-family: "maison_neuebold", Arial, sans-serif;
  1816.       font-size: 18px;
  1817.       text-transform: uppercase;
  1818.       color: #999;
  1819.       font-weight: 300; }
  1820.   nav .nav-hldr ul li:hover {
  1821.     background: #f2f2f2; }
  1822.   nav .category {
  1823.     position: absolute;
  1824.     top: 0;
  1825.     width: 100%;
  1826.     height: 100%;
  1827.     left: 0;
  1828.     transform: translate(100%, 0); }
  1829.   nav .drawer2.active {
  1830.     animation: move2ndlist .8s ease-in-out forwards; }
  1831.   nav .drawer2.not-active {
  1832.     animation: balik .8s ease-in-out forwards; }
  1833.  
  1834.  
  1835. nav.main .searchbox {width: 100%; float: left; background: #0d1d41; height: 72px; position: absolute; top: 0; right: 0; padding: 15px;
  1836.   display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-wrap: wrap;
  1837.   justify-content: center; align-items: center; -webkit-justify-content: center; -webkit-align-items: center;
  1838. }
  1839.  
  1840. nav.main .searchbox input[type="text"] {width: 100%; float: left; height: 40px; background: #9ecfca; color: #0d1d41; z-index: 999; position: relative; padding: 8px 30px; border: 0;}
  1841. nav.main .searchbox input[type="submit"] {position: absolute;right: 15px; top: 15px; float: right; z-index: 1000; height: 40px; border: solid 1px white; color: white; font: 16px/22px 'maison_neuebook', Arial, sans-serif; padding: 10px 20px; background: #0d1d41;  }
  1842. /* ==========================  END OF PETER  =============================== */
  1843. /* Input Number - Custom Style */
  1844. .quantity {
  1845.   position: relative; }
  1846.  
  1847. input[type=number]::-webkit-inner-spin-button,
  1848. input[type=number]::-webkit-outer-spin-button {
  1849.   -webkit-appearance: none;
  1850.   margin: 0; }
  1851.  
  1852. input[type=number] {
  1853.   -moz-appearance: textfield; }
  1854.  
  1855. .quantity input {
  1856.   width: 40px;
  1857.   height: 25px;
  1858.   line-height: 1.65;
  1859.   float: left;
  1860.   display: block;
  1861.   padding: 0;
  1862.   margin: 0;
  1863.   border: 1px solid #9ecfca;
  1864.   background: #9ecfca;
  1865.   font: 14px/24px "maison_neuebook", Arial, sans-serif;
  1866.   color: #0d1d41;
  1867.   text-align: center;
  1868.   left: 25px;
  1869.   position: absolute; }
  1870.  
  1871. .quantity input:focus {
  1872.   outline: 0; }
  1873.  
  1874. .quantity-nav {
  1875.   float: left;
  1876.   position: relative;
  1877.   height: 25px; }
  1878.  
  1879. .quantity-button {
  1880.   position: relative;
  1881.   cursor: pointer;
  1882.   border-left: 1px solid #eee;
  1883.   width: 20px;
  1884.   text-align: center;
  1885.   color: #333;
  1886.   font-size: 13px;
  1887.   font-family: "maison_neuebook", Arial, sans-serif !important;
  1888.   line-height: 1.7;
  1889.   -webkit-transform: translateX(-100%);
  1890.   transform: translateX(-100%);
  1891.   -webkit-user-select: none;
  1892.   -moz-user-select: none;
  1893.   -ms-user-select: none;
  1894.   -o-user-select: none;
  1895.   user-select: none; }
  1896.  
  1897. .quantity-button.quantity-up {
  1898.   position: absolute;
  1899.   height: 25px;
  1900.   width: 25px;
  1901.   font: 14px/24px "maison_neuebook", Arial, sans-serif;
  1902.   color: #9ecfca;
  1903.   top: 0;
  1904.   left: 90px;
  1905.   border: 1px solid #9ecfca; }
  1906.  
  1907. .quantity-button.quantity-down {
  1908.   position: absolute;
  1909.   height: 25px;
  1910.   width: 25px;
  1911.   font: 14px/24px "maison_neuebook", Arial, sans-serif;
  1912.   color: #9ecfca;
  1913.   top: 0;
  1914.   left: 25px;
  1915.   border: 1px solid #9ecfca; }
  1916.  
  1917. /* Responsive Google Map/Youtube Video */
  1918. .googleMaps {
  1919.   position: relative;
  1920.   padding-bottom: 75%;
  1921.   height: 0;
  1922.   overflow: hidden; }
  1923.  
  1924. .googleMaps iframe {
  1925.   position: absolute;
  1926.   top: 0;
  1927.   left: 0;
  1928.   width: 100% !important;
  1929.   height: 100% !important; }
  1930.  
  1931. .map-responsive {
  1932.   overflow: hidden;
  1933.   padding-bottom: 105%;
  1934.   position: relative;
  1935.   height: 0; }
  1936.  
  1937. .map-responsive iframe {
  1938.   left: 0;
  1939.   top: 0;
  1940.   height: 100%;
  1941.   width: 100%;
  1942.   position: absolute; }
  1943.  
  1944. .video-container {
  1945.   position: relative;
  1946.   padding-bottom: 56.25%;
  1947.   height: 0;
  1948.   overflow: hidden;
  1949.   margin-bottom: 20px; }
  1950.  
  1951. .video-container iframe,
  1952. .video-container object,
  1953. .video-container embed {
  1954.   position: absolute;
  1955.   top: 0;
  1956.   left: 0;
  1957.   width: 100%;
  1958.   height: 100%; }
  1959.  
  1960. /* Animation */
  1961. /* IE Edge only CSS*/
  1962. /* IE 10+ only CSS*/
  1963. /* Select Options */
  1964. .select {
  1965.   border-bottom: solid 1px rgba(0, 0, 0, 0.4); }
  1966.   .select .cat {
  1967.     font: 14px/36px "maison_neuebook", Arial, sans-serif;
  1968.     padding: 10px 0;
  1969.     height: 50px;
  1970.     text-align: left; }
  1971.  
  1972. .options {
  1973.   border: solid 1px #0d1d41;
  1974.   display: none;
  1975.   position: absolute;
  1976.   top: 65px;
  1977.   left: 0; }
  1978.   .options li {
  1979.     position: relative;
  1980.     border-bottom: solid 1px #0d1d41; }
  1981.     .options li input[type="checkbox"] {
  1982.       height: 100%;
  1983.       opacity: 0;
  1984.       position: absolute;
  1985.       top: 0;
  1986.       left: 0;
  1987.       z-index: 10; }
  1988.     .options li input[type="checkbox"]:checked + label {
  1989.       background: #0d1d41;
  1990.       color: #fff; }
  1991.     .options li label {
  1992.       background: #9ecfca;
  1993.       height: 50px;
  1994.       position: relative;
  1995.       padding: 10px;
  1996.       font: 14px/24px "maison_neuebook", Arial, sans-serif;
  1997.       z-index: 1; }
  1998.   .options li:first-child {
  1999.     border: 0;
  2000.     height: 50px; }
  2001.     .options li:first-child input[type="checkbox"] {
  2002.       font-size: 10px !important;
  2003.       width: 100% !important;
  2004.       float: right !important;
  2005.       position: absolute;
  2006.       right: 0;
  2007.       z-index: 10; }
  2008.     .options li:first-child label {
  2009.       width: 100%;
  2010.       float: right !important;
  2011.       position: absolute;
  2012.       right: 0;
  2013.       z-index: 1;
  2014.       text-align: right;
  2015.       background: #fff; }
  2016.   .options li:last-child {
  2017.     border: 0; }
  2018.  
  2019.  
  2020.  
  2021.  
  2022.  
  2023.  
  2024.  
  2025.  
  2026.  
  2027.     /*peter*/
  2028.  
  2029.     .maincontent .pagewrapper3 .contact ul.contact-form li input[type="tel"] { width: 100%;}
  2030.     .login-container .vidro-login ul form li:nth-child(2), .login-container .vidro-login ul form li:nth-child(3) { margin-bottom: 20px; }
  2031.     .shopify-challenge__container { padding: 176px 0px; }
  2032.     .shopify-challenge__message { font: 18px/28px "maison_neuebold", Arial, sans-serif}
  2033.     .shopify-challenge__container .shopify-challenge__button {     display: block; margin: 0 auto; color: #fff; background: #0d1d41; padding: 15px 60px; font: 20px/20px "maison_neuebold", Arial, sans-serif; text-transform: uppercase; margin-top: 60px; cursor: pointer; }
  2034.  
  2035.     .login-container .vidro-login ul li input[type="text"], .login-container .vidro-login ul li select {
  2036.           border: solid 2px #0d1d41;
  2037.           height: 50px;
  2038.           padding: 13px 13px 10px;
  2039.           font: 16px/36px "maison_neuebook", Arial, sans-serif;
  2040.           color: #0d1d41;
  2041.           background: #9ecfca;
  2042.           width: 100%;
  2043.     }
  2044.  
  2045.     .login-container .vidro-login ul li label  {
  2046.           font: 16px/24px "maison_neuebook", Arial, sans-serif;
  2047.           margin-top: 20px;
  2048.           display: block;
  2049.     }
  2050.  
  2051.     .login-container .vidro-login ul li select {     padding: 0px 15px;
  2052.           background: url(custom-select.png);
  2053.           background-repeat: no-repeat;
  2054.           background-position: right 12px center;
  2055.           padding-right: 35px;
  2056.     }
  2057.  
  2058.     .login-container .vidro-login.register--login ul li:nth-child(4),
  2059.     .login-container .vidro-login.register--login ul li:nth-child(5) {
  2060.       margin-bottom: 20px;
  2061.     }
  2062.  
  2063.     .login-container .vidro-login.register--login ul li:nth-child(8) {
  2064.       margin-bottom: 0px;
  2065.     }
  2066.  
  2067.     .login-container .vidro-login.register--login ul li input[type="text"]::placeholder, .login-container .vidro-login.register--login ul li input[type="email"]::placeholder {
  2068.       color: #0d1d41;
  2069.     }
  2070.  
  2071.     .prod-inner .hldr .mid-part .item-hldr .addcart button {
  2072.       display: inline-block;
  2073.       padding: 10px 20px;
  2074.       background: #000;
  2075.       font-family: "futurastdmedium", Arial, sans-serif;
  2076.       font-size: 16px;
  2077.       text-transform: uppercase;
  2078.       color: #fff;
  2079.     }
  2080.  
  2081.     .prod-inner .hldr .mid-part .item-hldr .addcart button i {
  2082.       margin-right: 15px;
  2083.     }
  2084.  
  2085.     .prod-inner .hldr .mid-part .item-hldr.dine .addcart button {
  2086.       background: #921f4e;
  2087.     }
  2088.  
  2089.     .prod-inner .hldr .mid-part .item-hldr.decorate .addcart button {
  2090.       background: #0d1d41;
  2091.     }
  2092.  
  2093.     .prod-inner .hldr .mid-part .item-hldr.drink .addcart button {
  2094.       background: #00bc70;
  2095.     }
  2096.  
  2097.    
  2098. .cart section { padding: 112px 0px 40px; float: none; width: 100%;}
  2099. .cart section .hldr h3{ font: 50px/60px "futurastdmedium", Arial, sans-serif; color: #000; text-transform: uppercase; margin-bottom: 35px; text-align: center;}
  2100. .cart section .hldr ul li .item { display: -webkit-box;   display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   justify-content: flex-start; flex-wrap: wrap; }
  2101. .cart section .hldr ul li .item aside { width: 200px;}
  2102. .cart section .hldr ul li .item aside img { height: 100%; object-fit: contain;}
  2103. .cart section .hldr ul li .item .quan { width: 200px; display: -webkit-box;   display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   justify-content: center; flex-wrap: wrap;  align-items: center; padding: 0px 20px; border-right: 1px solid #d5d5d5;
  2104.     border-left: 1px solid #d5d5d5;
  2105. }
  2106.  
  2107. .cart section .hldr ul li .item .total { width: 200px; display: -webkit-box;   display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   justify-content: center; flex-wrap: wrap; align-items: center; border-right: 1px solid #d5d5d5;
  2108. }
  2109. .cart section .hldr .cart-head .item { display: -webkit-box;   display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   justify-content: flex-start; flex-wrap: wrap; }
  2110. .cart section .hldr .cart-head {  border-bottom: 1px solid #d5d5d5; }
  2111. .cart section .hldr .cart-head aside{ width: 200px; }
  2112. .cart section .hldr .cart-head .quan { width: 200px; padding: 0px 20px; text-align: center; padding-bottom: 15px; }
  2113. .cart section .hldr .cart-head .quan h5 { font: 20px/28px "maison_neuebold", Arial, sans-serif; font-weight: bold; text-align: center; }
  2114. .cart section .hldr .cart-head .total h5 { font: 20px/28px "maison_neuebold", Arial, sans-serif; font-weight: bold; text-align: center; }
  2115. .cart section .hldr .cart-head .total { width: 200px; }
  2116. .cart section .hldr .cart-head article { width: calc(100% - 600px); padding: 0px 25px; }
  2117. .cart section .hldr ul li .item .total h5 { font-family: "maison_neuebold", Arial, sans-serif; font-size: 18px; color: #000; }
  2118. .cart section .hldr ul li .item article { width: calc(100% - 600px); padding: 0px 25px; padding-bottom: 15px; padding-top: 15px; }
  2119. .cart section .hldr ul li .item article h4 { font: 30px/40px "futurastdmedium", Arial, sans-serif; color: #000; margin-bottom: 5px; }
  2120. .cart section .hldr ul li .item article p { font: 16px/24px "maison_neuebook", Arial, sans-serif; color: #000; margin-bottom: 10px;}
  2121. .cart section .hldr ul li .item article .remove a { display: inline-block; padding: 5px 30px; border-radius: 25px; border: 2px solid #000;  font: 16px/24px "maison_neuebook", Arial, sans-serif; color: #000;  }
  2122. .cart section .hldr ul li .item article .remove { margin-top: 25px; }
  2123. .cart section .hldr ul li .item article .remove a i { margin-right: 5px; }
  2124. .cart section .hldr ul li .item .quan .icn-hldr { position: relative; height: 43px; max-width: 260px; width: 100%; }
  2125. .cart section .hldr ul li .item .quan .icn-hldr input[type="text"] { height: 43px; width: 100%; border: 1px solid #000; text-align: center; padding: 0px 45px; font-size: 16px; font-family: "maison_neuebook", Arial, sans-serif; }
  2126. .cart section .hldr ul li .item .quan .icn-hldr button { width: 40px; height: 41px; position: absolute; background: #0d1d41; top: 1px; color: #fff; font-weight: bold; font-size: 20px;  }
  2127. .cart section .hldr ul li .item .quan .icn-hldr button:first-of-type { left: 1px; top: 1px; }
  2128. .cart section .hldr ul li .item .quan .icn-hldr button:last-of-type { right: 1px; top: 1px; }
  2129. .cart section .hldr > ul li {  border-bottom: 1px solid #d5d5d5;}
  2130. .cart section .hldr > ul li:last-child { margin-bottom: 00px; }
  2131.  
  2132. .cart section .hldr .btm-totals { display: -webkit-box;   display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   justify-content: flex-end; flex-wrap: wrap; }
  2133. .cart section .hldr .btm-totals ul { max-width: 400px; width: 100%; padding-top: 30px; }
  2134. .cart section .hldr .btm-totals ul li .tparent { display: -webkit-box;   display: -moz-box;  display: -ms-flexbox;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   justify-content: flex-start; flex-wrap: wrap; }
  2135.  
  2136. .cart section .hldr .btm-totals ul li .tparent > div { width: 50%; text-align: center;}
  2137. .cart section .hldr .btm-totals ul li .tparent > div h5 { font-family: "maison_neuebold", Arial, sans-serif; font-size: 20px; text-transform: uppercase; color: #000; font-weight: bold; }
  2138. .cart section .hldr .btm-totals ul li .tparent > div.hlf1 { text-align: left; padding: 0px 20px; }
  2139. .cart section .hldr .btm-totals ul li { margin-bottom: 10px;}
  2140. .cart section .hldr .btm-totals ul li:last-child { margin-bottom: 0px; margin-top: 30px; }
  2141. .cart section .hldr .btm-totals ul li p { font: 14px/24px "maison_neuebook", Arial, sans-serif; padding: 0px 20px; }
  2142. .cart section .hldr .btm-totals ul li > div a { display: block;
  2143.     text-align: center;
  2144.     padding: 10px 15px;
  2145.     color: #fff;
  2146.     text-transform: uppercase;
  2147.     font-size: 16px;
  2148.     font-family: "maison_neuebook", Arial, sans-serif; }
  2149.  
  2150. .cart section .hldr .btm-totals ul li .hlf1 a{
  2151.   background: #0d1d41;
  2152. }
  2153.  
  2154. .cart section .hldr .btm-totals ul li .hlf2 a{
  2155.   background: #921f4e;
  2156. }
  2157. .cart section .hldr .btm-totals ul li .btns-parent > div:nth-of-type(2) { padding: 0px 20px;}
  2158. .mbile-label { display: none; }
  2159. .mbile-label { font: 18px/28px "maison_neuebold", Arial, sans-serif; }
  2160.  
  2161. /* jc */
  2162. .slick-next, .slick-prev { width: 20px!important; background-repeat: no-repeat; background-size: contain;}
  2163. .inside-product-banner { height: 340px; }
  2164. .inside-product-banner img { height: 100%; object-fit: cover; }
  2165. .featured-carousel .featured li article div strong { display: inline-block; padding-left: 9px; transform: scale(1.5, 2.1); }
  2166. .gf-sort-wrap { margin-top: 20px; }
  2167.  
  2168. /*NATH*/
  2169. .main-product .hldr .prod{max-width: initial!important; margin: 0!important; width: 100%!important;}
  2170. .globo-selected-items .selected-item {
  2171.     width: auto !important;
  2172. }.main-product .hldr .mid .main-list > li:nth-of-type(2) {
  2173.   position: absolute !important; right: 0; top: -260px;
  2174. }
  2175. .main-product .hldr .filter-area {padding-right: 0;}
  2176. .globo-selected-items-wrapper {position: absolute; left: 0;}
  2177. .gf-top_one .globo-selected-items-wrapper .selected-item > a.clear-refinements{margin-right: 20px;background-color: #00bc70!important; color:white; font-family: "maison_neuebook", Arial, sans-serif;}
  2178. .gf-top_one .globo-selected-items-wrapper .selected-item > a:before{color:white}
  2179. .gf-top_one .globo-selected-items-wrapper .selected-item > a{margin-right: 20px; border: 2px solid #00bc70!important; padding: 7px 36px 8px 20px!important; color: #666; font-family:"maison_neuebook", Arial, sans-serif;}
  2180. .gf-top_one .globo-selected-items-wrapper .selected-item > a .gf-clear::before{color:white;right:10px!important;}
  2181. .gf-top_one .globo-selected-items-wrapper .selected-item > a .gf-clear::after{color:white;right:10px!important;}
  2182. .selected-item span.gf-clear:before {background:#666}
  2183. .selected-item span.gf-clear:after {background:#666}
  2184. .gf-top_one .globo-selected-items-wrapper .selected-item > a.clear-refinements {margin-right: 20px;background-color: #00bc70!important;color:white !important;padding:0 !important}
  2185.  
  2186.  
  2187. @keyframes fade-in {
  2188.   from {
  2189.     opacity: 0; }
  2190.   to {
  2191.     opacity: 1; } }
  2192. @keyframes slide-down {
  2193.   from {
  2194.     opacity: 0;
  2195.     transform: translate(0, -40px); }
  2196.   to {
  2197.     opacity: 1;
  2198.     transform: translate(0, 0); } }
  2199. @keyframes slide-up {
  2200.   from {
  2201.     opacity: 0;
  2202.     transform: translate(0, 40px); }
  2203.   to {
  2204.     opacity: 1;
  2205.     transform: translate(0, 0); } }
  2206. @keyframes slide-right {
  2207.   from {
  2208.     opacity: 0;
  2209.     transform: translate(-40px, 0); }
  2210.   to {
  2211.     opacity: 1;
  2212.     transform: translate(0, 0); } }
  2213. @keyframes navleft {
  2214.   from {
  2215.     transform: translate(0, 0);
  2216.     opacity: 1; }
  2217.   to {
  2218.     transform: translate(-100%, 0);
  2219.     opacity: 0; } }
  2220. @keyframes navright {
  2221.   from {
  2222.     transform: translate(-100%, 0);
  2223.     opacity: 0; }
  2224.   to {
  2225.     transform: translate(0, 0);
  2226.     opacity: 1; } }
  2227. @keyframes move2ndlist {
  2228.   from {
  2229.     transform: translate(100%, 0);
  2230.     opacity: 0; }
  2231.   to {
  2232.     transform: translate(0, 0);
  2233.     opacity: 1; } }
  2234. @keyframes balik {
  2235.   from {
  2236.     transform: translate(0, 0);
  2237.     opacity: 1; }
  2238.   to {
  2239.     transform: translate(100%, 0);
  2240.     opacity: 0; } }
  2241.  
  2242. /*# sourceMappingURL=styles.css.map */
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top