Facebook
From Sloppy Guinea Pig, 5 Years ago, written in CSS.
Embed
Download Paste or View Raw
Hits: 464
  1. html,
  2. body {
  3.     overflow-x: hidden;
  4. }
  5.  
  6. .action.compare.no-display {
  7.     display: none !important;
  8. }
  9.  
  10. body>p {
  11.     display: none;
  12. }
  13.  
  14. .toolbar .modes>a {
  15.     text-decoration: none;
  16. }
  17.  
  18. .toolbar-amount {
  19.     display: none;
  20. }
  21.  
  22. .clearer {
  23.     clear: both;
  24. }
  25.  
  26. @media (min-width: 1200px) {
  27.     .col-xl-2-4 {
  28.         width: 20%;
  29.     }
  30.     .col-xl-9-6 {
  31.         width: 80%;
  32.     }
  33. }
  34.  
  35. @media (max-width: 1199px) {
  36.     .container {
  37.         width: 100%;
  38.     }
  39. }
  40.  
  41. @media (min-width: 768px) {
  42.     .layout-1280 .navigation,
  43.     .layout-1280 .page-wrapper>.breadcrumbs .items,
  44.     .layout-1280 .page-header .header.panel,
  45.     .layout-1280 .header.content,
  46.     .layout-1280 .footer.content,
  47.     .layout-1280 .page-wrapper>.widget,
  48.     .layout-1280 .page-wrapper>.page-bottom,
  49.     .layout-1280 .block.category.event,
  50.     .layout-1280 .top-container,
  51.     .layout-1280 .page-main {
  52.         max-width: 1280px;
  53.     }
  54.     .layout-1280 .container {
  55.         max-width: 1280px;
  56.         width: 100%;
  57.     }
  58.     .sw-megamenu.side-megamenu.navigation li.level0.fl-right {
  59.         float: none;
  60.     }
  61. }
  62.  
  63. .swatch-input {
  64.     position: absolute;
  65.     top: -999em;
  66.     visibility: hidden;
  67.     opacity: 0;
  68. }
  69.  
  70. .btn-default {
  71.     color: #fff;
  72.     font-weight: 400;
  73.     background-image: none;
  74.     background-color: #08c;
  75.     text-shadow: none;
  76.     border: 0;
  77.     opacity: 1;
  78.     filter: alpha(opacity=100);
  79. }
  80.  
  81. .navigation,
  82. .page-wrapper>.breadcrumbs,
  83. .page-header .header.panel,
  84. .header.content,
  85. .footer.content,
  86. .page-wrapper>.widget,
  87. .page-wrapper>.page-bottom,
  88. .block.category.event,
  89. .top-container,
  90. .page-main {
  91.     width: 100%;
  92. }
  93.  
  94. @media (min-width: 768px) {
  95.     .navigation,
  96.     .page-wrapper>.breadcrumbs,
  97.     .page-header .header.panel,
  98.     .header.content,
  99.     .footer.content,
  100.     .page-wrapper>.widget,
  101.     .page-wrapper>.page-bottom,
  102.     .block.category.event,
  103.     .top-container,
  104.     .page-main {
  105.         max-width: 720px;
  106.     }
  107. }
  108.  
  109. @media (min-width: 992px) {
  110.     .navigation,
  111.     .page-wrapper>.breadcrumbs,
  112.     .page-header .header.panel,
  113.     .header.content,
  114.     .footer.content,
  115.     .page-wrapper>.widget,
  116.     .page-wrapper>.page-bottom,
  117.     .block.category.event,
  118.     .top-container,
  119.     .page-main {
  120.         max-width: 960px;
  121.     }
  122. }
  123.  
  124. @media (min-width: 1200px) {
  125.     .navigation,
  126.     .page-wrapper>.breadcrumbs,
  127.     .page-header .header.panel,
  128.     .header.content,
  129.     .footer.content,
  130.     .page-wrapper>.widget,
  131.     .page-wrapper>.page-bottom,
  132.     .block.category.event,
  133.     .top-container,
  134.     .page-main {
  135.         max-width: 1140px;
  136.     }
  137. }
  138.  
  139. .prev-next-products {
  140.     float: right;
  141. }
  142.  
  143. .prev-next-products .product-nav em:before {
  144.     margin: 0;
  145. }
  146.  
  147. .prev-next-products .product-nav.product-next .product-pop:before {
  148.     right: 21px;
  149. }
  150.  
  151. .prev-next-products .product-nav.product-prev .product-pop:before {
  152.     left: 27px;
  153. }
  154.  
  155. .homepage-bar {
  156.     border-top: 1px solid #e1e1e1;
  157.     border-bottom: 1px solid #e1e1e1;
  158.     background-color: #fbfbfb;
  159. }
  160.  
  161. .homepage-bar .col-lg-4 {
  162.     border-left: 1px solid #e1e1e1;
  163.     padding-top: 14px;
  164.     padding-bottom: 14px;
  165. }
  166.  
  167. .homepage-bar .col-lg-4:first-child {
  168.     border-left: 0;
  169. }
  170.  
  171. .homepage-bar [class*=" porto-icon-"],
  172. .homepage-bar [class^="porto-icon-"] {
  173.     font-size: 34px;
  174.     color: #000;
  175.     display: inline-block;
  176.     vertical-align: middle;
  177. }
  178.  
  179. .homepage-bar .text-area {
  180.     display: inline-block;
  181.     vertical-align: middle;
  182.     text-align: left;
  183.     margin-left: 5px;
  184. }
  185.  
  186. .homepage-bar h3 {
  187.     color: #313131;
  188.     font-size: 16px;
  189.     font-weight: 600;
  190.     margin: 0;
  191.     line-height: 1.5;
  192. }
  193.  
  194. .homepage-bar p {
  195.     font-size: 12px;
  196.     margin: 0;
  197.     line-height: 1;
  198. }
  199.  
  200. .image-link {
  201.     display: block;
  202.     position: relative;
  203. }
  204.  
  205. .image-link:before {
  206.     content: "";
  207.     width: 100%;
  208.     height: 100%;
  209.     position: absolute;
  210.     left: 0;
  211.     top: 0;
  212.     background-color: #000;
  213.     opacity: 0;
  214.     visibility: hidden;
  215.     transition: all 0.2s;
  216. }
  217.  
  218. .image-link:hover:before {
  219.     opacity: 0.1;
  220.     visibility: visible;
  221. }
  222.  
  223. .image-link img {
  224.     width: 100%;
  225.     display: block;
  226. }
  227.  
  228. .border-radius .image-link:before {
  229.     border-radius: 8px;
  230. }
  231.  
  232. .custom-support {
  233.     text-align: left;
  234. }
  235.  
  236. .custom-support em[class*=icon-] {
  237.     float: left;
  238.     background-color: #e35d53;
  239.     color: #fff;
  240.     border-radius: 50%;
  241.     width: 62px;
  242.     height: 62px;
  243.     text-align: center;
  244.     line-height: 62px;
  245.     font-size: 20px;
  246. }
  247.  
  248. .custom-support div.content {
  249.     margin-left: 76px;
  250. }
  251.  
  252. .custom-support div.content>h2 {
  253.     color: #000;
  254.     margin: 0;
  255.     font-weight: 600;
  256.     font-size: 20px;
  257.     line-height: 1.5;
  258. }
  259.  
  260. .custom-support div.content>em {
  261.     color: #888;
  262.     font-weight: 300;
  263.     font-size: 11px;
  264.     font-style: normal;
  265.     line-height: 1;
  266.     margin-bottom: 15px;
  267.     display: block;
  268. }
  269.  
  270. .custom-support div.content>p {
  271.     color: #666;
  272.     font-size: 14px;
  273. }
  274.  
  275. .photo-instagrams .image-link {
  276.     position: relative;
  277. }
  278.  
  279. .photo-instagrams .image-link .content {
  280.     display: none;
  281.     position: absolute;
  282.     left: 0;
  283.     right: 0;
  284.     top: 0;
  285.     background-color: rgba(255, 0, 0, 0.5);
  286.     text-align: center;
  287.     height: 100%;
  288.     vertical-align: middle;
  289.     font-size: 35px;
  290.     color: #fff;
  291.     opacity: 0;
  292.     visibility: hidden;
  293.     transition: all 0.3s;
  294. }
  295.  
  296. .photo-instagrams .image-link:hover .content {
  297.     opacity: 1;
  298.     visibility: visible;
  299. }
  300.  
  301. .photo-instagrams .image-link .content i {
  302.     position: absolute;
  303.     top: calc(50% - 18px);
  304.     left: calc(50% - 24.5px);
  305.     display: inline-block;
  306.     vertical-align: middle;
  307. }
  308.  
  309. .parallax-wrapper {
  310.     position: relative;
  311. }
  312.  
  313. .parallax-wrapper .overlay {
  314.     background-color: #000;
  315.     opacity: 0.55;
  316.     filter: alpha(opacity=55);
  317.     width: 100%;
  318.     height: 100%;
  319.     display: block;
  320.     position: absolute;
  321. }
  322.  
  323. .parallax {
  324.     background-position: center center;
  325.     background-attachment: fixed;
  326.     background-repeat: no-repeat;
  327.     background-size: 100% auto;
  328.     width: 100%;
  329.     padding: 50px 0;
  330. }
  331.  
  332. .parallax-slider {
  333.     text-align: center;
  334. }
  335.  
  336. .parallax-slider .owl-carousel h2 {
  337.     font-size: 60.28px;
  338.     color: #fff;
  339.     line-height: 1;
  340. }
  341.  
  342. .parallax-slider .owl-carousel p {
  343.     font-size: 22.6px;
  344.     color: #fff;
  345.     line-height: 1;
  346.     margin-bottom: 30px;
  347. }
  348.  
  349. .parallax-slider .owl-carousel a {
  350.     font-size: 16px;
  351.     color: #fff;
  352.     line-height: 1;
  353. }
  354.  
  355. .brands-slider .owl-carousel .owl-item img {
  356.     width: auto;
  357.     max-width: 100%;
  358. }
  359.  
  360. .customer-account-login .account-social-login,
  361. .customer-account-create .account-social-login {
  362.     display: none;
  363. }
  364.  
  365. .customer-account-login .block-customer-login .account-social-login,
  366. .customer-account-create .form-create-account .account-social-login {
  367.     display: block;
  368.     width: 100%;
  369.     position: relative;
  370.     margin: 50px 0;
  371. }
  372.  
  373. .customer-account-login .block-customer-login .account-social-login:before,
  374. .customer-account-create .form-create-account .account-social-login:before {
  375.     content: '';
  376.     position: absolute;
  377.     height: 1px;
  378.     background-color: #dfdfdf;
  379.     z-index: 3;
  380.     top: 0;
  381.     left: 25px;
  382.     right: 25px;
  383. }
  384.  
  385. .customer-account-login .block-customer-login .account-social-login:before {
  386.     left: 0;
  387.     right: 0;
  388. }
  389.  
  390. .customer-account-login .block-customer-login .account-social-login:after,
  391. .customer-account-create .form-create-account .account-social-login:after {
  392.     content: 'or';
  393.     position: absolute;
  394.     width: 45px;
  395.     height: 45px;
  396.     z-index: 4;
  397.     text-align: center;
  398.     border: #dfdfdf solid 1px;
  399.     border-radius: 100%;
  400.     line-height: 43px;
  401.     color: #777;
  402.     left: 0;
  403.     top: -22px;
  404.     right: 0;
  405.     margin: 0 auto;
  406.     background-color: #fff;
  407. }
  408.  
  409. .customer-account-login .account-social-login .block-content,
  410. .customer-account-create .account-social-login {
  411.     padding-top: 50px;
  412. }
  413.  
  414. .form.create.account .account-social-login .actions-toolbar {
  415.     padding: 0;
  416. }
  417.  
  418. @media only screen and (max-width: 767px) {
  419.     .nav-open .page-wrapper {
  420.         position: fixed;
  421.         z-index: 3;
  422.     }
  423. }
  424.  
  425. @media (max-width: 991px) {
  426.     .homepage-bar .col-lg-4 {
  427.         border: 0;
  428.         text-align: left !important;
  429.     }
  430.     .parallax {
  431.         background-position: center center !important;
  432.         background-attachment: initial;
  433.     }
  434. }
  435.  
  436. @media (max-width: 767px) {
  437.     .parallax-slider .owl-carousel h2 {
  438.         font-size: 40px;
  439.     }
  440.     .parallax-slider .owl-carousel p {
  441.         font-size: 13px;
  442.         margin-bottom: 15px;
  443.     }
  444.     .parallax-slider .owl-carousel a {
  445.         font-size: 13px;
  446.     }
  447. }
  448.  
  449.  
  450. /*=============== Demo 1 Homepage Slider ===============*/
  451.  
  452. .owl-banner-carousel .content.type1 h2 {
  453.     font-size: 60px
  454. }
  455.  
  456. .owl-banner-carousel .content.type1 p {
  457.     font-size: 25px
  458. }
  459.  
  460. .owl-banner-carousel .content.type1 a {
  461.     font-size: 16px
  462. }
  463.  
  464. @media (max-width:1199px) {
  465.     .owl-banner-carousel .content.type1 h2 {
  466.         font-size: 48px
  467.     }
  468.     .owl-banner-carousel .content.type1 p {
  469.         font-size: 20px
  470.     }
  471.     .owl-banner-carousel .content.type1 a {
  472.         font-size: 13px
  473.     }
  474. }
  475.  
  476. @media (max-width:991px) {
  477.     .owl-banner-carousel .content.type1 h2 {
  478.         font-size: 36px
  479.     }
  480.     .owl-banner-carousel .content.type1 p {
  481.         font-size: 15px
  482.     }
  483.     .owl-banner-carousel .content.type1 a {
  484.         font-size: 10px
  485.     }
  486. }
  487.  
  488. @media (max-width:767px) {
  489.     .owl-banner-carousel .content.type1 h2 {
  490.         font-size: 24px
  491.     }
  492.     .owl-banner-carousel .content.type1 p {
  493.         display: none
  494.     }
  495.     .owl-banner-carousel .content.type1 a {
  496.         font-size: 8px
  497.     }
  498. }
  499.  
  500.  
  501. /*=============== Demo 3 Homepage Slider ===============*/
  502.  
  503. #banner-slider-demo-3 .slide1-content em {
  504.     font-size: 26.26px;
  505.     margin: 0 10px
  506. }
  507.  
  508. #banner-slider-demo-3 .slide1-content h2 {
  509.     font-size: 79.12px;
  510.     margin: 5px 0 10px
  511. }
  512.  
  513. #banner-slider-demo-3 .slide1-content p {
  514.     font-size: 23.64px
  515. }
  516.  
  517. #banner-slider-demo-3 .slide2-content em {
  518.     font-size: 26.26px;
  519.     margin-left: 8px
  520. }
  521.  
  522. #banner-slider-demo-3 .slide2-content h2 {
  523.     font-size: 82.51px;
  524.     margin: 3px 0 10px
  525. }
  526.  
  527. #banner-slider-demo-3 .slide2-content p {
  528.     font-size: 18px;
  529.     margin-left: 8px;
  530.     margin-bottom: 30px
  531. }
  532.  
  533. #banner-slider-demo-3 .slide2-content p span.split {
  534.     margin: 0 13px 0 14px;
  535.     border: 0;
  536. }
  537.  
  538. #banner-slider-demo-3 .slide2-content a.btn-default {
  539.     font-size: 14px;
  540.     width: 135px;
  541.     height: 40px;
  542.     line-height: 40px;
  543.     padding: 0;
  544.     margin-right: 3px
  545. }
  546.  
  547. #banner-slider-demo-3 .slide3-content em {
  548.     font-size: 26.26px
  549. }
  550.  
  551. #banner-slider-demo-3 .slide3-content h2 {
  552.     font-size: 82.51px;
  553.     margin-bottom: 17px;
  554. }
  555.  
  556. #banner-slider-demo-3 .slide3-content a.btn-default {
  557.     font-size: 14px;
  558.     width: 135px;
  559.     height: 40px;
  560.     line-height: 40px;
  561.     padding: 0;
  562.     margin-right: 3px
  563. }
  564.  
  565. @media (max-width:991px) {
  566.     #banner-slider-demo-3 .slide1-content img.quote {
  567.         width: 30px
  568.     }
  569.     #banner-slider-demo-3 .slide1-content em {
  570.         font-size: 20px;
  571.         margin: 0 8px
  572.     }
  573.     #banner-slider-demo-3 .slide1-content h2 {
  574.         font-size: 60px;
  575.         margin: 4px 0 8px
  576.     }
  577.     #banner-slider-demo-3 .slide1-content p {
  578.         font-size: 18px
  579.     }
  580.     #banner-slider-demo-3 .slide2-content em {
  581.         font-size: 20px;
  582.         margin-left: 7px
  583.     }
  584.     #banner-slider-demo-3 .slide2-content h2 {
  585.         font-size: 65px;
  586.         margin: 2px 0 8px
  587.     }
  588.     #banner-slider-demo-3 .slide2-content p {
  589.         font-size: 15px;
  590.         margin-left: 7px;
  591.         margin-bottom: 25px
  592.     }
  593.     #banner-slider-demo-3 .slide2-content p span.split {
  594.         margin: 0 8px 0 9px
  595.     }
  596.     #banner-slider-demo-3 .slide2-content a.btn-default {
  597.         font-size: 12px;
  598.         width: 120px;
  599.         height: 35px;
  600.         line-height: 35px;
  601.         padding: 0;
  602.         margin-right: 1px
  603.     }
  604.     #banner-slider-demo-3 .slide3-content em {
  605.         font-size: 20px
  606.     }
  607.     #banner-slider-demo-3 .slide3-content h2 {
  608.         font-size: 65px;
  609.         margin-bottom: 13px
  610.     }
  611.     #banner-slider-demo-3 .slide3-content a.btn-default {
  612.         font-size: 12px;
  613.         width: 120px;
  614.         height: 35px;
  615.         line-height: 35px;
  616.         padding: 0;
  617.         margin-right: 1px
  618.     }
  619. }
  620.  
  621. @media (max-width:640px) {
  622.     #banner-slider-demo-3 .slide1-content img.quote {
  623.         width: 15px
  624.     }
  625.     #banner-slider-demo-3 .slide1-content em {
  626.         font-size: 14px;
  627.         margin: 0 3px
  628.     }
  629.     #banner-slider-demo-3 .slide1-content h2 {
  630.         font-size: 38px;
  631.         margin: 1px 0 5px
  632.     }
  633.     #banner-slider-demo-3 .slide1-content p {
  634.         font-size: 14px
  635.     }
  636.     #banner-slider-demo-3 .slide2-content em {
  637.         font-size: 14px;
  638.         margin-left: 3px
  639.     }
  640.     #banner-slider-demo-3 .slide2-content h2 {
  641.         font-size: 39px;
  642.         margin: 0 0 5px
  643.     }
  644.     #banner-slider-demo-3 .slide2-content p {
  645.         font-size: 8px;
  646.         margin-left: 4px;
  647.         margin-bottom: 15px
  648.     }
  649.     #banner-slider-demo-3 .slide2-content p span.split {
  650.         margin: 0 7px 0 8px
  651.     }
  652.     #banner-slider-demo-3 .slide2-content a.btn-default {
  653.         font-size: 8px;
  654.         width: 80px;
  655.         height: 25px;
  656.         line-height: 25px;
  657.         padding: 0;
  658.         margin-right: 1px
  659.     }
  660.     #banner-slider-demo-3 .slide3-content em {
  661.         font-size: 14px
  662.     }
  663.     #banner-slider-demo-3 .slide3-content h2 {
  664.         font-size: 38px;
  665.         margin-bottom: 8px
  666.     }
  667.     #banner-slider-demo-3 .slide3-content a.btn-default {
  668.         font-size: 8px;
  669.         width: 80px;
  670.         height: 25px;
  671.         line-height: 25px;
  672.         padding: 0;
  673.         margin-right: 1px
  674.     }
  675. }
  676.  
  677.  
  678. /*=============== Demo 8 Homepage Slider ===============*/
  679.  
  680. #banner-slider-demo-8 .slide1-content em {
  681.     font-size: 26.26px;
  682.     margin: 0 10px
  683. }
  684.  
  685. #banner-slider-demo-8 .slide1-content h2 {
  686.     font-size: 79.12px;
  687.     margin: 5px 0 10px
  688. }
  689.  
  690. #banner-slider-demo-8 .slide1-content p {
  691.     font-size: 23.64px
  692. }
  693.  
  694. #banner-slider-demo-8 .slide2-content em {
  695.     font-size: 26.26px;
  696.     margin-left: 8px
  697. }
  698.  
  699. #banner-slider-demo-8 .slide2-content h2 {
  700.     font-size: 82.51px;
  701.     margin: 3px 0 10px
  702. }
  703.  
  704. #banner-slider-demo-8 .slide2-content p {
  705.     font-size: 18px;
  706.     margin-left: 8px;
  707.     margin-bottom: 30px
  708. }
  709.  
  710. #banner-slider-demo-8 .slide2-content p span.split {
  711.     margin: 0 13px 0 14px;
  712.     border: 0;
  713. }
  714.  
  715. #banner-slider-demo-8 .slide2-content a.btn-default {
  716.     font-size: 14px;
  717.     width: 135px;
  718.     height: 40px;
  719.     line-height: 40px;
  720.     padding: 0;
  721.     margin-right: 3px
  722. }
  723.  
  724. #banner-slider-demo-8 .slide3-content em {
  725.     font-size: 26.26px
  726. }
  727.  
  728. #banner-slider-demo-8 .slide3-content h2 {
  729.     font-size: 82.51px;
  730.     margin-bottom: 17px;
  731. }
  732.  
  733. #banner-slider-demo-8 .slide3-content a.btn-default {
  734.     font-size: 14px;
  735.     width: 135px;
  736.     height: 40px;
  737.     line-height: 40px;
  738.     padding: 0;
  739.     margin-right: 3px
  740. }
  741.  
  742. @media (max-width:991px) {
  743.     #banner-slider-demo-8 .slide1-content img.quote {
  744.         width: 30px
  745.     }
  746.     #banner-slider-demo-8 .slide1-content em {
  747.         font-size: 20px;
  748.         margin: 0 8px
  749.     }
  750.     #banner-slider-demo-8 .slide1-content h2 {
  751.         font-size: 60px;
  752.         margin: 4px 0 8px
  753.     }
  754.     #banner-slider-demo-8 .slide1-content p {
  755.         font-size: 18px
  756.     }
  757.     #banner-slider-demo-8 .slide2-content em {
  758.         font-size: 20px;
  759.         margin-left: 7px
  760.     }
  761.     #banner-slider-demo-8 .slide2-content h2 {
  762.         font-size: 65px;
  763.         margin: 2px 0 8px
  764.     }
  765.     #banner-slider-demo-8 .slide2-content p {
  766.         font-size: 15px;
  767.         margin-left: 7px;
  768.         margin-bottom: 25px
  769.     }
  770.     #banner-slider-demo-8 .slide2-content p span.split {
  771.         margin: 0 8px 0 9px
  772.     }
  773.     #banner-slider-demo-8 .slide2-content a.btn-default {
  774.         font-size: 12px;
  775.         width: 120px;
  776.         height: 35px;
  777.         line-height: 35px;
  778.         padding: 0;
  779.         margin-right: 1px
  780.     }
  781.     #banner-slider-demo-8 .slide3-content em {
  782.         font-size: 20px
  783.     }
  784.     #banner-slider-demo-8 .slide3-content h2 {
  785.         font-size: 65px;
  786.         margin-bottom: 13px
  787.     }
  788.     #banner-slider-demo-8 .slide3-content a.btn-default {
  789.         font-size: 12px;
  790.         width: 120px;
  791.         height: 35px;
  792.         line-height: 35px;
  793.         padding: 0;
  794.         margin-right: 1px
  795.     }
  796. }
  797.  
  798. @media (max-width:640px) {
  799.     #banner-slider-demo-8 .slide1-content img.quote {
  800.         width: 15px
  801.     }
  802.     #banner-slider-demo-8 .slide1-content em {
  803.         font-size: 12px;
  804.         margin: 0 3px
  805.     }
  806.     #banner-slider-demo-8 .slide1-content h2 {
  807.         font-size: 23px;
  808.         margin: 1px 0 5px
  809.     }
  810.     #banner-slider-demo-8 .slide1-content p {
  811.         font-size: 14px
  812.     }
  813.     #banner-slider-demo-8 .slide2-content em {
  814.         font-size: 12px;
  815.         margin-left: 3px
  816.     }
  817.     #banner-slider-demo-8 .slide2-content h2 {
  818.         font-size: 23px;
  819.         margin: 0 0 5px
  820.     }
  821.     #banner-slider-demo-8 .slide2-content p {
  822.         font-size: 8px;
  823.         margin-left: 4px;
  824.         margin-bottom: 5px
  825.     }
  826.     #banner-slider-demo-8 .slide2-content p span.split {
  827.         margin: 0 7px 0 8px
  828.     }
  829.     #banner-slider-demo-8 .slide2-content a.btn-default {
  830.         font-size: 8px;
  831.         width: 80px;
  832.         height: 25px;
  833.         line-height: 25px;
  834.         padding: 0;
  835.         margin-right: 1px
  836.     }
  837.     #banner-slider-demo-8 .slide3-content em {
  838.         font-size: 12px
  839.     }
  840.     #banner-slider-demo-8 .slide3-content h2 {
  841.         font-size: 23px;
  842.         margin-bottom: 8px;
  843.         margin-top: 5px;
  844.     }
  845.     #banner-slider-demo-8 .slide3-content a.btn-default {
  846.         font-size: 8px;
  847.         width: 80px;
  848.         height: 25px;
  849.         line-height: 25px;
  850.         padding: 0;
  851.         margin-right: 1px
  852.     }
  853. }
  854.  
  855.  
  856. /*=============== Demo 4 Homepage Slider ===============*/
  857.  
  858. #banner-slider-demo-4 .slide1-content em {
  859.     font-size: 26.26px;
  860.     margin: 0 10px
  861. }
  862.  
  863. #banner-slider-demo-4 .slide1-content h2 {
  864.     font-size: 79.12px;
  865.     margin: 5px 0 10px
  866. }
  867.  
  868. #banner-slider-demo-4 .slide1-content p {
  869.     font-size: 23.64px
  870. }
  871.  
  872. #banner-slider-demo-4 .slide2-content em {
  873.     font-size: 26.26px;
  874.     margin-left: 8px
  875. }
  876.  
  877. #banner-slider-demo-4 .slide2-content h2 {
  878.     font-size: 82.51px;
  879.     margin: 3px 0 10px
  880. }
  881.  
  882. #banner-slider-demo-4 .slide2-content p {
  883.     font-size: 18px;
  884.     margin-left: 8px;
  885.     margin-bottom: 30px
  886. }
  887.  
  888. #banner-slider-demo-4 .slide2-content p span.split {
  889.     margin: 0 13px 0 14px;
  890.     border: 0;
  891. }
  892.  
  893. #banner-slider-demo-4 .slide2-content a.btn-default {
  894.     font-size: 14px;
  895.     width: 135px;
  896.     height: 40px;
  897.     line-height: 40px;
  898.     padding: 0;
  899.     margin-right: 3px
  900. }
  901.  
  902. #banner-slider-demo-4 .slide3-content em {
  903.     font-size: 26.26px
  904. }
  905.  
  906. #banner-slider-demo-4 .slide3-content h2 {
  907.     font-size: 82.51px;
  908.     margin-bottom: 17px;
  909. }
  910.  
  911. #banner-slider-demo-4 .slide3-content a.btn-default {
  912.     font-size: 14px;
  913.     width: 135px;
  914.     height: 40px;
  915.     line-height: 40px;
  916.     padding: 0;
  917.     margin-right: 3px
  918. }
  919.  
  920. @media (max-width:991px) {
  921.     #banner-slider-demo-4 .slide1-content img.quote {
  922.         width: 30px
  923.     }
  924.     #banner-slider-demo-4 .slide1-content em {
  925.         font-size: 20px;
  926.         margin: 0 8px
  927.     }
  928.     #banner-slider-demo-4 .slide1-content h2 {
  929.         font-size: 60px;
  930.         margin: 4px 0 8px
  931.     }
  932.     #banner-slider-demo-4 .slide1-content p {
  933.         font-size: 18px
  934.     }
  935.     #banner-slider-demo-4 .slide2-content em {
  936.         font-size: 20px;
  937.         margin-left: 7px
  938.     }
  939.     #banner-slider-demo-4 .slide2-content h2 {
  940.         font-size: 65px;
  941.         margin: 2px 0 8px
  942.     }
  943.     #banner-slider-demo-4 .slide2-content p {
  944.         font-size: 15px;
  945.         margin-left: 7px;
  946.         margin-bottom: 25px
  947.     }
  948.     #banner-slider-demo-4 .slide2-content p span.split {
  949.         margin: 0 8px 0 9px
  950.     }
  951.     #banner-slider-demo-4 .slide2-content a.btn-default {
  952.         font-size: 12px;
  953.         width: 120px;
  954.         height: 35px;
  955.         line-height: 35px;
  956.         padding: 0;
  957.         margin-right: 1px
  958.     }
  959.     #banner-slider-demo-4 .slide3-content em {
  960.         font-size: 20px
  961.     }
  962.     #banner-slider-demo-4 .slide3-content h2 {
  963.         font-size: 65px;
  964.         margin-bottom: 13px
  965.     }
  966.     #banner-slider-demo-4 .slide3-content a.btn-default {
  967.         font-size: 12px;
  968.         width: 120px;
  969.         height: 35px;
  970.         line-height: 35px;
  971.         padding: 0;
  972.         margin-right: 1px
  973.     }
  974. }
  975.  
  976. @media (max-width:640px) {
  977.     #banner-slider-demo-4 .slide1-content img.quote {
  978.         width: 15px
  979.     }
  980.     #banner-slider-demo-4 .slide1-content em {
  981.         font-size: 14px;
  982.         margin: 0 3px
  983.     }
  984.     #banner-slider-demo-4 .slide1-content h2 {
  985.         font-size: 38px;
  986.         margin: 1px 0 5px
  987.     }
  988.     #banner-slider-demo-4 .slide1-content p {
  989.         font-size: 14px
  990.     }
  991.     #banner-slider-demo-4 .slide2-content em {
  992.         font-size: 14px;
  993.         margin-left: 3px
  994.     }
  995.     #banner-slider-demo-4 .slide2-content h2 {
  996.         font-size: 39px;
  997.         margin: 0 0 5px
  998.     }
  999.     #banner-slider-demo-4 .slide2-content p {
  1000.         font-size: 8px;
  1001.         margin-left: 4px;
  1002.         margin-bottom: 15px
  1003.     }
  1004.     #banner-slider-demo-4 .slide2-content p span.split {
  1005.         margin: 0 7px 0 8px
  1006.     }
  1007.     #banner-slider-demo-4 .slide2-content a.btn-default {
  1008.         font-size: 8px;
  1009.         width: 80px;
  1010.         height: 25px;
  1011.         line-height: 25px;
  1012.         padding: 0;
  1013.         margin-right: 1px
  1014.     }
  1015.     #banner-slider-demo-4 .slide3-content em {
  1016.         font-size: 14px
  1017.     }
  1018.     #banner-slider-demo-4 .slide3-content h2 {
  1019.         font-size: 38px;
  1020.         margin-bottom: 8px
  1021.     }
  1022.     #banner-slider-demo-4 .slide3-content a.btn-default {
  1023.         font-size: 8px;
  1024.         width: 80px;
  1025.         height: 25px;
  1026.         line-height: 25px;
  1027.         padding: 0;
  1028.         margin-right: 1px
  1029.     }
  1030. }
  1031.  
  1032. .slider-with-side {
  1033.     margin: 0 -8px;
  1034. }
  1035.  
  1036. .slider-with-side .slider-area {
  1037.     padding: 0 8px;
  1038.     float: left;
  1039.     width: 72.3%;
  1040. }
  1041.  
  1042. .slider-with-side .slider-area .item .content .ribbon {
  1043.     right: 13px;
  1044.     top: 16px;
  1045. }
  1046.  
  1047. .slider-with-side .slider-area .item .content .ribbon em {
  1048.     font-size: 14px;
  1049.     margin: 0;
  1050.     margin-right: 63px;
  1051. }
  1052.  
  1053. .slider-with-side .slider-area .item .content .ribbon h3 {
  1054.     font-size: 33px;
  1055.     margin: 0;
  1056.     margin-right: 14px;
  1057. }
  1058.  
  1059. .slider-with-side .slider-area .item .content .ribbon h5 {
  1060.     font-size: 18px;
  1061.     margin: 0;
  1062.     margin-top: -3px;
  1063. }
  1064.  
  1065. .slider-with-side .slider-area .item .content .text-area h2 {
  1066.     display: inline-block;
  1067.     padding: 7px 50px 7px 11px;
  1068.     font-size: 42.7px;
  1069.     margin-bottom: 4px;
  1070. }
  1071.  
  1072. .slider-with-side .slider-area .item .content .text-area p {
  1073.     display: inline-block;
  1074.     padding: 12px 17px 12px 13px;
  1075.     font-size: 17.58px;
  1076.     margin: 0;
  1077. }
  1078.  
  1079. @media (max-width: 1199px) {
  1080.     .slider-with-side .slider-area .item .content .ribbon {
  1081.         right: 11px;
  1082.         top: 11px;
  1083.     }
  1084.     .slider-with-side .slider-area .item .content .ribbon em {
  1085.         font-size: 13px;
  1086.         margin-right: 60px;
  1087.     }
  1088.     .slider-with-side .slider-area .item .content .ribbon h3 {
  1089.         font-size: 30px;
  1090.         margin-right: 12px;
  1091.     }
  1092.     .slider-with-side .slider-area .item .content .ribbon h5 {
  1093.         font-size: 16px;
  1094.         margin-top: -2px;
  1095.     }
  1096.     .slider-with-side .slider-area .item .content .text-area h2 {
  1097.         padding: 6px 45px 6px 10px;
  1098.         font-size: 38px;
  1099.     }
  1100.     .slider-with-side .slider-area .item .content .text-area p {
  1101.         padding: 10px 15px 10px 11px;
  1102.         font-size: 15px;
  1103.     }
  1104. }
  1105.  
  1106. @media (max-width: 767px) {
  1107.     .slider-with-side .slider-area .item .content .ribbon {
  1108.         right: 3px;
  1109.         top: 3px;
  1110.     }
  1111.     .slider-with-side .slider-area .item .content .ribbon em {
  1112.         font-size: 8px;
  1113.         margin-right: 40px;
  1114.     }
  1115.     .slider-with-side .slider-area .item .content .ribbon h3 {
  1116.         font-size: 22px;
  1117.         margin-right: 7px;
  1118.     }
  1119.     .slider-with-side .slider-area .item .content .ribbon h5 {
  1120.         font-size: 10px;
  1121.         margin-top: -1px;
  1122.     }
  1123.     .slider-with-side .slider-area .item .content .text-area h2 {
  1124.         padding: 4px 38px 4px 7px;
  1125.         font-size: 22px;
  1126.     }
  1127.     .slider-with-side .slider-area .item .content .text-area p {
  1128.         padding: 6px 11px 6px 8px;
  1129.         font-size: 9px;
  1130.     }
  1131. }
  1132.  
  1133. @media (max-width: 480px) {
  1134.     .slider-with-side .slider-area .item .content .ribbon {
  1135.         right: 3px;
  1136.         top: 1px;
  1137.     }
  1138.     .slider-with-side .slider-area .item .content .ribbon em {
  1139.         font-size: 6px;
  1140.         margin-right: 22px;
  1141.     }
  1142.     .slider-with-side .slider-area .item .content .ribbon h3 {
  1143.         font-size: 14px;
  1144.         margin-right: 2px;
  1145.     }
  1146.     .slider-with-side .slider-area .item .content .ribbon h5 {
  1147.         font-size: 6px;
  1148.         margin-top: -1px;
  1149.     }
  1150.     .slider-with-side .slider-area .item .content .text-area p {
  1151.         display: none;
  1152.     }
  1153. }
  1154.  
  1155. .slider-with-side .side-area {
  1156.     padding: 0 8px 0 7px;
  1157.     float: left;
  1158.     width: 27.7%;
  1159. }
  1160.  
  1161. .slider-with-side .side-area .item1,
  1162. .slider-with-side .side-area .item2,
  1163. .slider-with-side .side-area .item3 {
  1164.     margin-bottom: 9px;
  1165.     position: relative;
  1166.     overflow: hidden;
  1167. }
  1168.  
  1169. .slider-with-side .side-area .item1:before,
  1170. .slider-with-side .side-area .item2:before,
  1171. .slider-with-side .side-area .item3:before {
  1172.     content: "";
  1173.     width: 100%;
  1174.     height: 100%;
  1175.     position: absolute;
  1176.     left: 0;
  1177.     top: 0;
  1178.     background-color: #000;
  1179.     opacity: 0;
  1180.     filter: alpha(Opacity=0);
  1181.     visibility: hidden;
  1182.     transition: all 0.2s;
  1183. }
  1184.  
  1185. .slider-with-side .side-area .item1:hover:before,
  1186. .slider-with-side .side-area .item2:hover:before,
  1187. .slider-with-side .side-area .item3:hover:before {
  1188.     opacity: 0.1;
  1189.     filter: alpha(Opacity=10);
  1190.     visibility: visible;
  1191. }
  1192.  
  1193. .slider-with-side .side-area .item1 .content {
  1194.     position: absolute;
  1195.     bottom: 17px;
  1196.     left: 15px;
  1197.     text-align: left;
  1198. }
  1199.  
  1200. .slider-with-side .side-area .item1 .content em {
  1201.     font-size: 27.45px;
  1202.     margin: 0;
  1203.     margin-bottom: 2px;
  1204.     display: block;
  1205.     margin-left: 4px;
  1206. }
  1207.  
  1208. .slider-with-side .side-area .item1 .content h2 {
  1209.     font-size: 35.16px;
  1210.     margin: 0;
  1211.     margin-bottom: 14px;
  1212. }
  1213.  
  1214. .slider-with-side .side-area .item1 .content a {
  1215.     font-size: 15.08px;
  1216.     margin: 0;
  1217.     margin-left: 4px;
  1218.     display: block;
  1219. }
  1220.  
  1221. .slider-with-side .side-area .item2 .content {
  1222.     position: absolute;
  1223.     bottom: 17px;
  1224.     left: 21px;
  1225.     text-align: left;
  1226. }
  1227.  
  1228. .slider-with-side .side-area .item2 .content h2 {
  1229.     font-size: 33.86px;
  1230.     margin: 0;
  1231.     margin-bottom: 12px;
  1232. }
  1233.  
  1234. .slider-with-side .side-area .item2 .content p {
  1235.     font-size: 18.34px;
  1236.     margin: 0;
  1237.     margin-left: 1px;
  1238. }
  1239.  
  1240. .slider-with-side .side-area .item2 .content a {
  1241.     font-size: 13px;
  1242.     border: 0;
  1243.     text-shadow: none;
  1244.     padding: 8px 10px 8px 15px;
  1245.     margin: 13px 0 0 25px;
  1246. }
  1247.  
  1248. .slider-with-side .side-area .item3 {
  1249.     margin: 0 !important;
  1250. }
  1251.  
  1252. .slider-with-side .side-area .item3 .content {
  1253.     position: absolute;
  1254.     bottom: 17px;
  1255.     left: 19px;
  1256.     text-align: left;
  1257. }
  1258.  
  1259. .slider-with-side .side-area .item3 .content h2 {
  1260.     font-size: 32px;
  1261.     margin: 0;
  1262. }
  1263.  
  1264. .slider-with-side .side-area .item3 .content p {
  1265.     font-size: 20px;
  1266.     margin: 0;
  1267.     margin-bottom: 17px;
  1268. }
  1269.  
  1270. .slider-with-side .side-area .item3 .content a {
  1271.     font-size: 16px;
  1272.     margin: 0;
  1273. }
  1274.  
  1275. @media (max-width: 1199px) {
  1276.     .slider-with-side .side-area .item1 .content {
  1277.         bottom: 15px;
  1278.         left: 13px;
  1279.     }
  1280.     .slider-with-side .side-area .item1 .content em {
  1281.         font-size: 22px;
  1282.         margin-left: 2px;
  1283.     }
  1284.     .slider-with-side .side-area .item1 .content h2 {
  1285.         font-size: 30px;
  1286.         margin-bottom: 10px;
  1287.     }
  1288.     .slider-with-side .side-area .item1 .content a {
  1289.         font-size: 13px;
  1290.         margin-left: 2px;
  1291.     }
  1292.     .slider-with-side .side-area .item2 {
  1293.         margin-bottom: 8px;
  1294.     }
  1295.     .slider-with-side .side-area .item2 .content {
  1296.         bottom: 15px;
  1297.         left: 15px;
  1298.     }
  1299.     .slider-with-side .side-area .item2 .content h2 {
  1300.         font-size: 28px;
  1301.         margin-bottom: 10px;
  1302.     }
  1303.     .slider-with-side .side-area .item2 .content p {
  1304.         font-size: 13px;
  1305.     }
  1306.     .slider-with-side .side-area .item2 .content a {
  1307.         font-size: 12px;
  1308.         padding: 7px 8px 7px 13px;
  1309.         margin: 5px 0 0 25px;
  1310.     }
  1311.     .slider-with-side .side-area .item3 .content {
  1312.         bottom: 15px;
  1313.         left: 15px;
  1314.     }
  1315.     .slider-with-side .side-area .item3 .content h2 {
  1316.         font-size: 28px;
  1317.     }
  1318.     .slider-with-side .side-area .item3 .content p {
  1319.         font-size: 17px;
  1320.         margin-bottom: 15px;
  1321.     }
  1322.     .slider-with-side .side-area .item3 .content a {
  1323.         font-size: 14px;
  1324.     }
  1325. }
  1326.  
  1327. @media (max-width: 991px) {
  1328.     .slider-with-side .slider-area {
  1329.         padding: 0 8px;
  1330.         float: none;
  1331.         width: 100%;
  1332.     }
  1333.     .slider-with-side .side-area {
  1334.         padding: 0;
  1335.         float: none;
  1336.         width: 100%;
  1337.     }
  1338.     .slider-with-side .side-area .item1,
  1339.     .slider-with-side .side-area .item2,
  1340.     .slider-with-side .side-area .item3 {
  1341.         padding: 8px;
  1342.         width: 33.33%;
  1343.         float: left;
  1344.         margin: 0;
  1345.     }
  1346.     .slider-with-side .side-area .item1 .content {
  1347.         bottom: 20px;
  1348.         left: 20px;
  1349.     }
  1350.     .slider-with-side .side-area .item2 .content {
  1351.         bottom: 20px;
  1352.         left: 15px;
  1353.     }
  1354.     .slider-with-side .side-area .item3 .content {
  1355.         bottom: 20px;
  1356.         left: 20px;
  1357.     }
  1358. }
  1359.  
  1360. @media (max-width: 767px) {
  1361.     .slider-with-side .side-area .item1,
  1362.     .slider-with-side .side-area .item2,
  1363.     .slider-with-side .side-area .item3 {
  1364.         padding: 8px;
  1365.         width: 100%;
  1366.         float: none;
  1367.     }
  1368.     .slider-with-side .side-area img {
  1369.         width: 100%;
  1370.     }
  1371.     .slider-with-side .side-area .item1 .content {
  1372.         bottom: 30px;
  1373.         left: 25px;
  1374.     }
  1375.     .slider-with-side .side-area .item2 .content {
  1376.         bottom: 30px;
  1377.         left: 25px;
  1378.     }
  1379.     .slider-with-side .side-area .item3 .content {
  1380.         bottom: 30px;
  1381.         left: 25px;
  1382.     }
  1383. }
  1384.  
  1385. .banner-content-6 {
  1386.     padding: 290px 0 80px;
  1387.     line-height: 1;
  1388. }
  1389.  
  1390. .banner-content-6 .text-content em {
  1391.     font-size: 26.26px;
  1392.     margin-left: 5px;
  1393.     margin-bottom: 5px;
  1394. }
  1395.  
  1396. .banner-content-6 .text-content h2 {
  1397.     font-size: 79.12px;
  1398.     letter-spacing: -4px;
  1399. }
  1400.  
  1401. .banner-content-6 .text-content p {
  1402.     margin: 0;
  1403. }
  1404.  
  1405. .banner-content-6 .text-content p span {
  1406.     font-size: 23.64px;
  1407.     padding-left: 5px;
  1408.     line-height: 2;
  1409. }
  1410.  
  1411. .banner-content-6 .text-content p a {
  1412.     font-size: 16px;
  1413.     padding: 10px 35px;
  1414.     margin-left: 5px;
  1415.     margin-top: 7px;
  1416.     margin-bottom: 125px;
  1417. }
  1418.  
  1419. @media(max-width:767px) {
  1420.     .banner-content-6 .text-content em {
  1421.         font-size: 16.26px;
  1422.     }
  1423.     .banner-content-6 .text-content h2 {
  1424.         font-size: 54.12px;
  1425.     }
  1426.     .banner-content-6 .text-content p span {
  1427.         font-size: 13.64px;
  1428.     }
  1429.     .banner-content-6 .text-content p a {
  1430.         font-size: 12px;
  1431.         padding: 7px 15px;
  1432.     }
  1433. }
  1434.  
  1435. .filter-title-type-2 {
  1436.     font-size: 19px;
  1437.     margin: 0;
  1438.     font-weight: 300;
  1439.     margin-bottom: 20px;
  1440.     display: table;
  1441.     width: 100%;
  1442. }
  1443.  
  1444. .filter-title-type-2 span {
  1445.     display: table-cell;
  1446.     position: relative;
  1447. }
  1448.  
  1449. .filter-title-type-2 span.title-line:after {
  1450.     content: "";
  1451.     width: 100%;
  1452.     border-top: 1px solid #d8d8d8;
  1453.     display: block;
  1454.     position: absolute;
  1455.     top: 50%;
  1456.     margin-top: -1px;
  1457. }
  1458.  
  1459. .one-product .filterproduct-title {
  1460.     background: #fff;
  1461.     text-align: center;
  1462.     color: #333;
  1463.     font-weight: 700;
  1464.     line-height: 50px;
  1465. }
  1466.  
  1467. .one-product .products-grid {
  1468.     margin: 0;
  1469.     background-color: #fff;
  1470.     padding-bottom: 20px;
  1471. }
  1472.  
  1473. .one-product .product-item-info .product-item-details {
  1474.     padding-top: 20px;
  1475. }
  1476.  
  1477. .one-product .owl-dots {
  1478.     margin-top: 0;
  1479. }
  1480.  
  1481. .shop-features {
  1482.     text-align: center;
  1483. }
  1484.  
  1485. .shop-features [class*=" porto-icon-"],
  1486. .shop-features [class^="porto-icon-"] {
  1487.     color: #333;
  1488.     width: 64px;
  1489.     height: 64px;
  1490.     text-align: center;
  1491.     line-height: 60px;
  1492.     display: inline-block;
  1493.     border: 2px solid #ccc;
  1494.     border-radius: 50%;
  1495.     font-size: 28px;
  1496. }
  1497.  
  1498. .shop-features h3 {
  1499.     color: #121214;
  1500.     font-size: 15px;
  1501.     font-weight: 600;
  1502.     line-height: 1;
  1503.     margin: 20px 0 10px;
  1504. }
  1505.  
  1506. .shop-features p {
  1507.     color: #777;
  1508.     font-size: 14px;
  1509.     margin: 0;
  1510.     margin-bottom: 15px;
  1511.     padding: 0 20px;
  1512. }
  1513.  
  1514. .shop-features a {
  1515.     margin: 0;
  1516.     font-size: 14px;
  1517. }
  1518.  
  1519. .wishlist-index-index .products-grid .product-item .product-item-inner {
  1520.     margin: 9px 0 0;
  1521.     padding: 10px;
  1522.     position: relative;
  1523. }
  1524.  
  1525. .products-grid.wishlist .product-item .tocart {
  1526.     height: auto;
  1527.     line-height: 30px;
  1528.     min-width: 120px;
  1529.     padding: 0 11px;
  1530. }
  1531.  
  1532. @media (min-width: 992px) {
  1533.     .wishlist-index-index .products-grid .product-items .product-item {
  1534.         width: 24%;
  1535.     }
  1536. }
  1537.  
  1538. .hide-addtocart .products-grid .product-item-actions .actions-primary,
  1539. .hide-addtocart .products-grid .product-item-details .product-item-actions .actions-primary {
  1540.     display: none;
  1541. }
  1542.  
  1543. .hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist,
  1544. .hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare,
  1545. .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.towishlist,
  1546. .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.tocompare {
  1547.     display: none;
  1548. }
  1549.  
  1550. .owl-middle-outer-narrow .owl-theme .owl-controls {
  1551.     position: absolute;
  1552.     top: 50%;
  1553.     width: 100%;
  1554.     margin-top: -22px;
  1555. }
  1556.  
  1557. .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] {
  1558.     position: absolute;
  1559.     color: #3d3734;
  1560. }
  1561.  
  1562. .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-prev {
  1563.     left: -60px;
  1564. }
  1565.  
  1566. .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-next {
  1567.     right: -60px;
  1568. }
  1569.  
  1570. .owl-bottom-narrow .owl-controls {
  1571.     position: absolute;
  1572.     bottom: 20px;
  1573.     margin: 0;
  1574.     width: 100%;
  1575. }
  1576.  
  1577. .filterproducts-tab .data.items {
  1578.     margin: 0;
  1579.     padding: 0;
  1580.     border-bottom: 1px solid #eee;
  1581.     margin-bottom: 18px;
  1582.     margin-left: -15px;
  1583.     margin-right: -15px;
  1584. }
  1585.  
  1586. .filterproducts-tab .data.items>.item.title {
  1587.     box-sizing: border-box;
  1588.     float: none;
  1589.     width: 100%;
  1590. }
  1591.  
  1592. .filterproducts-tab .data.items>.item.title[aria-expanded=true] a.switch {
  1593.     color: #08c;
  1594. }
  1595.  
  1596. .filterproduct-title>a {
  1597.     font-size: 13px;
  1598.     font-weight: 400;
  1599.     text-transform: none;
  1600. }
  1601.  
  1602. .catalogsearch-result-index .sidebar.sidebar-main:before {
  1603.     display: none;
  1604. }
  1605.  
  1606. .sidebar .custom-block {
  1607.     margin-bottom: 30px;
  1608.     padding-bottom: 40px;
  1609.     background: url(../images/bkg_4.png) bottom no-repeat;
  1610. }
  1611.  
  1612. .products.wrapper .product-item .product-item-photo .qty-box {
  1613.     position: absolute;
  1614.     bottom: 30px;
  1615.     left: 0;
  1616. }
  1617.  
  1618. .products.wrapper .product-item .qty-box {
  1619.     display: block;
  1620.     width: 88px;
  1621.     margin: 0 auto 5px;
  1622. }
  1623.  
  1624. .products.wrapper.products-list .product-item .qty-box {
  1625.     margin: 0 0 5px;
  1626. }
  1627.  
  1628. .products.wrapper .product-item .qty-box input {
  1629.     width: 30px;
  1630.     height: 30px;
  1631.     text-align: center;
  1632.     display: inline-block;
  1633.     border: solid 1px #dfdfdf;
  1634. }
  1635.  
  1636. .products.wrapper .product-item .qty-box .qtyminus,
  1637. .products.wrapper .product-item .qty-box .qtyplus {
  1638.     position: relative;
  1639.     border: solid 1px #dfdfdf;
  1640.     font-size: 12px;
  1641.     width: 30px;
  1642.     height: 30px;
  1643.     line-height: 28px;
  1644.     display: inline-block;
  1645.     text-align: center;
  1646.     background-color: #fff;
  1647.     float: left;
  1648.     margin-right: -1px;
  1649. }
  1650.  
  1651. .products.wrapper .product-item .qty-box .qtyplus {
  1652.     float: right;
  1653.     margin-right: 0;
  1654.     margin-left: -1px;
  1655. }
  1656.  
  1657. .products-grid .product-item .has-qty {
  1658.     margin-top: 37px;
  1659. }
  1660.  
  1661. .product-info-main .custom-block {
  1662.     border-bottom: solid 1px #e6e6e6;
  1663.     padding: 23px 0 25px;
  1664.     margin-bottom: 25px;
  1665. }
  1666.  
  1667. .product-info-main .custom-block .item:first-child {
  1668.     border-left: 0;
  1669.     padding-left: 0;
  1670. }
  1671.  
  1672. .product-info-main .custom-block .item {
  1673.     border-left: 1px solid #e6e6e6;
  1674.     display: inline-block;
  1675.     padding: 0 10px;
  1676.     text-align: left;
  1677. }
  1678.  
  1679. .product-info-main .custom-block i {
  1680.     font-size: 34px;
  1681.     display: inline-block;
  1682.     vertical-align: middle;
  1683. }
  1684.  
  1685. .product-info-main .custom-block .text-area {
  1686.     display: inline-block;
  1687.     vertical-align: middle;
  1688.     text-align: left;
  1689.     margin-left: 5px;
  1690. }
  1691.  
  1692. .product-info-main .custom-block .text-area h3 {
  1693.     font-size: 14px;
  1694.     font-weight: 400;
  1695.     line-height: 1.35;
  1696.     color: #7a7d82;
  1697.     margin: 0;
  1698.     margin-bottom: 5px;
  1699. }
  1700.  
  1701. @media (min-width: 768px) {
  1702.     .filterproducts-tab .data.items {
  1703.         position: relative;
  1704.         z-index: 1;
  1705.         border-bottom: 0;
  1706.         margin-left: 0;
  1707.         margin-right: 0;
  1708.         background: url(../images/slider-bar.png) right 10px no-repeat;
  1709.     }
  1710.     .filterproducts-tab .data.items:before,
  1711.     .filterproducts-tab .data.items:after {
  1712.         content: '';
  1713.         display: table;
  1714.     }
  1715.     .filterproducts-tab .data.items:after {
  1716.         clear: both;
  1717.     }
  1718.     .filterproducts-tab .data.items>.item.title {
  1719.         float: left;
  1720.         width: auto;
  1721.         margin: 0;
  1722.         padding: 0;
  1723.         background-color: #fff;
  1724.     }
  1725.     .filterproducts-tab .data.items>.item.title a.switch {
  1726.         color: #313131;
  1727.         font-size: 16px;
  1728.         line-height: 20px;
  1729.         font-weight: 700;
  1730.         text-transform: uppercase;
  1731.         padding: 0 15px;
  1732.         border-left: 1px solid #ddd;
  1733.     }
  1734.     .filterproducts-tab .data.items>.item.title:first-child a.switch {
  1735.         padding-left: 0;
  1736.         border: 0;
  1737.     }
  1738.     .filterproducts-tab .data.items>.item.content {
  1739.         margin-top: 30px;
  1740.         box-sizing: border-box;
  1741.         float: right;
  1742.         margin-left: -100%;
  1743.         width: 100%;
  1744.     }
  1745. }
  1746.  
  1747. @media (max-width: 768px) {
  1748.     .filterproducts-tab .data.items>.item.title {
  1749.         padding: 10px;
  1750.         border-top: 1px solid #eee;
  1751.     }
  1752.     .filterproducts-tab .data.items>.item.title a.switch {
  1753.         color: #313131;
  1754.         font-size: 16px;
  1755.         font-weight: 700;
  1756.         text-transform: uppercase;
  1757.     }
  1758. }
  1759.  
  1760. .grid-images {
  1761.     text-align: center;
  1762. }
  1763.  
  1764. .grid-images .row {
  1765.     margin-left: -10px;
  1766.     margin-right: -10px;
  1767. }
  1768.  
  1769. .grid-images .col-md-4,
  1770. .grid-images .col-md-8 {
  1771.     padding-left: 10px;
  1772.     padding-right: 10px;
  1773. }
  1774.  
  1775. .grid-images img {
  1776.     max-width: 100%;
  1777. }
  1778.  
  1779. .grid-images .grid1 img,
  1780. .grid-images .grid2 img,
  1781. .grid-images .grid3 img {
  1782.     opacity: 1;
  1783.     filter: alpha(Opacity=100);
  1784.     visibility: visible;
  1785.     transition: all 0.2s;
  1786. }
  1787.  
  1788. .grid-images .grid1:hover img,
  1789. .grid-images .grid2:hover img,
  1790. .grid-images .grid3:hover img {
  1791.     opacity: 0.8;
  1792.     filter: alpha(Opacity=80);
  1793.     visibility: visible;
  1794. }
  1795.  
  1796. .grid-images .grid1 {
  1797.     margin-bottom: 10px;
  1798. }
  1799.  
  1800. @media (max-width: 1199px) {
  1801.     .grid-images .grid1 {
  1802.         margin-bottom: 9px;
  1803.     }
  1804. }
  1805.  
  1806. @media (max-width: 767px) {
  1807.     .grid-images .grid2 {
  1808.         margin-bottom: 9px;
  1809.     }
  1810. }
  1811.  
  1812. @media (min-width: 992px) {
  1813.     .lg-order-12 {
  1814.         -webkit-order: 12;
  1815.         -moz-order: 12;
  1816.         -ms-flex-order: 12;
  1817.         order: 12;
  1818.     }
  1819. }
  1820.  
  1821. @media (min-width: 768px) {
  1822.     .md-order-12 {
  1823.         -webkit-order: 12;
  1824.         -moz-order: 12;
  1825.         -ms-flex-order: 12 order: 12;
  1826.     }
  1827. }
  1828.  
  1829. .side-custom-menu {
  1830.     border: 1px solid #ddd;
  1831.     border-radius: 7px;
  1832.     overflow: hidden;
  1833. }
  1834.  
  1835. .side-custom-menu h2 {
  1836.     color: #000;
  1837.     border-bottom: 1px solid #ddd;
  1838.     font-size: 13px;
  1839.     font-weight: 700;
  1840.     text-align: left;
  1841.     padding: 13px 13px 12px;
  1842.     background-color: #f5f5f5;
  1843.     line-height: 1;
  1844.     margin: 0;
  1845. }
  1846.  
  1847. .side-custom-menu ul {
  1848.     padding: 0 12px;
  1849.     margin: 0;
  1850.     list-style: none;
  1851. }
  1852.  
  1853. .side-custom-menu ul li {
  1854.     text-align: left;
  1855.     padding: 12px 4px;
  1856.     border-top: 1px solid #ddd;
  1857.     margin: 0;
  1858.     line-height: 1;
  1859. }
  1860.  
  1861. .side-custom-menu ul li:first-child {
  1862.     border: 0;
  1863. }
  1864.  
  1865. .side-custom-menu ul li a {
  1866.     color: #777;
  1867.     font-size: 15px;
  1868.     line-height: 1;
  1869.     display: block;
  1870. }
  1871.  
  1872. .home-side-menu-type2 {
  1873.     margin-bottom: 50px
  1874. }
  1875.  
  1876. .home-side-menu-type2>h2 {
  1877.     font-size: 15px;
  1878.     font-weight: 600;
  1879.     color: #333;
  1880.     margin-bottom: 15px;
  1881.     margin-top: 0;
  1882. }
  1883.  
  1884. .home-side-menu-type2>h2>i.icon-menu:before {
  1885.     margin-left: 0
  1886. }
  1887.  
  1888. .side-menu-type2.side-block {
  1889.     border-top: 1px solid #ddd
  1890. }
  1891.  
  1892. .side-menu-type2.side-block ul.category-sidebar {
  1893.     padding: 0;
  1894.     list-style: none
  1895. }
  1896.  
  1897. .side-menu-type2.side-block ul.category-sidebar ul {
  1898.     list-style: none;
  1899.     margin: 0;
  1900.     display: none;
  1901.     padding-left: 1.5em
  1902. }
  1903.  
  1904. .side-menu-type2.side-block ul.category-sidebar>li {
  1905.     padding-left: 12px;
  1906.     display: block;
  1907.     line-height: 40px;
  1908.     border-bottom: 1px solid #ddd
  1909. }
  1910.  
  1911. .side-menu-type2.side-block ul.category-sidebar li {
  1912.     position: relative
  1913. }
  1914.  
  1915. .side-menu-type2.side-block ul.category-sidebar a {
  1916.     font-size: 13px;
  1917.     color: #777
  1918. }
  1919.  
  1920. .side-menu-type2.side-block ul.category-sidebar a:hover {
  1921.     color: #000;
  1922.     text-decoration: none
  1923. }
  1924.  
  1925. .side-menu-type2.side-block ul.category-sidebar>li>a {
  1926.     font-size: 15px
  1927. }
  1928.  
  1929. .side-menu-type2.side-block ul.category-sidebar ul>li {
  1930.     line-height: 40px;
  1931.     border-top: 1px solid #ddd
  1932. }
  1933.  
  1934. .side-menu-type2.side-block ul.category-sidebar ul>li:first-child {
  1935.     border-top: 0
  1936. }
  1937.  
  1938. .featured-box-2 {
  1939.     margin: 30px 0
  1940. }
  1941.  
  1942. .featured-box-2 h3 {
  1943.     color: #121213;
  1944.     font-size: 15px;
  1945.     border-bottom: 1px solid #ddd;
  1946.     line-height: 1.4;
  1947.     padding: 8px 0;
  1948.     margin-bottom: 10px
  1949. }
  1950.  
  1951. .featured-box-2 h3 em {
  1952.     font-size: 18px
  1953. }
  1954.  
  1955. .featured-box-2 p {
  1956.     font-size: 14px;
  1957.     margin-bottom: 10px
  1958. }
  1959.  
  1960. .featured-box-2 a {
  1961.     font-size: 14px
  1962. }
  1963.  
  1964. .social-icons [class^="porto-icon-"] {
  1965.     color: #fff;
  1966. }
  1967.  
  1968. .sidebar-title {
  1969.     margin-bottom: 17px;
  1970.     font-size: 16px;
  1971.     font-weight: bold;
  1972.     text-transform: uppercase;
  1973.     color: #313131;
  1974.     line-height: 1;
  1975. }
  1976.  
  1977. .f-left {
  1978.     float: left !important;
  1979. }
  1980.  
  1981. .f-right {
  1982.     float: right !important;
  1983. }
  1984.  
  1985. .abs-action-button-as-link:hover,
  1986. .abs-action-remove:hover,
  1987. .abs-discount-block .action.check:hover,
  1988. .popup .actions-toolbar .action.cancel:hover,
  1989. .paypal-button-widget .paypal-button:hover,
  1990. .bundle-options-container .action.back:hover,
  1991. .block.related .action.select:hover,
  1992. .cart.table-wrapper .actions-toolbar>.action-delete:hover,
  1993. .cart.table-wrapper .action.help.map:hover,
  1994. .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover,
  1995. .opc-wrapper .edit-address-link:hover,
  1996. .opc-block-shipping-information .shipping-information-title .action-edit:hover,
  1997. .action-auth-toggle:hover,
  1998. .checkout-payment-method .payment-method-billing-address .action-cancel:hover,
  1999. .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover,
  2000. .checkout-agreements-block .action-show:hover,
  2001. .gift-options .actions-toolbar .action-cancel:hover,
  2002. .gift-summary .action-edit:hover,
  2003. .gift-summary .action-delete:hover,
  2004. .gift-wrapping-title .action-remove:hover,
  2005. .wishlist.split.button>.action:hover,
  2006. .abs-add-fields .action.remove:hover,
  2007. .paypal-review-discount .action.check:hover,
  2008. .cart-discount .action.check:hover,
  2009. .form-giftregistry-share .action.remove:hover,
  2010. .form-giftregistry-edit .action.remove:hover,
  2011. .form-add-invitations .action.remove:hover,
  2012. .form-create-return .action.remove:hover,
  2013. .form.send.friend .action.remove:hover {
  2014.     text-decoration: none;
  2015. }
  2016.  
  2017. body.boxed {
  2018.     padding: 24px 0 17px;
  2019.     background: url(../images/boxed_bg.png) repeat;
  2020. }
  2021.  
  2022. body.boxed .page-wrapper {
  2023.     width: 1140px;
  2024.     max-width: 100%;
  2025.     margin: 0 auto;
  2026.     border-radius: 8px;
  2027.     overflow: hidden;
  2028.     background-color: #fff;
  2029. }
  2030.  
  2031. .fotorama .fotorama__fullscreen-icon {
  2032.     display: block;
  2033. }
  2034.  
  2035. .fotorama .fotorama-sprite,
  2036. .fotorama__fullscreen .fotorama .fotorama__zoom-out,
  2037. .fotorama__fullscreen .fotorama .fotorama__zoom-in,
  2038. .fotorama .fotorama__arr .fotorama__arr__arr,
  2039. .fotorama .fotorama__fullscreen-icon,
  2040. .fotorama .fotorama__thumb__arr {
  2041.     background: none;
  2042.     color: #08c;
  2043. }
  2044.  
  2045. .fotorama-sprite:before,
  2046. .fotorama__fullscreen .fotorama__zoom-out:before,
  2047. .fotorama__fullscreen .fotorama__zoom-in:before,
  2048. .fotorama__arr .fotorama__arr__arr:before,
  2049. .fotorama__fullscreen-icon:before,
  2050. .fotorama__thumb__arr:before {
  2051.     font-family: 'porto-icons';
  2052.     display: block;
  2053.     text-align: center;
  2054. }
  2055.  
  2056. .fotorama .fotorama__arr .fotorama__arr__arr {
  2057.     height: auto;
  2058. }
  2059.  
  2060. .fotorama__arr--next .fotorama__arr__arr:before {
  2061.     content: "\f809";
  2062.     font-size: 35px;
  2063.     line-height: 1;
  2064. }
  2065.  
  2066. .fotorama__arr--prev .fotorama__arr__arr:before {
  2067.     content: "\f80a";
  2068.     font-size: 35px;
  2069.     line-height: 1;
  2070. }
  2071.  
  2072. .fotorama__thumb__arr--left .fotorama__thumb__arr:before {
  2073.     content: "\f80a";
  2074.     font-size: 30px;
  2075.     line-height: 1;
  2076. }
  2077.  
  2078. .fotorama__thumb__arr--right .fotorama__thumb__arr:before {
  2079.     content: "\f809";
  2080.     font-size: 30px;
  2081.     line-height: 1;
  2082. }
  2083.  
  2084. .fotorama__zoom-in:before {
  2085.     content: "\f85a";
  2086.     font-size: 20px;
  2087.     line-height: 50px;
  2088. }
  2089.  
  2090. .fotorama__zoom-out:before {
  2091.     content: "\f85b";
  2092.     font-size: 20px;
  2093.     line-height: 50px;
  2094. }
  2095.  
  2096. .fotorama__fullscreen-icon:before {
  2097.     content: "\f859";
  2098.     font-size: 20px;
  2099.     line-height: 50px;
  2100. }
  2101.  
  2102. .fotorama--fullscreen .fotorama__fullscreen-icon:before {
  2103.     content: "\00d7";
  2104.     font-size: 60px;
  2105. }
  2106.  
  2107. .fotorama__stage {
  2108.     border: 1px solid #ddd;
  2109.     border-radius: 7px;
  2110.     background: #fff;
  2111.     max-width: 100%;
  2112.     overflow: hidden;
  2113.     margin-bottom: 2px;
  2114. }
  2115.  
  2116. .fotorama__nav--thumbs .fotorama__thumb {
  2117.     border: 1px solid #ccc !important;
  2118.     border-radius: 5px;
  2119.     background-color: #fff;
  2120. }
  2121.  
  2122. .fotorama__nav .fotorama__thumb__arr {
  2123.     padding-bottom: 0;
  2124. }
  2125.  
  2126. .fotorama__nav .fotorama__thumb-border {
  2127.     border-radius: 5px;
  2128. }
  2129.  
  2130. .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
  2131.     border: 3px solid #fff !important;
  2132. }
  2133.  
  2134. .fotorama__stage__shaft {
  2135.     border: 3px solid #fff;
  2136.     box-sizing: border-box;
  2137.     max-width: 100%;
  2138. }
  2139.  
  2140. .main-product-detail {
  2141.     background-color: #efefef;
  2142.     padding: 71px 0;
  2143. }
  2144.  
  2145. .weltpixel-quickview-catalog-product-view .main-product-detail {
  2146.     padding: 0;
  2147. }
  2148.  
  2149. .weltpixel-quickview-catalog-product-view .page-main {
  2150.     padding: 0 15px;
  2151. }
  2152.  
  2153. .custom-block-tab {
  2154.     background-color: #fff;
  2155.     border: #e4e4e4 solid 1px;
  2156.     padding: 30px 20px 40px;
  2157.     margin-top: 3px;
  2158. }
  2159.  
  2160. .move-product-tab .owl-top-narrow .owl-theme .owl-controls {
  2161.     top: -25px;
  2162. }
  2163.  
  2164. .move-product-tab .products-grid .owl-carousel .product-item {
  2165.     margin-bottom: 10px;
  2166.     padding: 10px 0 6px;
  2167.     overflow: hidden;
  2168. }
  2169.  
  2170. .move-product-tab .product-items .product-item-info .product-item-photo {
  2171.     max-width: 30%;
  2172.     float: left;
  2173.     margin-right: 10px;
  2174. }
  2175.  
  2176. .move-product-tab .product-items .product-item-details {
  2177.     margin-left: calc(31% + 15px);
  2178.     text-align: left;
  2179.     padding: 0;
  2180. }
  2181.  
  2182. .move-product-tab .product-items .product-reviews-summary {
  2183.     display: block;
  2184.     background: none;
  2185.     margin-top: 0;
  2186. }
  2187.  
  2188. .move-product-tab .product-items .price-box {
  2189.     margin-bottom: 0;
  2190. }
  2191.  
  2192. .main-upsell-product-detail {
  2193.     background-color: #f4f4f4;
  2194.     padding: 60px 0 45px;
  2195.     margin-top: -60px;
  2196. }
  2197.  
  2198. .main-upsell-product-detail .block.upsell .title strong {
  2199.     background-color: #f4f4f4;
  2200. }
  2201.  
  2202. .message {
  2203.     border-radius: 5px;
  2204. }
  2205.  
  2206. @media (max-width: 1199px) {
  2207.     body.boxed .page-wrapper {
  2208.         width: 980px;
  2209.     }
  2210. }
  2211.  
  2212. @media (max-width: 991px) {
  2213.     body.boxed .page-wrapper {
  2214.         width: 750px;
  2215.     }
  2216. }
  2217.  
  2218. @media (max-width: 767px) {
  2219.     body.boxed .page-wrapper {
  2220.         width: 630px;
  2221.     }
  2222.     .sm-clearer {
  2223.         clear: both;
  2224.     }
  2225. }
  2226.  
  2227. @media (max-width: 640px) {
  2228.     body.boxed .page-wrapper {
  2229.         width: 460px;
  2230.     }
  2231. }
  2232.  
  2233. @media (max-width: 480px) {
  2234.     body.boxed .page-wrapper {
  2235.         width: 300px;
  2236.     }
  2237. }
  2238.  
  2239. .block.block-border {
  2240.     border-radius: 7px;
  2241.     overflow: hidden;
  2242. }
  2243.  
  2244. .block.block-border .block-title {
  2245.     padding: 10px 15px;
  2246.     font-size: 13px;
  2247.     font-weight: bold;
  2248.     text-transform: uppercase;
  2249.     border: 1px solid #ddd;
  2250.     background-color: #f5f5f5;
  2251.     color: #777;
  2252.     position: relative;
  2253.     border-radius: 7px 7px 0 0;
  2254.     margin: 0;
  2255. }
  2256.  
  2257. .block.block-border .block-content {
  2258.     padding: 10px 15px;
  2259.     font-size: 13px;
  2260.     border: 1px solid #ddd;
  2261.     border-top: 0;
  2262.     border-radius: 0 0 7px 7px;
  2263.     background-color: #fbfbfb;
  2264. }
  2265.  
  2266. .category-sidebar {
  2267.     list-style: none;
  2268.     padding: 0;
  2269.     margin: 0;
  2270.     line-height: 1.42857143;
  2271. }
  2272.  
  2273. .category-sidebar li {
  2274.     position: relative;
  2275.     margin: 0;
  2276. }
  2277.  
  2278. .category-sidebar ul {
  2279.     display: none;
  2280.     list-style: none;
  2281.     padding: 0 0 0 15px;
  2282.     margin: 0;
  2283. }
  2284.  
  2285. .category-sidebar li>.expand-icon {
  2286.     position: absolute;
  2287.     right: 0;
  2288.     top: 0;
  2289.     font-size: 16px;
  2290.     line-height: 32px;
  2291. }
  2292.  
  2293. .category-sidebar li>a:not(.expand-icon) {
  2294.     color: #777;
  2295.     font-size: 13px;
  2296.     line-height: 2.5;
  2297. }
  2298.  
  2299. @media (max-width: 1199px) {
  2300.     .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.fullwidth>.submenu {
  2301.         width: 728px;
  2302.         width: calc(75vw - 19.5px);
  2303.     }
  2304.     .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0>a {
  2305.         font-size: 13px;
  2306.         line-height: 34px;
  2307.     }
  2308.     .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.parent>a:after {
  2309.         line-height: 34px;
  2310.     }
  2311.     .home-side-menu h2.side-menu-title {
  2312.         padding: 9px 15px;
  2313.     }
  2314. }
  2315.  
  2316. @media (max-width: 991px) {
  2317.     .home-side-menu {
  2318.         display: none;
  2319.     }
  2320. }
  2321.  
  2322. .cms-index-index blockquote.testimonial {
  2323.     background-color: #08c;
  2324.     border: 0;
  2325.     border-radius: 10px;
  2326.     color: #fff;
  2327.     font-family: Georgia, serif;
  2328.     font-style: italic;
  2329.     margin: 0;
  2330.     padding: 10px 50px;
  2331.     position: relative;
  2332.     font-size: 1.2em;
  2333.     line-height: 1.3
  2334. }
  2335.  
  2336. .cms-index-index blockquote.testimonial:before {
  2337.     left: 10px;
  2338.     top: 0;
  2339.     color: #fff;
  2340.     content: "\201C";
  2341.     font-size: 80px;
  2342.     font-style: normal;
  2343.     line-height: 1;
  2344.     position: absolute
  2345. }
  2346.  
  2347. .cms-index-index blockquote.testimonial:after {
  2348.     right: 10px;
  2349.     bottom: -0.5em;
  2350.     color: #fff;
  2351.     content: "\201D";
  2352.     font-size: 80px;
  2353.     font-style: normal;
  2354.     line-height: 1;
  2355.     position: absolute
  2356. }
  2357.  
  2358. .cms-index-index .testimonial-arrow-down {
  2359.     border: 15px solid transparent;
  2360.     border-top-color: #08c;
  2361.     border-bottom: 0;
  2362.     height: 0;
  2363.     margin: 0 0 0 25px;
  2364.     width: 0
  2365. }
  2366.  
  2367. .cms-index-index .testimonial-author {
  2368.     margin: 8px 0 0 8px
  2369. }
  2370.  
  2371. .cms-index-index .testimonial-author .img-thumbnail {
  2372.     border-radius: 7px;
  2373.     float: left;
  2374.     margin-right: 10px;
  2375.     position: relative;
  2376.     padding: 4px;
  2377.     line-height: 1.5;
  2378.     background-color: #fff;
  2379.     border: 1px solid #ddd;
  2380.     display: inline-block;
  2381.     max-width: 100%;
  2382.     height: auto
  2383. }
  2384.  
  2385. .cms-index-index .testimonial-author .img-thumbnail img {
  2386.     max-width: 60px;
  2387.     display: inline-block;
  2388.     height: auto
  2389. }
  2390.  
  2391. .cms-index-index .testimonial-author p {
  2392.     color: #666;
  2393.     margin: 0 0 0 25px;
  2394.     text-align: left;
  2395.     line-height: 24px
  2396. }
  2397.  
  2398. .cms-index-index .testimonial-author p>strong {
  2399.     color: #111;
  2400.     display: block;
  2401.     padding-top: 7px;
  2402.     font-size: 14px
  2403. }
  2404.  
  2405. .cms-index-index .testimonial-author span {
  2406.     color: #666;
  2407.     display: block;
  2408.     font-size: 12px
  2409. }
  2410.  
  2411. .block.block-subscribe.home-sidebar-block {
  2412.     border: 1px solid #ddd;
  2413.     border-top: 5px solid #08c;
  2414.     border-radius: 7px;
  2415.     background-color: #fbfbfb;
  2416.     text-align: center;
  2417.     padding: 30px 28px 5px
  2418. }
  2419.  
  2420. .block.block-subscribe.home-sidebar-block .block-title strong {
  2421.     font-size: 16px;
  2422.     color: #313131;
  2423.     font-weight: 700;
  2424.     text-transform: uppercase;
  2425.     padding: 30px 0 20px
  2426. }
  2427.  
  2428. .block.block-subscribe.home-sidebar-block .block-content p {
  2429.     line-height: 1.8
  2430. }
  2431.  
  2432. .block.block-subscribe.home-sidebar-block label.label {
  2433.     display: none
  2434. }
  2435.  
  2436. .block.block-subscribe.home-sidebar-block .newsletter .control {
  2437.     padding: 10px 10px 40px 10px;
  2438.     position: relative
  2439. }
  2440.  
  2441. .block.block-subscribe.home-sidebar-block .newsletter .control input {
  2442.     padding: 5px 60px 5px 10px;
  2443.     border: 1px solid #d3d3d3;
  2444.     border-radius: 5px;
  2445.     background-color: #fefefe;
  2446.     line-height: 16px;
  2447.     height: 34px
  2448. }
  2449.  
  2450. .block.block-subscribe.home-sidebar-block button.subscribe {
  2451.     width: 50px;
  2452.     height: 34px;
  2453.     padding: 0;
  2454.     line-height: 32px;
  2455.     height: 32px;
  2456.     background-color: #fefefe;
  2457.     color: #515151;
  2458.     border: 0;
  2459.     border-left: 1px solid #d3d3d3;
  2460.     border-radius: 0 5px 5px 0;
  2461.     position: absolute;
  2462.     right: 11px;
  2463.     top: 11px
  2464. }
  2465.  
  2466. .shop-features h2.shop-features-title {
  2467.     position: relative;
  2468.     text-align: center;
  2469.     margin: 30px 0
  2470. }
  2471.  
  2472. .shop-features h2.shop-features-title:before {
  2473.     content: "";
  2474.     background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
  2475.     height: 1px;
  2476.     width: 100%;
  2477.     display: block;
  2478.     position: absolute;
  2479.     top: 50%
  2480. }
  2481.  
  2482. .shop-features h2.shop-features-title span {
  2483.     background-color: #fff;
  2484.     display: inline-block;
  2485.     position: relative;
  2486.     z-index: 1;
  2487.     padding: 0 12px;
  2488.     color: #313131;
  2489.     font-weight: 700;
  2490.     font-size: 15px;
  2491.     line-height: 33px;
  2492.     vertical-align: top;
  2493. }
  2494.  
  2495. .homepage-grid-banner {
  2496.     padding: 0
  2497. }
  2498.  
  2499. .homepage-grid-banner * {
  2500.     transition: all 0.2s
  2501. }
  2502.  
  2503. .homepage-grid-banner .row {
  2504.     margin-left: -4px;
  2505.     margin-right: -4px
  2506. }
  2507.  
  2508. .homepage-grid-banner .col-md-1,
  2509. .homepage-grid-banner .col-md-2,
  2510. .homepage-grid-banner .col-md-3,
  2511. .homepage-grid-banner .col-md-4,
  2512. .homepage-grid-banner .col-md-5,
  2513. .homepage-grid-banner .col-md-6,
  2514. .homepage-grid-banner .col-md-7,
  2515. .homepage-grid-banner .col-md-8,
  2516. .homepage-grid-banner .col-md-9,
  2517. .homepage-grid-banner .col-md-10,
  2518. .homepage-grid-banner .col-md-11,
  2519. .homepage-grid-banner .col-md-12 {
  2520.     padding-left: 4px;
  2521.     padding-right: 4px
  2522. }
  2523.  
  2524. .homepage-grid-banner .col-md-margin {
  2525.     margin-bottom: 8px
  2526. }
  2527.  
  2528. .homepage-grid-banner img {
  2529.     width: 100%
  2530. }
  2531.  
  2532. .homepage-grid-banner .content a {
  2533.     font-size: 16px;
  2534.     margin-right: 5px;
  2535. }
  2536.  
  2537. .homepage-grid-banner .content a.btn-default {
  2538.     font-size: 13px;
  2539.     margin: 0;
  2540.     border: 0;
  2541.     padding-right: 3px;
  2542.     color: #fff
  2543. }
  2544.  
  2545. .homepage-grid-banner .ribbon {
  2546.     width: 33.5%;
  2547.     height: 22.3%
  2548. }
  2549.  
  2550. .homepage-grid-banner .ribbon:before {
  2551.     content: "";
  2552.     position: absolute;
  2553.     right: 0;
  2554.     top: 0;
  2555.     border: 150px solid #08c;
  2556.     border-right: 0;
  2557.     border-bottom: 0;
  2558.     border-left: 200px solid transparent;
  2559. }
  2560.  
  2561. .homepage-grid-banner .ribbon>div {
  2562.     width: 90%
  2563. }
  2564.  
  2565. .homepage-grid-banner .ribbon em {
  2566.     font-size: 14px
  2567. }
  2568.  
  2569. .homepage-grid-banner .ribbon h4 {
  2570.     font-size: 33px;
  2571.     line-height: 1;
  2572.     margin: 0
  2573. }
  2574.  
  2575. .homepage-grid-banner .ribbon h5 {
  2576.     font-size: 18px;
  2577.     line-height: 1;
  2578.     margin: 0
  2579. }
  2580.  
  2581. .homepage-grid-banner .grid1,
  2582. .homepage-grid-banner .grid2,
  2583. .homepage-grid-banner .grid3,
  2584. .homepage-grid-banner .grid4 {
  2585.     cursor: pointer;
  2586.     overflow: hidden;
  2587.     min-height: 50px
  2588. }
  2589.  
  2590. .homepage-grid-banner .grid1:before,
  2591. .homepage-grid-banner .grid2:before,
  2592. .homepage-grid-banner .grid3:before,
  2593. .homepage-grid-banner .grid4:before {
  2594.     content: "";
  2595.     width: 100%;
  2596.     height: 100%;
  2597.     position: absolute;
  2598.     left: 0;
  2599.     top: 0;
  2600.     background-color: #000;
  2601.     opacity: 0;
  2602.     filter: alpha(Opacity=0);
  2603.     visibility: hidden;
  2604.     transition: all 0.2s
  2605. }
  2606.  
  2607. .homepage-grid-banner .grid1:hover:before,
  2608. .homepage-grid-banner .grid2:hover:before,
  2609. .homepage-grid-banner .grid3:hover:before,
  2610. .homepage-grid-banner .grid4:hover:before {
  2611.     opacity: 0.1;
  2612.     filter: alpha(Opacity=10);
  2613.     visibility: visible
  2614. }
  2615.  
  2616. .homepage-grid-banner .grid1 .content h2 {
  2617.     font-size: 70.72px;
  2618.     line-height: 1;
  2619.     margin: 0 0 5px 0;
  2620. }
  2621.  
  2622. .homepage-grid-banner .grid1 .content p {
  2623.     font-size: 29.47px;
  2624.     line-height: 1;
  2625.     margin: 0;
  2626.     margin-bottom: 10px;
  2627.     margin-right: 4px
  2628. }
  2629.  
  2630. .homepage-grid-banner .grid2 .content h3 {
  2631.     font-size: 28.88px;
  2632.     line-height: 1;
  2633.     margin: 0 0 5px 0;
  2634. }
  2635.  
  2636. .homepage-grid-banner .grid2 .content h2 {
  2637.     font-size: 28.88px;
  2638.     line-height: 1;
  2639.     margin: 0 0 5px 0;
  2640. }
  2641.  
  2642. .homepage-grid-banner .grid2 .content p {
  2643.     font-size: 17.58px;
  2644.     line-height: 1;
  2645.     margin: 0;
  2646.     margin-bottom: 15px
  2647. }
  2648.  
  2649. .homepage-grid-banner .grid3 .content h2 {
  2650.     font-size: 46px;
  2651.     line-height: 1;
  2652.     margin: 0
  2653. }
  2654.  
  2655. .homepage-grid-banner .grid3 .content h5 {
  2656.     font-size: 16px;
  2657.     line-height: 1;
  2658.     margin: 0;
  2659.     margin-bottom: 30px
  2660. }
  2661.  
  2662. .homepage-grid-banner .grid3 .content p {
  2663.     font-size: 16px;
  2664.     line-height: 1;
  2665.     margin: 0;
  2666.     margin-bottom: 5px
  2667. }
  2668.  
  2669. .homepage-grid-banner .grid3 .content h4 {
  2670.     font-size: 22.72px;
  2671.     line-height: 1;
  2672.     margin-top: 20px;
  2673.     margin-bottom: 0
  2674. }
  2675.  
  2676. .homepage-grid-banner .grid3 .content h4>span {
  2677.     font-size: 17.66px;
  2678.     line-height: 1
  2679. }
  2680.  
  2681. .homepage-grid-banner .grid3 .content h3 {
  2682.     font-size: 37.71px;
  2683.     line-height: 1;
  2684.     margin: 0;
  2685.     margin-bottom: 15px
  2686. }
  2687.  
  2688. .homepage-grid-banner .grid3 .content h3>span {
  2689.     font-size: 25.14px;
  2690.     line-height: 1
  2691. }
  2692.  
  2693. .homepage-grid-banner .grid4 .content h2 {
  2694.     font-size: 33.86px;
  2695.     line-height: 1.2;
  2696.     margin: 0;
  2697.     margin-bottom: 15px
  2698. }
  2699.  
  2700. .homepage-grid-banner .grid4 .content p {
  2701.     font-size: 19.75px;
  2702.     line-height: 1.2;
  2703.     margin: 0;
  2704.     margin-bottom: 17px
  2705. }
  2706.  
  2707. @media (max-width:1199px) {
  2708.     .homepage-grid-banner .row {
  2709.         margin-left: -3px;
  2710.         margin-right: -3px
  2711.     }
  2712.     .homepage-grid-banner .col-md-1,
  2713.     .homepage-grid-banner .col-md-2,
  2714.     .homepage-grid-banner .col-md-3,
  2715.     .homepage-grid-banner .col-md-4,
  2716.     .homepage-grid-banner .col-md-5,
  2717.     .homepage-grid-banner .col-md-6,
  2718.     .homepage-grid-banner .col-md-7,
  2719.     .homepage-grid-banner .col-md-8,
  2720.     .homepage-grid-banner .col-md-9,
  2721.     .homepage-grid-banner .col-md-10,
  2722.     .homepage-grid-banner .col-md-11,
  2723.     .homepage-grid-banner .col-md-12 {
  2724.         padding-left: 3px;
  2725.         padding-right: 3px
  2726.     }
  2727.     .homepage-grid-banner .col-md-margin {
  2728.         margin-bottom: 7px
  2729.     }
  2730.     .homepage-grid-banner .content a.btn-default {
  2731.         font-size: 11px
  2732.     }
  2733.     .homepage-grid-banner .grid1 .content h2 {
  2734.         font-size: 55.16px
  2735.     }
  2736.     .homepage-grid-banner .grid1 .content p {
  2737.         font-size: 23px;
  2738.         margin-right: 3.12px
  2739.     }
  2740.     .homepage-grid-banner .grid2 .content h3 {
  2741.         font-size: 22.53px
  2742.     }
  2743.     .homepage-grid-banner .grid2 .content h2 {
  2744.         font-size: 22.53px
  2745.     }
  2746.     .homepage-grid-banner .grid2 .content p {
  2747.         font-size: 13.71px;
  2748.         margin-bottom: 11.7px
  2749.     }
  2750.     .homepage-grid-banner .grid3 .content h2 {
  2751.         font-size: 35.88px
  2752.     }
  2753.     .homepage-grid-banner .grid3 .content h5 {
  2754.         font-size: 12.48px;
  2755.         margin-bottom: 23.4px
  2756.     }
  2757.     .homepage-grid-banner .grid3 .content p {
  2758.         font-size: 12.48px;
  2759.         margin-bottom: 3.9px
  2760.     }
  2761.     .homepage-grid-banner .grid3 .content h4 {
  2762.         font-size: 17.72px;
  2763.         margin-top: 15.6px
  2764.     }
  2765.     .homepage-grid-banner .grid3 .content h4>span {
  2766.         font-size: 13.77px
  2767.     }
  2768.     .homepage-grid-banner .grid3 .content h3 {
  2769.         font-size: 29.41px;
  2770.         margin-bottom: 11.7px
  2771.     }
  2772.     .homepage-grid-banner .grid3 .content h3>span {
  2773.         font-size: 19.6px
  2774.     }
  2775.     .homepage-grid-banner .grid4 .content h2 {
  2776.         font-size: 29px;
  2777.         margin-bottom: 12px
  2778.     }
  2779.     .homepage-grid-banner .grid4 .content p {
  2780.         font-size: 17px;
  2781.         margin-bottom: 11.7px
  2782.     }
  2783. }
  2784.  
  2785. @media (max-width:991px) {
  2786.     .homepage-grid-banner .row {
  2787.         margin-left: -2px;
  2788.         margin-right: -3px
  2789.     }
  2790.     .homepage-grid-banner .col-md-1,
  2791.     .homepage-grid-banner .col-md-2,
  2792.     .homepage-grid-banner .col-md-3,
  2793.     .homepage-grid-banner .col-md-4,
  2794.     .homepage-grid-banner .col-md-5,
  2795.     .homepage-grid-banner .col-md-6,
  2796.     .homepage-grid-banner .col-md-7,
  2797.     .homepage-grid-banner .col-md-8,
  2798.     .homepage-grid-banner .col-md-9,
  2799.     .homepage-grid-banner .col-md-10,
  2800.     .homepage-grid-banner .col-md-11,
  2801.     .homepage-grid-banner .col-md-12 {
  2802.         padding-left: 2px;
  2803.         padding-right: 3px
  2804.     }
  2805.     .homepage-grid-banner .col-md-margin {
  2806.         margin-bottom: 4px
  2807.     }
  2808.     .homepage-grid-banner .content a.btn-default {
  2809.         font-size: 10px;
  2810.         padding: 4px 6px;
  2811.         padding-right: 3px
  2812.     }
  2813.     .homepage-grid-banner .grid1 .content h2 {
  2814.         font-size: 42.43px
  2815.     }
  2816.     .homepage-grid-banner .grid1 .content p {
  2817.         font-size: 17.68px;
  2818.         margin-bottom: 6px;
  2819.         margin-right: 2.4px
  2820.     }
  2821.     .homepage-grid-banner .grid2 .content h3 {
  2822.         font-size: 17.33px
  2823.     }
  2824.     .homepage-grid-banner .grid2 .content h2 {
  2825.         font-size: 17.33px
  2826.     }
  2827.     .homepage-grid-banner .grid2 .content p {
  2828.         font-size: 10.55px;
  2829.         margin-bottom: 9px
  2830.     }
  2831.     .homepage-grid-banner .grid3 .content h2 {
  2832.         font-size: 27.6px
  2833.     }
  2834.     .homepage-grid-banner .grid3 .content h5 {
  2835.         font-size: 9.6px;
  2836.         margin-bottom: 18px
  2837.     }
  2838.     .homepage-grid-banner .grid3 .content p {
  2839.         font-size: 9.6px;
  2840.         margin-bottom: 3px
  2841.     }
  2842.     .homepage-grid-banner .grid3 .content h4 {
  2843.         font-size: 13.63px;
  2844.         margin-top: 12px
  2845.     }
  2846.     .homepage-grid-banner .grid3 .content h4>span {
  2847.         font-size: 10.6px
  2848.     }
  2849.     .homepage-grid-banner .grid3 .content h3 {
  2850.         font-size: 22.63px;
  2851.         margin-bottom: 9px
  2852.     }
  2853.     .homepage-grid-banner .grid3 .content h3>span {
  2854.         font-size: 15.08px
  2855.     }
  2856.     .homepage-grid-banner .grid4 .content h2 {
  2857.         font-size: 21px;
  2858.         margin-bottom: 9px
  2859.     }
  2860.     .homepage-grid-banner .grid4 .content p {
  2861.         font-size: 14px;
  2862.         margin-bottom: 7px
  2863.     }
  2864. }
  2865.  
  2866. @media (max-width:767px) {
  2867.     .breadcrumbs,
  2868.     .page-header .header.panel,
  2869.     .header.content,
  2870.     .footer.content,
  2871.     .page-wrapper>.widget,
  2872.     .page-wrapper>.page-bottom,
  2873.     .block.category.event,
  2874.     .top-container,
  2875.     .page-main {
  2876.         max-width: 540px;
  2877.         margin: 0 auto;
  2878.     }
  2879.     .homepage-grid-banner .row {
  2880.         margin-left: -10px;
  2881.         margin-right: -10px
  2882.     }
  2883.     .homepage-grid-banner .col-md-1,
  2884.     .homepage-grid-banner .col-md-2,
  2885.     .homepage-grid-banner .col-md-3,
  2886.     .homepage-grid-banner .col-md-4,
  2887.     .homepage-grid-banner .col-md-5,
  2888.     .homepage-grid-banner .col-md-6,
  2889.     .homepage-grid-banner .col-md-7,
  2890.     .homepage-grid-banner .col-md-8,
  2891.     .homepage-grid-banner .col-md-9,
  2892.     .homepage-grid-banner .col-md-10,
  2893.     .homepage-grid-banner .col-md-11,
  2894.     .homepage-grid-banner .col-md-12 {
  2895.         padding-left: 10px;
  2896.         padding-right: 10px
  2897.     }
  2898.     .homepage-grid-banner .col-md-margin {
  2899.         margin-bottom: 0
  2900.     }
  2901.     .homepage-grid-banner .content a.btn-default {
  2902.         font-size: 14px;
  2903.         padding: 6px 12px;
  2904.         padding-right: 6px
  2905.     }
  2906.     .homepage-grid-banner img {
  2907.         margin-bottom: 20px
  2908.     }
  2909.     .homepage-grid-banner .grid1 .content h2 {
  2910.         font-size: 70.72px
  2911.     }
  2912.     .homepage-grid-banner .grid1 .content p {
  2913.         font-size: 29.47px;
  2914.         margin-bottom: 10px;
  2915.         margin-right: 4px
  2916.     }
  2917.     .homepage-grid-banner .grid2 .content h3 {
  2918.         font-size: 28.88px
  2919.     }
  2920.     .homepage-grid-banner .grid2 .content h2 {
  2921.         font-size: 28.88px
  2922.     }
  2923.     .homepage-grid-banner .grid2 .content p {
  2924.         font-size: 17.58px;
  2925.         margin-bottom: 15px
  2926.     }
  2927.     .homepage-grid-banner .grid3 .content h2 {
  2928.         font-size: 46px
  2929.     }
  2930.     .homepage-grid-banner .grid3 .content h5 {
  2931.         font-size: 16px;
  2932.         margin-bottom: 30px
  2933.     }
  2934.     .homepage-grid-banner .grid3 .content p {
  2935.         font-size: 16px;
  2936.         margin-bottom: 5px
  2937.     }
  2938.     .homepage-grid-banner .grid3 .content h4 {
  2939.         font-size: 22.72px;
  2940.         margin-top: 20px
  2941.     }
  2942.     .homepage-grid-banner .grid3 .content h4>span {
  2943.         font-size: 17.66px
  2944.     }
  2945.     .homepage-grid-banner .grid3 .content h3 {
  2946.         font-size: 37.71px;
  2947.         margin-bottom: 15px
  2948.     }
  2949.     .homepage-grid-banner .grid3 .content h3>span {
  2950.         font-size: 25.14px
  2951.     }
  2952.     .homepage-grid-banner .grid4 .content h2 {
  2953.         font-size: 35px
  2954.     }
  2955.     .homepage-grid-banner .grid4 .content p {
  2956.         font-size: 23px;
  2957.         margin-bottom: 15px
  2958.     }
  2959. }
  2960.  
  2961. @media (max-width:640px) {
  2962.     .homepage-grid-banner .grid1 .content h2 {
  2963.         font-size: 42.43px
  2964.     }
  2965.     .homepage-grid-banner .grid1 .content p {
  2966.         font-size: 17.68px;
  2967.         margin-bottom: 6px;
  2968.         margin-right: 2.4px
  2969.     }
  2970. }
  2971.  
  2972. @media (max-width:480px) {
  2973.     .homepage-grid-banner .grid1 .content h2 {
  2974.         font-size: 25px
  2975.     }
  2976.     .homepage-grid-banner .grid1 .content p {
  2977.         font-size: 17.68px;
  2978.         margin-bottom: 6px;
  2979.         margin-right: 2.4px
  2980.     }
  2981. }
  2982.  
  2983. .single-image {
  2984.     display: block;
  2985.     position: relative;
  2986.     overflow: hidden;
  2987. }
  2988.  
  2989. .single-image img {
  2990.     max-width: 100%;
  2991.     transition: 0.5s ease;
  2992. }
  2993.  
  2994. .single-image img {
  2995.     width: 100%;
  2996. }
  2997.  
  2998. .single-image:hover img {
  2999.     transform: scale(1.2);
  3000. }
  3001.  
  3002. #banner-slider-demo-11 .slide-1 em {
  3003.     font-size: 26.26px;
  3004.     margin: 0;
  3005.     margin-left: 5px
  3006. }
  3007.  
  3008. #banner-slider-demo-11 .slide-1 .text-content h2 {
  3009.     font-size: 79.12px;
  3010.     letter-spacing: -5px
  3011. }
  3012.  
  3013. #banner-slider-demo-11 .slide-1 .text-content p {
  3014.     margin: 0
  3015. }
  3016.  
  3017. #banner-slider-demo-11 .slide-1 .text-content p span {
  3018.     font-size: 23.64px;
  3019.     padding-left: 6px
  3020. }
  3021.  
  3022. #banner-slider-demo-11 .slide-1 .text-content a {
  3023.     font-size: 15.76px;
  3024.     padding: 10px 34px;
  3025.     margin-top: 15px;
  3026.     margin-left: 7px
  3027. }
  3028.  
  3029. #banner-slider-demo-11 .slide-2 em {
  3030.     font-size: 26.26px;
  3031.     margin: 0;
  3032.     margin-bottom: 10px
  3033. }
  3034.  
  3035. #banner-slider-demo-11 .slide-2 .text-content h2 {
  3036.     font-size: 51.67px
  3037. }
  3038.  
  3039. #banner-slider-demo-11 .slide-2 .text-content p {
  3040.     margin: 0
  3041. }
  3042.  
  3043. #banner-slider-demo-11 .slide-2 .text-content p span {
  3044.     font-size: 23.64px
  3045. }
  3046.  
  3047. #banner-slider-demo-11 .slide-2 .text-content a {
  3048.     font-size: 15.76px;
  3049.     padding: 10px 34px;
  3050.     margin-top: 15px
  3051. }
  3052.  
  3053. @media (max-width:767px) {
  3054.     #banner-slider-demo-11 .slide-1 em {
  3055.         font-size: 12px;
  3056.         margin: 0;
  3057.         margin-left: 1px
  3058.     }
  3059.     #banner-slider-demo-11 .slide-1 .text-content h2 {
  3060.         font-size: 30px;
  3061.         letter-spacing: -1px
  3062.     }
  3063.     #banner-slider-demo-11 .slide-1 .text-content p span {
  3064.         font-size: 12px;
  3065.         padding-left: 1px;
  3066.         display: block
  3067.     }
  3068.     #banner-slider-demo-11 .slide-1 .text-content a {
  3069.         font-size: 10px;
  3070.         padding: 6px 20px;
  3071.         margin-left: 0;
  3072.         margin-top: 10px
  3073.     }
  3074.     #banner-slider-demo-11 .slide-2 em {
  3075.         font-size: 12px;
  3076.         margin: 0;
  3077.         margin-bottom: 2px
  3078.     }
  3079.     #banner-slider-demo-11 .slide-2 .text-content h2 {
  3080.         font-size: 26px;
  3081.         letter-spacing: -1px
  3082.     }
  3083.     #banner-slider-demo-11 .slide-2 .text-content p span {
  3084.         font-size: 12px;
  3085.         display: block
  3086.     }
  3087.     #banner-slider-demo-11 .slide-2 .text-content a {
  3088.         font-size: 10px;
  3089.         padding: 6px 20px;
  3090.         margin-left: 0;
  3091.         margin-top: 10px
  3092.     }
  3093. }
  3094.  
  3095. .flex-owl-slider .owl-item:first-child .item {
  3096.     border-left-color: transparent;
  3097. }
  3098.  
  3099. .flex-owl-slider .owl-item .item {
  3100.     border-left: 1px solid #e3e4e4;
  3101. }
  3102.  
  3103. .owl-no-narrow .owl-controls {
  3104.     display: none;
  3105. }
  3106.  
  3107. @media (max-width:640px) {
  3108.     .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart {
  3109.         width: 40px;
  3110.         padding: 0 12px;
  3111.     }
  3112.     .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart span {
  3113.         display: none;
  3114.     }
  3115. }
  3116.  
  3117. @media (max-width: 991px) {
  3118.     .sm-bd-0 {
  3119.         border: 0!important;
  3120.     }
  3121. }
  3122.  
  3123. .fancybox-close {
  3124.     background: transparent;
  3125.     right: 10px;
  3126.     top: 10px;
  3127.     text-align: center;
  3128.     font-size: 15px;
  3129.     line-height: 20px;
  3130.     width: 20px;
  3131.     height: 20px;
  3132. }
  3133.  
  3134. .fancybox-close:hover {
  3135.     text-decoration: none;
  3136. }
  3137.  
  3138. .fancybox-close:before {
  3139.     content: '\f819';
  3140.     font-family: 'porto-icons';
  3141. }
  3142.  
  3143.  
  3144. /* Previous/Next Product links on Product View Page*/
  3145.  
  3146.  
  3147. /* Previous/Next Product links on Product View Page*/
  3148.  
  3149.  
  3150. /* Category Banner */
  3151.  
  3152. .page-wrapper>.category-banner {
  3153.     background-color: transparent
  3154. }
  3155.  
  3156. .page-wrapper>.category-banner .banner-image {
  3157.     width: 100%
  3158. }
  3159.  
  3160. .category-banner .banner-text {
  3161.     position: absolute;
  3162.     top: 30%;
  3163.     width: 100%;
  3164.     color: #fff
  3165. }
  3166.  
  3167. .category-banner .banner-text h2 {
  3168.     font-size: 50px;
  3169.     color: #fff
  3170. }
  3171.  
  3172. .category-banner .banner-text p {
  3173.     font-size: 26px;
  3174.     font-weight: 300
  3175. }
  3176.  
  3177. .category-boxed-banner.owl-theme .owl-controls {
  3178.     margin-top: -40px;
  3179.     position: relative;
  3180.     height: 30px
  3181. }
  3182.  
  3183. .category-boxed-banner .owl-item .item {
  3184.     border-radius: 5px;
  3185.     overflow: hidden;
  3186.     position: relative
  3187. }
  3188.  
  3189. .category-boxed-banner .owl-item .item img {
  3190.     width: 100%
  3191. }
  3192.  
  3193. .category-boxed-banner .banner-text {
  3194.     position: absolute;
  3195.     top: 40%;
  3196.     left: 4%;
  3197.     color: #fff;
  3198.     width: 100%
  3199. }
  3200.  
  3201. .category-boxed-banner .banner-text h2 {
  3202.     font-size: 35px;
  3203.     color: #fff;
  3204.     background-color: #333;
  3205.     background-color: rgba(23, 23, 23, .9);
  3206.     padding: 5px 10px;
  3207.     display: inline-block;
  3208.     line-height: 1
  3209. }
  3210.  
  3211. .category-boxed-banner .banner-text p {
  3212.     font-size: 16px;
  3213.     font-weight: 300;
  3214.     background-color: #666;
  3215.     background-color: rgba(23, 23, 23, .65);
  3216.     padding: 7px 12px;
  3217.     line-height: 1.4
  3218. }
  3219.  
  3220. .category-boxed-banner .banner-text a.shop-now {
  3221.     margin-left: 20px;
  3222.     font-size: 16px;
  3223. }
  3224.  
  3225. .full-width-image-banner {
  3226.     height: 375px;
  3227.     position: relative;
  3228.     z-index: 3
  3229. }
  3230.  
  3231. .full-width-image-banner:after {
  3232.     content: "";
  3233.     display: block;
  3234.     position: absolute;
  3235.     width: 100%;
  3236.     height: 100%;
  3237.     left: 0;
  3238.     top: 0;
  3239.     background-color: #393733;
  3240.     opacity: 0.65;
  3241.     filter: alpha(opacity=65)
  3242. }
  3243.  
  3244. .full-width-image-banner .content {
  3245.     margin-top: -36px
  3246. }
  3247.  
  3248. .full-width-image-banner h2 {
  3249.     margin: 0;
  3250.     font-size: 45px;
  3251.     line-height: 1.1
  3252. }
  3253.  
  3254. .full-width-image-banner p {
  3255.     margin: 0;
  3256.     font-size: 16px
  3257. }
  3258.  
  3259. .no-margin {
  3260.     margin: 0 !important;
  3261. }
  3262.  
  3263. @media (max-width:1199px) {
  3264.     .category-banner .banner-text h2 {
  3265.         font-size: 45px
  3266.     }
  3267.     .category-banner .banner-text p {
  3268.         font-size: 23px
  3269.     }
  3270.     .category-boxed-banner .banner-text h2 {
  3271.         font-size: 38px
  3272.     }
  3273.     .category-boxed-banner .banner-text p {
  3274.         font-size: 17px
  3275.     }
  3276.     .category-boxed-banner .banner-text a.shop-now {
  3277.         margin-left: 16px;
  3278.         font-size: 14px
  3279.     }
  3280. }
  3281.  
  3282. @media (max-width:991px) {
  3283.     .category-banner .banner-text h2 {
  3284.         font-size: 28px
  3285.     }
  3286.     .category-banner .banner-text p {
  3287.         font-size: 16px
  3288.     }
  3289.     .category-boxed-banner .banner-text h2 {
  3290.         font-size: 28px
  3291.     }
  3292.     .category-boxed-banner .banner-text p {
  3293.         font-size: 12px
  3294.     }
  3295.     .category-boxed-banner .banner-text a.shop-now {
  3296.         margin-left: 12px;
  3297.         font-size: 12px
  3298.     }
  3299. }
  3300.  
  3301. @media (max-width:767px) {
  3302.     .category-banner .banner-text h2 {
  3303.         font-size: 28px
  3304.     }
  3305.     .category-banner .banner-text p {
  3306.         display: none
  3307.     }
  3308.     .category-boxed-banner .banner-text h2 {
  3309.         font-size: 28px
  3310.     }
  3311.     .category-boxed-banner .banner-text p {
  3312.         display: none
  3313.     }
  3314. }
  3315.  
  3316. @media (max-width:640px) {
  3317.     .category-boxed-banner .banner-text a.shop-now {
  3318.         margin-left: 10px;
  3319.         font-size: 9px
  3320.     }
  3321.     .full-width-image-banner {
  3322.         height: 200px
  3323.     }
  3324.     .full-width-image-banner .content {
  3325.         margin-top: -16px
  3326.     }
  3327.     .full-width-image-banner h2 {
  3328.         margin: 0;
  3329.         font-size: 30px;
  3330.         line-height: 1.1
  3331.     }
  3332.     .full-width-image-banner p {
  3333.         display: none
  3334.     }
  3335. }
  3336.  
  3337. @media (max-width:480px) {
  3338.     .category-banner .banner-text h2 {
  3339.         font-size: 14px
  3340.     }
  3341.     .category-boxed-banner .banner-text h2 {
  3342.         font-size: 14px
  3343.     }
  3344.     .full-width-image-banner {
  3345.         height: 150px
  3346.     }
  3347.     .full-width-image-banner .content {
  3348.         margin-top: -13px
  3349.     }
  3350.     .full-width-image-banner h2 {
  3351.         margin: 0;
  3352.         font-size: 24px;
  3353.         line-height: 1.1
  3354.     }
  3355.     .full-width-image-banner p {
  3356.         display: none
  3357.     }
  3358. }
  3359.  
  3360.  
  3361. /* Category Banner */
  3362.  
  3363.  
  3364. /****************** Demo 12 ***************/
  3365.  
  3366. #banner-slider-demo-12 .item img {
  3367.     width: 100%;
  3368. }
  3369.  
  3370. #banner-slider-demo-12 .item .content {
  3371.     position: absolute;
  3372.     right: 4.3%;
  3373.     bottom: 20.5%;
  3374. }
  3375.  
  3376. #banner-slider-demo-12 .item .content>span {
  3377.     font-size: 21px;
  3378.     font-weight: 300;
  3379.     color: #303030;
  3380.     margin-right: 35px;
  3381.     display: inline-block;
  3382.     vertical-align: middle;
  3383. }
  3384.  
  3385. #banner-slider-demo-12 .item .content>a.btn-default {
  3386.     font-size: 13px;
  3387. }
  3388.  
  3389.  
  3390. /****************** Demo 13 ***************/
  3391.  
  3392. #parallax_01 .parallax-content-13 img.quote {}
  3393.  
  3394. #parallax_01 .parallax-content-13 em {
  3395.     font-size: 26.26px;
  3396.     margin: 0 10px
  3397. }
  3398.  
  3399. #parallax_01 .parallax-content-13 h2 {
  3400.     font-size: 79.12px;
  3401.     margin: 5px 0 10px
  3402. }
  3403.  
  3404. #parallax_01 .parallax-content-13 p {
  3405.     font-size: 23.64px
  3406. }
  3407.  
  3408. #parallax_02 {
  3409.     padding: 250px 0
  3410. }
  3411.  
  3412. #parallax_02 .parallax-content-13 .text-content em {
  3413.     font-size: 26.26px;
  3414.     margin: 0
  3415. }
  3416.  
  3417. #parallax_02 .parallax-content-13 .text-content h2 {
  3418.     font-size: 79.12px;
  3419.     letter-spacing: -6px
  3420. }
  3421.  
  3422. #parallax_02 .parallax-content-13 .text-content p {
  3423.     margin: 0
  3424. }
  3425.  
  3426. #parallax_02 .parallax-content-13 .text-content p span {
  3427.     font-size: 23.64px;
  3428.     padding-left: 6px
  3429. }
  3430.  
  3431. #parallax_02 .parallax-content-13 .text-content p a {
  3432.     font-size: 16px;
  3433.     padding: 10px 28px;
  3434.     margin-left: 10px;
  3435.     margin-top: 5px
  3436. }
  3437.  
  3438. #parallax_03 {
  3439.     padding: 250px 0
  3440. }
  3441.  
  3442. #parallax_03 .parallax-content-13 .text-content em {
  3443.     font-size: 26.26px;
  3444.     margin: 0;
  3445.     margin-left: 5px
  3446. }
  3447.  
  3448. #parallax_03 .parallax-content-13 .text-content h2 {
  3449.     font-size: 79.12px;
  3450.     letter-spacing: -6px
  3451. }
  3452.  
  3453. #parallax_03 .parallax-content-13 .text-content p {
  3454.     margin: 0
  3455. }
  3456.  
  3457. #parallax_03 .parallax-content-13 .text-content p span {
  3458.     font-size: 23.64px;
  3459.     padding-left: 6px
  3460. }
  3461.  
  3462. #parallax_03 .parallax-content-13 .text-content p a {
  3463.     font-size: 16px;
  3464.     padding: 10px 28px;
  3465.     margin-left: 125px;
  3466.     margin-top: 5px
  3467. }
  3468.  
  3469. #parallax_04 .parallax-content-13 img.quote {}
  3470.  
  3471. #parallax_04 .parallax-content-13 em {
  3472.     font-size: 26.26px;
  3473.     margin: 0 10px
  3474. }
  3475.  
  3476. #parallax_04 .parallax-content-13 h2 {
  3477.     font-size: 61px;
  3478.     margin: 5px 0 10px;
  3479.     letter-spacing: -3px
  3480. }
  3481.  
  3482. #parallax_04 .parallax-content-13 p {
  3483.     font-size: 18px
  3484. }
  3485.  
  3486. #parallax_04 .parallax-content-13 a.btn.btn-default {
  3487.     font-size: 16px;
  3488.     padding: 8px 35px
  3489. }
  3490.  
  3491. @media (max-width:767px) {
  3492.     #parallax_01 .parallax-content-13 img.quote {
  3493.         width: 20px
  3494.     }
  3495.     #parallax_01 .parallax-content-13 em {
  3496.         font-size: 12px;
  3497.         margin: 0 5px
  3498.     }
  3499.     #parallax_01 .parallax-content-13 h2 {
  3500.         font-size: 35px;
  3501.         margin: 4px 0 7px
  3502.     }
  3503.     #parallax_01 .parallax-content-13 p {
  3504.         font-size: 11px;
  3505.         margin: 0
  3506.     }
  3507.     #parallax_02 {
  3508.         padding: 50px 0
  3509.     }
  3510.     #parallax_02 .parallax-content-13 .text-content em {
  3511.         font-size: 12px
  3512.     }
  3513.     #parallax_02 .parallax-content-13 .text-content h2 {
  3514.         font-size: 35px;
  3515.         letter-spacing: -2px
  3516.     }
  3517.     #parallax_02 .parallax-content-13 .text-content p span {
  3518.         font-size: 12px;
  3519.         padding-left: 6px;
  3520.         display: block
  3521.     }
  3522.     #parallax_02 .parallax-content-13 .text-content p a {
  3523.         font-size: 10px;
  3524.         padding: 6px 13px;
  3525.         margin-left: 10px;
  3526.         margin-top: 5px
  3527.     }
  3528.     #parallax_03 {
  3529.         padding: 50px 0
  3530.     }
  3531.     #parallax_03 .parallax-content-13 .text-content em {
  3532.         font-size: 12px;
  3533.         margin: 0;
  3534.         margin-left: 1px
  3535.     }
  3536.     #parallax_03 .parallax-content-13 .text-content h2 {
  3537.         font-size: 30px;
  3538.         letter-spacing: -1px
  3539.     }
  3540.     #parallax_03 .parallax-content-13 .text-content p span {
  3541.         font-size: 12px;
  3542.         padding-left: 1px;
  3543.         display: block
  3544.     }
  3545.     #parallax_03 .parallax-content-13 .text-content p a {
  3546.         font-size: 10px;
  3547.         padding: 6px 13px;
  3548.         margin-left: 0;
  3549.         margin-top: 5px
  3550.     }
  3551.     #parallax_04 .parallax-content-13 img.quote {
  3552.         width: 20px
  3553.     }
  3554.     #parallax_04 .parallax-content-13 em {
  3555.         font-size: 12px;
  3556.         margin: 0 5px
  3557.     }
  3558.     #parallax_04 .parallax-content-13 h2 {
  3559.         font-size: 22px;
  3560.         margin: 4px 0 7px;
  3561.         letter-spacing: -1px
  3562.     }
  3563.     #parallax_04 .parallax-content-13 p {
  3564.         font-size: 10px
  3565.     }
  3566.     #parallax_04 .parallax-content-13 a.btn.btn-default {
  3567.         font-size: 10px;
  3568.         padding: 5px 20px
  3569.     }
  3570. }
  3571.  
  3572. #banner-slider-demo-14 .slide-1 em {
  3573.     font-size: 26.26px;
  3574.     margin: 0;
  3575.     margin-left: 5px
  3576. }
  3577.  
  3578. #banner-slider-demo-14 .slide-1 .text-content h2 {
  3579.     font-size: 79.12px;
  3580.     letter-spacing: -6px
  3581. }
  3582.  
  3583. #banner-slider-demo-14 .slide-1 .text-content p {
  3584.     margin: 0
  3585. }
  3586.  
  3587. #banner-slider-demo-14 .slide-1 .text-content p span {
  3588.     font-size: 23.64px;
  3589.     padding-left: 6px
  3590. }
  3591.  
  3592. #banner-slider-demo-14 .slide-1 .text-content a {
  3593.     font-size: 15.76px;
  3594.     padding: 10px 34px;
  3595.     margin-top: 15px;
  3596.     margin-left: 7px
  3597. }
  3598.  
  3599. #banner-slider-demo-14 .slide-2 em {
  3600.     font-size: 26.26px;
  3601.     margin: 0;
  3602.     margin-left: 5px
  3603. }
  3604.  
  3605. #banner-slider-demo-14 .slide-2 .text-content h2 {
  3606.     font-size: 79.12px;
  3607.     letter-spacing: -6px
  3608. }
  3609.  
  3610. #banner-slider-demo-14 .slide-2 .text-content p {
  3611.     margin: 0
  3612. }
  3613.  
  3614. #banner-slider-demo-14 .slide-2 .text-content p span {
  3615.     font-size: 23.64px;
  3616.     padding-left: 6px
  3617. }
  3618.  
  3619. #banner-slider-demo-14 .slide-2 .text-content a {
  3620.     font-size: 15.76px;
  3621.     padding: 10px 0;
  3622.     margin-top: 10px
  3623. }
  3624.  
  3625. @media (max-width:767px) {
  3626.     #banner-slider-demo-14 .slide-1 em {
  3627.         font-size: 12px;
  3628.         margin: 0;
  3629.         margin-left: 1px
  3630.     }
  3631.     #banner-slider-demo-14 .slide-1 .text-content h2 {
  3632.         font-size: 30px;
  3633.         letter-spacing: -1px
  3634.     }
  3635.     #banner-slider-demo-14 .slide-1 .text-content p span {
  3636.         font-size: 12px;
  3637.         padding-left: 1px;
  3638.         display: block
  3639.     }
  3640.     #banner-slider-demo-14 .slide-1 .text-content a {
  3641.         font-size: 10px;
  3642.         padding: 6px 20px;
  3643.         margin-left: 0;
  3644.         margin-top: 10px
  3645.     }
  3646.     #banner-slider-demo-14 .slide-2 em {
  3647.         font-size: 12px;
  3648.         margin: 0;
  3649.         margin-left: 1px
  3650.     }
  3651.     #banner-slider-demo-14 .slide-2 .text-content h2 {
  3652.         font-size: 30px;
  3653.         letter-spacing: -1px
  3654.     }
  3655.     #banner-slider-demo-14 .slide-2 .text-content p span {
  3656.         font-size: 12px;
  3657.         padding-left: 1px;
  3658.         display: block
  3659.     }
  3660.     #banner-slider-demo-14 .slide-2 .text-content a {
  3661.         font-size: 10px;
  3662.         padding: 6px 0;
  3663.         margin-left: 0;
  3664.         margin-top: 5px
  3665.     }
  3666. }
  3667.  
  3668. .image-link span.category-title {
  3669.     display: block;
  3670.     position: absolute;
  3671.     left: -10px;
  3672.     bottom: 20px;
  3673.     color: #fff;
  3674.     padding: 15px 17px;
  3675.     font-size: 15px;
  3676.     font-weight: 600;
  3677.     line-height: 1;
  3678.     min-width: 174px;
  3679.     text-align: left;
  3680.     background-color: #3f4658
  3681. }
  3682.  
  3683. .image-link span.category-title:before {
  3684.     content: "";
  3685.     width: 10px;
  3686.     height: 10px;
  3687.     border: 5px solid transparent;
  3688.     border-right-color: #3f4658;
  3689.     border-top-color: #3f4658;
  3690.     display: block;
  3691.     position: absolute;
  3692.     left: 0;
  3693.     top: 100%
  3694. }
  3695.  
  3696. .overlay {
  3697.     background-color: #000;
  3698.     opacity: 0.55;
  3699.     filter: alpha(opacity=55);
  3700.     width: 100%;
  3701.     height: 100%;
  3702.     display: block;
  3703.     position: absolute
  3704. }
  3705.  
  3706. #banner-slider-demo-15 .content em {
  3707.     font-size: 18px
  3708. }
  3709.  
  3710. #banner-slider-demo-15 .content h2 {
  3711.     font-size: 44px
  3712. }
  3713.  
  3714. #banner-slider-demo-15 .content hr {
  3715.     margin: 10px 0
  3716. }
  3717.  
  3718. #banner-slider-demo-15 .content a {
  3719.     font-size: 16px
  3720. }
  3721.  
  3722. .img-desc-home15 {
  3723.     margin-top: -88px;
  3724.     padding: 0 25px
  3725. }
  3726.  
  3727. .img-desc-home15 h3 {
  3728.     font-size: 24px
  3729. }
  3730.  
  3731. .img-desc-home15 hr {
  3732.     width: 90px;
  3733.     margin: 15px 0
  3734. }
  3735.  
  3736. .img-desc-home15 p {
  3737.     font-size: 15px
  3738. }
  3739.  
  3740. .img-desc-home15 a {
  3741.     font-size: 15px
  3742. }
  3743.  
  3744. @media (max-width:991px) {
  3745.     .img-desc-home15 {
  3746.         margin-top: -65px;
  3747.         padding: 0 16px
  3748.     }
  3749.     .img-desc-home15 h3 {
  3750.         font-size: 16px
  3751.     }
  3752.     .img-desc-home15 hr {
  3753.         width: 60px;
  3754.         margin: 10px 0
  3755.     }
  3756.     .img-desc-home15 p {
  3757.         font-size: 10px
  3758.     }
  3759.     .img-desc-home15 a {
  3760.         font-size: 10px
  3761.     }
  3762. }
  3763.  
  3764. @media (max-width:767px) {
  3765.     #banner-slider-demo-15 .content em {
  3766.         font-size: 9px
  3767.     }
  3768.     #banner-slider-demo-15 .content h2 {
  3769.         font-size: 22px
  3770.     }
  3771.     #banner-slider-demo-15 .content hr {
  3772.         margin: 5px 0;
  3773.     }
  3774.     #banner-slider-demo-15 .content a {
  3775.         font-size: 8px
  3776.     }
  3777.     .img-desc-home15 {
  3778.         margin-top: -88px;
  3779.         padding: 0 25px
  3780.     }
  3781.     .img-desc-home15 h3 {
  3782.         font-size: 24px
  3783.     }
  3784.     .img-desc-home15 hr {
  3785.         width: 90px;
  3786.         margin: 15px 0
  3787.     }
  3788.     .img-desc-home15 p {
  3789.         font-size: 15px
  3790.     }
  3791.     .img-desc-home15 a {
  3792.         font-size: 15px
  3793.     }
  3794. }
  3795.  
  3796. .top-newsletter .newsletter button.subscribe {
  3797.     position: absolute;
  3798.     right: 0;
  3799.     top: 0;
  3800.     height: 30px;
  3801.     line-height: 30px;
  3802.     border-radius: 0;
  3803.     color: #000;
  3804.     padding: 0 15px;
  3805.     background-color: transparent;
  3806.     border: 0;
  3807. }
  3808.  
  3809. .top-newsletter .newsletter input {
  3810.     width: 300px;
  3811.     height: 30px;
  3812.     border-radius: 0;
  3813.     line-height: 16px;
  3814.     padding: 7px 50px 7px 15px;
  3815. }
  3816.  
  3817. .top-newsletter .newsletter label {
  3818.     display: none;
  3819. }
  3820.  
  3821. @media (max-width:1199px) {
  3822.     .top-newsletter #newsletter {
  3823.         width: 270px
  3824.     }
  3825. }
  3826.  
  3827. @media (max-width:991px) {
  3828.     .top-newsletter #newsletter {
  3829.         width: 160px
  3830.     }
  3831. }
  3832.  
  3833. @media (min-width: 992px) {
  3834.     .a-left-sm {
  3835.         text-align: left;
  3836.     }
  3837.     .a-right-sm {
  3838.         text-align: right;
  3839.     }
  3840. }
  3841.  
  3842. .owl-banner-carousel .content-17.type1 em {
  3843.     font-size: 20px;
  3844.     margin-bottom: -5px;
  3845.     margin-left: 9px
  3846. }
  3847.  
  3848. .owl-banner-carousel .content-17.type1 h2 {
  3849.     font-size: 65px;
  3850.     margin-bottom: 0
  3851. }
  3852.  
  3853. .owl-banner-carousel .content-17.type1 p {
  3854.     font-size: 37px
  3855. }
  3856.  
  3857. .owl-banner-carousel .content-17.type1 a {
  3858.     font-size: 15px
  3859. }
  3860.  
  3861. .owl-banner-carousel .content-17.type1 a>i {
  3862.     width: 15px;
  3863.     height: 15px;
  3864.     line-height: 14px;
  3865.     text-align: center;
  3866.     font-size: 11px;
  3867.     display: inline-block;
  3868.     vertical-align: middle;
  3869.     margin-bottom: 3px;
  3870.     margin-left: 12px;
  3871.     color: #fff;
  3872.     border-radius: 50%
  3873. }
  3874.  
  3875. @media (max-width:1199px) {
  3876.     .owl-banner-carousel .content-17.type1 em {
  3877.         font-size: 18px;
  3878.         margin-bottom: -4px;
  3879.         margin-left: 8px
  3880.     }
  3881.     .owl-banner-carousel .content-17.type1 h2 {
  3882.         font-size: 58px
  3883.     }
  3884.     .owl-banner-carousel .content-17.type1 p {
  3885.         font-size: 32px
  3886.     }
  3887.     .owl-banner-carousel .content-17.type1 a {
  3888.         font-size: 14px
  3889.     }
  3890.     .owl-banner-carousel .content-17.type1 a>i {
  3891.         width: 15px;
  3892.         height: 15px;
  3893.         line-height: 14px;
  3894.         font-size: 11px;
  3895.         margin-bottom: 3px;
  3896.         margin-left: 10px
  3897.     }
  3898. }
  3899.  
  3900. @media (max-width:991px) {
  3901.     .owl-banner-carousel .content-17.type1 em {
  3902.         font-size: 15px;
  3903.         margin-bottom: -3px;
  3904.         margin-left: 6px
  3905.     }
  3906.     .owl-banner-carousel .content-17.type1 h2 {
  3907.         font-size: 50px
  3908.     }
  3909.     .owl-banner-carousel .content-17.type1 p {
  3910.         font-size: 26px
  3911.     }
  3912.     .owl-banner-carousel .content-17.type1 a {
  3913.         font-size: 12px
  3914.     }
  3915.     .owl-banner-carousel .content-17.type1 a>i {
  3916.         width: 13px;
  3917.         height: 13px;
  3918.         line-height: 12px;
  3919.         font-size: 10px;
  3920.         margin-bottom: 3px;
  3921.         margin-left: 7px
  3922.     }
  3923. }
  3924.  
  3925. @media (max-width:767px) {
  3926.     .owl-banner-carousel .content-17.type1 em {
  3927.         font-size: 11px;
  3928.         margin-bottom: -2px;
  3929.         margin-left: 4px
  3930.     }
  3931.     .owl-banner-carousel .content-17.type1 h2 {
  3932.         font-size: 28px
  3933.     }
  3934.     .owl-banner-carousel .content-17.type1 p {
  3935.         display: none
  3936.     }
  3937.     .owl-banner-carousel .content-17.type1 a {
  3938.         display: none
  3939.     }
  3940. }
  3941.  
  3942. #banner-slider-demo-18 .content-1 {
  3943.     position: absolute;
  3944.     left: 50%;
  3945.     top: 50%;
  3946.     padding: 30px 20px 15px;
  3947.     text-align: left;
  3948.     margin-left: -163px;
  3949.     margin-top: -95px
  3950. }
  3951.  
  3952. #banner-slider-demo-18 .content-1>div {
  3953.     display: inline-block;
  3954.     vertical-align: middle
  3955. }
  3956.  
  3957. #banner-slider-demo-18 .content-1>div:first-child {
  3958.     padding-right: 10px
  3959. }
  3960.  
  3961. #banner-slider-demo-18 .content-1 p {
  3962.     font-size: 23px;
  3963.     line-height: 1;
  3964.     margin-bottom: 0;
  3965.     margin-left: 7px;
  3966.     font-weight: 300
  3967. }
  3968.  
  3969. #banner-slider-demo-18 .content-1 h3 {
  3970.     font-size: 73px;
  3971.     font-weight: 600;
  3972.     line-height: 1;
  3973.     margin: 0
  3974. }
  3975.  
  3976. #banner-slider-demo-18 .content-1 h3 b {
  3977.     font-weight: 800;
  3978.     margin-top: -23px;
  3979.     display: block
  3980. }
  3981.  
  3982. #banner-slider-demo-18 .content-1 em {
  3983.     font-size: 17px;
  3984.     font-style: normal;
  3985.     font-weight: 300;
  3986.     margin: 0;
  3987.     line-height: 1;
  3988.     margin-right: 4px
  3989. }
  3990.  
  3991. #banner-slider-demo-18 .content-1 h4 {
  3992.     font-size: 32px;
  3993.     line-height: 1;
  3994.     margin: 0;
  3995.     font-weight: 700
  3996. }
  3997.  
  3998. #banner-slider-demo-18 .content-1 h5 {
  3999.     font-size: 17px;
  4000.     margin: 0;
  4001.     line-height: 1;
  4002.     margin-top: -4px
  4003. }
  4004.  
  4005. #banner-slider-demo-18 .content-2 {
  4006.     position: absolute;
  4007.     right: 28px;
  4008.     bottom: 28px;
  4009.     text-align: left
  4010. }
  4011.  
  4012. #banner-slider-demo-18 .content-2>div {
  4013.     display: inline-block;
  4014.     vertical-align: middle;
  4015.     padding: 20px 15px
  4016. }
  4017.  
  4018. #banner-slider-demo-18 .content-2>div:first-child {
  4019.     margin: -6px 0;
  4020.     padding-left: 25px
  4021. }
  4022.  
  4023. #banner-slider-demo-18 .content-2 p {
  4024.     font-size: 20px;
  4025.     line-height: 1;
  4026.     margin-bottom: 0;
  4027.     margin-left: 2px;
  4028.     font-weight: 300
  4029. }
  4030.  
  4031. #banner-slider-demo-18 .content-2 h3 {
  4032.     font-size: 54px;
  4033.     font-weight: 600;
  4034.     line-height: 1;
  4035.     margin: 0
  4036. }
  4037.  
  4038. #banner-slider-demo-18 .content-2 h3 b {
  4039.     font-weight: 800
  4040. }
  4041.  
  4042. #banner-slider-demo-18 .content-2 em {
  4043.     font-size: 17px;
  4044.     font-style: normal;
  4045.     font-weight: 300;
  4046.     margin: 0;
  4047.     line-height: 1;
  4048.     margin-right: 4px
  4049. }
  4050.  
  4051. #banner-slider-demo-18 .content-2 h4 {
  4052.     font-size: 32px;
  4053.     line-height: 1;
  4054.     margin: 0;
  4055.     font-weight: 700
  4056. }
  4057.  
  4058. #banner-slider-demo-18 .content-2 h5 {
  4059.     font-size: 17px;
  4060.     margin: 0;
  4061.     line-height: 1;
  4062.     margin-top: -4px
  4063. }
  4064.  
  4065. #banner-slider-demo-18 .content-2 a {
  4066.     font-size: 13px;
  4067.     margin-right: -10px
  4068. }
  4069.  
  4070. @media (max-width:991px) {
  4071.     #banner-slider-demo-18 .content-1 {
  4072.         padding: 25px 15px 10px;
  4073.         margin-left: -122px;
  4074.         margin-top: -75px
  4075.     }
  4076.     #banner-slider-demo-18 .content-1>div:first-child {
  4077.         padding-right: 7px
  4078.     }
  4079.     #banner-slider-demo-18 .content-1 p {
  4080.         font-size: 16px;
  4081.         margin-left: 5px
  4082.     }
  4083.     #banner-slider-demo-18 .content-1 h3 {
  4084.         font-size: 58px
  4085.     }
  4086.     #banner-slider-demo-18 .content-1 h3 b {
  4087.         margin-top: -17px
  4088.     }
  4089.     #banner-slider-demo-18 .content-1 em {
  4090.         font-size: 14px;
  4091.         margin-right: 3px
  4092.     }
  4093.     #banner-slider-demo-18 .content-1 h4 {
  4094.         font-size: 26px
  4095.     }
  4096.     #banner-slider-demo-18 .content-1 h5 {
  4097.         font-size: 14px;
  4098.         margin-top: -2px
  4099.     }
  4100.     #banner-slider-demo-18 .content-2 {
  4101.         right: 20px;
  4102.         bottom: 20px
  4103.     }
  4104.     #banner-slider-demo-18 .content-2>div {
  4105.         padding: 15px 10px
  4106.     }
  4107.     #banner-slider-demo-18 .content-2>div:first-child {
  4108.         margin: -2px 0;
  4109.         padding-left: 20px
  4110.     }
  4111.     #banner-slider-demo-18 .content-2 p {
  4112.         font-size: 15px;
  4113.         margin-left: 1px
  4114.     }
  4115.     #banner-slider-demo-18 .content-2 h3 {
  4116.         font-size: 38px
  4117.     }
  4118.     #banner-slider-demo-18 .content-2 em {
  4119.         font-size: 12px;
  4120.         margin-right: 2px
  4121.     }
  4122.     #banner-slider-demo-18 .content-2 h4 {
  4123.         font-size: 26px
  4124.     }
  4125.     #banner-slider-demo-18 .content-2 h5 {
  4126.         font-size: 13px;
  4127.         margin-top: -2px
  4128.     }
  4129.     #banner-slider-demo-18 .content-2 a {
  4130.         font-size: 10px;
  4131.         margin-right: -6px
  4132.     }
  4133. }
  4134.  
  4135. @media (max-width:640px) {
  4136.     #banner-slider-demo-18 .content-1 {
  4137.         padding: 11px 7px 5px;
  4138.         margin-left: -53px;
  4139.         margin-top: -32px
  4140.     }
  4141.     #banner-slider-demo-18 .content-1>div:first-child {
  4142.         padding-right: 2px
  4143.     }
  4144.     #banner-slider-demo-18 .content-1 p {
  4145.         font-size: 7px;
  4146.         margin-left: 2px
  4147.     }
  4148.     #banner-slider-demo-18 .content-1 h3 {
  4149.         font-size: 22px
  4150.     }
  4151.     #banner-slider-demo-18 .content-1 h3 b {
  4152.         margin-top: -6px
  4153.     }
  4154.     #banner-slider-demo-18 .content-1 em {
  4155.         font-size: 6px;
  4156.         margin-right: 1px
  4157.     }
  4158.     #banner-slider-demo-18 .content-1 h4 {
  4159.         font-size: 12px
  4160.     }
  4161.     #banner-slider-demo-18 .content-1 h5 {
  4162.         font-size: 6px;
  4163.         margin-top: -1px
  4164.     }
  4165.     #banner-slider-demo-18 .content-2 {
  4166.         right: 8px;
  4167.         bottom: 8px
  4168.     }
  4169.     #banner-slider-demo-18 .content-2>div {
  4170.         padding: 3px 6px
  4171.     }
  4172.     #banner-slider-demo-18 .content-2>div:first-child {
  4173.         margin: -1px 0;
  4174.         padding-left: 9px
  4175.     }
  4176.     #banner-slider-demo-18 .content-2 p {
  4177.         font-size: 7px;
  4178.         margin-left: 1px
  4179.     }
  4180.     #banner-slider-demo-18 .content-2 h3 {
  4181.         font-size: 16px
  4182.     }
  4183.     #banner-slider-demo-18 .content-2 em {
  4184.         font-size: 6px;
  4185.         margin-right: 1px
  4186.     }
  4187.     #banner-slider-demo-18 .content-2 h4 {
  4188.         font-size: 12px
  4189.     }
  4190.     #banner-slider-demo-18 .content-2 h5 {
  4191.         font-size: 6px;
  4192.         margin-top: -1px
  4193.     }
  4194.     #banner-slider-demo-18 .content-2 a {
  4195.         font-size: 6px;
  4196.         margin-right: -3px
  4197.     }
  4198. }
  4199.  
  4200. .single-images .single-image-label {
  4201.     font-size: 17px;
  4202.     text-align: center;
  4203.     color: #818385;
  4204.     line-height: 1.4;
  4205.     padding: 10px 0;
  4206.     font-weight: 600
  4207. }
  4208.  
  4209. .single-images .caption {
  4210.     background-color: #a1a2a3;
  4211.     color: #fff;
  4212.     font-size: 14px;
  4213.     line-height: 35px;
  4214.     text-align: center
  4215. }
  4216.  
  4217. #banner-slider-demo-16 .slide1-content,
  4218. #banner-slider-demo-16 .slide2-content {
  4219.     padding-left: 256px
  4220. }
  4221.  
  4222. #banner-slider-demo-16 .text-content {
  4223.     text-align: left
  4224. }
  4225.  
  4226. #banner-slider-demo-16 .text-content em {
  4227.     font-size: 26.26px;
  4228.     margin: 0;
  4229.     margin-bottom: -10px
  4230. }
  4231.  
  4232. #banner-slider-demo-16 .text-content h2 {
  4233.     font-size: 79.12px;
  4234.     letter-spacing: -4px
  4235. }
  4236.  
  4237. #banner-slider-demo-16 .text-content p {
  4238.     margin: 0
  4239. }
  4240.  
  4241. #banner-slider-demo-16 .text-content p span {
  4242.     font-size: 23.64px;
  4243.     padding-left: 6px
  4244. }
  4245.  
  4246. #banner-slider-demo-16 .text-content p a {
  4247.     font-size: 16px;
  4248.     padding: 10px 28px;
  4249.     margin-left: 10px;
  4250.     margin-top: 5px
  4251. }
  4252.  
  4253. @media (max-width:991px) {
  4254.     #banner-slider-demo-16 .slide1-content,
  4255.     #banner-slider-demo-16 .slide2-content {
  4256.         padding-left: 0
  4257.     }
  4258.     #banner-slider-demo-16 .text-content em {
  4259.         font-size: 18px;
  4260.         margin: 0;
  4261.         margin-bottom: -8px
  4262.     }
  4263.     #banner-slider-demo-16 .text-content h2 {
  4264.         font-size: 60px;
  4265.         letter-spacing: -3px
  4266.     }
  4267.     #banner-slider-demo-16 .text-content p {
  4268.         margin: 0
  4269.     }
  4270.     #banner-slider-demo-16 .text-content p span {
  4271.         font-size: 18px;
  4272.         padding-left: 6px
  4273.     }
  4274.     #banner-slider-demo-16 .text-content p a {
  4275.         font-size: 12px;
  4276.         padding: 8px 20px;
  4277.         margin-left: 10px;
  4278.         margin-top: 5px
  4279.     }
  4280. }
  4281.  
  4282. @media (max-width:767px) {
  4283.     #banner-slider-demo-16 .text-content em {
  4284.         font-size: 13px;
  4285.         margin: 0;
  4286.         margin-bottom: -5px
  4287.     }
  4288.     #banner-slider-demo-16 .text-content h2 {
  4289.         font-size: 40px;
  4290.         letter-spacing: 0px
  4291.     }
  4292.     #banner-slider-demo-16 .text-content p {
  4293.         margin: 0
  4294.     }
  4295.     #banner-slider-demo-16 .text-content p span {
  4296.         font-size: 14px;
  4297.         padding-left: 2px
  4298.     }
  4299.     #banner-slider-demo-16 .text-content p a {
  4300.         font-size: 9px;
  4301.         padding: 5px 11px;
  4302.         margin-left: 5px;
  4303.         margin-top: 5px
  4304.     }
  4305. }
  4306.  
  4307. @media (max-width:480px) {
  4308.     #banner-slider-demo-16 .text-content em {
  4309.         font-size: 10px;
  4310.         margin-bottom: 0
  4311.     }
  4312.     #banner-slider-demo-16 .text-content h2 {
  4313.         font-size: 25px;
  4314.         letter-spacing: 0px
  4315.     }
  4316.     #banner-slider-demo-16 .text-content p {
  4317.         margin: 0
  4318.     }
  4319.     #banner-slider-demo-16 .text-content p span {
  4320.         font-size: 12px;
  4321.         padding-left: 1px;
  4322.         display: block
  4323.     }
  4324.     #banner-slider-demo-16 .text-content p a {
  4325.         font-size: 9px;
  4326.         padding: 5px 11px;
  4327.         margin-left: 0;
  4328.         margin-top: 5px;
  4329.         float: left !important
  4330.     }
  4331. }
  4332.  
  4333.  
  4334. /*** Header Type 10 - Side Header ***/
  4335.  
  4336. .container {
  4337.     width: 100%;
  4338. }
  4339.  
  4340. @media (min-width:992px) {
  4341.     body.side-header .page-wrapper {
  4342.         padding-left: 256px;
  4343.     }
  4344.     body.side-header .page-wrapper>.breadcrumbs.fixed-position {
  4345.         position: fixed;
  4346.         width: 100%;
  4347.         z-index: 999;
  4348.         top: 0;
  4349.     }
  4350.     body.side-header .page-wrapper>.breadcrumbs .items {
  4351.         margin: 0;
  4352.         max-width: none;
  4353.     }
  4354. }
  4355.  
  4356.  
  4357. /*** Header Type 10 - Side Header ***/
  4358.  
  4359. .sticky-header .sw-megamenu.navigation li.level0.fl-right {
  4360.     float: none;
  4361. }
  4362.  
  4363. #totop {
  4364.     height: 40px;
  4365.     position: fixed;
  4366.     right: 15px;
  4367.     width: 40px;
  4368.     z-index: 9999;
  4369.     bottom: 0;
  4370.     background-color: #404040;
  4371.     font-size: 16px;
  4372.     color: #fff;
  4373.     text-align: center;
  4374.     line-height: 1;
  4375.     padding: 11px 0;
  4376.     display: none;
  4377.     border-radius: 5px 5px 0 0
  4378. }
  4379.  
  4380. #totop:hover {
  4381.     background-color: #555
  4382. }
  4383.  
  4384. i.ajax-loader {
  4385.     display: inline-block;
  4386.     vertical-align: middle;
  4387.     border: 1px solid #08c;
  4388.     border-radius: 20px;
  4389.     border-bottom-color: transparent!important
  4390. }
  4391.  
  4392. i.ajax-loader.small {
  4393.     width: 16px;
  4394.     height: 16px;
  4395.     border-width: 2.5px
  4396. }
  4397.  
  4398. i.ajax-loader.large {
  4399.     width: 32px;
  4400.     height: 32px;
  4401.     border-width: 2.5px
  4402. }
  4403.  
  4404. @media (min-width:768px) {
  4405.     .onepage-category>.columns {
  4406.         padding-left: 180px;
  4407.         padding-right: 50px;
  4408.     }
  4409.     #maincontent.onepage-category {
  4410.         position: relative;
  4411.         padding-top: 50px;
  4412.         max-width: 100%
  4413.     }
  4414. }
  4415.  
  4416. .cms-index-index .onepage-category {
  4417.     display: -webkit-flex;
  4418.     display: -moz-flex;
  4419.     display: -ms-flexbox;
  4420.     display: flex;
  4421.     -webkit-flex-wrap: wrap;
  4422.     -moz-flex-wrap: wrap;
  4423.     -ms-flex-wrap: wrap;
  4424.     flex-wrap: wrap;
  4425. }
  4426.  
  4427. .onepage-category>.category-list {
  4428.     width: 80px;
  4429.     text-align: left;
  4430.     position: relative;
  4431.     float: left;
  4432.     background: #000;
  4433.     padding: 46px 0 146px 0;
  4434.     z-index: 5;
  4435. }
  4436.  
  4437. .onepage-category>.category-list>ul {
  4438.     position: relative;
  4439.     z-index: 2;
  4440.     list-style: none;
  4441.     padding: 0;
  4442.     transition: all 0.3s;
  4443.     padding-top: 30px;
  4444.     margin-bottom: 0;
  4445. }
  4446.  
  4447. .onepage-category>.category-list>ul>li:last-child {
  4448.     margin-bottom: 0;
  4449. }
  4450.  
  4451. .onepage-category>.category-list>ul>li>a {
  4452.     color: #fff;
  4453.     width: auto;
  4454.     line-height: 78px;
  4455.     display: inline-block;
  4456.     white-space: nowrap;
  4457.     position: relative;
  4458.     transition: all 0.3s;
  4459. }
  4460.  
  4461. .onepage-category>.category-list>ul>li>a>em {
  4462.     font-size: 32px;
  4463.     width: 80px;
  4464.     display: inline-block;
  4465.     text-align: center;
  4466.     vertical-align: middle;
  4467. }
  4468.  
  4469. .onepage-category>.category-list>ul>li>a>em>img {
  4470.     vertical-align: middle;
  4471. }
  4472.  
  4473. .onepage-category>.category-list>ul>li>a>span {
  4474.     display: inline-block;
  4475.     vertical-align: middle;
  4476.     opacity: 0;
  4477.     visibility: hidden;
  4478.     width: 0;
  4479.     transition: all 0.3s;
  4480.     font-size: 16px;
  4481.     font-weight: 600;
  4482.     position: relative;
  4483.     overflow: hidden;
  4484. }
  4485.  
  4486. .onepage-category>.category-list>ul>li>a:after {
  4487.     content: "";
  4488.     width: 16px;
  4489.     height: 16px;
  4490.     position: absolute;
  4491.     display: block;
  4492.     right: -15px;
  4493.     top: 50%;
  4494.     margin-top: -8px;
  4495.     border: 8px solid transparent;
  4496.     transition: all 0.3s;
  4497. }
  4498.  
  4499. .onepage-category>.category-list>ul>li>a:hover,
  4500. .onepage-category>.category-list>ul>li>a.active {
  4501.     background-color: #00d59d;
  4502. }
  4503.  
  4504. .onepage-category>.category-list>ul>li>a:hover>span {
  4505.     opacity: 1;
  4506.     visibility: visible;
  4507.     width: auto;
  4508.     padding-right: 50px;
  4509. }
  4510.  
  4511. .onepage-category>.category-list>ul>li>a:hover:after,
  4512. .onepage-category>.category-list>ul>li>a.active:after {
  4513.     border-left-color: #00d59d;
  4514. }
  4515.  
  4516. .onepage-category>.category-details {
  4517.     float: right;
  4518.     width: calc(100% - 100px);
  4519.     padding: 0 100px;
  4520.     padding-bottom: 146px;
  4521.     min-height: 80vh;
  4522. }
  4523.  
  4524. .onepage-category .category-detail {
  4525.     position: relative;
  4526. }
  4527.  
  4528. .onepage-category .category-detail .title-menu {
  4529.     position: relative;
  4530. }
  4531.  
  4532. .onepage-category .category-detail .title-menu>a {
  4533.     font-size: 26px;
  4534.     color: #000;
  4535.     text-decoration: none;
  4536.     line-height: 100px;
  4537.     display: inline-block;
  4538.     font-weight: 300;
  4539.     margin-top: 70px;
  4540. }
  4541.  
  4542. .onepage-category .category-detail .title-menu>a>span {
  4543.     display: inline-block;
  4544.     vertical-align: middle;
  4545. }
  4546.  
  4547. .onepage-category .category-detail .title-menu>a.parent:after {
  4548.     display: inline-block;
  4549.     content: "\f813";
  4550.     font-family: "porto-icons";
  4551.     margin-left: 18px;
  4552.     font-size: 18px;
  4553.     vertical-align: middle;
  4554.     line-height: 36px;
  4555. }
  4556.  
  4557. .onepage-category .category-detail .title-menu>a.parent.opened:after {
  4558.     content: "\f810";
  4559. }
  4560.  
  4561. .onepage-category .category-detail .title-menu>.menu-popup {
  4562.     position: absolute;
  4563.     left: -25px;
  4564.     top: 100%;
  4565.     display: none;
  4566.     width: calc(100% + 50px);
  4567.     z-index: 3;
  4568.     background-color: #fff;
  4569.     border: 1px solid #bebebe;
  4570.     border-radius: 5px;
  4571.     padding: 50px 0;
  4572. }
  4573.  
  4574. .onepage-category .category-detail .title-menu>.menu-popup:before {
  4575.     content: "";
  4576.     border: 8px solid transparent;
  4577.     width: 16px;
  4578.     height: 16px;
  4579.     display: block;
  4580.     border-bottom-color: #bebebe;
  4581.     position: absolute;
  4582.     top: -16px;
  4583.     left: 90px;
  4584. }
  4585.  
  4586. .onepage-category .category-detail .title-menu>.menu-popup:after {
  4587.     content: "";
  4588.     border: 7px solid transparent;
  4589.     width: 14px;
  4590.     height: 14px;
  4591.     display: block;
  4592.     border-bottom-color: #fff;
  4593.     position: absolute;
  4594.     top: -13px;
  4595.     left: 91px;
  4596. }
  4597.  
  4598. .onepage-category .category-detail .menu-popup ul {
  4599.     list-style: none;
  4600.     padding: 0;
  4601.     margin: 0;
  4602. }
  4603.  
  4604. .onepage-category .category-detail .menu-popup>ul {
  4605.     display: -webkit-flex;
  4606.     display: -moz-flex;
  4607.     display: -ms-flexbox;
  4608.     display: flex;
  4609.     -webkit-flex-wrap: wrap;
  4610.     -moz-flex-wrap: wrap;
  4611.     -ms-flex-wrap: wrap;
  4612.     flex-wrap: wrap;
  4613. }
  4614.  
  4615. .onepage-category .category-detail .menu-popup>ul>li {
  4616.     float: left;
  4617.     border-left: 1px solid #bebebe;
  4618.     margin: 10px 0;
  4619.     padding: 30px 0;
  4620. }
  4621.  
  4622. .onepage-category .category-detail .menu-popup li.menu-item {
  4623.     margin-bottom: 0;
  4624. }
  4625.  
  4626. .onepage-category .category-detail .menu-popup>ul.columns5>li {
  4627.     width: 20%;
  4628.     padding-left: 4%;
  4629.     padding-right: 4%;
  4630. }
  4631.  
  4632. .onepage-category .category-detail .menu-popup>ul.columns5>li:nth-child(5n+1) {
  4633.     border-left: 0;
  4634.     clear: left;
  4635. }
  4636.  
  4637. .onepage-category .category-detail .menu-popup ul>li>a {
  4638.     color: #000;
  4639.     font-size: 16px;
  4640.     line-height: 2.5;
  4641. }
  4642.  
  4643. .onepage-category .category-detail .menu-popup>ul>li>a {
  4644.     font-weight: 700;
  4645.     text-transform: uppercase;
  4646. }
  4647.  
  4648. .onepage-category .category-detail .products-area {
  4649.     margin: 0 -10px;
  4650. }
  4651.  
  4652. .onepage-category .category-detail .products-area .category-link {
  4653.     float: right;
  4654.     margin-top: -70px;
  4655.     margin-right: 10px;
  4656.     position: relative;
  4657.     z-index: 2;
  4658.     min-width: 119px;
  4659.     height: 40px;
  4660.     border: 2px solid #000;
  4661.     color: #000;
  4662.     border-radius: 5px;
  4663.     line-height: 36px;
  4664.     text-align: center;
  4665.     text-decoration: none;
  4666.     text-transform: uppercase;
  4667.     font-weight: 600;
  4668.     transition: all 0.3s;
  4669. }
  4670.  
  4671. .onepage-category .category-detail .products-area .category-link:hover {
  4672.     background-color: #000;
  4673.     color: #fff;
  4674. }
  4675.  
  4676. .onepage-category .category-detail .products div.item {
  4677.     float: left;
  4678.     padding: 10px;
  4679. }
  4680.  
  4681. .onepage-category .category-detail .product-item-photo {
  4682.     border: 0;
  4683.     padding: 0;
  4684.     border-radius: 0;
  4685. }
  4686.  
  4687. .onepage-category .category-detail .products div.item .product-item-photo {
  4688.     width: 100%;
  4689.     min-height: 60px;
  4690.     display: block;
  4691.     position: relative;
  4692.     z-index: 0;
  4693.     overflow: hidden;
  4694.     border-radius: 0;
  4695.     background: #fff;
  4696. }
  4697.  
  4698. .onepage-category .category-detail .products div.item .product-item-details {
  4699.     padding: 15px 0;
  4700.     text-align: left;
  4701. }
  4702.  
  4703. .onepage-category .category-detail .products div.item .product-item-details .product-item-name {
  4704.     margin: 0 0 3px 0;
  4705. }
  4706.  
  4707. .onepage-category .category-detail .products div.item .product-item-details .product-item-name a {
  4708.     font-size: 14px;
  4709.     font-weight: 600;
  4710.     color: #000;
  4711. }
  4712.  
  4713. .onepage-category .category-detail .products div.item .product-item-details .price-box {
  4714.     margin: 0;
  4715. }
  4716.  
  4717. .onepage-category .category-detail .products div.item .product-item-details .price {
  4718.     font-weight: 300;
  4719.     font-size: 30px;
  4720. }
  4721.  
  4722. .onepage-category .category-detail .products div.item .product-item-details .old-price .price {
  4723.     font-size: 20px;
  4724. }
  4725.  
  4726. .onepage-category .category-detail .product-item-photo:before {
  4727.     content: "";
  4728.     display: block;
  4729.     background: #000;
  4730.     width: 100%;
  4731.     height: 100%;
  4732.     position: absolute;
  4733.     left: 0;
  4734.     top: 0;
  4735.     z-index: 1;
  4736.     opacity: 0;
  4737.     visibility: hidden;
  4738.     transition: all 0.3s;
  4739. }
  4740.  
  4741. .onepage-category .category-detail .product-item-info:hover .product-item-photo:before {
  4742.     opacity: 0.7;
  4743.     visibility: visible;
  4744. }
  4745.  
  4746. .onepage-category .category-detail .product-item-photo .product-item-inner {
  4747.     padding: 0;
  4748.     z-index: 3;
  4749.     left: 15px;
  4750.     bottom: 15px;
  4751. }
  4752.  
  4753. .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions a,
  4754. .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart {
  4755.     background-color: transparent;
  4756.     border-color: #fff;
  4757.     color: #fff;
  4758.     width: 50px;
  4759.     height: 50px;
  4760.     line-height: 47px;
  4761.     font-size: 18px;
  4762.     margin: 0 1px;
  4763. }
  4764.  
  4765. .onepage-category .category-detail .product-item .tocart:before {
  4766.     font-size: 21px;
  4767.     display: inline-block;
  4768. }
  4769.  
  4770. .onepage-cat.category-list {
  4771.     position: absolute;
  4772.     left: 0;
  4773.     top: 0;
  4774.     min-height: 100%;
  4775. }
  4776.  
  4777. body>.onepage-cat.category-list {
  4778.     display: none;
  4779. }
  4780.  
  4781. .onepage-category>.category-list>ul.fixed-top {
  4782.     position: fixed;
  4783.     left: 0;
  4784.     top: 70px;
  4785. }
  4786.  
  4787. .onepage-category>.category-list>ul.fixed-bottom {
  4788.     position: fixed;
  4789.     left: 0;
  4790.     bottom: 0;
  4791. }
  4792.  
  4793. .onepage-category>.category-list>ul.absolute-bottom {
  4794.     position: absolute;
  4795.     top: auto;
  4796.     bottom: 0;
  4797. }
  4798.  
  4799. .onepage-category .additional-content img {
  4800.     max-width: 100%;
  4801. }
  4802.  
  4803. .onepage-category .menu-popup a>span {
  4804.     position: relative;
  4805. }
  4806.  
  4807. .onepage-category .menu-popup a>span>span.cat-label {
  4808.     top: 3px;
  4809.     right: -35px;
  4810.     font: inherit;
  4811.     font-size: 9px;
  4812.     padding: 2px;
  4813.     z-index: 1;
  4814.     border-radius: 2px;
  4815.     line-height: 1;
  4816.     border: 1px solid #777;
  4817.     position: absolute;
  4818. }
  4819.  
  4820. #banner-slider-demo-19 .slide-content h2 {
  4821.     font-size: 80px;
  4822.     font-weight: 800;
  4823.     line-height: 0.9;
  4824.     letter-spacing: -6px;
  4825.     margin-left: -5px;
  4826. }
  4827.  
  4828. #banner-slider-demo-19 .slide-content p {
  4829.     font-size: 20px;
  4830.     margin-bottom: 50px;
  4831.     font-weight: 300;
  4832. }
  4833.  
  4834. #banner-slider-demo-19 .slide-content a.btn-line {
  4835.     color: #000;
  4836.     font-size: 14px;
  4837.     font-weight: 700;
  4838.     border: 2px solid #000;
  4839.     padding: 0 34px;
  4840.     height: 57px;
  4841.     display: inline-block;
  4842.     line-height: 53px;
  4843.     border-radius: 8px;
  4844.     text-decoration: none;
  4845. }
  4846.  
  4847. #banner-slider-demo-19 .slide-content a.btn-line:hover {
  4848.     color: #fff;
  4849.     background-color: #000;
  4850. }
  4851.  
  4852. .category-description img {
  4853.     max-width: 100%;
  4854. }
  4855.  
  4856. .category-detail .product-item-info:hover .product-item-inner {
  4857.     visibility: visible;
  4858.     opacity: 1;
  4859. }
  4860.  
  4861. #giftcard-form input#giftcard-code {
  4862.     border-radius: 3px 0 0 3px;
  4863. }
  4864.  
  4865. #giftcard-balance-lookup .giftcard.info {
  4866.     margin-bottom: 15px;
  4867. }
  4868.  
  4869. .gift-wrapping-item>span {
  4870.     background-color: #f2f2f2;
  4871. }
  4872.  
  4873. #giftcard-form button.action-add,
  4874. #giftcard-form button.redeem {
  4875.     height: 32px;
  4876.     line-height: 1;
  4877.     font-size: 13px;
  4878. }
  4879.  
  4880. .account .table-wrapper.balance-history,
  4881. .account .table-wrapper.reward-history,
  4882. .account .table-wrapper.balance-history {
  4883.     margin-top: 0;
  4884. }
  4885.  
  4886. .form-addbysku .qty.field .control {
  4887.     display: block;
  4888. }
  4889.  
  4890. .column .block-addbysku .action.add {
  4891.     min-width: 32px;
  4892. }
  4893.  
  4894. .giftcard-account button.primary {
  4895.     height: 32px;
  4896.     line-height: 1;
  4897. }
  4898.  
  4899. .form-add-invitations .action.add:before,
  4900. .column .block-addbysku .action.add:before {
  4901.     content: '\f881';
  4902. }
  4903.  
  4904. .form-add-invitations .fieldset .actions-toolbar>.secondary .action.add {
  4905.     min-width: 32px;
  4906.     margin: 20px 0;
  4907. }
  4908.  
  4909. .message.info {
  4910.     margin-bottom: 20px;
  4911. }
  4912.  
  4913. .form-giftregistry-edit .field.date input {
  4914.     vertical-align: middle;
  4915. }
  4916.  
  4917. .hasDatepicker+.ui-datepicker-trigger:before {
  4918.     content: '\f865';
  4919. }
  4920.  
  4921. .block-category-event {
  4922.     border-radius: 5px;
  4923.     text-align: left;
  4924.     padding: 10px 20px !important;
  4925. }
  4926.  
  4927. .block-category-event>div {
  4928.     display: inline-block;
  4929.     vertical-align: middle;
  4930. }
  4931.  
  4932. .block-category-event>div.event-title {
  4933.     padding-right: 50px;
  4934.     margin-right: 20px;
  4935. }
  4936.  
  4937. .block-category-event .event-title em {
  4938.     float: left;
  4939.     font-size: 30px;
  4940.     margin-right: 8px;
  4941.     color: #000;
  4942. }
  4943.  
  4944. .block-category-event .event-title p {
  4945.     margin: 0;
  4946.     text-transform: uppercase;
  4947. }
  4948.  
  4949. .block-category-event .event-title h4 {
  4950.     margin: 3px 0;
  4951.     color: #000;
  4952.     text-transform: uppercase;
  4953.     white-space: nowrap;
  4954. }
  4955.  
  4956. .block-category-event .dates .start:after {
  4957.     display: none;
  4958. }
  4959.  
  4960. .block-category-event .event-ticker .dates .start {
  4961.     padding: 0;
  4962. }
  4963.  
  4964. .block-category-event .event-ticker .dates>div>span {
  4965.     display: block;
  4966. }
  4967.  
  4968. .block-category-event>div.event-ticker {
  4969.     text-align: center;
  4970. }
  4971.  
  4972. .block-category-event>div.event-desc {
  4973.     float: right;
  4974.     color: #08c;
  4975.     font-size: 18px;
  4976.     font-weight: 700;
  4977.     text-transform: uppercase;
  4978.     line-height: 101px;
  4979.     margin-right: 20px;
  4980. }
  4981.  
  4982. .block-category-event .event-ticker .dates>div>span.desc {
  4983.     color: #08c;
  4984.     text-transform: uppercase;
  4985.     font-style: italic;
  4986.     font-size: 13px;
  4987. }
  4988.  
  4989. .block-category-event .event-ticker .dates>div>span.date {
  4990.     font-size: 24px;
  4991.     font-weight: 600;
  4992.     color: #000;
  4993. }
  4994.  
  4995. .block-category-event .event-ticker .dates>div>span.year-month {
  4996.     background-color: #000;
  4997.     color: #fff;
  4998.     text-transform: uppercase;
  4999.     font-size: 13px;
  5000.     padding: 5px 10px;
  5001.     line-height: 1;
  5002.     border-radius: 3px;
  5003. }
  5004.  
  5005. .block-category-event .event-ticker .dates>div>span.time {
  5006.     padding: 3px 0;
  5007. }
  5008.  
  5009. .block-category-event .event-ticker .dates>div>span.date {
  5010.     font-size: 24px;
  5011.     font-weight: 600;
  5012.     color: #000;
  5013.     padding: 0 0 3px;
  5014. }
  5015.  
  5016. .block-category-event .event-ticker .dates>div {
  5017.     margin: 0 10px;
  5018.     display: inline-block;
  5019. }
  5020.  
  5021. .block-category-event .event-ticker .ticker .value {
  5022.     font-size: 30px;
  5023.     font-weight: 600;
  5024.     color: #000;
  5025. }
  5026.  
  5027. .block-category-event .event-ticker .ticker .label {
  5028.     background-color: #000;
  5029.     color: #fff;
  5030.     text-transform: uppercase;
  5031.     font-size: 13px;
  5032.     padding: 5px 10px;
  5033.     line-height: 1;
  5034.     border-radius: 3px;
  5035.     min-width: 70px;
  5036. }
  5037.  
  5038. .block-category-event .event-ticker .ticker li {
  5039.     margin: 0 7px;
  5040. }
  5041.  
  5042. .block-category-event.open>div.event-desc {
  5043.     line-height: 65px;
  5044. }
  5045.  
  5046. @media(max-width:1199px) {
  5047.     #banner-slider-demo-19 .slide-content h2 {
  5048.         font-size: 40px;
  5049.         line-height: 0.9;
  5050.         letter-spacing: -3px;
  5051.         margin-left: -2.5px;
  5052.     }
  5053.     #banner-slider-demo-19 .slide-content p {
  5054.         font-size: 12px;
  5055.         margin-bottom: 20px;
  5056.     }
  5057.     #banner-slider-demo-19 .slide-content a.btn-line {
  5058.         font-size: 10px;
  5059.         padding: 0 16px;
  5060.         height: 30px;
  5061.         line-height: 26px;
  5062.         border-radius: 4px;
  5063.     }
  5064.     .onepage-cat.category-list+.main.container {
  5065.         padding: 0 50px;
  5066.     }
  5067.     .onepage-category .category-detail .menu-popup ul>li>a {
  5068.         font-size: 11px;
  5069.     }
  5070.     .onepage-category .category-detail .menu-popup>ul.columns5>li {
  5071.         padding: 10px 2%;
  5072.     }
  5073.     .onepage-category .category-detail .title-menu>.menu-popup {
  5074.         padding: 10px 0;
  5075.     }
  5076.     .onepage-category .category-detail .title-menu>a {
  5077.         margin-top: 46px;
  5078.     }
  5079. }
  5080.  
  5081. @media (max-width: 991px) {
  5082.     .block-category-event>div {
  5083.         display: block;
  5084.         float: none !important;
  5085.         text-align: left;
  5086.     }
  5087.     .block-category-event>div.event-ticker {
  5088.         display: inline-block;
  5089.         margin: 0 -10px;
  5090.     }
  5091.     .block-category-event .dates .start,
  5092.     .block-category-event .dates .end {
  5093.         display: inline-block !important;
  5094.     }
  5095. }
  5096.  
  5097. @media(max-width:767px) {
  5098.     .onepage-category,
  5099.     .cms-index-index .onepage-category {
  5100.         display: block;
  5101.     }
  5102.     .onepage-category>.category-list {
  5103.         width: auto;
  5104.         float: none;
  5105.         padding: 0;
  5106.         min-height: 0;
  5107.         position: static;
  5108.         margin-bottom: 20px;
  5109.     }
  5110.     .onepage-category>.category-list>ul {
  5111.         padding: 0;
  5112.     }
  5113.     .onepage-category>.category-list>ul>li {
  5114.         margin: 0;
  5115.         display: inline-block;
  5116.     }
  5117.     .onepage-category>.category-list>ul>li>a:hover>span,
  5118.     .onepage-category>.category-list>ul>li>a:after {
  5119.         display: none;
  5120.     }
  5121.     .onepage-cat.category-list+.main.container {
  5122.         float: none;
  5123.     }
  5124.     .onepage-cat.category-list+.main.container {
  5125.         padding: 0 15px;
  5126.     }
  5127.     .onepage-cat.category-list+.main.container {
  5128.         width: auto;
  5129.     }
  5130.     .onepage-category>.category-details {
  5131.         float: none;
  5132.         width: auto;
  5133.         padding: 0 15px;
  5134.     }
  5135.     .onepage-category>.category-list>ul {
  5136.         position: static !important;
  5137.     }
  5138.     .onepage-category .category-detail .menu-popup>ul {
  5139.         display: block;
  5140.     }
  5141.     .onepage-category .category-detail .menu-popup>ul.columns5>li {
  5142.         width: 50%;
  5143.         padding: 10px 15px;
  5144.     }
  5145.     .onepage-category .category-detail .menu-popup>ul.columns5>li:nth-child(5n+1) {
  5146.         border-left: 1px solid #bebebe;
  5147.         clear: none;
  5148.     }
  5149.     .onepage-category .category-detail .menu-popup>ul.columns5>li:nth-child(2n+1) {
  5150.         border-left: 0;
  5151.         clear: left;
  5152.     }
  5153.     .onepage-category .category-detail .menu-popup ul>li>a {
  5154.         font-size: 14px;
  5155.     }
  5156. }
  5157.  
  5158. .product.info.detailed.sticky .product.data.items>.item.content {
  5159.     margin: 0;
  5160.     padding-bottom: 25px;
  5161. }
  5162.  
  5163. .product-tabs-container {
  5164.     position: fixed;
  5165.     left: 0;
  5166.     top: 0;
  5167.     width: 100%;
  5168.     padding: 15px 0;
  5169.     z-index: 3;
  5170.     background-color: #fff;
  5171.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  5172.     text-align: center;
  5173. }
  5174.  
  5175. .product-tabs-container.has-sticky-header {
  5176.     top: 44px;
  5177. }
  5178.  
  5179. .product-tabs-container .data.item.title {
  5180.     display: inline-block;
  5181.     font-size: 13px;
  5182.     padding: 0 10px;
  5183. }
  5184.  
  5185. .product-tabs-container .data.item.title:first-child {
  5186.     padding-left: 0;
  5187. }
  5188.  
  5189. .product-tabs-container .data.item.title>a {
  5190.     color: #777;
  5191.     padding: 10px 0;
  5192. }
  5193.  
  5194. .authentication-wrapper {
  5195.     line-height: 50px;
  5196.     margin-top: 0 !important;
  5197.     margin-left: 20px;
  5198. }
  5199.  
  5200. .filter-options-content .ln_slider_container {
  5201.     width: 93%;
  5202.     width: calc(100% - 14px);
  5203.     margin: 15px 7px 0;
  5204. }
  5205.  
  5206. #ln_slider_price .ui-slider-handle {
  5207.     margin-top: -5px;
  5208.     background: #08c;
  5209.     height: 18px;
  5210.     width: 13px;
  5211.     border-radius: 5px;
  5212.     margin-left: -7px;
  5213. }
  5214.  
  5215. #ln_slider_price.ui-slider-horizontal {
  5216.     height: 7px;
  5217.     margin-bottom: 15px;
  5218.     background: #1ab2ff;
  5219.     box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .38);
  5220. }
  5221.  
  5222. #ln_price_attribute {
  5223.     padding: 10px 5px;
  5224. }
  5225.  
  5226. .block-category-list .block-content ol li.item,
  5227. .sidebar>.block.filter ol li.item {
  5228.     margin: 0;
  5229.     padding: 7px 0;
  5230. }
  5231.  
  5232. .filter-options-content {
  5233.     padding: 15px;
  5234. }
  5235.  
  5236. .filter-options-content ol.items {
  5237.     margin: -9px 0;
  5238. }
  5239.  
  5240. .sidebar .product-items .product-item-info .product-item-photo img.hover_image {
  5241.     display: none;
  5242. }
  5243.  
  5244. .page-main .block.block-category-list {
  5245.     margin-bottom: 14px;
  5246. }
  5247.  
  5248. .block-category-list .block-title,
  5249. .sidebar>.block.filter .options dt {
  5250.     padding: 10px 15px;
  5251.     margin: 0;
  5252.     font-size: 13px;
  5253.     font-weight: bold;
  5254.     text-transform: uppercase;
  5255.     border: 1px solid #ddd;
  5256.     background-color: #f5f5f5;
  5257.     position: relative;
  5258.     cursor: pointer;
  5259.     border-radius: 7px 7px 0 0;
  5260.     display: block;
  5261.     text-decoration: none;
  5262. }
  5263.  
  5264. .block-category-list .block-content,
  5265. .sidebar>.block.filter .options dd {
  5266.     margin: 0;
  5267.     padding: 10px 15px;
  5268.     font-size: 13px;
  5269.     border: 1px solid #ddd;
  5270.     border-top: 0;
  5271.     border-radius: 0 0 7px 7px;
  5272.     background-color: #fbfbfb;
  5273. }
  5274.  
  5275. .block-category-list .block-content .item a,
  5276. .sidebar>.block.filter .item a {
  5277.     color: #777;
  5278. }
  5279.  
  5280. .block-header-customer-login {
  5281.     position: absolute;
  5282.     right: 0;
  5283.     min-width: 300px;
  5284.     background: #fff;
  5285.     z-index: 9;
  5286.     padding: 20px;
  5287.     border-radius: 6px;
  5288.     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  5289.     border-top: 4px solid #08c;
  5290.     margin-top: 10px;
  5291.     visibility: hidden;
  5292.     opacity: 0;
  5293.     transition: all 0.3s;
  5294. }
  5295.  
  5296. .block-header-customer-login:before {
  5297.     content: "";
  5298.     border: 5px solid transparent;
  5299.     border-bottom-color: #08c;
  5300.     position: absolute;
  5301.     top: -14px;
  5302.     right: 30px;
  5303. }
  5304.  
  5305. .block-header-customer-login.open {
  5306.     visibility: visible;
  5307.     opacity: 1;
  5308. }
  5309.  
  5310. .authorization-link {
  5311.     position: relative;
  5312. }
  5313.  
  5314. .filter-toggle {
  5315.     display: none;
  5316. }
  5317.  
  5318. .minicart-wrapper .action.showcart .counter.qty .loader>img {
  5319.     max-width: 18px;
  5320.     display: none;
  5321. }
  5322.  
  5323. .loading-mask .loader>img,
  5324. .ln_overlay img {
  5325.     max-width: 32px;
  5326. }
  5327.  
  5328. .account .sidebar.sidebar-main:before {
  5329.     border: none;
  5330. }
  5331.  
  5332. .account .sidebar .product-items .product-item-name a {
  5333.     overflow: visible;
  5334.     white-space: normal;
  5335.     text-overflow: unset;
  5336. }
  5337.  
  5338. .account .block-reorder .product-item {
  5339.     padding: 5px 0;
  5340. }
  5341.  
  5342. .account .block-reorder .product-item .field.item {
  5343.     display: inline-block;
  5344.     vertical-align: top;
  5345. }
  5346.  
  5347. .account .block-reorder .product-item-name {
  5348.     display: inline-block;
  5349.     width: calc(100% - 30px);
  5350.     vertical-align: top;
  5351. }
  5352.  
  5353. .account-nav .nav>li {
  5354.     padding: 0;
  5355.     position: relative;
  5356.     line-height: 1.3;
  5357.     margin: 0;
  5358. }
  5359.  
  5360. .account-nav .nav>li>a {
  5361.     color: #777;
  5362.     padding: 8px 15px;
  5363.     border-bottom: 1px solid #ddd;
  5364.     display: block;
  5365. }
  5366.  
  5367. .account-nav .nav>li>a:hover,
  5368. .account-nav .nav>li>a:focus {
  5369.     background: none;
  5370. }
  5371.  
  5372. .account-nav .nav>li>a:before,
  5373. .account-nav .nav>li>strong:before {
  5374.     content: '\f821';
  5375.     font-family: 'porto-icons';
  5376.     position: absolute;
  5377.     left: 5px;
  5378. }
  5379.  
  5380. .account-nav .nav>li>strong {
  5381.     position: relative;
  5382.     display: block;
  5383.     padding: 8px 15px;
  5384.     border-bottom: 1px solid #ddd;
  5385. }
  5386.  
  5387. @media (max-width: 991px) {
  5388.     .cart-summary {
  5389.         width: 100%;
  5390.     }
  5391.     .abs-shopping-cart-items-desktop,
  5392.     .block-cart-failed,
  5393.     .cart-container .form-cart,
  5394.     .cart-container .cart-gift-item {
  5395.         width: 100%;
  5396.         padding-right: 0;
  5397.     }
  5398. }
  5399.  
  5400. @media(min-width: 768px) {
  5401.     .filter-toggle {
  5402.         border: 1px solid #ccc;
  5403.         font-weight: 400;
  5404.         color: #777;
  5405.         text-align: center;
  5406.         width: auto;
  5407.         line-height: 26px;
  5408.         background-color: #fff;
  5409.         display: block;
  5410.         margin-left: 5px;
  5411.         border-radius: 3px;
  5412.         display: inline-block;
  5413.         text-decoration: none;
  5414.         padding: 0 10px;
  5415.         display: inline-block;
  5416.     }
  5417.     .filter-toggle:hover {
  5418.         color: #777;
  5419.     }
  5420.     .filter-toggle.active {
  5421.         color: #fff;
  5422.         background-color: #08c;
  5423.         border-color: #08c;
  5424.     }
  5425.     .column.main {
  5426.         transition: all 0.5s;
  5427.     }
  5428.     .column.main.toggle-close {
  5429.         width: 100% !important;
  5430.     }
  5431.     .sidebar.sidebar-main {
  5432.         /*transition: all 0.5s;*/
  5433.         padding-right: 22px;
  5434.     }
  5435.     .sidebar.sidebar-main.toggle-close {
  5436.         margin-left: -300px;
  5437.         opacity: 0;
  5438.         visibility: hidden;
  5439.     }
  5440. }
  5441.  
  5442. @media(max-width: 767px) {
  5443.     .product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) {
  5444.         top: 0;
  5445.     }
  5446.     .product-tabs-container.has-sticky-header.has-mobile-sticky-header {
  5447.         top: 64px;
  5448.     }
  5449.     .block-header-customer-login {
  5450.         display: none;
  5451.     }
  5452. }
  5453.  
  5454. .ajax-products {
  5455.     display: -webkit-flex;
  5456.     display: -moz-flex;
  5457.     display: -ms-flexbox;
  5458.     display: flex;
  5459.     padding: 0 85px
  5460. }
  5461.  
  5462. .ajax-products>.category-list {
  5463.     border-right: 1px solid #dcdcdc;
  5464.     padding: 70px 15px
  5465. }
  5466.  
  5467. .ajax-products>.category-list>span {
  5468.     display: block;
  5469.     font-size: 20px;
  5470.     font-weight: 600;
  5471.     color: gray;
  5472.     margin-bottom: 10px
  5473. }
  5474.  
  5475. .ajax-products>.category-list>ul {
  5476.     list-style: none;
  5477.     padding: 0
  5478. }
  5479.  
  5480. .ajax-products>.category-list>ul>li {
  5481.     padding: 10px 0
  5482. }
  5483.  
  5484. .ajax-products>.category-list>ul>li>a {
  5485.     display: block;
  5486.     text-transform: uppercase;
  5487.     color: #000;
  5488.     font-weight: 700;
  5489.     font-size: 12px;
  5490.     position: relative;
  5491.     padding-left: 20px
  5492. }
  5493.  
  5494. .ajax-products>.category-list>ul>li>a:before {
  5495.     content: "\f87d";
  5496.     font-family: "porto-icons";
  5497.     margin-right: 10px;
  5498.     display: inline-block;
  5499.     width: 11px;
  5500.     position: absolute;
  5501.     left: 0
  5502. }
  5503.  
  5504. .ajax-products>.category-list>ul>li>a.active:before {
  5505.     content: "\f87c"
  5506. }
  5507.  
  5508. .ajax-products>.category-list>ul>li>a>span {
  5509.     display: inline-block
  5510. }
  5511.  
  5512. .ajax-products>.category-list>ul>li>a:hover {
  5513.     text-decoration: none
  5514. }
  5515.  
  5516. .ajax-products>.category-detail {
  5517.     position: relative;
  5518.     min-height: 70vh;
  5519.     padding: 70px 15px
  5520. }
  5521.  
  5522. .ajax-products>.category-detail>h2 {
  5523.     text-align: center;
  5524.     margin: 30px 0;
  5525.     font-size: 26px;
  5526.     color: #000;
  5527.     text-transform: uppercase;
  5528.     font-weight: 700;
  5529.     letter-spacing: 10px
  5530. }
  5531.  
  5532. .ajax-products>.category-detail>.ajax_products_loader {
  5533.     position: absolute;
  5534.     left: 0;
  5535.     top: 0;
  5536.     width: 100%;
  5537.     height: 100%;
  5538.     z-index: 9;
  5539.     background-color: rgba(255, 255, 255, 0.5)
  5540. }
  5541.  
  5542. .load-more-area {
  5543.     text-align: center;
  5544.     margin: 30px 0
  5545. }
  5546.  
  5547. .load-more-area>a {
  5548.     display: inline-block;
  5549.     font-size: 12px;
  5550.     font-weight: 600;
  5551.     line-height: 1;
  5552.     text-transform: uppercase;
  5553.     background-color: #000;
  5554.     color: #fff;
  5555.     padding: 20px 45px;
  5556.     letter-spacing: 3px;
  5557.     transition: all .3s;
  5558.     box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5)
  5559. }
  5560.  
  5561. .load-more-area>a:hover {
  5562.     text-decoration: none;
  5563.     opacity: .85;
  5564.     color: #fff
  5565. }
  5566.  
  5567. .full-width-image {
  5568.     text-align: center;
  5569.     padding: 200px 0;
  5570.     background-size: cover
  5571. }
  5572.  
  5573. .full-width-image>h3 {
  5574.     font-size: 90px;
  5575.     color: #fff;
  5576.     font-weight: 600;
  5577.     letter-spacing: -5px
  5578. }
  5579.  
  5580. .full-width-image>a {
  5581.     display: inline-block;
  5582.     font-size: 12px;
  5583.     font-weight: 600;
  5584.     line-height: 1;
  5585.     text-transform: uppercase;
  5586.     background-color: #fff;
  5587.     color: #000;
  5588.     padding: 20px 45px;
  5589.     letter-spacing: 3px;
  5590.     transition: all .3s;
  5591.     box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
  5592.     margin: 20px 0
  5593. }
  5594.  
  5595. .full-width-image>a:hover {
  5596.     text-decoration: none;
  5597.     opacity: .85
  5598. }
  5599.  
  5600. #home-content-slider-demo-20 .item>div.content {
  5601.     max-width: 40%
  5602. }
  5603.  
  5604. #home-content-slider-demo-20 .item>div.content>h3 {
  5605.     color: #fff;
  5606.     font-size: 60px;
  5607.     font-weight: 600;
  5608.     letter-spacing: -4px;
  5609.     margin-bottom: 20px
  5610. }
  5611.  
  5612. #home-content-slider-demo-20 .item>div.content>a {
  5613.     font-size: 12px;
  5614.     font-weight: 600;
  5615.     line-height: 1;
  5616.     text-transform: uppercase;
  5617.     background-color: #fff;
  5618.     color: #000;
  5619.     padding: 20px 45px;
  5620.     letter-spacing: 3px;
  5621.     transition: all .3s;
  5622.     box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
  5623.     margin: 20px 0;
  5624.     display: inline-block
  5625. }
  5626.  
  5627. #home-content-slider-demo-20 .item>div.content>a:hover {
  5628.     text-decoration: none;
  5629.     opacity: .85
  5630. }
  5631.  
  5632. .full-screen-slider {
  5633.     height: 100vh;
  5634. }
  5635.  
  5636. .full-screen-slider:after {
  5637.     content: "\f110";
  5638.     font-family: "porto-icons";
  5639.     position: absolute;
  5640.     left: 50%;
  5641.     top: 50%;
  5642.     font-size: 20px;
  5643.     margin-top: -18px;
  5644.     margin-left: -10px;
  5645.     -moz-animation: spin 2s infinite linear;
  5646.     -o-animation: spin 2s infinite linear;
  5647.     -webkit-animation: spin 2s infinite linear;
  5648.     animation: spin 2s infinite linear;
  5649.     color: #777;
  5650.     z-index: 1;
  5651. }
  5652.  
  5653. .owl-carousel.owl-loaded {
  5654.     position: relative;
  5655.     z-index: 2;
  5656. }
  5657.  
  5658. .full-screen-slider {
  5659.     position: relative
  5660. }
  5661.  
  5662. .full-screen-slider #banner-slider-demo-20 .item>div.content {
  5663.     text-align: left;
  5664.     position: absolute
  5665. }
  5666.  
  5667. .full-screen-slider #banner-slider-demo-20 .item>div.content>h2 {
  5668.     line-height: .9;
  5669.     font-size: 80px;
  5670.     font-weight: 600
  5671. }
  5672.  
  5673. .full-screen-slider #banner-slider-demo-20 .item>div.content>a {
  5674.     font-size: 12px;
  5675.     font-weight: 700;
  5676.     line-height: 1;
  5677.     text-transform: uppercase;
  5678.     background-color: #fff;
  5679.     color: #000;
  5680.     padding: 20px 45px;
  5681.     letter-spacing: 3px;
  5682.     transition: all .3s;
  5683.     box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
  5684.     margin: 20px 0;
  5685.     display: inline-block
  5686. }
  5687.  
  5688. .full-screen-slider #banner-slider-demo-20 .item>div.content>a:hover {
  5689.     text-decoration: none;
  5690.     opacity: .85
  5691. }
  5692.  
  5693. #banner-slider-demo-20+.owl-thumbs {
  5694.     position: absolute;
  5695.     right: 100px;
  5696.     bottom: 50px;
  5697.     width: 30%;
  5698.     z-index: 2
  5699. }
  5700.  
  5701. #banner-slider-demo-20+.owl-thumbs button {
  5702.     width: auto;
  5703.     height: auto;
  5704.     padding: 0;
  5705.     border: 0;
  5706.     margin: 0;
  5707.     float: left;
  5708.     max-width: 33.33%;
  5709.     background: none
  5710. }
  5711.  
  5712. #banner-slider-demo-20+.owl-thumbs button img {
  5713.     border: 3px solid transparent
  5714. }
  5715.  
  5716. #banner-slider-demo-20+.owl-thumbs button.active img {
  5717.     border-color: #fff;
  5718.     border-color: rgba(255, 255, 255, 0.5)
  5719. }
  5720.  
  5721. .page-header {
  5722.     z-index: 5;
  5723. }
  5724.  
  5725. .block-bundle-summary .moved-add-to-links {
  5726.     display: block;
  5727.     margin-top: 10px;
  5728. }
  5729.  
  5730. .block-bundle-summary .moved-add-to-links .product-addto-links .action {
  5731.     width: 40px;
  5732.     height: 40px;
  5733.     line-height: 38px;
  5734.     margin-right: 5px;
  5735. }
  5736.  
  5737. .block-bundle-summary .moved-add-to-links .action.mailto.friend {
  5738.     width: 43px;
  5739.     height: 43px;
  5740.     line-height: 41px;
  5741. }
  5742.  
  5743. @media (min-width:768px) and (max-width: 991px) {
  5744.     .moved-add-to-links {
  5745.         display: block;
  5746.         margin-top: 15px;
  5747.     }
  5748. }
  5749.  
  5750. @media (max-width: 991px) {
  5751.     .full-screen-slider #banner-slider-demo-20 .item>div.content>h2 {
  5752.         font-size: 45px;
  5753.     }
  5754.     .full-screen-slider #banner-slider-demo-20 .item>div.content>a {
  5755.         font-size: 10px;
  5756.         padding: 10px 20px;
  5757.         margin: 10px 0;
  5758.     }
  5759.     #home-content-slider-demo-20 .item>div.content>h3 {
  5760.         letter-spacing: 0;
  5761.         font-size: 25px;
  5762.         margin-bottom: 10px;
  5763.     }
  5764.     #home-content-slider-demo-20 .item>div.content>a {
  5765.         font-size: 10px;
  5766.         padding: 10px 20px;
  5767.         margin: 10px 0;
  5768.     }
  5769. }
  5770.  
  5771. @media (max-width: 767px) {
  5772.     #banner-slider-demo-20+.owl-thumbs {
  5773.         width: 50%;
  5774.         right: 25%;
  5775.     }
  5776.     #home-content-slider-demo-20 .item>div.content>p {
  5777.         display: none;
  5778.     }
  5779.     #home-content-slider-demo-20 .item>div.content>a {
  5780.         display: none;
  5781.     }
  5782.     .ajax-products {
  5783.         display: block;
  5784.     }
  5785.     .ajax-products>.category-list {
  5786.         border-right: 0;
  5787.         padding: 30px 15px;
  5788.     }
  5789.     .ajax-products>.category-list>ul>li {
  5790.         display: inline-block;
  5791.         margin-right: 30px;
  5792.     }
  5793.     .ajax-products>.category-detail {
  5794.         padding-top: 0;
  5795.         min-height: 70vh;
  5796.     }
  5797.     .load-more-area>a,
  5798.     .full-width-image>a {
  5799.         font-size: 8px;
  5800.         padding: 10px 20px;
  5801.         margin: 10px 0;
  5802.     }
  5803.     .full-width-image {
  5804.         padding: 100px 0;
  5805.     }
  5806.     .full-width-image>h3 {
  5807.         font-size: 35px;
  5808.         letter-spacing: -1px;
  5809.     }
  5810. }
  5811.  
  5812. ul.scene {
  5813.     width: 100%;
  5814.     height: 100%
  5815. }
  5816.  
  5817. ul.scene>li.layer {
  5818.     width: 100%;
  5819.     height: 100%
  5820. }
  5821.  
  5822. .animation-wave {
  5823.     -webkit-animation: wave 20s 0.1s infinite linear;
  5824.     -moz-animation: wave 20s 0.1s infinite linear;
  5825.     animation: wave 20s 0.1s infinite linear
  5826. }
  5827.  
  5828. .animation-spin {
  5829.     -moz-animation: spin 20s infinite linear;
  5830.     -o-animation: spin 20s infinite linear;
  5831.     -webkit-animation: spin 20s infinite linear;
  5832.     animation: spin 20s infinite linear;
  5833. }
  5834.  
  5835. @-webkit-keyframes wave {
  5836.     0% {
  5837.         -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5838.         -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5839.         transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5840.     }
  5841.     100% {
  5842.         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5843.         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5844.         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5845.     }
  5846. }
  5847.  
  5848. @-moz-keyframes wave {
  5849.     0% {
  5850.         -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5851.         -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5852.         transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5853.     }
  5854.     100% {
  5855.         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5856.         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5857.         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5858.     }
  5859. }
  5860.  
  5861. @-ms-keyframes wave {
  5862.     0% {
  5863.         -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5864.         -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5865.         transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5866.     }
  5867.     100% {
  5868.         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5869.         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5870.         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5871.     }
  5872. }
  5873.  
  5874. @keyframes wave {
  5875.     0% {
  5876.         -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5877.         -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5878.         transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
  5879.     }
  5880.     100% {
  5881.         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5882.         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5883.         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
  5884.     }
  5885. }
  5886.  
  5887. .product-reviews-summary.empty .reviews-actions:before {
  5888.     content: '\f844' '\f844' '\f844' '\f844' '\f844';
  5889.     display: inline-block;
  5890.     vertical-align: middle;
  5891.     font-family: "porto-icons";
  5892.     color: #c3c5c9;
  5893.     letter-spacing: 3px;
  5894.     font-size: 12px;
  5895. }
  5896.  
  5897. .product-labels {
  5898.     z-index: 4;
  5899. }
  5900.  
  5901. .product-item-photo:hover .product-image-photo.hover_image {
  5902.     z-index: 3;
  5903. }
  5904.  
  5905. .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
  5906.     z-index: 4;
  5907. }
  5908.  
  5909. .product-social-links .at-style-responsive .at-share-btn {
  5910.     padding: 0;
  5911. }
  5912.  
  5913. .product-social-links .at-resp-share-element .at-share-btn:focus,
  5914. .product-social-links .at-resp-share-element .at-share-btn:hover {
  5915.     -webkit-transform: none;
  5916.     transform: none;
  5917. }
  5918.  
  5919. .product-social-links .at-resp-share-element .at-share-btn {
  5920.     margin: 0 4px;
  5921. }
  5922.  
  5923. .product-social-links .addthis_inline_share_toolbox {
  5924.     margin: 0 0 15px -4px;
  5925. }
  5926.  
  5927. .product-social-links .action.mailto+.addthis_inline_share_toolbox {
  5928.     margin-top: 15px;
  5929. }
  5930.  
  5931. .product-social-links .product-addto-links+.addthis_inline_share_toolbox {
  5932.     margin-top: 15px;
  5933. }
  5934.  
  5935. #at-expanded-menu-host .at-expanded-menu-load {
  5936.     line-height: 1;
  5937.     height: auto;
  5938. }
  5939.  
  5940. #at-expanded-menu-host .at-expanded-menu-service-list button {
  5941.     height: auto;
  5942. }
  5943.  
  5944. .gallery-placeholder .loader img {
  5945.     display: none;
  5946. }
  5947.  
  5948. .loader:before {
  5949.     content: "\f110";
  5950.     font-family: "porto-icons";
  5951.     -moz-animation: spin 2s infinite linear;
  5952.     -o-animation: spin 2s infinite linear;
  5953.     -webkit-animation: spin 2s infinite linear;
  5954.     animation: spin 2s infinite linear;
  5955.     position: absolute;
  5956.     top: 50%;
  5957.     left: 50%;
  5958.     font-size: 30px;
  5959.     margin-top: -15px;
  5960.     margin-left: -15px;
  5961.     color: #777;
  5962. }
  5963.  
  5964. .minicart-wrapper .action.showcart .counter.qty .loader:before {
  5965.     content: "\f110";
  5966.     font-family: "porto-icons";
  5967.     -moz-animation: spin 2s infinite linear;
  5968.     -o-animation: spin 2s infinite linear;
  5969.     -webkit-animation: spin 2s infinite linear;
  5970.     animation: spin 2s infinite linear;
  5971.     position: absolute;
  5972.     top: 50%;
  5973.     left: 50%;
  5974.     font-size: 16px;
  5975.     margin-top: -9px;
  5976.     margin-left: -8px;
  5977.     color: #777;
  5978. }
  5979.  
  5980. .loading-mask {
  5981.     background: transparent;
  5982. }
  5983.  
  5984. .product-image-photo.default_image {
  5985.     position: relative;
  5986.     z-index: 2;
  5987. }
  5988.  
  5989. .filter-content .ln_overlay {
  5990.     display: none !important;
  5991. }
  5992.  
  5993. .ln_overlay {
  5994.     background-color: #FFFFFF;
  5995.     background-color: rgba(255, 255, 255, 0.5);
  5996.     opacity: 1;
  5997.     height: 100%;
  5998.     left: 0;
  5999.     position: fixed;
  6000.     top: 0;
  6001.     width: 100%;
  6002.     z-index: 555;
  6003.     display: none;
  6004. }
  6005.  
  6006. .ln_overlay .loader:before {
  6007.     content: "";
  6008.     -moz-animation: spin 1.5s infinite linear;
  6009.     -o-animation: spin 1.5s infinite linear;
  6010.     -webkit-animation: spin 1.5s infinite linear;
  6011.     animation: spin 1.5s infinite linear;
  6012.     position: absolute;
  6013.     top: 50%;
  6014.     left: 50%;
  6015.     font-size: 30px;
  6016.     margin-top: -15px;
  6017.     margin-left: -15px;
  6018.     color: #777;
  6019.     display: inline-block;
  6020.     vertical-align: middle;
  6021.     border: 2.5px solid #08c;
  6022.     border-radius: 20px;
  6023.     border-bottom-color: transparent!important;
  6024.     width: 32px;
  6025.     height: 32px;
  6026. }
  6027.  
  6028. .ln_overlay .ajax-loader {
  6029.     position: absolute;
  6030.     left: 50%;
  6031.     top: 50%;
  6032.     margin-top: -16px;
  6033.     margin-left: -16px;
  6034. }
  6035.  
  6036. .infinite-loader {
  6037.     text-align: center;
  6038.     margin: 20px 0 0;
  6039. }
  6040.  
  6041. .infinite-loader .loading {
  6042.     display: none;
  6043.     color: #555;
  6044.     background-color: #fff;
  6045.     font-size: 13px;
  6046.     font-weight: 600;
  6047.     text-transform: uppercase;
  6048.     padding: 10px 40px;
  6049.     line-height: 30px;
  6050.     border-radius: 0;
  6051.     border: 2px solid #f1f1f1;
  6052.     text-decoration: none;
  6053.     font-family: 'Open Sans';
  6054.     width: 100%;
  6055. }
  6056.  
  6057. .infinite-loader .loading i.ajax-loader {
  6058.     margin-right: 15px;
  6059.     width: 16px;
  6060.     height: 16px;
  6061.     border-width: 2.5px;
  6062. }
  6063.  
  6064. .infinite-loader .btn-load-more {
  6065.     color: #555;
  6066.     background-color: #fff;
  6067.     font-size: 13px;
  6068.     font-weight: 600;
  6069.     text-transform: uppercase;
  6070.     padding: 10px 40px;
  6071.     line-height: 30px;
  6072.     border-radius: 0;
  6073.     border: 2px solid #f1f1f1;
  6074.     text-decoration: none;
  6075.     font-family: 'Open Sans';
  6076.     width: 100%;
  6077.     display: inline-block;
  6078. }
  6079.  
  6080. .catalog-category-view .infinite-loader+.toolbar.toolbar-products .limiter {
  6081.     float: none;
  6082. }
  6083.  
  6084. .catalog-category-view .infinite-loader+.toolbar.toolbar-products .pages {
  6085.     display: none;
  6086. }
  6087.  
  6088. .owl-item.loading .product-item-photo {
  6089.     min-height: 100px;
  6090. }
  6091.  
  6092. @media (min-width: 768px) and (max-width: 991px) {
  6093.     .block-search {
  6094.         max-width: 240px;
  6095.     }
  6096. }
  6097.  
  6098. .owl-theme.owl-bottomright-narrow .owl-controls {
  6099.     position: absolute;
  6100.     right: 0;
  6101.     bottom: 0;
  6102.     margin: 0;
  6103. }
  6104.  
  6105. .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
  6106.     color: #fff;
  6107.     font-size: 25px;
  6108.     background: #000;
  6109.     border-radius: 0;
  6110.     margin: 1px 1px 1px 0;
  6111.     padding: 0;
  6112.     width: 90px;
  6113.     height: 90px;
  6114.     line-height: 90px;
  6115.     opacity: 1;
  6116. }
  6117.  
  6118. .column.main>.custom-block {
  6119.     display: none;
  6120. }
  6121.  
  6122. .weltpixel-quickview-catalog-product-view .column.main>.custom-block,
  6123. .weltpixel-quickview-catalog-product-view .addthis-smartlayers {
  6124.     display: none;
  6125. }
  6126.  
  6127. .product-item-photo {
  6128.     min-height: 50px;
  6129. }
  6130.  
  6131. .form-find-area {
  6132.     border-top: solid 2px #1fc0a0;
  6133.     box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.1);
  6134.     padding: 40px 40px 38px;
  6135. }
  6136.  
  6137. .form-find-area .form-title {
  6138.     font-family: 'Oswald';
  6139.     font-size: 22px;
  6140.     line-height: 35px;
  6141.     font-weight: 400;
  6142.     text-align: center;
  6143.     text-transform: uppercase;
  6144.     color: #151515;
  6145.     margin: 0 0 5px;
  6146. }
  6147.  
  6148. .form-find-area form {
  6149.     width: 100%;
  6150. }
  6151.  
  6152. .form-find-area select {
  6153.     width: 100%;
  6154.     color: #747474;
  6155.     font-size: 13.5px;
  6156.     margin: 11px 0;
  6157.     border-radius: 5px;
  6158.     padding: 0 15px;
  6159.     height: 47px;
  6160. }
  6161.  
  6162. .list-category .group .content {
  6163.     position: relative;
  6164.     margin: 15px 0;
  6165. }
  6166.  
  6167. .list-category .group .content img {
  6168.     width: 100%;
  6169. }
  6170.  
  6171. .list-category .group .content h3 {
  6172.     position: absolute;
  6173.     bottom: 0;
  6174.     left: 0;
  6175.     display: inline-block;
  6176.     background-color: #242424;
  6177.     font-size: 22px;
  6178.     font-family: 'Oswald';
  6179.     text-transform: uppercase;
  6180.     color: #fff;
  6181.     font-weight: 400;
  6182.     padding: 5px 15px;
  6183.     margin: 0;
  6184. }
  6185.  
  6186. .offer-deal .item {
  6187.     position: relative;
  6188. }
  6189.  
  6190. .offer-deal .item img {
  6191.     max-width: 100%;
  6192. }
  6193.  
  6194. .offer-deal .item .content h3 {
  6195.     margin: 0 0 5px;
  6196. }
  6197.  
  6198. .offer-deal .item .content h3 a {
  6199.     font-family: 'Oswald';
  6200.     font-size: 49px;
  6201.     font-weight: 600;
  6202.     line-height: 35px;
  6203.     text-transform: uppercase;
  6204.     color: #151515;
  6205.     text-decoration: none;
  6206. }
  6207.  
  6208. .offer-deal .item .content p {
  6209.     font-family: 'Oswald';
  6210.     font-size: 26px;
  6211.     font-weight: 400;
  6212.     line-height: 35px;
  6213.     text-transform: uppercase;
  6214.     color: #4c4c4c;
  6215. }
  6216.  
  6217. .offer-deal .item .content .btn-default {
  6218.     font-family: 'Oswald';
  6219.     font-size: 15px;
  6220.     font-weight: 400;
  6221.     text-transform: uppercase;
  6222.     padding: 10px 25px;
  6223.     margin-top: 15px;
  6224. }
  6225.  
  6226. .offer-deal .item .content .btn-default:hover {
  6227.     background-color: inherit;
  6228. }
  6229.  
  6230. .subscribe-form .content h3 {
  6231.     font-family: 'Oswald';
  6232.     font-size: 35px;
  6233.     font-weight: 600;
  6234.     color: #151515;
  6235.     text-transform: uppercase;
  6236.     margin: 0 0 5px;
  6237. }
  6238.  
  6239. .subscribe-form .content p {
  6240.     font-family: 'Oswald';
  6241.     font-size: 20px;
  6242.     font-weight: 400;
  6243.     color: #151515;
  6244.     text-transform: uppercase;
  6245. }
  6246.  
  6247. .subscribe-form .validation-advice {
  6248.     position: absolute;
  6249. }
  6250.  
  6251. .subscribe-form .block.newsletter {
  6252.     width: auto;
  6253.     max-width: 475px;
  6254.     display: inline-block;
  6255.     vertical-align: middle;
  6256. }
  6257.  
  6258. .subscribe-form .block.newsletter .control:before {
  6259.     line-height: 44px;
  6260.     margin-left: 20px;
  6261. }
  6262.  
  6263. .subscribe-form .block.newsletter .control {
  6264.     position: relative;
  6265. }
  6266.  
  6267. .subscribe-form .block.newsletter .control input {
  6268.     background-color: #fff;
  6269.     color: #686865;
  6270.     height: 44px;
  6271.     border: none;
  6272.     font-size: 14px;
  6273.     padding-left: 50px;
  6274.     float: left;
  6275.     max-width: 475px;
  6276.     width: 100%;
  6277.     border-radius: 5px 0 0 5px;
  6278.     padding-right: 0;
  6279.     margin-right: 0;
  6280. }
  6281.  
  6282. .subscribe-form .block.newsletter .control div.mage-error {
  6283.     position: absolute;
  6284.     bottom: -65px;
  6285. }
  6286.  
  6287. .subscribe-form .block.newsletter .actions .action.subscribe {
  6288.     height: 44px;
  6289.     line-height: 44px;
  6290.     padding: 0 20px;
  6291.     text-transform: uppercase;
  6292.     border-radius: 0 5px 5px 0;
  6293.     opacity: 1;
  6294.     background-color: #1fc0a0;
  6295. }
  6296.  
  6297. .filter-title strong {
  6298.     color: transparent !important;
  6299.     position: fixed;
  6300.     top: 22%;
  6301.     left: -1px;
  6302.     width: 51px;
  6303.     height: 47px;
  6304.     border: #dcdcda solid 1px !important;
  6305.     background-color: #f5f5f5;
  6306.     text-align: center;
  6307.     box-shadow: none;
  6308.     border-radius: 0;
  6309.     cursor: pointer;
  6310.     line-height: 26px;
  6311.     z-index: 9;
  6312. }
  6313.  
  6314. .filter-title strong:before {
  6315.     content: '\f1de';
  6316.     font-family: 'porto-icons';
  6317.     font-size: 27px;
  6318.     color: #818181;
  6319.     line-height: 30px;
  6320.     display: block;
  6321.     -webkit-font-smoothing: antialiased;
  6322. }
  6323.  
  6324. @media (min-width: 768px) {
  6325.     .column.main>.custom-block {
  6326.         display: block;
  6327.         width: 25%;
  6328.         float: right;
  6329.         padding-left: 30px;
  6330.     }
  6331.     body:not(.weltpixel-quickview-catalog-product-view).column.main>.custom-block+.product-info-main {
  6332.         width: 40.33%;
  6333.     }
  6334.     .block-search {
  6335.         z-index: 7;
  6336.     }
  6337.     .sw-megamenu.navigation li.level0.fullwidth>.submenu>.container,
  6338.     .sw-megamenu.navigation li.level0.staticwidth>.submenu>.container {
  6339.         padding: 0;
  6340.         max-width: 100%;
  6341.     }
  6342. }
  6343.  
  6344. @media (max-width:1199px) and (min-width:992px) {
  6345.     .form-find-area {
  6346.         padding: 18px 40px 16px;
  6347.     }
  6348. }
  6349.  
  6350. @media (min-width:992px) {
  6351.     body.side-header .page-wrapper>.breadcrumbs.fixed-position {
  6352.         position: fixed;
  6353.         width: 100%;
  6354.         z-index: 999;
  6355.         top: 0;
  6356.     }
  6357.     body.side-header .page-wrapper>.breadcrumbs .items {
  6358.         margin: 0;
  6359.         max-width: none;
  6360.     }
  6361. }
  6362.  
  6363. @media (max-width:991px) and (min-width:768px) {
  6364.     .offer-deal .item .content h3 a {
  6365.         font-size: 30px;
  6366.         line-height: 25px;
  6367.     }
  6368.     .offer-deal .item .content p {
  6369.         font-size: 16px;
  6370.         line-height: 25px;
  6371.     }
  6372.     .offer-deal .item .content .btn-default {
  6373.         font-size: 11px;
  6374.         padding: 8px 12px;
  6375.         margin-top: 5px;
  6376.     }
  6377. }
  6378.  
  6379. @media (max-width:1679px) {
  6380.     .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
  6381.         width: 60px;
  6382.         height: 60px;
  6383.         line-height: 60px;
  6384.     }
  6385. }
  6386.  
  6387. @media (max-width: 991px) {
  6388.     .offer-deal .item img {
  6389.         width: 100%;
  6390.     }
  6391. }
  6392.  
  6393. @media (max-width:767px) {
  6394.     .block-search input {
  6395.         color: #666;
  6396.     }
  6397.     .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
  6398.         width: 40px;
  6399.         height: 40px;
  6400.         line-height: 40px;
  6401.     }
  6402.     .offer-deal .item .content h3 a {
  6403.         font-size: 30px;
  6404.         line-height: 25px;
  6405.     }
  6406.     .offer-deal .item .content p {
  6407.         font-size: 16px;
  6408.         line-height: 25px;
  6409.     }
  6410.     .offer-deal .item .content .btn-default {
  6411.         font-size: 11px;
  6412.         padding: 8px 12px;
  6413.         margin-top: 5px;
  6414.     }
  6415. }
  6416.  
  6417. @media (max-width: 640px) {
  6418.     #newsletter_popup {
  6419.         padding: 40px 10px 25px;
  6420.         width: 100% !important;
  6421.     }
  6422. }
  6423.  
  6424. @media only screen and (max-width: 767px) {
  6425.     .filter.active {
  6426.         width: 300px;
  6427.     }
  6428.     .filter.active .filter-title strong {
  6429.         right: 10px;
  6430.         top: 0;
  6431.         border: none !important;
  6432.         position: absolute;
  6433.     }
  6434.     .filter.active .filter-title strong:before {
  6435.         -webkit-font-smoothing: antialiased;
  6436.         font-size: 16px;
  6437.         line-height: inherit;
  6438.         color: #fff;
  6439.         content: '\f819';
  6440.         font-family: 'porto-icons';
  6441.         vertical-align: middle;
  6442.         display: inline-block;
  6443.         font-weight: normal;
  6444.         overflow: hidden;
  6445.         speak: none;
  6446.         text-align: center;
  6447.     }
  6448.     .filter.active .filter-title strong:after {
  6449.         display: none;
  6450.     }
  6451.     .filter.active .filter-title {
  6452.         background-color: #666666;
  6453.         margin: 0;
  6454.         height: 47px;
  6455.         border: none;
  6456.         width: 300px;
  6457.     }
  6458.     .filter.active .filter-subtitle {
  6459.         color: #fff !important;
  6460.         text-transform: uppercase;
  6461.         font-size: 12.5px;
  6462.         font-weight: 400;
  6463.         font-family: 'Oswald';
  6464.         letter-spacing: 0.025em;
  6465.         z-index: 3;
  6466.         padding: 8px 30px !important;
  6467.         height: 47px;
  6468.         pointer-events: none;
  6469.         width: 300px;
  6470.         right: auto;
  6471.         border: 0;
  6472.     }
  6473.     .filter.active .filter-options {
  6474.         padding: 10px 30px !important;
  6475.         width: 300px;
  6476.         right: auto;
  6477.         top: 47px;
  6478.         overflow-y: scroll;
  6479.         overflow-x: hidden;
  6480.     }
  6481.     .filter.active .block-category-list .block-title,
  6482.     .filter.active .filter-options-title,
  6483.     .filter.active .filter .filter-current-subtitle {
  6484.         padding-left: 0;
  6485.         padding-right: 0;
  6486.     }
  6487.     .filter.active .block-category-list .block-content,
  6488.     .filter.active .filter-options-content {
  6489.         padding-left: 0;
  6490.         padding-right: 0;
  6491.     }
  6492.     body.filter-active .page-wrapper {
  6493.         visibility: visible;
  6494.         height: auto;
  6495.         margin-top: 0;
  6496.     }
  6497.     .filter:before {
  6498.         content: "";
  6499.         display: block;
  6500.         width: 100%;
  6501.         height: 100%;
  6502.         background: #000;
  6503.         position: fixed;
  6504.         left: 0;
  6505.         top: 0;
  6506.         opacity: 0;
  6507.         visibility: hidden;
  6508.         transition: all 0.3s;
  6509.     }
  6510.     .filter.active:before {
  6511.         opacity: 0.1;
  6512.         visibility: visible;
  6513.     }
  6514. }
  6515.  
  6516. .container:after {
  6517.     content: "";
  6518.     display: table;
  6519.     clear: both
  6520. }
  6521.  
  6522. .hide {
  6523.     display: none !important;
  6524. }
  6525.  
  6526. .show {
  6527.     display: block !important;
  6528. }
  6529.  
  6530. .invisible {
  6531.     visibility: hidden;
  6532. }
  6533.  
  6534. .pull-right {
  6535.     float: right !important;
  6536. }
  6537.  
  6538. .pull-left {
  6539.     float: left !important;
  6540. }
  6541.  
  6542. .visible-xs,
  6543. .visible-sm,
  6544. .visible-md,
  6545. .visible-lg {
  6546.     display: none !important;
  6547. }
  6548.  
  6549. .visible-xs-block,
  6550. .visible-xs-inline,
  6551. .visible-xs-inline-block,
  6552. .visible-sm-block,
  6553. .visible-sm-inline,
  6554. .visible-sm-inline-block,
  6555. .visible-md-block,
  6556. .visible-md-inline,
  6557. .visible-md-inline-block,
  6558. .visible-lg-block,
  6559. .visible-lg-inline,
  6560. .visible-lg-inline-block {
  6561.     display: none !important;
  6562. }
  6563.  
  6564. @media (max-width: 767px) {
  6565.     .visible-xs {
  6566.         display: block !important;
  6567.     }
  6568.     table.visible-xs {
  6569.         display: table !important;
  6570.     }
  6571.     tr.visible-xs {
  6572.         display: table-row !important;
  6573.     }
  6574.     th.visible-xs,
  6575.     td.visible-xs {
  6576.         display: table-cell !important;
  6577.     }
  6578. }
  6579.  
  6580. @media (max-width: 767px) {
  6581.     .visible-xs-block {
  6582.         display: block !important;
  6583.     }
  6584. }
  6585.  
  6586. @media (max-width: 767px) {
  6587.     .visible-xs-inline {
  6588.         display: inline !important;
  6589.     }
  6590. }
  6591.  
  6592. @media (max-width: 767px) {
  6593.     .visible-xs-inline-block {
  6594.         display: inline-block !important;
  6595.     }
  6596. }
  6597.  
  6598. @media (min-width: 768px) and (max-width: 991px) {
  6599.     .visible-sm {
  6600.         display: block !important;
  6601.     }
  6602.     table.visible-sm {
  6603.         display: table !important;
  6604.     }
  6605.     tr.visible-sm {
  6606.         display: table-row !important;
  6607.     }
  6608.     th.visible-sm,
  6609.     td.visible-sm {
  6610.         display: table-cell !important;
  6611.     }
  6612. }
  6613.  
  6614. @media (min-width: 768px) and (max-width: 991px) {
  6615.     .visible-sm-block {
  6616.         display: block !important;
  6617.     }
  6618. }
  6619.  
  6620. @media (min-width: 768px) and (max-width: 991px) {
  6621.     .visible-sm-inline {
  6622.         display: inline !important;
  6623.     }
  6624. }
  6625.  
  6626. @media (min-width: 768px) and (max-width: 991px) {
  6627.     .visible-sm-inline-block {
  6628.         display: inline-block !important;
  6629.     }
  6630. }
  6631.  
  6632. @media (min-width: 992px) and (max-width: 1199px) {
  6633.     .visible-md {
  6634.         display: block !important;
  6635.     }
  6636.     table.visible-md {
  6637.         display: table !important;
  6638.     }
  6639.     tr.visible-md {
  6640.         display: table-row !important;
  6641.     }
  6642.     th.visible-md,
  6643.     td.visible-md {
  6644.         display: table-cell !important;
  6645.     }
  6646. }
  6647.  
  6648. @media (min-width: 992px) and (max-width: 1199px) {
  6649.     .visible-md-block {
  6650.         display: block !important;
  6651.     }
  6652. }
  6653.  
  6654. @media (min-width: 992px) and (max-width: 1199px) {
  6655.     .visible-md-inline {
  6656.         display: inline !important;
  6657.     }
  6658. }
  6659.  
  6660. @media (min-width: 992px) and (max-width: 1199px) {
  6661.     .visible-md-inline-block {
  6662.         display: inline-block !important;
  6663.     }
  6664. }
  6665.  
  6666. @media (min-width: 1200px) {
  6667.     .visible-lg {
  6668.         display: block !important;
  6669.     }
  6670.     table.visible-lg {
  6671.         display: table !important;
  6672.     }
  6673.     tr.visible-lg {
  6674.         display: table-row !important;
  6675.     }
  6676.     th.visible-lg,
  6677.     td.visible-lg {
  6678.         display: table-cell !important;
  6679.     }
  6680. }
  6681.  
  6682. @media (min-width: 1200px) {
  6683.     .visible-lg-block {
  6684.         display: block !important;
  6685.     }
  6686. }
  6687.  
  6688. @media (min-width: 1200px) {
  6689.     .visible-lg-inline {
  6690.         display: inline !important;
  6691.     }
  6692. }
  6693.  
  6694. @media (min-width: 1200px) {
  6695.     .visible-lg-inline-block {
  6696.         display: inline-block !important;
  6697.     }
  6698. }
  6699.  
  6700. @media (max-width: 767px) {
  6701.     .hidden-xs {
  6702.         display: none !important;
  6703.     }
  6704. }
  6705.  
  6706. @media (min-width: 768px) and (max-width: 991px) {
  6707.     .hidden-sm {
  6708.         display: none !important;
  6709.     }
  6710. }
  6711.  
  6712. @media (min-width: 992px) and (max-width: 1199px) {
  6713.     .hidden-md {
  6714.         display: none !important;
  6715.     }
  6716. }
  6717.  
  6718. @media (min-width: 1200px) {
  6719.     .hidden-lg {
  6720.         display: none !important;
  6721.     }
  6722. }
  6723.  
  6724. .gallery-placeholder {
  6725.     width: 100%;
  6726. }
  6727.  
  6728. table .col {
  6729.     width: auto;
  6730. }
  6731.  
  6732. .modal-header {
  6733.     border-bottom: 0;
  6734. }
  6735.  
  6736. .modal-content {
  6737.     border: 0;
  6738. }
  6739.  
  6740. .product-reviews-summary .reviews-actions a {
  6741.     color: #bdbdbd;
  6742.     padding: 0 15px;
  6743.     border-left: 1px solid #bdbdbd;
  6744.     margin-left: 10px;
  6745.     display: inline-block;
  6746.     vertical-align: middle;
  6747. }
  6748.  
  6749. .product-info-main .stock.available,
  6750. .product-info-main .stock.unavailable {
  6751.     font-weight: 400;
  6752.     text-transform: none;
  6753. }
  6754.  
  6755. .swatch-option.color {
  6756.     min-width: 22px;
  6757.     height: 22px;
  6758.     border: 0;
  6759.     box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  6760. }
  6761.  
  6762. .weltpixel-quickview-catalog-product-view .product-info-main .product-add-form:after,
  6763. .weltpixel-quickview-catalog-product-view .product-options-bottom:after {
  6764.     content: "";
  6765.     display: table;
  6766.     clear: both;
  6767. }
  6768.  
  6769. .weltpixel-quickview-catalog-product-view .product-info-main .product-add-form {
  6770.     padding-top: 0;
  6771. }
  6772.  
  6773. .weltpixel-quickview-catalog-product-view .product-options-wrapper {
  6774.     padding-bottom: 0;
  6775. }
  6776.  
  6777. .weltpixel-quickview-catalog-product-view .product-options-bottom {
  6778.     margin-top: 10px;
  6779. }
  6780.  
  6781. .weltpixel-quickview-catalog-product-view .product-info-main .box-tocart,
  6782. .weltpixel-quickview-catalog-product-view .box-gotoproduct {
  6783.     float: left;
  6784.     margin-top: 10px;
  6785.     margin-bottom: 0;
  6786. }
  6787.  
  6788. #newsletter_popup {
  6789.     border-top: 0;
  6790. }
  6791.  
  6792. .modes-mode {
  6793.     margin-right: 7px;
  6794. }
  6795.  
  6796. .fotorama__nav__frame {
  6797.     box-sizing: border-box;
  6798.     padding-bottom: 0 !important;
  6799.     margin-right: 2px;
  6800. }
  6801.  
  6802. .product.description ul {
  6803.     list-style: none;
  6804.     padding-left: 3em;
  6805.     font-size: 13px;
  6806.     margin-bottom: 15px;
  6807.     line-height: 36px;
  6808. }
  6809.  
  6810. .product.description ul li {
  6811.     margin: 0;
  6812. }
  6813.  
  6814. .product.description ul li [class^="porto-icon-"] {
  6815.     margin-right: 12px;
  6816.     font-size: 12px;
  6817.     color: #333;
  6818. }
  6819.  
  6820. .product.description p {
  6821.     font-size: 14px;
  6822.     font-weight: 400;
  6823.     letter-spacing: 0.005em;
  6824.     line-height: 27px;
  6825.     color: #6b7a83;
  6826. }
  6827.  
  6828. .catalog-category-view .column.main .products-grid {
  6829.     margin: 0 -10px;
  6830. }
  6831.  
  6832. .minicart-wrapper .action.close {
  6833.     color: #777;
  6834. }
  6835.  
  6836. .breadcrumbs a,
  6837. .breadcrumbs .item:not(:last-child):after {
  6838.     display: inline-block;
  6839.     vertical-align: middle;
  6840.     padding: 0;
  6841. }
  6842.  
  6843. .owl-top-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] em:before {
  6844.     margin: 0;
  6845. }
  6846.  
  6847. .products-upsell .product.name a {
  6848.     white-space: nowrap;
  6849.     overflow: hidden;
  6850.     display: block;
  6851.     text-overflow: ellipsis;
  6852. }
  6853.  
  6854. @media (max-width:767px) {
  6855.     .filter-options-title:after {
  6856.         right: 0;
  6857.     }
  6858. }
  6859.  
  6860. .weltpixel-quickview-catalog-product-view .sidebar {
  6861.     display: none;
  6862. }
  6863.  
  6864. .weltpixel-quickview-catalog-product-view .page-main {
  6865.     max-width: 100%;
  6866. }
  6867.  
  6868. .weltpixel-quickview-catalog-product-view .column.main {
  6869.     width: 100%;
  6870.     padding: 0;
  6871. }
  6872.  
  6873. .weltpixel-quickview-catalog-product-view .product.media,
  6874. .weltpixel-quickview-catalog-product-view .product-info-main {
  6875.     margin: 0;
  6876. }
  6877.  
  6878. .fieldset>.field.qty,
  6879. .nested.options-list>.field.qty {
  6880.     margin-right: 7px;
  6881. }
  6882.  
  6883. .product-info-main .box-tocart .actions {
  6884.     margin-right: 5px;
  6885. }
  6886.  
  6887. @media (min-width: 768px) {
  6888.     .box-tocart .action.tocart {
  6889.         min-width: 135px;
  6890.         padding: 0 14px;
  6891.     }
  6892. }
  6893.  
  6894. .product-info-main .product.overview {
  6895.     padding-bottom: 20px;
  6896. }
  6897.  
  6898. .block-minicart .block-content>.actions>.secondary .action.viewcart {
  6899.     font-weight: 400;
  6900. }
  6901.  
  6902. .breadcrumbs .item[class*="category"]>a {
  6903.     line-height: 1;
  6904. }
  6905.  
  6906. .breadcrumbs strong {
  6907.     padding: 1px 0;
  6908.     display: inline-block;
  6909.     margin-bottom: 10px;
  6910. }
  6911.  
  6912. .filter-options-title,
  6913. .block-category-list .block-title strong {
  6914.     font-weight: 600;
  6915. }
  6916.  
  6917. .nav-toggle:before {
  6918.     font-size: 21px;
  6919. }
  6920.  
  6921. .product-info-main .swatch-option {
  6922.     margin-right: 5px;
  6923. }
  6924.  
  6925. .fotorama__arr {
  6926.     width: 50px;
  6927.     background-color: transparent;
  6928. }
  6929.  
  6930. .fotorama__arr:hover {
  6931.     background-color: transparent;
  6932. }
  6933.  
  6934. .fotorama__fullscreen-icon {
  6935.     width: 50px;
  6936. }
  6937.  
  6938. .product.description p {
  6939.     font-size: 14px;
  6940.     font-weight: 400;
  6941.     letter-spacing: 0.005em;
  6942.     line-height: 27px;
  6943.     color: #333;
  6944. }
  6945.  
  6946. .product.description ul {
  6947.     font-size: 13px;
  6948.     font-weight: 400;
  6949.     letter-spacing: 0.005em;
  6950.     line-height: 36px;
  6951.     color: #333;
  6952. }
  6953.  
  6954. @media (max-width: 767px) {
  6955.     .product.data.items>.item.title>.switch {
  6956.         height: auto;
  6957.     }
  6958.     .product.data.items>.item.title.active>.switch {
  6959.         border-bottom: 1px solid #eee;
  6960.     }
  6961.     .product.data.items {
  6962.         margin: 0;
  6963.     }
  6964.     .product.data.items>.item.content {
  6965.         padding: 20px 9px;
  6966.     }
  6967.     .catalog-category-view .column.main .products-grid {
  6968.         margin: 0 -5px;
  6969.     }
  6970. }
  6971.  
  6972. .weltpixel-quickview-catalog-product-view .product-info-main .custom-block {
  6973.     display: none;
  6974. }
  6975.  
  6976. .weltpixel-quickview-catalog-product-view .product-info-main .product.overview {
  6977.     margin-top: 10px;
  6978.     margin-bottom: 20px;
  6979. }
  6980.  
  6981. .weltpixel-quickview-catalog-product-view .product-info-main .product-reviews-summary {
  6982.     margin-bottom: 10px;
  6983. }
  6984.  
  6985. .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
  6986.     font-size: 30px;
  6987.     margin: 0;
  6988.     padding: 0;
  6989. }
  6990.  
  6991. .products-upsell {
  6992.     margin: 0 -10px;
  6993. }
  6994.  
  6995. .product-info-main .swatch-attribute-options {
  6996.     margin-top: 5px;
  6997. }
  6998.  
  6999. .swatch-option.text {
  7000.     height: 22px;
  7001.     line-height: 20px;
  7002.     padding: 0 4px;
  7003.     min-width: 22px;
  7004. }
  7005.  
  7006. .page-products .columns {
  7007.     padding-top: 0;
  7008.     z-index: auto;
  7009. }
  7010.  
  7011. .products.wrapper+.toolbar .modes,
  7012. .products.wrapper+.toolbar .modes,
  7013. .products.wrapper+.toolbar .sorter {
  7014.     display: none;
  7015. }
  7016.  
  7017. .sidebar>.block.filter .title {
  7018.     display: none;
  7019. }
  7020.  
  7021. .sidebar>.block.filter .item .count {
  7022.     font-size: 11px;
  7023.     margin-left: 10px;
  7024. }
  7025.  
  7026.  
  7027. /*.sidebar .product-items .product-item-name a {
  7028.     display: block;
  7029.     overflow: hidden;
  7030.     white-space: nowrap;
  7031.     text-overflow: ellipsis;
  7032. }*/
  7033.  
  7034. .column.main:after {
  7035.     clear: both;
  7036.     content: ' ';
  7037.     display: block;
  7038.     height: 0;
  7039.     overflow: hidden;
  7040.     visibility: hidden;
  7041. }
  7042.  
  7043. .product.media {
  7044.     margin-bottom: 20px;
  7045. }
  7046.  
  7047. .toolbar .limiter {
  7048.     margin-right: 0;
  7049.     text-align: left;
  7050. }
  7051.  
  7052. .toolbar .limiter-options {
  7053.     margin-right: 0;
  7054. }
  7055.  
  7056. .toolbar .limiter .limiter-text {
  7057.     display: none;
  7058. }
  7059.  
  7060. .toolbar .limiter .label {
  7061.     display: inline-block;
  7062. }
  7063.  
  7064. .toolbar .sorter {
  7065.     margin-right: 15px;
  7066.     float: left;
  7067. }
  7068.  
  7069. .toolbar .modes {
  7070.     margin-right: 0;
  7071. }
  7072.  
  7073. .category-image {
  7074.     margin-bottom: 30px;
  7075. }
  7076.  
  7077. .products.wrapper~.toolbar .pages {
  7078.     float: right;
  7079. }
  7080.  
  7081. .products.wrapper~.toolbar .limiter {
  7082.     margin-right: 10px;
  7083. }
  7084.  
  7085. @media (max-width: 480px) {
  7086.     .toolbar .sorter {
  7087.         margin-bottom: 10px;
  7088.         margin-right: 0;
  7089.     }
  7090.     .toolbar .limiter {
  7091.         clear: both;
  7092.         float: none;
  7093.     }
  7094.     .toolbar .modes {
  7095.         float: right;
  7096.         margin-left: 0;
  7097.     }
  7098.     .products.wrapper~.toolbar .limiter {
  7099.         clear: none;
  7100.         float: right;
  7101.         width: 100%;
  7102.         text-align: center;
  7103.     }
  7104.     .products.wrapper~.toolbar .limiter .label {
  7105.         min-width: 0;
  7106.     }
  7107.     .products.wrapper~.toolbar .pages {
  7108.         float: none;
  7109.         margin-bottom: 10px;
  7110.         width: 100%;
  7111.         text-align: center;
  7112.     }
  7113. }
  7114.  
  7115. .filter-options-content .item input[type="checkbox"] {
  7116.     margin: -2px 4.5px 0 0;
  7117.     display: inline-block;
  7118.     vertical-align: middle;
  7119. }
  7120.  
  7121. .filter-current .item {
  7122.     display: block;
  7123.     overflow: hidden;
  7124.     white-space: nowrap;
  7125.     text-overflow: ellipsis;
  7126. }
  7127.  
  7128. .filter-current .item {
  7129.     display: block;
  7130.     overflow: hidden;
  7131.     white-space: nowrap;
  7132.     text-overflow: ellipsis;
  7133.     padding-right: 30px;
  7134. }
  7135.  
  7136. @media (max-width: 767px) {
  7137.     .block-category-list .block-title,
  7138.     .block-category-list .block-content,
  7139.     .sidebar-title,
  7140.     .sidebar .custom-block,
  7141.     .sidebar-filterproducts.custom-block+h2,
  7142.     .sidebar-filterproducts.custom-block+h2+h5,
  7143.     .sidebar-filterproducts.custom-block+h2+h5+p {
  7144.         padding-left: 0;
  7145.         padding-right: 0;
  7146.     }
  7147.     .filter.active .filter-current~.filter-options {
  7148.         top: 186px;
  7149.     }
  7150.     .filter.active .filter-current~.filter-title {}
  7151.     .filter .filter-current,
  7152.     .filter .filter-current+.block-actions {
  7153.         display: none;
  7154.     }
  7155.     .filter.active .filter-current+.block-actions {
  7156.         position: fixed;
  7157.         left: 0;
  7158.         top: 150px;
  7159.         margin: 0;
  7160.         border: none;
  7161.         z-index: 10;
  7162.         display: block;
  7163.         width: 300px;
  7164.         line-height: 34px;
  7165.         background-color: #f4f4f4;
  7166.         border-top: 1px solid #ccc;
  7167.         border-bottom: 1px solid #ccc;
  7168.         text-align: right;
  7169.         padding: 0 30px;
  7170.     }
  7171.     .filter.active .filter-current {
  7172.         position: fixed;
  7173.         left: 0;
  7174.         top: 47px;
  7175.         margin: 0;
  7176.         height: 103px;
  7177.         border: 0;
  7178.         width: 300px;
  7179.         z-index: 10;
  7180.         padding: 17px 0;
  7181.         display: block;
  7182.         background-color: #fff;
  7183.         overflow-y: scroll;
  7184.     }
  7185.     .filter-current-subtitle {
  7186.         padding: 10px 15px;
  7187.         font-size: 13px;
  7188.         font-weight: bold;
  7189.         text-transform: uppercase;
  7190.         border: 1px solid #ddd;
  7191.         background-color: #f5f5f5;
  7192.         position: relative;
  7193.         cursor: pointer;
  7194.         border-radius: 7px;
  7195.         text-decoration: none;
  7196.     }
  7197.     .filter.active .filter-current .filter-current-subtitle {
  7198.         display: none;
  7199.         padding: 15px 30px;
  7200.     }
  7201.     .filter.active .filter-current .filter-current-subtitle:before,
  7202.     .filter.active .filter-current .filter-current-subtitle:after {
  7203.         display: none;
  7204.     }
  7205.     .filter.active .filter-current .items {
  7206.         display: block;
  7207.         padding: 0;
  7208.     }
  7209.     .filter.active .filter-current .item {
  7210.         padding: 0 30px;
  7211.     }
  7212.     .product.media {
  7213.         margin-bottom: 0;
  7214.     }
  7215.     .catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
  7216.         margin-bottom: 20px;
  7217.     }
  7218.     .catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
  7219.         padding-right: 0;
  7220.     }
  7221. }
  7222.  
  7223. .product-info-main .prev-next-products~.page-title-wrapper h1 {
  7224.     padding-right: 50px;
  7225. }
  7226.  
  7227. .side-overlay,
  7228. a.right-side-open {
  7229.     display: none;
  7230. }
  7231.  
  7232. .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .side-overlay {
  7233.     display: block;
  7234.     position: fixed;
  7235.     left: 0;
  7236.     top: 0;
  7237.     width: 100%;
  7238.     height: 100%;
  7239.     background-color: #000;
  7240.     z-index: 998;
  7241.     opacity: 0;
  7242.     filter: alpha(opacity=0);
  7243.     visibility: hidden;
  7244.     transition: all .3s;
  7245. }
  7246.  
  7247. .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
  7248.     position: fixed;
  7249.     right: 0;
  7250.     top: 22%;
  7251.     font-size: 23px;
  7252.     color: #818181;
  7253.     line-height: 49px;
  7254.     z-index: 9;
  7255.     width: 51px;
  7256.     height: 49px;
  7257.     background-color: #f5f5f5;
  7258.     border: #dcdcda solid 1px;
  7259.     border-right: 0;
  7260.     text-align: center;
  7261. }
  7262.  
  7263. @media (max-width: 991px) {
  7264.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .column.main {
  7265.         width: 100%;
  7266.     }
  7267.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
  7268.         display: block;
  7269.     }
  7270.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar {
  7271.         display: none;
  7272.     }
  7273.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional {
  7274.         display: block;
  7275.         position: fixed;
  7276.         background: #fff;
  7277.         z-index: 999;
  7278.         padding: 20px 5px;
  7279.         top: 0 !important;
  7280.         height: 100vh;
  7281.         overflow-y: auto;
  7282.         right: 0;
  7283.         max-width: 100%;
  7284.         width: 280px;
  7285.         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  7286.         border: 1px solid #d2d2d2;
  7287.         opacity: 0;
  7288.         visibility: hidden;
  7289.         transition: opacity 0.3s;
  7290.     }
  7291.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open {
  7292.         opacity: 1;
  7293.         visibility: visible;
  7294.     }
  7295.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open+.side-overlay {
  7296.         opacity: 0.2;
  7297.         visibility: visible;
  7298.         filter: alpha(opacity=100);
  7299.     }
  7300.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar .custom-block {
  7301.         padding: 10px 20px;
  7302.     }
  7303. }
  7304.  
  7305. @media (max-width: 767px) {
  7306.     .nav-open a.right-side-open,
  7307.     .nav-open .sidebar.sidebar-additional.open+.side-overlay,
  7308.     .nav-open .sidebar.sidebar-additional {
  7309.         display: none !important;
  7310.     }
  7311. }
  7312.  
  7313. .sidebar .product-items .product-item .product-reviews-summary,
  7314. .small-list.products-grid .product-item .product-reviews-summary {
  7315.     margin-top: 0;
  7316. }
  7317.  
  7318. .sidebar .product-items .product-item-details,
  7319. .small-list .product-items .product-item-details {
  7320.     padding: 0;
  7321. }
  7322.  
  7323. .sidebar .product-items .product-item-name,
  7324. .small-list.products-grid .product-item .product-item-name {
  7325.     margin-bottom: 2px;
  7326. }
  7327.  
  7328. .nav-open .block.filter {
  7329.     display: none;
  7330. }
  7331.  
  7332. .weltpixel-quickview-catalog-product-view .product-info-main .page-title-wrapper h1 {
  7333.     margin-bottom: 5px;
  7334. }
  7335.  
  7336. .products-grid .product-item-photo .product-item-inner {
  7337.     margin: 0;
  7338. }
  7339.  
  7340. .block-search .label:before,
  7341. .block-search .action.search:before {
  7342.     padding-left: 1px;
  7343. }
  7344.  
  7345. .single-images .caption:after {
  7346.     content: "";
  7347.     display: table;
  7348.     clear: both;
  7349. }
  7350.  
  7351. @media (min-width: 1200px) {
  7352.     .layout-fullwidth.page-layout-2columns-left .sidebar-main,
  7353.     .layout-fullwidth.page-layout-2columns-right .sidebar-additional {
  7354.         width: 20%;
  7355.     }
  7356.     .layout-fullwidth.page-layout-2columns-left .column.main,
  7357.     .layout-fullwidth.page-layout-2columns-right .column.main {
  7358.         width: 80%;
  7359.     }
  7360.     .layout-fullwidth .main-upsell-product-detail .container {
  7361.         max-width: none;
  7362.         padding-left: 20px;
  7363.         padding-right: 20px;
  7364.     }
  7365. }
  7366.  
  7367. .sticky-logo .logo {
  7368.     max-width: none;
  7369. }
  7370.  
  7371. @media (max-width: 767px) {
  7372.     .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open .sidebar-title {
  7373.         padding-left: 20px;
  7374.         padding-right: 20px;
  7375.     }
  7376. }
  7377.  
  7378. @media (max-width: 480px) {
  7379.     .onepage-category .category-detail .products-area .category-link {
  7380.         margin-top: 0;
  7381.         margin-left: 10px;
  7382.         float: none;
  7383.         display: inline-block;
  7384.     }
  7385. }
  7386.  
  7387. .block-search input {
  7388.     left: -9999px;
  7389. }
  7390.  
  7391. .rating-summary .rating-result>span:before,
  7392. .review-control-vote label:before {
  7393.     color: #575f68;
  7394. }
  7395.  
  7396. .product-reviews-summary .reviews-actions a:not(:last-child) {
  7397.     border-right: 0;
  7398. }
  7399.  
  7400. .product-reviews-summary .reviews-actions a.view {
  7401.     padding-right: 3px;
  7402. }
  7403.  
  7404. .table.grouped .col.qty {
  7405.     min-width: 105px;
  7406. }
  7407.  
  7408. .field.downloads.downloads-no-separately .field.choice.field.choice {
  7409.     border: 0;
  7410. }
  7411.  
  7412. .page-product-downloadable .product-add-form .box-tocart .actions {
  7413.     margin-right: 10px;
  7414. }
  7415.  
  7416. @media (min-width: 576px) {
  7417.     .fullwidth-row {
  7418.         width: 100vw;
  7419.         margin-left: calc(255px - 50vw);
  7420.     }
  7421. }
  7422.  
  7423. @media (min-width: 768px) {
  7424.     .fullwidth-row {
  7425.         width: 100vw;
  7426.         margin-left: calc(345px - 50vw);
  7427.     }
  7428. }
  7429.  
  7430. @media (min-width: 992px) {
  7431.     .fullwidth-row {
  7432.         width: 100vw;
  7433.         margin-left: calc(465px - 50vw);
  7434.     }
  7435. }
  7436.  
  7437. @media (min-width: 1200px) {
  7438.     .fullwidth-row {
  7439.         width: 100vw;
  7440.         margin-left: calc(555px - 50vw);
  7441.     }
  7442. }
  7443.  
  7444. @media (max-width: 575px) {
  7445.     .fullwidth-row {
  7446.         width: 100vw;
  7447.         margin: 0 -15px;
  7448.     }
  7449. }
  7450.  
  7451. .content-row h2,
  7452. .content-row h3,
  7453. .content-row h4,
  7454. .content-row h5 {
  7455.     margin-top: 0;
  7456. }
  7457.  
  7458. .onepage-index-index .loading-mask .loader:before,
  7459. .iwd_opc_success_page .loading-mask .loader:before {
  7460.     display: none;
  7461. }
  7462.  
  7463. .catalog-product-view.product-type-carousel .product.media,
  7464. .catalog-product-view.product-type-carousel .product-info-main {
  7465.     width: 100%;
  7466.     padding: 0;
  7467. }
  7468.  
  7469. .product-image-carousel .item:before {
  7470.     content: '';
  7471.     display: block;
  7472.     width: 100%;
  7473.     height: 100%;
  7474.     position: absolute;
  7475.     z-index: 1;
  7476.     box-shadow: inset 20px 0 100px rgba(0, 0, 0, 0.03);
  7477.     background-color: rgba(0, 0, 0, 0.02);
  7478.     left: 0;
  7479.     top: 0;
  7480. }
  7481.  
  7482. .product-image-carousel .owl-controls .owl-nav [class*=owl-] {
  7483.     font-size: 30px;
  7484.     pointer-events: all;
  7485. }
  7486.  
  7487. .product-image-carousel .owl-controls {
  7488.     position: absolute;
  7489.     width: 100%;
  7490.     top: 50%;
  7491.     left: 0;
  7492.     text-align: left;
  7493.     margin-top: -30px;
  7494.     pointer-events: none;
  7495. }
  7496.  
  7497. .product-image-carousel .owl-controls .owl-nav .owl-next {
  7498.     float: right;
  7499. }
  7500.  
  7501. .catalog-product-view.product-type-carousel .product-info-main .page-title-wrapper h1 {
  7502.     font-size: 38px;
  7503. }
  7504.  
  7505. .catalog-product-view.product-type-carousel .product-info-main .product-info-price {
  7506.     margin: 0;
  7507.     padding-bottom: 30px;
  7508.     display: block;
  7509. }
  7510.  
  7511. .catalog-product-view.product-type-carousel .product-info-main .short-custom-block {
  7512.     float: right;
  7513. }
  7514.  
  7515. .catalog-product-view.product-type-carousel .product-info-main .product-info-price .price-box,
  7516. .catalog-product-view.product-type-carousel .product-info-main .product-info-stock-sku {
  7517.     display: block;
  7518.     text-align: left;
  7519.     padding: 0;
  7520.     margin: 0;
  7521. }
  7522.  
  7523. .swatch-attribute-selected-option {
  7524.     display: none;
  7525. }
  7526.  
  7527. .product-info-main .swatch-attribute-label {
  7528.     display: inline-block;
  7529.     vertical-align: middle;
  7530. }
  7531.  
  7532. .product-info-main .swatch-attribute-options {
  7533.     display: inline-block;
  7534.     vertical-align: middle;
  7535.     margin: 5px 0 0;
  7536. }
  7537.  
  7538. .product-info-main .swatch-attribute-label {
  7539.     display: inline-block;
  7540.     vertical-align: middle;
  7541.     margin-right: 10px;
  7542.     min-width: 55px;
  7543. }
  7544.  
  7545. .catalog-product-view.product-type-carousel .product-info-main .swatch-attribute {
  7546.     display: inline-block;
  7547.     vertical-align: middle;
  7548.     margin-right: 50px;
  7549. }
  7550.  
  7551. .catalog-product-view.product-type-carousel .product-options-wrapper {
  7552.     display: inline-block;
  7553.     vertical-align: middle;
  7554.     border: 0;
  7555.     padding: 0;
  7556. }
  7557.  
  7558. .catalog-product-view.product-type-carousel .product-options-bottom {
  7559.     display: inline-block;
  7560.     vertical-align: middle;
  7561. }
  7562.  
  7563. .catalog-product-view.product-type-carousel .product-info-main .product-add-form {
  7564.     padding: 0;
  7565.     text-align: right;
  7566. }
  7567.  
  7568. .catalog-product-view.product-type-carousel .price-box.price-tier_price {
  7569.     margin: 0;
  7570. }
  7571.  
  7572. .catalog-product-view.product-type-carousel .product-info-main {
  7573.     margin: 0;
  7574. }
  7575.  
  7576. .catalog-product-view.product-type-carousel .product-social-links {
  7577.     border: 0;
  7578.     text-align: right;
  7579.     margin: 0;
  7580.     padding: 0;
  7581.     float: right;
  7582.     margin-right: 30px;
  7583.     margin-top: 6px;
  7584. }
  7585.  
  7586. .catalog-product-view.product-type-carousel .prev-next-products {
  7587.     margin-top: 7px;
  7588. }
  7589.  
  7590. .catalog-product-view.product-type-carousel .product-social-links .addthis_inline_share_toolbox {
  7591.     margin: 0;
  7592. }
  7593.  
  7594. .catalog-product-view.product-type-fullwidth .page-main {
  7595.     max-width: 100%;
  7596.     width: 100%;
  7597. }
  7598.  
  7599. .catalog-product-view.product-type-fullwidth .product-info-main .product-add-form {
  7600.     padding: 0;
  7601. }
  7602.  
  7603. .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb {
  7604.     margin: 2px 0;
  7605.     padding: 0 !important;
  7606. }
  7607.  
  7608. .fotorama__nav-wrap--vertical .fotorama__nav__shaft {
  7609.     margin-top: -2px;
  7610. }
  7611.  
  7612. .catalog-product-view.product-type-fullwidth .fotorama__stage {
  7613.     left: 0 !important;
  7614. }
  7615.  
  7616. .catalog-product-view.product-type-fullwidth .fotorama__nav-wrap--vertical.fotorama__nav-wrap {
  7617.     padding: 20px;
  7618. }
  7619.  
  7620. .catalog-product-view.product-type-fullwidth .fotorama__stage__shaft.fotorama__grab {
  7621.     max-width: 100% !important;
  7622. }
  7623.  
  7624. .catalog-product-view.product-type-fullwidth .fotorama__arr--next,
  7625. .catalog-product-view.product-type-fullwidth .fotorama__fullscreen-icon {
  7626.     right: 0 !important;
  7627. }
  7628.  
  7629. .product-image-grid {
  7630.     margin-bottom: 20px;
  7631.     position: relative;
  7632. }
  7633.  
  7634. .product-image-grid:after {
  7635.     content: '';
  7636.     display: block;
  7637.     width: 100%;
  7638.     height: 100%;
  7639.     position: absolute;
  7640.     z-index: 1;
  7641.     background-color: rgba(0, 0, 0, 0.05);
  7642.     left: 0;
  7643.     top: 0;
  7644. }
  7645.  
  7646. #gallery_images.row {
  7647.     margin-left: -10px;
  7648.     margin-right: -10px;
  7649. }
  7650.  
  7651. #gallery_images.row>[class^="col-"],
  7652. #gallery_images.row>[class*="col-"] {
  7653.     padding-left: 10px;
  7654.     padding-right: 10px;
  7655. }
  7656.  
  7657. .catalog-product-view .product.media {
  7658.     padding-right: 0;
  7659. }
  7660.  
  7661. .product-image-list {
  7662.     margin-bottom: 3px;
  7663.     position: relative;
  7664. }
  7665.  
  7666. .product-image-list:after {
  7667.     content: '';
  7668.     display: block;
  7669.     width: 100%;
  7670.     height: 100%;
  7671.     position: absolute;
  7672.     z-index: 1;
  7673.     background-color: rgba(0, 0, 0, 0.05);
  7674.     left: 0;
  7675.     top: 0;
  7676. }
  7677.  
  7678. .catalog-product-view.product-type-sticky-right .product-info-main,
  7679. .catalog-product-view.product-type-sticky-right .product.media,
  7680. .catalog-product-view.product-type-fullwidth .product-info-main,
  7681. .catalog-product-view.product-type-fullwidth .product.media {
  7682.     position: relative;
  7683. }
  7684.  
  7685. .catalog-product-view.product-type-wide-grid .fotorama__stage {
  7686.     border: 0;
  7687. }
  7688.  
  7689. @media (min-width: 768px) {
  7690.     .product.data.items>.item.title {
  7691.         padding-top: 8px;
  7692.         padding-bottom: 0;
  7693.     }
  7694.     .product.info.detailed.vertical .product.data.items>.item.content {
  7695.         border: 0;
  7696.         padding: 0;
  7697.     }
  7698.     .product.info.detailed.vertical .product.data.items>.item.title>.switch {
  7699.         border: 0;
  7700.         text-align: left;
  7701.         border-bottom: 1px solid #ebebeb;
  7702.         height: auto;
  7703.         padding: 0;
  7704.     }
  7705.     .product.info.detailed.vertical .product.data.items>.item.title>.switch>span {
  7706.         display: inline-block;
  7707.         border-bottom: 2px solid transparent;
  7708.         margin-bottom: -1px;
  7709.         padding: 5px 0;
  7710.     }
  7711.     .product.info.detailed.vertical .product.data.items>.item.title.active>.switch>span {
  7712.         border-bottom-color: #08c;
  7713.     }
  7714.     .product.info.detailed.vertical .product.data.items>.item.title {
  7715.         padding-top: 0;
  7716.         padding-bottom: 5px;
  7717.     }
  7718.     .product.info.detailed.vertical .product.data.items>.item.title {
  7719.         max-width: 270px;
  7720.     }
  7721.     .product.info.detailed.vertical .product.data.items>.item.content {
  7722.         width: calc(100% - 270px);
  7723.         box-shadow: none;
  7724.     }
  7725. }
  7726.  
  7727. .catalog-product-view.product-type-wide-grid .product-info-main .fieldset>.field.qty,
  7728. .catalog-product-view.product-type-sticky-right .product-info-main .fieldset>.field.qty,
  7729. .catalog-product-view.product-type-grid .product-info-main .fieldset>.field.qty {
  7730.     display: block;
  7731.     width: auto;
  7732.     margin: 0;
  7733.     margin-bottom: 15px;
  7734. }
  7735.  
  7736. .catalog-product-view.product-type-carousel .product-info-main .fieldset>.field.qty {
  7737.     display: inline-block;
  7738.     width: auto;
  7739.     margin: 0;
  7740.     margin-right: 5px;
  7741. }
  7742.  
  7743. .catalog-product-view.product-type-wide-grid .fieldset>.field.qty>.label,
  7744. .catalog-product-view.product-type-sticky-right .fieldset>.field.qty>.label,
  7745. .catalog-product-view.product-type-grid .fieldset>.field.qty>.label,
  7746. .catalog-product-view.product-type-carousel .fieldset>.field.qty>.label {
  7747.     display: inline-block;
  7748.     vertical-align: middle;
  7749.     margin: 0;
  7750.     margin-right: 10px;
  7751.     min-width: 55px;
  7752.     font-weight: 600;
  7753.     color: #333;
  7754.     position: relative;
  7755.     font-size: 15px;
  7756.     text-transform: uppercase;
  7757. }
  7758.  
  7759. .catalog-product-view.product-type-wide-grid .product-info-main .qty.field .control,
  7760. .catalog-product-view.product-type-sticky-right .product-info-main .qty.field .control,
  7761. .catalog-product-view.product-type-grid .product-info-main .qty.field .control,
  7762. .catalog-product-view.product-type-carousel .product-info-main .qty.field .control {
  7763.     position: relative;
  7764.     margin: 0;
  7765. }
  7766.  
  7767. .catalog-product-view.product-type-wide-grid .product-info-main .box-tocart .input-text.qty,
  7768. .catalog-product-view.product-type-sticky-right .product-info-main .box-tocart .input-text.qty,
  7769. .catalog-product-view.product-type-grid .product-info-main .box-tocart .input-text.qty,
  7770. .catalog-product-view.product-type-carousel .product-info-main .box-tocart .input-text.qty {
  7771.     margin-left: 29px;
  7772. }
  7773.  
  7774. .catalog-product-view.product-type-wide-grid .product-info-main .product-add-form,
  7775. .catalog-product-view.product-type-sticky-right .product-info-main .product-add-form,
  7776. .catalog-product-view.product-type-grid .product-info-main .product-add-form {
  7777.     padding-top: 0;
  7778. }
  7779.  
  7780. .catalog-product-view.product-type-carousel .product-info-main .qty.field .qty-changer>a {
  7781.     border: 0;
  7782.     line-height: 30px;
  7783. }
  7784.  
  7785. .catalog-product-view.product-type-carousel .product-info-main .box-tocart .input-text.qty {
  7786.     height: 30px;
  7787.     padding: 0;
  7788.     background-color: #f4f4f4;
  7789. }
  7790.  
  7791. .box-tocart .action.tocart:before {
  7792.     margin-right: 2px !important;
  7793.     display: inline-block;
  7794.     vertical-align: middle;
  7795.     margin-top: 2px;
  7796. }
  7797.  
  7798. .box-tocart .action.tocart>span {
  7799.     display: inline-block;
  7800.     vertical-align: middle;
  7801. }
  7802.  
  7803. .products-upsell .owl-middle-narrow.owl-theme .owl-controls {
  7804.     margin: 0;
  7805.     top: -45px;
  7806.     visibility: visible;
  7807.     opacity: 1;
  7808.     padding: 0 10px;
  7809. }
  7810.  
  7811. .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots {
  7812.     margin: 0;
  7813.     text-align: right;
  7814. }
  7815.  
  7816. .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot span {
  7817.     margin: 0;
  7818.     margin-left: 5px;
  7819.     width: 15px;
  7820.     height: 15px;
  7821.     border-radius: 100%;
  7822.     border: solid 2px #95a9b3;
  7823.     background: none;
  7824.     position: relative;
  7825. }
  7826.  
  7827. .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot.active span:before {
  7828.     content: '';
  7829.     position: absolute;
  7830.     left: 3px;
  7831.     top: 3px;
  7832.     right: 3px;
  7833.     bottom: 3px;
  7834.     background-color: #0088cc;
  7835.     border-radius: 100%;
  7836. }
  7837.  
  7838. .catalog-product-view.product-type-wide-grid .main-upsell-product-detail,
  7839. .catalog-product-view.product-type-sticky-right .main-upsell-product-detail {
  7840.     padding: 0;
  7841.     background-color: transparent;
  7842.     margin: 0;
  7843.     margin-top: -60px;
  7844. }
  7845.  
  7846. .product.info.detailed {
  7847.     margin-bottom: 20px;
  7848. }
  7849.  
  7850. .catalog-product-view.product-type-sticky-right .product.info.detailed {
  7851.     margin-top: 20px;
  7852.     background-color: #f4f4f4;
  7853.     padding: 70px 0;
  7854. }
  7855.  
  7856. .product.info.detailed.fullwidth-row>.product.data.items.container {
  7857.     margin: 0 auto;
  7858.     padding: 0 15px;
  7859. }
  7860.  
  7861. .catalog-product-view.product-type-sticky-right .product.data.items>.item.title.active>.switch,
  7862. .catalog-product-view.product-type-sticky-right .product.data.items>.item.title.active>.switch:focus,
  7863. .catalog-product-view.product-type-sticky-right .product.data.items>.item.title.active>.switch:hover {
  7864.     background-color: transparent;
  7865. }
  7866.  
  7867. .catalog-product-view.product-type-sticky-right .product.data.items>.item.content {
  7868.     background-color: transparent;
  7869. }
  7870.  
  7871. @media (min-width: 768px) {
  7872.     .catalog-product-view.product-type-sticky-right .product.data.items>.item.title>.switch {
  7873.         font-size: 18px;
  7874.     }
  7875. }
  7876.  
  7877. .block.related .block-title {
  7878.     margin-bottom: 18px;
  7879. }
  7880.  
  7881. .products-grid.products-upsell .product-item .product-item-info {
  7882.     background-color: transparent;
  7883. }
  7884.  
  7885. .products-grid.products-upsell:not(.side-list):not(.products-related) .product-item:hover .product-item-info {
  7886.     box-shadow: none;
  7887. }
  7888.  
  7889. .products-grid.products-upsell .product-item-photo {
  7890.     border: 1px solid #eee;
  7891. }
  7892.  
  7893. .block.upsell .product-item .product-reviews-summary {
  7894.     margin-top: 0;
  7895. }
  7896.  
  7897. .block.upsell {
  7898.     margin-bottom: 0;
  7899.     margin-top: 40px;
  7900. }
  7901.  
  7902. .sidebar .products-related .product-items .product-item-info .product-item-photo {
  7903.     border: 1px solid #ececec;
  7904. }
  7905.  
  7906. @media (min-width: 768px) {
  7907.     .catalog-product-view .sidebar .custom-block {
  7908.         padding: 0;
  7909.     }
  7910.     .sidebar .custom-block>img.img-responsive {
  7911.         width: 100%;
  7912.     }
  7913.     .catalog-product-view .sidebar .sidebar-title {
  7914.         padding: 0;
  7915.     }
  7916.     .catalog-product-view .sidebar .block.related {
  7917.         padding: 0;
  7918.     }
  7919. }
  7920.  
  7921. .catalog-product-view .short-custom-block .custom-block {
  7922.     border: none;
  7923.     color: #6b7a83;
  7924.     padding-bottom: 0;
  7925.     margin-bottom: 33px;
  7926.     background: none;
  7927.     padding: 0;
  7928.     margin: 0;
  7929.     margin-top: 15px;
  7930. }
  7931.  
  7932. .catalog-product-view .short-custom-block .custom-block-1>div i {
  7933.     color: #0088cc;
  7934.     border: none;
  7935.     font-size: 40px;
  7936.     display: inline-block;
  7937.     vertical-align: middle;
  7938.     margin-left: 10px;
  7939. }
  7940.  
  7941. .catalog-product-view .short-custom-block .custom-block-1>div:first-child i {
  7942.     margin-left: 0;
  7943. }
  7944.  
  7945. .catalog-product-view .short-custom-block .custom-block-1>div h3 {
  7946.     display: inline-block;
  7947.     vertical-align: middle;
  7948.     font-size: 14px;
  7949.     font-weight: 600;
  7950.     line-height: 20px;
  7951.     letter-spacing: 0.005em;
  7952.     color: #6b7a83;
  7953.     margin-left: 5px;
  7954.     margin-top: 2px;
  7955. }
  7956.  
  7957. .catalog-product-view .short-custom-block .custom-block-1>div {
  7958.     min-height: 65px;
  7959.     clear: both;
  7960.     display: inline-block;
  7961.     margin-left: 15px;
  7962. }
  7963.  
  7964. .catalog-product-view .short-custom-block .custom-block-1>div:first-child {
  7965.     margin-left: 0;
  7966. }
  7967.  
  7968. .fullwidth-custom-block+.main-upsell-product-detail {
  7969.     margin-top: 0;
  7970. }
  7971.  
  7972. .fotorama__stage__frame .fotorama__img {
  7973.     width: 100%;
  7974.     max-height: none;
  7975. }
  7976.  
  7977. .search-category {
  7978.     margin-right: 5px;
  7979. }
  7980.  
  7981. .search-category select {
  7982.     background-color: transparent;
  7983.     color: #777;
  7984.     border-color: #dbe0e2;
  7985. }
  7986.  
  7987. .search-category select option {
  7988.     color: #000;
  7989. }
  7990.  
  7991. @media (min-width: 768px) {
  7992.     #search_mini_form {
  7993.         width: auto;
  7994.         float: none;
  7995.     }
  7996.     header.page-header.sticky-header .nav-sections {
  7997.         padding: 7px 0;
  7998.     }
  7999.     .sw-megamenu.navigation li>a>span {
  8000.         vertical-align: middle;
  8001.     }
  8002.     ul#ui-id-1.switcher-dropdown {
  8003.         width: auto;
  8004.     }
  8005. }
  8006.  
  8007. @media (max-width: 991px) {
  8008.     .search-category {
  8009.         display: none;
  8010.     }
  8011. }
  8012.  
  8013. .table-comparison ul {
  8014.     list-style: none;
  8015.     padding-left: 12px;
  8016. }
  8017.  
  8018. @media (max-width: 767px) {
  8019.     .block-search {
  8020.         margin-left: 0 !important;
  8021.     }
  8022. }
  8023.  
  8024. .product-info-main .product-add-form {
  8025.     padding-top: 0;
  8026. }
  8027.  
  8028. .page-main {
  8029.     padding-top: 15px;
  8030. }
  8031.  
  8032. #ln_slider_text_price {
  8033.     margin: 0 -7px;
  8034. }
  8035.  
  8036. .block-search input::-webkit-input-placeholder {
  8037.     color: #8d8d8d;
  8038. }
  8039.  
  8040. .block-search input::-moz-placeholder {
  8041.     color: #8d8d8d;
  8042. }
  8043.  
  8044. .block-search input:-moz-placeholder {
  8045.     color: #8d8d8d;
  8046. }
  8047.  
  8048. .block-search input:-ms-input-placeholder {
  8049.     color: #8d8d8d;
  8050. }
  8051.  
  8052. .page-header .header.panel>.header.links>li.compare>a em:before {
  8053.     position: relative;
  8054.     top: -1px;
  8055. }
  8056.  
  8057. @media (max-width: 991px) and (min-width: 768px) {
  8058.     .page-header .header.links>li.compare {
  8059.         display: none;
  8060.     }
  8061. }
  8062.  
  8063. .sidebar.sidebar-main,
  8064. .sidebar.sidebar-additional {
  8065.     position: relative;
  8066. }
  8067.  
  8068. @media (min-width: 768px) {
  8069.     .page-layout-2columns-right .sidebar-main {
  8070.         padding-left: 22px;
  8071.         padding-right: 0;
  8072.     }
  8073.     .page-layout-2columns-right .sidebar.sidebar-main:before {
  8074.         right: 0;
  8075.         left: 22px;
  8076.     }
  8077. }
  8078.  
  8079. .category-cms .category-image img {
  8080.     width: 100%;
  8081. }
  8082.  
  8083. .product-info-main+.product-add-form .product-addto-links>a.action,
  8084. .product-info-main+.product-add-form .product-addto-links+a.action.mailto {
  8085.     width: 43px;
  8086.     height: 43px;
  8087.     line-height: 41px;
  8088. }
  8089.  
  8090. .product.info.detailed.accordion .product.data.items>.item.title,
  8091. .product.info.detailed.accordion .product.data.items>.item.content {
  8092.     border: 0;
  8093. }
  8094.  
  8095. .product.info.detailed.accordion .product.data.items>.item.title[aria-expanded=false]>.switch {
  8096.     border-radius: 0;
  8097. }
  8098.  
  8099. .product.data.items>.item.title.active>.switch,
  8100. .product.data.items>.item.title.active>.switch:focus,
  8101. .product.data.items>.item.title.active>.switch:hover {
  8102.     border-bottom-color: #333 !important;
  8103. }
  8104.  
  8105. body.page-layout-1column .sidebar.sidebar-main,
  8106. body.page-layout-1column .sidebar.sidebar-additional {
  8107.     display: none;
  8108. }
  8109.  
  8110. .minicart-items-wrapper {
  8111.     padding: 15px;
  8112.     max-height: 250px;
  8113. }
  8114.  
  8115. .sidebar .product-items .product-item-info .product-item-photo {
  8116.     border: solid 1px #ececec;
  8117. }
  8118.  
  8119. .sidebar .product-items .product-item-info {
  8120.     margin-bottom: 12px;
  8121. }
  8122.  
  8123. .sidebar .product-items .product-item {
  8124.     margin-bottom: 0;
  8125. }
  8126.  
  8127. .sidebar .sidebar-filterproducts {
  8128.     margin-top: -13px;
  8129. }
  8130.  
  8131. .sidebar .sidebar-filterproducts .owl-top-narrow .owl-theme .owl-controls {
  8132.     top: -27px;
  8133. }
  8134.  
  8135. .sidebar .block.related.owl-top-narrow .owl-theme .owl-controls {
  8136.     top: -28px;
  8137. }
  8138.  
  8139. .products-related {
  8140.     margin-top: -12px;
  8141. }
  8142.  
  8143. .sidebar .product-items .product-item-details {
  8144.     margin-left: calc(33% + 10px);
  8145. }
  8146.  
  8147. .minicart-items .product-image-container {
  8148.     border: 1px solid #ececec;
  8149. }
  8150.  
  8151. .page-header.header-newskin .minicart-wrapper .action.close {
  8152.     display: none;
  8153. }
  8154.  
  8155. .minicart-wrapper .block-minicart {
  8156.     padding-top: 15px;
  8157.     padding-bottom: 10px;
  8158. }
  8159.  
  8160. .block-minicart .items-total {
  8161.     margin-top: 2px;
  8162. }
  8163.  
  8164. .block-minicart .amount.price-container {
  8165.     display: inline-block;
  8166.     vertical-align: middle;
  8167. }
  8168.  
  8169. .block-minicart .block-content>.actions {
  8170.     margin-top: 10px;
  8171. }
  8172.  
  8173. .minicart-items-wrapper {
  8174.     padding-top: 10px;
  8175.     padding-bottom: 10px;
  8176. }
  8177.  
  8178. .minicart-items .product-item-details {
  8179.     padding-top: 0;
  8180.     padding-bottom: 0;
  8181. }
  8182.  
  8183. .minicart-items .product-item-name {
  8184.     margin-bottom: 5px;
  8185. }
  8186.  
  8187. .minicart-items .item-qty {
  8188.     height: 32px;
  8189. }
  8190.  
  8191. .minicart-wrapper .product .actions {
  8192.     margin: -26px 0 0;
  8193. }
  8194.  
  8195. .minicart-items .product-item-pricing .label {
  8196.     display: inline-block;
  8197.     vertical-align: middle;
  8198.     margin-top: -5px;
  8199. }
  8200.  
  8201. tr.row {
  8202.     margin: 0;
  8203. }
  8204.  
  8205. .authentication-dropdown {
  8206.     border-radius: 0;
  8207. }
  8208.  
  8209. .modal-custom .action-close:before,
  8210. .modal-popup .action-close:before,
  8211. .modal-slide .action-close:before {
  8212.     margin: 10px 0;
  8213. }
  8214.  
  8215. .opc-block-summary {
  8216.     border-radius: 0;
  8217. }
  8218.  
  8219. .product.info.detailed.accordion .product.data.items>.item.content {
  8220.     padding: 5px 0;
  8221. }
  8222.  
  8223. .product.info.detailed.accordion .product.data.items>.item.title {
  8224.     padding-right: 0;
  8225. }
  8226.  
  8227. .cms-index-index .page.messages {
  8228.     display: none;
  8229. }
  8230.  
  8231. .sticky-product .sticky-image {
  8232.     border: 1px solid #ececec;
  8233. }
  8234.  
  8235. .sticky-product .stock,
  8236. .sticky-product .product-info-price,
  8237. .sticky-product .product.attribute.sku {
  8238.     white-space: nowrap;
  8239. }
  8240.  
  8241. .sticky-product .product-info-price .price-box,
  8242. .sticky-product .product-info-stock-sku {
  8243.     display: inline-block;
  8244.     vertical-align: middle;
  8245.     margin: 0;
  8246.     font-size: 10px;
  8247. }
  8248.  
  8249. .sticky-product .stock>*,
  8250. .sticky-product .product.attribute.sku .type,
  8251. .sticky-product .product.attribute.sku .value {
  8252.     display: inline-block;
  8253.     vertical-align: middle;
  8254.     font-weight: 400;
  8255. }
  8256.  
  8257. .sticky-product .product.attribute.sku .type:after {
  8258.     content: '#:';
  8259. }
  8260.  
  8261. .owl-nav.disabled,
  8262. .owl-dots.disabled {
  8263.     display: none;
  8264. }
  8265.  
  8266. @media (max-width: 1439px) {
  8267.     #home-content-slider-demo-20 .item>div.content {
  8268.         transform: scale(0.5);
  8269.         top: 0 !important;
  8270.         max-width: 65%;
  8271.     }
  8272. }
  8273.  
  8274. .products.wrapper~.infinite-loader~.toolbar-products {
  8275.     display: none;
  8276. }
  8277.  
  8278. @media (min-width: 768px) {
  8279.     .navigation .level0 .submenu {
  8280.         min-width: 200px;
  8281.     }
  8282.     .sw-megamenu.navigation li.level0.classic .subchildmenu {
  8283.         min-width: 184px;
  8284.     }
  8285.     .page-header .navigation li.level0.fullwidth .submenu a,
  8286.     .page-header .navigation li.level0.classic .submenu a,
  8287.     .page-header .navigation li.level0.staticwidth .submenu a {
  8288.         overflow: hidden;
  8289.         text-overflow: ellipsis;
  8290.         white-space: nowrap;
  8291.     }
  8292. }
  8293.  
  8294. .sw-megamenu.navigation span.cat-label {
  8295.     margin-left: 3px;
  8296.     text-decoration: none !important;
  8297.     display: inline-block;
  8298.     line-height: 10px;
  8299. }
  8300.  
  8301. .fotorama__stage {
  8302.     transform: none !important;
  8303. }
  8304.  
  8305. body.catalog-product-view[class*="product-type-"] .column.main>.custom-block {
  8306.     display: none;
  8307. }
  8308.  
  8309. body.product-type-carousel .product-info-main .qty.field .qty-changer>a:first-child {
  8310.     left: auto;
  8311.     right: 3px;
  8312. }
  8313.  
  8314. body.product-type-carousel .product-info-main .qty.field .qty-changer>a {
  8315.     position: absolute;
  8316.     top: 0;
  8317.     left: 1px;
  8318.     height: 43px;
  8319.     width: 30px;
  8320.     line-height: 41px;
  8321.     text-align: center;
  8322.     margin: 0;
  8323.     border-color: #2B303A;
  8324. }
  8325.  
  8326. .catalog-category-view .columns .column.main {
  8327.     padding-bottom: 0;
  8328. }
  8329.  
  8330. body.catalog-product-view[class*="product-type-"] .product-info-main .custom-block {
  8331.     display: none;
  8332. }
  8333.  
  8334. .catalog-product-view .page-wrapper>.breadcrumbs {
  8335.     min-height: 20px;
  8336. }
  8337.  
  8338. body.catalog-product-view[class*="product-type-"] .product-info-main .short-custom-block .custom-block {
  8339.     display: block;
  8340. }
  8341.  
  8342. .weltpixel-quickview-catalog-product-view .fullwidth-custom-block {
  8343.     display: none !important;
  8344. }
  8345.  
  8346. .sidebar .custom-block.custom-block-1>div h3 {
  8347.     padding-top: 5px;
  8348.     padding-bottom: 5px;
  8349. }
  8350.  
  8351. .bundle-options-container .block-bundle-summary>.title>strong {
  8352.     color: #333;
  8353.     font-weight: 600;
  8354.     font-size: 18px;
  8355.     text-transform: uppercase;
  8356.     margin: 0;
  8357. }
  8358.  
  8359. .bundle-options-container .legend.title {
  8360.     font-size: 18px;
  8361.     font-weight: 600;
  8362.     color: #333;
  8363. }
  8364.  
  8365. .bundle-options-container .block-bundle-summary {
  8366.     padding: 0;
  8367. }
  8368.  
  8369. .bundle-options-container .input-text.qty,
  8370. .box-tocart .input-text.qty {
  8371.     vertical-align: middle;
  8372.     height: 43px;
  8373.     border-color: #dae2e6;
  8374.     margin-right: 1px;
  8375. }
  8376.  
  8377. .bundle-options-container .block-bundle-summary .product-addto-links>.action,
  8378. .page-product-downloadable .product-addto-links>.action,
  8379. .page-product-downloadable .action.mailto.friend {
  8380.     border-color: #dae2e6;
  8381.     color: #302E2A;
  8382.     width: 43px;
  8383.     height: 43px;
  8384.     line-height: 41px;
  8385. }
  8386.  
  8387. .block-bundle-summary .moved-add-to-links {
  8388.     display: inline-block;
  8389.     vertical-align: middle;
  8390.     margin: 10px 0;
  8391. }
  8392.  
  8393. .block-bundle-summary .qty.field .control,
  8394. .block-bundle-summary .qty.field .qty-changer,
  8395. .bundle-options-wrapper .qty.field .control,
  8396. .bundle-options-wrapper .qty.field .qty-changer,
  8397. .table.grouped .col.qty .control .input-text.qty,
  8398. .table.grouped .col.qty .qty-changer {
  8399.     margin-left: 29px;
  8400. }
  8401.  
  8402. .block-bundle-summary .qty.field .qty-changer>a,
  8403. .bundle-options-wrapper .qty.field .qty-changer>a,
  8404. .table.grouped .col.qty .qty-changer>a {
  8405.     position: absolute;
  8406.     top: 0;
  8407.     left: 0;
  8408.     height: 43px;
  8409.     width: 30px;
  8410.     line-height: 41px;
  8411.     text-align: center;
  8412.     margin: 0;
  8413.     border-color: #dae2e6;
  8414.     border-radius: 0;
  8415. }
  8416.  
  8417. .block-bundle-summary .qty.field .qty-changer>a:first-child,
  8418. .bundle-options-wrapper .qty.field .qty-changer>a:first-child,
  8419. .table.grouped .col.qty .qty-changer>a:first-child {
  8420.     left: auto;
  8421.     right: 4px;
  8422. }
  8423.  
  8424. .block-bundle-summary .box-tocart .input-text.qty,
  8425. .bundle-options-wrapper .box-tocart .input-text.qty,
  8426. .table.grouped .col.qty .input-text.qty {
  8427.     font-family: 'Oswald';
  8428.     display: inline-block;
  8429.     vertical-align: middle;
  8430.     height: 43px;
  8431.     width: 44px!important;
  8432.     font-size: 14px;
  8433.     font-weight: 400;
  8434.     text-align: center;
  8435.     color: #61605a;
  8436.     margin: 0;
  8437.     border-color: #dae2e6;
  8438. }
  8439.  
  8440. .block-bundle-summary .qty.field .qty-changer>a .porto-icon-up-dir:before,
  8441. .bundle-options-wrapper .qty.field .qty-changer>a .porto-icon-up-dir:before,
  8442. .table.grouped .col.qty .qty-changer>a .porto-icon-up-dir:before {
  8443.     content: '\f882';
  8444. }
  8445.  
  8446. .block-bundle-summary .qty.field .qty-changer>a .porto-icon-down-dir:before,
  8447. .bundle-options-wrapper .qty.field .qty-changer>a .porto-icon-down-dir:before,
  8448. .table.grouped .col.qty .qty-changer>a .porto-icon-down-dir:before {
  8449.     content: '\f883';
  8450. }
  8451.  
  8452. .block-bundle-summary .fieldset>.field.qty,
  8453. .block-bundle-summary .nested.options-list>.field.qty,
  8454. .bundle-options-wrapper .fieldset>.field.qty,
  8455. .block-bundle-summary .nested.options-list>.field.qty,
  8456. .table.grouped .col.qty .control.qty {
  8457.     position: relative;
  8458.     width: 106px;
  8459. }
  8460.  
  8461. .bundle-options-container .block-bundle-summary .box-tocart .action.primary,
  8462. .box-tocart .action.tocart {
  8463.     width: auto;
  8464.     margin-right: 8px;
  8465.     margin-left: -3px;
  8466. }
  8467.  
  8468. .bundle-options-container .product-options-wrapper .field.choice .product-name {
  8469.     display: block;
  8470.     font-weight: 600;
  8471.     position: relative;
  8472.     font-size: 12px;
  8473. }
  8474.  
  8475. .bundle-options-container .product-options-wrapper .fieldset>.field>.label {
  8476.     font-weight: 600;
  8477.     color: #333;
  8478.     position: relative;
  8479.     font-size: 14px;
  8480.     text-transform: uppercase;
  8481. }
  8482.  
  8483. .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-container {
  8484.     vertical-align: middle;
  8485. }
  8486.  
  8487. .fieldset-bundle-options .nested.options-list .field.qty {
  8488.     position: relative;
  8489.     display: inline-block;
  8490. }
  8491.  
  8492. .bundle-options-container .block-bundle-summary .bundle-summary>.subtitle {
  8493.     color: #333;
  8494.     font-weight: 600;
  8495.     font-size: 18px;
  8496.     text-transform: uppercase;
  8497. }
  8498.  
  8499. .bundle-options-container .block-bundle-summary .bundle-summary {
  8500.     color: #333;
  8501. }
  8502.  
  8503. .bundle-actions {
  8504.     margin-bottom: 15px;
  8505. }
  8506.  
  8507. @media (min-width: 768px) {
  8508.     .page-layout-2columns-left .bundle-options-container .bundle-options-wrapper,
  8509.     .page-layout-2columns-left .bundle-options-container .block-bundle-summary,
  8510.     .page-layout-2columns-right .bundle-options-container .bundle-options-wrapper,
  8511.     .page-layout-2columns-right .bundle-options-container .block-bundle-summary,
  8512.     .page-layout-3columns .bundle-options-container .bundle-options-wrapper,
  8513.     .page-layout-3columns .bundle-options-container .block-bundle-summary {
  8514.         width: 49%;
  8515.     }
  8516.     .page-product-downloadable .product-options-bottom,
  8517.     .page-product-downloadable .product-options-wrapper {
  8518.         width: 49%;
  8519.     }
  8520.     .page-layout-1column .toolbar-products {
  8521.         position: static;
  8522.     }
  8523.     .page-layout-1column.page-with-filter .column.main {
  8524.         padding-top: 0;
  8525.     }
  8526. }
  8527.  
  8528. .sw-megamenu.navigation .subchildmenu span.cat-label:before {
  8529.     content: '';
  8530.     display: block;
  8531.     width: 5px;
  8532.     height: 5px;
  8533.     border: 3px solid transparent;
  8534.     position: absolute;
  8535.     left: -6px;
  8536.     top: 50%;
  8537.     margin-top: -3px;
  8538. }
  8539.  
  8540. .sw-megamenu.navigation .subchildmenu span.cat-label.cat-label-label1:before {
  8541.     border-right-color: #0cc485;
  8542. }
  8543.  
  8544. .sw-megamenu.navigation .subchildmenu span.cat-label {
  8545.     top: 50%;
  8546.     margin-top: -7px;
  8547.     margin-left: 7px;
  8548.     border-radius: 2px !important;
  8549. }
  8550.  
  8551. p.price-from,
  8552. p.price-to {
  8553.     display: inline-block;
  8554.     vertical-align: middle;
  8555. }
  8556.  
  8557. p.price-from span.price-label,
  8558. p.price-to span.price-label {
  8559.     display: none !important;
  8560. }
  8561.  
  8562. p.price-to:before {
  8563.     content: "-";
  8564.     display: inline-block;
  8565.     vertical-align: middle;
  8566.     margin: 0 5px;
  8567.     font-size: 20px;
  8568. }
  8569.  
  8570. p.price-to>span {
  8571.     display: inline-block;
  8572.     vertical-align: middle;
  8573. }
  8574.  
  8575. .product-info-main .product.sku {
  8576.     white-space: nowrap;
  8577. }
  8578.  
  8579. .table.grouped .price-box {
  8580.     margin: 0;
  8581. }
  8582.  
  8583. .table.grouped .product-item-name {
  8584.     margin-bottom: 4px;
  8585. }
  8586.  
  8587. .table.data.grouped>tbody>tr>th,
  8588. .table.data.grouped>tbody>tr>td {
  8589.     border-top-color: #eee
  8590. }
  8591.  
  8592. .page-product-grouped .product-info-price {
  8593.     float: left;
  8594. }
  8595.  
  8596. .page-product-grouped .product-info-main .product-info-price .price-box {
  8597.     display: none;
  8598. }
  8599.  
  8600. .page-product-grouped .product-info-main .product-info-stock-sku {
  8601.     display: block;
  8602.     padding: 0;
  8603.     text-align: left;
  8604. }
  8605.  
  8606. .page-product-downloadable .product-options-bottom .price-box {
  8607.     display: none;
  8608. }
  8609.  
  8610. .page-product-downloadable .product-social-links {
  8611.     border: 0;
  8612. }
  8613.  
  8614. .page-product-downloadable .product-options-bottom {
  8615.     padding-top: 15px;
  8616. }
  8617.  
  8618. @media (min-width: 768px) {
  8619.     .sw-megamenu.navigation li.level0.fullwidth .submenu a,
  8620.     .sw-megamenu.navigation li.level0.staticwidth .submenu a,
  8621.     .sw-megamenu.navigation li.level0.classic .submenu a {
  8622.         overflow: hidden;
  8623.         white-space: nowrap;
  8624.         text-overflow: ellipsis;
  8625.     }
  8626.     .sw-megamenu.navigation li.level0.fullwidth>.submenu {
  8627.         max-width: 1110px;
  8628.         left: 0;
  8629.         right: 0;
  8630.         margin-left: auto !important;
  8631.         margin-right: auto !important;
  8632.     }
  8633. }
  8634.  
  8635. @media (max-width: 767px) {
  8636.     header.page-header .nav-sections-item-title[aria-controls="store.menu"]>a:before {
  8637.         font-size: 14px;
  8638.         line-height: 1;
  8639.         content: '\f827';
  8640.         font-family: 'porto-icons';
  8641.         vertical-align: middle;
  8642.         display: inline-block;
  8643.         font-weight: 400;
  8644.         margin: -2px 5px 0 0;
  8645.     }
  8646.     header.page-header .nav-sections-item-title {
  8647.         height: 63px;
  8648.     }
  8649.     .navigation .parent .level-top:after {
  8650.         right: 15px;
  8651.     }
  8652.     header.page-header .nav-sections-item-content {
  8653.         margin-top: 63px;
  8654.     }
  8655.     .sw-megamenu.navigation li.level0.staticwidth>.submenu {
  8656.         border-radius: 0 !important;
  8657.     }
  8658.     .navigation li.level0>a.ui-state-active {
  8659.         color: #333 !important;
  8660.     }
  8661. }
  8662.  
  8663. @media (max-width: 767px) and (min-width: 480px) {
  8664.     .nav-open .nav-sections {
  8665.         width: 380px;
  8666.     }
  8667.     .nav-open .page-wrapper {
  8668.         left: 380px;
  8669.     }
  8670. }
  8671.  
  8672.  
  8673. /** custom by network */
  8674.  
  8675. .fancybox-wrap .page-wrapper .columns,
  8676. .fancybox-wrap .page-wrapper .columns .column.main {
  8677.     width: 100% !important;
  8678. }
  8679.  
  8680. .fancybox-overlay-fixed {
  8681.     background: #0000009e;
  8682. }
  8683.  
  8684. .products.list.items.product-items .quickview {
  8685.     position: absolute;
  8686.     right: 5px;
  8687.     bottom: 5px;
  8688.     z-index: 4;
  8689. }
  8690.  
  8691. .nav-sections .header.links .customer-menu,
  8692. .nav-sections .header.links .customer-welcome+.link.compare+.authorization-link {
  8693.     display: none;
  8694. }
  8695.  
  8696. .homepage-bar {
  8697.     border-top: none;
  8698.     border-color: #e5e8e8;
  8699.     background-color: transparent;
  8700. }
  8701.  
  8702. .homepage-bar .col-lg-4 {
  8703.     border: none;
  8704.     padding-top: 16px;
  8705.     padding-bottom: 13px;
  8706. }
  8707.  
  8708. .homepage-bar [class*=" porto-icon-"],
  8709. .homepage-bar [class^="porto-icon-"] {
  8710.     color: #465157;
  8711. }
  8712.  
  8713. .homepage-bar h3 {
  8714.     font-size: 14px;
  8715.     font-weight: 600;
  8716.     color: #465157;
  8717.     line-height: 19px;
  8718. }
  8719.  
  8720. .homepage-bar p {
  8721.     font-size: 13px;
  8722.     font-weight: 300;
  8723.     color: #839199;
  8724.     line-height: 19px;
  8725. }
  8726.  
  8727. .filterproduct-title {
  8728.     background: none;
  8729.     text-align: center;
  8730.     font-size: 17px;
  8731.     font-weight: 700;
  8732.     padding-bottom: 10px;
  8733. }
  8734.  
  8735. .filterproduct-title .content {
  8736.     background: none;
  8737.     padding: 0;
  8738. }
  8739.  
  8740. .products-grid:not(.side-list):not(.products-related) .owl-carousel .product-item {
  8741.     padding: 12px 10px;
  8742. }
  8743.  
  8744. .owl-bottom-narrow .owl-controls {
  8745.     bottom: -35px;
  8746. }
  8747.  
  8748. .owl-bottom-narrow .owl-controls .owl-dots {
  8749.     margin: 0;
  8750. }
  8751.  
  8752. .owl-bottom-narrow .owl-controls .owl-dot span {
  8753.     width: 11px;
  8754.     height: 3px;
  8755.     margin: 5px;
  8756. }
  8757.  
  8758. .owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot span {
  8759.     background-color: #fff;
  8760. }
  8761.  
  8762. .owl-bottom-narrow .owl-controls .owl-dot:hover span,
  8763. .owl-bottom-narrow .owl-controls .owl-dot.active span,
  8764. .owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot:hover span,
  8765. .owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot.active span {
  8766.     background-color: #2b2b2d;
  8767. }
  8768.  
  8769. .custom-support {
  8770.     text-align: center;
  8771. }
  8772.  
  8773. .custom-support i {
  8774.     background-color: transparent;
  8775.     float: none;
  8776.     color: #0088cc;
  8777.     width: auto;
  8778.     height: auto;
  8779.     border-radius: 0;
  8780.     padding-bottom: 14px;
  8781.     display: inline-block;
  8782. }
  8783.  
  8784. .custom-support div.content {
  8785.     margin-left: 0;
  8786. }
  8787.  
  8788. .custom-support div.content>h2 {
  8789.     text-transform: uppercase;
  8790.     font-size: 16px;
  8791.     color: #2b2b2d;
  8792.     line-height: 22px;
  8793. }
  8794.  
  8795. .custom-support div.content>em {
  8796.     color: #465157;
  8797.     font-size: 14px;
  8798.     line-height: 22px;
  8799.     font-weight: 400;
  8800. }
  8801.  
  8802. .custom-support div.content>p {
  8803.     font-size: 13px;
  8804.     line-height: 24px;
  8805.     color: #687176;
  8806. }
  8807.  
  8808. .parallax {
  8809.     margin: 0;
  8810. }
  8811.  
  8812. .parallax-slider .owl-carousel h2 {
  8813.     font-size: 36px;
  8814.     font-family: 'Oswald';
  8815.     font-weight: 400;
  8816.     text-transform: uppercase;
  8817.     margin-bottom: 20px;
  8818.     margin-top: 10px;
  8819. }
  8820.  
  8821. .parallax-slider .owl-carousel a {
  8822.     font-size: 13px;
  8823.     font-family: 'Oswald';
  8824.     text-transform: uppercase;
  8825.     color: #fff;
  8826.     line-height: 1;
  8827.     letter-spacing: 0.05em;
  8828.     padding: 17px 33px;
  8829.     border-radius: 3px;
  8830.     background-color: #2b2b2d;
  8831.     box-shadow: none;
  8832. }
  8833.  
  8834. .parallax-slider .owl-theme .owl-controls {
  8835.     margin-top: 5px;
  8836. }
  8837.  
  8838. .brands-slide .owl-side-narrow .owl-carousel {
  8839.     padding: 10px 80px;
  8840. }
  8841.  
  8842. .brands-slide .owl-no-narrow .owl-carousel a {
  8843.     display: inline-block;
  8844.     padding: 40px 0;
  8845. }
  8846.  
  8847. .brands-slide .owl-theme .owl-controls {
  8848.     margin: 0;
  8849. }
  8850.  
  8851. .brands-slide .owl-controls .owl-nav>div {
  8852.     position: absolute;
  8853.     top: calc(50% - 15px);
  8854.     background: none;
  8855.     padding: 0;
  8856.     margin: 0;
  8857. }
  8858.  
  8859. .brands-slide .owl-controls .owl-nav div.owl-prev {
  8860.     left: 0;
  8861.     color: #3a3a3c;
  8862.     font-size: 22px;
  8863.     margin: 0;
  8864.     padding: 0;
  8865. }
  8866.  
  8867. .brands-slide .owl-controls .owl-nav div.owl-next {
  8868.     right: 0;
  8869.     color: #3a3a3c;
  8870.     font-size: 22px;
  8871.     margin: 0;
  8872.     padding: 0;
  8873. }
  8874.  
  8875. .recent-posts .owl-item .item .recent-inner {
  8876.     background-color: #fff;
  8877.     padding: 10px;
  8878. }
  8879.  
  8880. .recent-posts .item .post-image {
  8881.     padding: 0;
  8882.     border: none;
  8883.     margin: 0;
  8884. }
  8885.  
  8886. .recent-posts .item .post-image img {
  8887.     border-radius: 0;
  8888. }
  8889.  
  8890. .recent-posts .item .post-image .post-date {
  8891.     background-color: #0088cc;
  8892.     text-align: center;
  8893.     font-family: 'Oswald';
  8894.     color: #fff;
  8895.     font-weight: 400;
  8896.     position: absolute;
  8897.     top: 7px;
  8898.     left: 22px;
  8899. }
  8900.  
  8901. .recent-posts .item .post-image .post-date .day {
  8902.     font-size: 18px;
  8903.     letter-spacing: 0.05em;
  8904.     background: none;
  8905.     color: #fff;
  8906.     font-weight: 400;
  8907.     padding: 10px 0 4px;
  8908.     line-height: 1;
  8909. }
  8910.  
  8911. .recent-posts .item .post-image .post-date .month {
  8912.     font-size: 13px;
  8913.     letter-spacing: 0.05em;
  8914.     text-transform: uppercase;
  8915.     background: none;
  8916.     font-weight: 400;
  8917.     padding: 0 0 8px;
  8918.     line-height: 1;
  8919. }
  8920.  
  8921. .recent-posts .item .postTitle {
  8922.     min-height: auto;
  8923.     padding-top: 10px;
  8924.     padding-left: 18px;
  8925.     margin-bottom: 10px;
  8926. }
  8927.  
  8928. .recent-posts .item .postContent,
  8929. .recent-posts .item .postContent p {
  8930.     padding-left: 18px;
  8931.     font-size: 13px;
  8932.     color: #687176;
  8933.     line-height: 24px;
  8934.     margin-bottom: 5px;
  8935. }
  8936.  
  8937. .recent-posts .item .postContent p {
  8938.     padding-left: 0;
  8939. }
  8940.  
  8941. .recent-posts .item .readmore {
  8942.     margin-left: 18px;
  8943.     font-family: 'Oswald';
  8944.     text-transform: uppercase;
  8945.     font-size: 12px;
  8946.     letter-spacing: 0.05em;
  8947.     color: #fff;
  8948.     background-color: #2b2b2d;
  8949.     padding: 9px 16px;
  8950.     border-radius: 2px;
  8951. }
  8952.  
  8953. .recent-posts .item .postTitle h2 {
  8954.     font-size: 18px;
  8955.     letter-spacing: -0.001em;
  8956.     line-height: 22px;
  8957. }
  8958.  
  8959. .recent-posts .item .postTitle h2 a {
  8960.     color: #2b2b2d;
  8961. }
  8962.  
  8963. .page-wrapper>.breadcrumbs {
  8964.     padding: 5px 0 5px;
  8965.     margin-bottom: -15px;
  8966.     margin-top: -10px;
  8967. }
  8968.  
  8969. .breadcrumbs li {
  8970.     line-height: 30px;
  8971.     display: inline-block;
  8972. }
  8973.  
  8974. .page-wrapper>.breadcrumbs .items {
  8975.     padding: 0px;
  8976. }
  8977.  
  8978. .breadcrumbs li.home a {
  8979.     /* width: 15px;*/
  8980.     display: inline-block;
  8981.     text-indent: 30px;
  8982.     line-height: 30px;
  8983.     overflow: hidden;
  8984.     float: left;
  8985.     position: relative;
  8986. }
  8987.  
  8988. .breadcrumbs li.home a:after {
  8989.     content: "\e883";
  8990.     font-family: 'porto-icons';
  8991.     position: absolute;
  8992.     left: 0;
  8993.     top: 0;
  8994.     text-indent: 0;
  8995. }
  8996.  
  8997. .sidebar.sidebar-main {
  8998.     position: relative;
  8999. }
  9000.  
  9001. .block-category-list .block-title,
  9002. .filter-options-title,
  9003. .filter .filter-current-subtitle {
  9004.     border: none;
  9005.     background-color: transparent !important;
  9006.     padding: 16px 20px 4px 20px;
  9007.     font-size: 12px;
  9008.     text-transform: uppercase;
  9009.     font-weight: 600;
  9010.     color: #21293c;
  9011.     letter-spacing: 0.01em;
  9012. }
  9013.  
  9014. .block-category-list .block-title {
  9015.     padding: 30px 20px 0 20px;
  9016. }
  9017.  
  9018. .block-category-list .block-title strong {
  9019.     font-weight: 600;
  9020. }
  9021.  
  9022. .block-category-list .block-content,
  9023. .filter-options-content {
  9024.     border: none;
  9025.     background-color: transparent;
  9026.     padding: 10px 20px 26px 20px;
  9027.     border-bottom: #efefef solid 1px;
  9028.     position: relative;
  9029.     z-index: 2;
  9030.     border-radius: 0;
  9031. }
  9032.  
  9033. .filter-current .items {
  9034.     border: none;
  9035.     background-color: transparent;
  9036.     position: relative;
  9037.     z-index: 2;
  9038. }
  9039.  
  9040. .filter-current .item {
  9041.     padding-left: 20px;
  9042. }
  9043.  
  9044. .filter-current .action.remove {
  9045.     right: 20px;
  9046.     color: #21293c;
  9047. }
  9048.  
  9049. .filter-actions {
  9050.     border: none;
  9051.     background-color: transparent;
  9052.     border-bottom: #efefef solid 1px;
  9053.     position: relative;
  9054.     z-index: 2;
  9055.     padding-right: 20px;
  9056. }
  9057.  
  9058. .filter-actions a {
  9059.     color: #858585;
  9060. }
  9061.  
  9062. .filter-options-title:after {
  9063.     content: '\f803';
  9064.     border: none;
  9065.     color: #21293c;
  9066.     font-size: 17px;
  9067.     margin-top: -6px;
  9068.     background-color: transparent!important;
  9069. }
  9070.  
  9071. .filter-options-title:hover:after {
  9072.     background: none !important;
  9073.     color: #21293c;
  9074. }
  9075.  
  9076. .active>.filter-options-title:after {
  9077.     content: '\f800';
  9078. }
  9079.  
  9080. #ln_slider_price.ui-slider-horizontal {
  9081.     height: 3px;
  9082.     box-shadow: none;
  9083. }
  9084.  
  9085. #ln_slider_price .ui-slider-handle {
  9086.     width: 12px;
  9087.     height: 12px;
  9088.     border-radius: 100%;
  9089. }
  9090.  
  9091. .sidebar-title {
  9092.     font-size: 15px;
  9093.     font-weight: 600;
  9094.     color: #21293c;
  9095.     letter-spacing: 0.01em;
  9096.     margin-bottom: 20px;
  9097.     padding-left: 20px;
  9098.     padding-right: 20px;
  9099. }
  9100.  
  9101. .porto-icon-left-open-huge:before {
  9102.     content: '\f802';
  9103.     color: #21293c;
  9104. }
  9105.  
  9106. .porto-icon-right-open-huge:before {
  9107.     content: '\f801';
  9108.     color: #21293c;
  9109. }
  9110.  
  9111. .sidebar .owl-top-narrow .owl-theme .owl-controls {
  9112.     top: -40px;
  9113.     right: -7px;
  9114. }
  9115.  
  9116. .sidebar .owl-top-narrow .owl-theme .owl-controls .owl-nav div *:before {
  9117.     color: #21293c;
  9118. }
  9119.  
  9120. .sidebar .product-items .product-item-name a {
  9121.     font-size: 12px;
  9122.     color: #5b5b5f;
  9123.     font-weight: 400;
  9124. }
  9125.  
  9126. .sidebar .sidebar-filterproducts {
  9127.     margin-bottom: 30px;
  9128.     padding-bottom: 40px;
  9129.     background: none;
  9130.     border-bottom: #efefef solid 1px;
  9131. }
  9132.  
  9133. .sidebar .product-items .product-item .product-reviews-summary {
  9134.     display: block;
  9135. }
  9136.  
  9137. .sidebar-filterproducts.custom-block+h2 {
  9138.     font-size: 15px !important;
  9139.     text-transform: uppercase;
  9140.     font-weight: 600;
  9141.     color: #21293c !important;
  9142.     letter-spacing: 0.01em;
  9143.     padding: 0 20px;
  9144. }
  9145.  
  9146. .sidebar-filterproducts.custom-block+h2+h5 {
  9147.     font-family: 'Open Sans' !important;
  9148.     font-weight: 600 !important;
  9149.     font-size: 14px !important;
  9150.     color: #7a7d82 !important;
  9151.     letter-spacing: 0.022em;
  9152.     padding: 0 20px;
  9153. }
  9154.  
  9155. .sidebar-filterproducts.custom-block+h2+h5+p {
  9156.     color: #21293c !important;
  9157.     font-size: 15px !important;
  9158.     letter-spacing: 0.01em;
  9159.     padding: 0 20px;
  9160. }
  9161.  
  9162. .sidebar .custom-block {
  9163.     padding: 0 20px;
  9164. }
  9165.  
  9166. .category-boxed-banner.owl-theme .owl-controls {
  9167.     bottom: 0;
  9168. }
  9169.  
  9170. .page-products .toolbar .limiter {
  9171.     display: block;
  9172. }
  9173.  
  9174. .page-with-filter .toolbar-amount {
  9175.     display: none;
  9176. }
  9177.  
  9178. .full-width-image-banner {
  9179.     height: 300px;
  9180.     margin-bottom: 13px;
  9181. }
  9182.  
  9183. .full-width-image-banner:after {
  9184.     display: none;
  9185. }
  9186.  
  9187. .full-width-image-banner h2 {
  9188.     font-size: 36px;
  9189.     font-weight: 900;
  9190.     letter-spacing: -0.025em;
  9191.     text-transform: uppercase;
  9192.     line-height: 38px;
  9193. }
  9194.  
  9195. .full-width-image-banner p {
  9196.     font-size: 18px;
  9197.     line-height: 38px;
  9198.     font-weight: 700;
  9199.     text-transform: uppercase;
  9200. }
  9201.  
  9202. .full-width-image-banner .btn-default {
  9203.     font-size: 14px;
  9204.     line-height: 25px;
  9205.     letter-spacing: 0.025em;
  9206.     padding: 10px 20px;
  9207.     background-color: #010204;
  9208.     color: #fff;
  9209.     font-family: 'Oswald';
  9210.     text-transform: uppercase;
  9211.     border-radius: 2px;
  9212.     margin-top: 31px;
  9213. }
  9214.  
  9215. .page-products .toolbar .limiter .limiter-text {
  9216.     display: none;
  9217. }
  9218.  
  9219. .modes-mode.active {
  9220.     border: none;
  9221.     background: none;
  9222.     color: #111;
  9223. }
  9224.  
  9225. .modes-mode,
  9226. .modes-mode:hover {
  9227.     border: none;
  9228.     background: none;
  9229.     color: #111;
  9230.     width: 15px;
  9231. }
  9232.  
  9233. .toolbar select {
  9234.     border: 1px solid #e4e4e4;
  9235.     height: 37px;
  9236.     color: #2b303a;
  9237.     font-weight: 400;
  9238.     font-size: 14px;
  9239.     text-transform: capitalize;
  9240.     padding: 0 10px;
  9241.     padding-right: 30px;
  9242.     line-height: 31px;
  9243. }
  9244.  
  9245. .toolbar-sorter .sorter-action {
  9246.     margin-top: 6px;
  9247.     color: #21293c;
  9248. }
  9249.  
  9250. .toolbar-sorter .sorter-action:before {
  9251.     color: #21293c;
  9252. }
  9253.  
  9254. .pages a.page,
  9255. .pages strong.page,
  9256. .pages .action {
  9257.     width: 32px;
  9258.     line-height: 32px;
  9259. }
  9260.  
  9261. .products-grid+.toolbar.toolbar-products {
  9262.     border-top: solid 1px #efefef;
  9263.     padding-top: 25px;
  9264. }
  9265.  
  9266. .product-item .product-reviews-summary {
  9267.     background: none;
  9268. }
  9269.  
  9270. .products-grid .product-item .product-item-info {
  9271.     background-color: #fff;
  9272. }
  9273.  
  9274. .products-grid:not(.side-list):not(.products-related) .product-item:hover .product-item-info {
  9275.     box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.1);
  9276. }
  9277.  
  9278. .products-grid:not(.side-list) .product-item .product-item-info .product.name a {
  9279.     font-size: 14px;
  9280. }
  9281.  
  9282. .product-item-details {
  9283.     padding: 10px 0;
  9284. }
  9285.  
  9286. .custom-attributes-block {
  9287.     display: none;
  9288.     bottom: 0px;
  9289.     margin: 0 10px 0 10px;
  9290.     z-index: 5;
  9291.     opacity: 0;
  9292.     background-color: #ffffff99;
  9293.     transition-duration: .5s;
  9294.     -webkit-transition-duration: .5s;
  9295.     -o-transition-duration: .5s;
  9296.     -ms-transition-duration: .5s;
  9297.     text-align: right;
  9298.     padding: 5px;
  9299. }
  9300.  
  9301. .custom-attributes-block span {
  9302.     float: left;
  9303.     text-align: left;
  9304. }
  9305.  
  9306. .products-grid .item.product:hover .custom-attributes-block {
  9307.     display: block;
  9308.     position: absolute;
  9309.     bottom: 0;
  9310.     left: 0;
  9311.     right: 0;
  9312.     opacity: 1;
  9313.     font-size: 11px;
  9314.     color: #0088cc;
  9315.     font-weight: 700;
  9316. }
  9317.  
  9318. .product.name a {
  9319.     color: #2b303a;
  9320. }
  9321.  
  9322. .price-box .price {
  9323.     font-family: 'Oswald';
  9324.     font-size: 18px;
  9325.     letter-spacing: 0.005em;
  9326.     color: #2b303a;
  9327.     font-weight: 300;
  9328. }
  9329.  
  9330. .special-price .price {
  9331.     color: #2b303a;
  9332.     font-weight: 300;
  9333. }
  9334.  
  9335. .price-excluding-tax .price {
  9336.     font-weight: 400;
  9337. }
  9338.  
  9339. .product-label.sale-label {
  9340.     color: #ffffff;
  9341. }
  9342.  
  9343. .product-label.new-label {
  9344.     color: #ffffff;
  9345. }
  9346.  
  9347. .product-labels .product-label {
  9348.     height: auto;
  9349.     font-size: 9px;
  9350.     line-height: 15px;
  9351.     padding: 5px 0px;
  9352.     text-align: center;
  9353.     width: 105px;
  9354.     font-weight: 700;
  9355. }
  9356.  
  9357. .products-grid .product-item-details .product-item-actions .tocart {
  9358.     text-transform: uppercase;
  9359.     font-size: 12.53px;
  9360.     font-family: 'Oswald';
  9361.     font-weight: 400;
  9362.     letter-spacing: 0.025em;
  9363.     color: #2b303a;
  9364.     line-height: 30px;
  9365.     background-color: #f4f4f4;
  9366.     border-color: #f4f4f4;
  9367. }
  9368.  
  9369. .product-item .tocart:before {
  9370.     content: '\e87f';
  9371.     font-size: 17px;
  9372.     vertical-align: middle;
  9373. }
  9374.  
  9375. .product-item-actions .action.towishlist,
  9376. .product-addto-links .action.towishlist,
  9377. .action.towishlist,
  9378. .product-addto-links .action.tocompare,
  9379. .product-item-actions .action.tocompare,
  9380. .action.tocompare,
  9381. .product-addto-links .action.mailto.friend,
  9382. .moved-add-to-links .action.mailto.friend,
  9383. .product-social-links .action.mailto.friend {
  9384.     border-color: #dae2e6;
  9385. }
  9386.  
  9387. .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart {
  9388.     border-color: #2b303a;
  9389.     background-color: #2b303a;
  9390. }
  9391.  
  9392. .catalog-product-view .sidebar .custom-block {
  9393.     border: none;
  9394.     color: #6b7a83;
  9395.     padding-bottom: 0;
  9396.     margin-bottom: 33px;
  9397.     background: none;
  9398. }
  9399.  
  9400. .catalog-product-view .sidebar .custom-block-1>div i {
  9401.     color: #0088cc;
  9402.     border: none;
  9403.     font-size: 40px;
  9404.     float: left;
  9405. }
  9406.  
  9407. .catalog-product-view .sidebar .custom-block-1>div {
  9408.     min-height: 65px;
  9409.     clear: both;
  9410.     padding: 18px 0;
  9411.     border-bottom: solid 1px #dee5e8;
  9412.     margin-bottom: 0;
  9413. }
  9414.  
  9415. .catalog-product-view .sidebar .custom-block-1>div:last-child {
  9416.     border-bottom-width: 0;
  9417. }
  9418.  
  9419. .block-manufacturer {
  9420.     text-align: center;
  9421.     padding: 10px 20px 0;
  9422.     margin-bottom: 0;
  9423. }
  9424.  
  9425. .block-manufacturer hr {
  9426.     border-color: #dee5e8;
  9427.     margin-bottom: 0;
  9428. }
  9429.  
  9430. .catalog-product-view .sidebar .custom-block-1>div h3 {
  9431.     font-size: 14px;
  9432.     font-weight: 600;
  9433.     line-height: 20px;
  9434.     letter-spacing: 0.005em;
  9435.     color: #6b7a83;
  9436.     margin-left: 80px;
  9437. }
  9438.  
  9439. .block.related {
  9440.     padding: 0 20px;
  9441. }
  9442.  
  9443. .block .title strong {
  9444.     font-size: 15px;
  9445.     font-weight: 600;
  9446.     color: #21293c;
  9447.     letter-spacing: 0.01em;
  9448.     margin-bottom: 20px !important;
  9449.     padding-top: 0;
  9450.     text-transform: uppercase;
  9451. }
  9452.  
  9453. .block.related .product-items .product-item-actions {
  9454.     display: none;
  9455. }
  9456.  
  9457. .product-info-main .page-title-wrapper h1 {
  9458.     font-size: 20px;
  9459.     font-weight: 600;
  9460.     letter-spacing: -0.01em;
  9461.     color: #21293c;
  9462.     margin: 3px 0 15px;
  9463. }
  9464.  
  9465. .prev-next-products a {
  9466.     color: #555;
  9467. }
  9468.  
  9469. .product-reviews-summary .reviews-actions a {
  9470.     line-height: 20px;
  9471.     font-size: 14px;
  9472.     color: #bdbdbd;
  9473. }
  9474.  
  9475. .product-info-main .product.overview {
  9476.     font-size: 14px;
  9477.     font-weight: 400;
  9478.     letter-spacing: 0.005em;
  9479.     line-height: 27px;
  9480.     border-bottom: solid 1px #dae2e6;
  9481.     margin: 0 0;
  9482. }
  9483.  
  9484. .product.media {
  9485.     padding-right: 12px;
  9486. }
  9487.  
  9488. .fotorama__stage__shaft,
  9489. .fotorama__stage {
  9490.     border: none!important;
  9491. }
  9492.  
  9493. .fotorama__nav--thumbs .fotorama__thumb {
  9494.     border-color: #dae2e6;
  9495. }
  9496.  
  9497. .product-options-bottom .price-box .price-container .price,
  9498. .product-info-price .price-box .price-container .price {
  9499.     font-family: 'Oswald';
  9500.     font-size: 20px;
  9501.     font-weight: 400;
  9502.     letter-spacing: 0.005em;
  9503. }
  9504.  
  9505. .catalog-product-view .product-options-bottom .price-box .price-container .price,
  9506. .product-info-price .price-box .price-container .price {
  9507.     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  9508. }
  9509.  
  9510. .product-info-main .box-tocart {
  9511.     margin-bottom: 15px;
  9512. }
  9513.  
  9514. .product-info-main .product-info-price .old-price .price-wrapper .price {
  9515.     font-size: 16px;
  9516.     color: #2b2b2d;
  9517.     font-weight: 400;
  9518. }
  9519.  
  9520. .product-info-main .fieldset>.field.qty,
  9521. .product-info-main .nested.options-list>.field.qty {
  9522.     position: relative;
  9523.     width: 106px;
  9524. }
  9525.  
  9526. .product-info-main .qty.field .control,
  9527. .product-info-main .qty.field .qty-changer {
  9528.     margin-left: 27px;
  9529. }
  9530.  
  9531. @-moz-document url-prefix() {
  9532.     .product-info-main .qty.field .control,
  9533.     .product-info-main .qty.field .qty-changer {
  9534.         margin-left: 28px;
  9535.     }
  9536. }
  9537.  
  9538. #amasty-shopby-product-list .product-item-info .product-item-name,
  9539. .cms-porto-home-5 .product-item-info .product-item-name {
  9540.     padding: 5px 0 5px 10px;
  9541. }
  9542.  
  9543. .product-info-main .qty.field .qty-changer>a {
  9544.     position: absolute;
  9545.     top: 0;
  9546.     left: 2px;
  9547.     height: 43px;
  9548.     width: 30px;
  9549.     line-height: 41px;
  9550.     text-align: center;
  9551.     margin: 0;
  9552.     border-color: #2B303A;
  9553. }
  9554.  
  9555. .product-info-main .qty.field .qty-changer>a:first-child {
  9556.     left: auto;
  9557.     right: 2px;
  9558. }
  9559.  
  9560. .product-info-main .box-tocart .input-text.qty {
  9561.     font-family: 'Oswald';
  9562.     display: inline-block;
  9563.     vertical-align: middle;
  9564.     height: 43px;
  9565.     width: 44px!important;
  9566.     font-size: 14px;
  9567.     font-weight: 400;
  9568.     text-align: center;
  9569.     color: #61605a;
  9570.     margin: 0;
  9571.     border-color: #2B303A;
  9572. }
  9573.  
  9574. .product-info-main .qty.field .qty-changer>a .porto-icon-up-dir:before {
  9575.     content: '\f882';
  9576.     color: #2B303A;
  9577. }
  9578.  
  9579. .product-info-main .qty.field .qty-changer>a .porto-icon-down-dir:before {
  9580.     content: '\f883';
  9581.     color: #2B303A;
  9582. }
  9583.  
  9584. .catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .box-tocart .action.tocart {
  9585.     height: 43px;
  9586.     font-size: 14px;
  9587.     letter-spacing: 0.05em;
  9588.     font-weight: 400;
  9589. }
  9590.  
  9591. .box-tocart .action.tocart:before {
  9592.     content: '\e87f';
  9593.     font-family: 'porto-icons';
  9594.     margin-right: 7px;
  9595.     font-size: 16px;
  9596. }
  9597.  
  9598. .product.data.items>.item.content {
  9599.     background-color: #fff;
  9600.     box-shadow: none;
  9601.     border: none;
  9602.     border-top: #dae2e6 solid 1px;
  9603.     font-size: 14px;
  9604.     font-weight: 400;
  9605.     letter-spacing: 0.005em;
  9606.     line-height: 27px;
  9607.     min-height: 800px;
  9608. }
  9609.  
  9610. .main-upsell-product-detail .block.upsell .title strong {
  9611.     background: none;
  9612. }
  9613.  
  9614. .block.upsell .title {
  9615.     background: none;
  9616.     border-bottom: #e1e1e1 solid 1px;
  9617.     font-weight: 700;
  9618.     margin-bottom: 16px;
  9619.     padding-bottom: 10px;
  9620.     text-transform: uppercase;
  9621.     text-align: left;
  9622. }
  9623.  
  9624. .block.upsell .title strong {
  9625.     font-size: 14px;
  9626.     font-weight: 400;
  9627.     font-family: 'Oswald';
  9628.     color: #302e2a;
  9629. }
  9630.  
  9631. .review-ratings .rating-label {
  9632.     display: block;
  9633. }
  9634.  
  9635. .footer-top {
  9636.     text-align: left;
  9637.     padding: 15px 0 0;
  9638. }
  9639.  
  9640. .footer-top .footer-top-inner {
  9641.     border-bottom: 1px solid #3d3d38;
  9642. }
  9643.  
  9644. .footer-top .block .block-title {
  9645.     margin-bottom: 13px;
  9646.     padding-top: 25px;
  9647. }
  9648.  
  9649. .footer-top .block .block-title strong {
  9650.     font-size: 16px;
  9651.     font-weight: 700;
  9652.     text-transform: uppercase;
  9653.     color: #fff;
  9654. }
  9655.  
  9656. .footer-container .validation-advice {
  9657.     position: absolute;
  9658. }
  9659.  
  9660. .footer-top .block.newsletter {
  9661.     width: auto;
  9662.     max-width: 400px;
  9663.     display: inline-block;
  9664. }
  9665.  
  9666. .footer-top .block.newsletter .control:before {
  9667.     line-height: 48px;
  9668.     margin-left: 20px;
  9669. }
  9670.  
  9671. .footer-top .block.newsletter .control {
  9672.     position: relative;
  9673. }
  9674.  
  9675. .footer-top .block.newsletter .control input {
  9676.     background-color: #fff;
  9677.     color: #686865;
  9678.     height: 48px;
  9679.     border: none;
  9680.     font-size: 14px;
  9681.     border-radius: 30px 0 0 30px;
  9682.     padding-left: 40px;
  9683. }
  9684.  
  9685. .footer-top .block.newsletter .control div.mage-error {
  9686.     position: absolute;
  9687.     bottom: -22px;
  9688. }
  9689.  
  9690. .footer-top .block.newsletter .actions button {
  9691.     height: 48px;
  9692.     border-radius: 0 30px 30px 0;
  9693.     text-transform: uppercase;
  9694.     padding: 0 22px;
  9695. }
  9696.  
  9697. .footer-top .block-content {
  9698.     display: inline-block;
  9699.     vertical-align: middle;
  9700. }
  9701.  
  9702. .footer .social-icons {
  9703.     float: right
  9704. }
  9705.  
  9706. .footer-top .social-icons a {
  9707.     background-image: none;
  9708.     background-color: #33332f;
  9709.     text-indent: 0;
  9710.     color: #fff;
  9711.     border-radius: 0;
  9712.     font-size: 18.6px;
  9713.     width: 48px;
  9714.     height: 48px;
  9715.     text-align: center;
  9716.     margin-left: 0;
  9717.     margin-right: 4px;
  9718.     float: left;
  9719.     line-height: 46px;
  9720. }
  9721.  
  9722. .footer-middle {
  9723.     padding: 24px 0;
  9724. }
  9725.  
  9726. .footer-middle .block .block-title {
  9727.     margin-bottom: 15px;
  9728. }
  9729.  
  9730. .footer-middle .block .block-title strong {
  9731.     font-size: 16px;
  9732.     font-weight: 700;
  9733.     text-transform: uppercase;
  9734. }
  9735.  
  9736. .footer-middle ul.links li,
  9737. .footer-middle ul.features li {
  9738.     padding: 6px 0;
  9739. }
  9740.  
  9741. .footer-middle .contact-info li:first-child {
  9742.     border-top-width: 0;
  9743. }
  9744.  
  9745. .footer-middle .contact-info li {
  9746.     padding: 12px 0;
  9747. }
  9748.  
  9749. .footer-middle .contact-info i {
  9750.     color: #e1ddc3 !important;
  9751.     font-size: 26px;
  9752.     line-height: 28px;
  9753. }
  9754.  
  9755. .footer-middle .contact-info p {
  9756.     line-height: 1;
  9757. }
  9758.  
  9759. .footer-middle .contact-info b {
  9760.     font-weight: 400;
  9761.     font-size: 13px;
  9762.     margin-bottom: 7px;
  9763.     display: inline-block;
  9764. }
  9765.  
  9766. .footer-middle .block-bottom {
  9767.     border-top: 1px solid #3d3d38;
  9768.     text-align: left;
  9769.     padding: 27px 0;
  9770.     overflow: hidden;
  9771.     margin-top: 32px;
  9772. }
  9773.  
  9774. .footer-middle .working span {
  9775.     text-transform: uppercase;
  9776.     font-size: 13px;
  9777.     letter-spacing: 0.005em;
  9778.     line-height: 18px;
  9779. }
  9780.  
  9781. .footer-middle .working span b {
  9782.     text-transform: capitalize;
  9783.     color: #a8a8a8;
  9784. }
  9785.  
  9786. @media (max-width: 767px) {
  9787.     .parallax-slider .owl-carousel h2 {
  9788.         font-size: 22px;
  9789.     }
  9790.     .parallax-slider .owl-carousel a {
  9791.         padding: 10px 20px;
  9792.         font-size: 11px;
  9793.     }
  9794.     .homepage-bar .col-lg-4 {
  9795.         text-align: left !important;
  9796.     }
  9797.     .brands-slide .owl-side-narrow .owl-carousel {
  9798.         padding: 10px 0;
  9799.     }
  9800.     .brands-slide .owl-theme .owl-controls {
  9801.         display: none;
  9802.     }
  9803.     .sidebar.sidebar-main {
  9804.         position: static;
  9805.     }
  9806.     .page-products .toolbar .limiter {
  9807.         display: none;
  9808.     }
  9809.     .product.data.items {
  9810.         margin: 0;
  9811.     }
  9812.     .prev-next-products .product-nav.product-next .product-pop {
  9813.         margin: 0;
  9814.     }
  9815.     .prev-next-products .product-nav.product-prev .product-pop {
  9816.         left: -20px;
  9817.     }
  9818.     .product-info-main .fieldset>.field.qty {
  9819.         margin-bottom: 20px;
  9820.     }
  9821.     .fieldset>.actions {
  9822.         vertical-align: top;
  9823.     }
  9824.     .catalog-product-view .sidebar .custom-block {
  9825.         padding: 0;
  9826.     }
  9827. }
  9828.  
  9829. .page-products .sorter {
  9830.     float: left;
  9831. }
  9832.  
  9833. .modes {
  9834.     float: right;
  9835.     margin-right: 0;
  9836.     margin-left: 20px;
  9837.     margin-top: 7px;
  9838. }
  9839.  
  9840. .modes-mode:before {
  9841.     content: '\e880';
  9842.     font-size: 14px;
  9843. }
  9844.  
  9845. .mode-list:before {
  9846.     content: '\e87b';
  9847.     font-size: 14px;
  9848. }
  9849.  
  9850. .products.wrapper~.toolbar .limiter {
  9851.     float: left;
  9852. }
  9853.  
  9854. .products.wrapper~.toolbar .pages {
  9855.     float: right;
  9856. }
  9857.  
  9858. @media (min-width: 768px) {
  9859.     .page-header.type16 .block-search input {
  9860.         border-radius: 20px;
  9861.     }
  9862.     .sidebar.sidebar-main:before {
  9863.         content: '';
  9864.         position: absolute;
  9865.         left: 0;
  9866.         right: 22px;
  9867.         border: solid 1px #dae2e6;
  9868.         top: 0;
  9869.         bottom: 0;
  9870.         border-radius: 2px;
  9871.     }
  9872.     .product.data.items>.item.title {
  9873.         padding: 10px 30px 10px 0;
  9874.     }
  9875.     .product.data.items>.item.title>.switch {
  9876.         font-size: 14px;
  9877.         font-weight: 700;
  9878.         color: #818692;
  9879.         text-transform: uppercase;
  9880.         border: none;
  9881.         border-radius: 0;
  9882.         line-height: 30px;
  9883.         background: none;
  9884.         padding: 0;
  9885.     }
  9886.     .product.data.items>.item.title:not(.disabled)>.switch:focus,
  9887.     .product.data.items>.item.title:not(.disabled)>.switch:hover {
  9888.         background: none;
  9889.         color: #818692;
  9890.     }
  9891.     .product.data.items>.item.title.active>.switch,
  9892.     .product.data.items>.item.title.active>.switch:focus,
  9893.     .product.data.items>.item.title.active>.switch:hover {
  9894.         color: #21293c;
  9895.         position: relative;
  9896.         border-bottom: #0088CC solid 2px;
  9897.     }
  9898.     .product.data.items>.item.content {
  9899.         padding: 35px 0 0;
  9900.         margin-top: 45px;
  9901.     }
  9902. }
  9903.  
  9904. .page-header .switcher strong,
  9905. .page-footer .switcher strong {
  9906.     text-transform: uppercase;
  9907. }
  9908.  
  9909. .products-grid .product-item-details .product-item-actions .actions-secondary {
  9910.     border: 0;
  9911.     line-height: 32px;
  9912. }
  9913.  
  9914. .footer-middle ul.contact-info li {
  9915.     padding: 12px 0;
  9916. }
  9917.  
  9918. .block-bottom address {
  9919.     padding: 11px 0;
  9920. }
  9921.  
  9922. .block-bottom .working {
  9923.     margin-bottom: 10px;
  9924. }
  9925.  
  9926. .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
  9927.     background-color: #2b2b2d;
  9928. }
  9929.  
  9930. .swatch-attribute.size .swatch-option,
  9931. .swatch-attribute.manufacturer .swatch-option {
  9932.     background: #fff;
  9933.     color: #636363;
  9934.     border-color: #e9e9e9;
  9935. }
  9936.  
  9937. .swatch-option.text {
  9938.     min-width: 26px;
  9939.     line-height: 18px;
  9940.     padding: 3px;
  9941.     height: 26px;
  9942. }
  9943.  
  9944. .pages a.page,
  9945. .pages strong.page,
  9946. .pages .action {
  9947.     background: transparent;
  9948.     color: #706f6c;
  9949.     font-size: 15px;
  9950.     font-weight: 600;
  9951.     line-height: 30px;
  9952. }
  9953.  
  9954. .pages a.page:hover,
  9955. .pages a.action:hover {
  9956.     background-color: transparent;
  9957.     color: #706f6c;
  9958. }
  9959.  
  9960. .pages a.action:hover:before {
  9961.     color: #706f6c !important;
  9962. }
  9963.  
  9964. .pages .action {
  9965.     border-color: transparent;
  9966. }
  9967.  
  9968. .product-info-main .product-info-stock-sku {
  9969.     color: #333;
  9970.     font-size: 14px;
  9971.     padding-bottom: 15px;
  9972. }
  9973.  
  9974. .product-reviews-summary .reviews-actions a {
  9975.     color: #21293c;
  9976. }
  9977.  
  9978. .product-info-main .product-info-stock-sku {
  9979.     color: #21293c;
  9980. }
  9981.  
  9982. .product-info-main .stock-delivery {
  9983.     min-height: 0;
  9984. }
  9985.  
  9986. .catalog-product-view .sidebar .custom-block.custom-block-1 {
  9987.     margin-top: -25px;
  9988. }
  9989.  
  9990. .block-minicart .block-content>.actions>.secondary .action.viewcart {
  9991.     color: #333;
  9992.     font-weight: 500;
  9993.     font-family: 'Oswald';
  9994. }
  9995.  
  9996. .product-item .rating-summary .rating-result>span:before {
  9997.     color: #575f68;
  9998. }
  9999.  
  10000. @media (max-width: 767px) {
  10001.     .block-category-list .block-title,
  10002.     .block-category-list .block-content,
  10003.     .sidebar-title,
  10004.     .sidebar .custom-block,
  10005.     .sidebar-filterproducts.custom-block+h2,
  10006.     .sidebar-filterproducts.custom-block+h2+h5,
  10007.     .sidebar-filterproducts.custom-block+h2+h5+p {
  10008.         padding-left: 0;
  10009.         padding-right: 0;
  10010.     }
  10011. }
  10012.  
  10013. .product-info-main .product-addto-links>a.action,
  10014. .product-info-main .product-addto-links+a.action.mailto {
  10015.     width: 43px;
  10016.     height: 43px;
  10017.     line-height: 41px;
  10018. }
  10019.  
  10020.  
  10021. /* CUSTOM CSS */
  10022.  
  10023. .products-grid:not(.side-list) .product-item .product-item-info .product.name a {
  10024.     font-weight: 600;
  10025. }
  10026.  
  10027. .product-labels.f-left {
  10028.     position: absolute;
  10029.     left: 10px;
  10030.     right: auto;
  10031. }
  10032.  
  10033. .product-label.custom {
  10034.     min-width: 75px;
  10035.     text-transform: uppercase;
  10036.     text-align: center;
  10037.     width: 105px;
  10038. }
  10039.  
  10040. .product-label.custom.promocja {
  10041.     background-color: #eb5d18;
  10042. }
  10043.  
  10044. .product-label.custom.bestseller {
  10045.     background-color: #2b303a;
  10046. }
  10047.  
  10048. .product-label.custom.polecane {
  10049.     background-color: #08c;
  10050. }
  10051.  
  10052. .product-label.custom.darmowa.dostawa {
  10053.     background-color: #c5c7c4;
  10054. }
  10055.  
  10056. .stock.available {
  10057.     color: #0088cc;
  10058.     font-weight: 600;
  10059.     font-size: 12px;
  10060. }
  10061.  
  10062. .stock-available {
  10063.     text-align: center;
  10064. }
  10065.  
  10066. @media(min-width:1199px) {
  10067.     .search-category {
  10068.         width: 180px!important;
  10069.     }
  10070.     .block-search {
  10071.         width: 560px;
  10072.     }
  10073. }
  10074.  
  10075. @media (min-width:768px) {
  10076.     a.action.showcart:before {
  10077.         color: #606669!important;
  10078.     }
  10079. }
  10080.  
  10081. .page-header.type16 .minicart-wrapper .action.showcart .counter.qty {
  10082.     background-color: #eb5d18;
  10083. }
  10084.  
  10085. .minicart-wrapper .block-minicart {
  10086.     border-color: #eb5d18!important;
  10087. }
  10088.  
  10089. .homepage-bar .dropdown-content {
  10090.     display: none;
  10091.     position: absolute;
  10092.     background-color: #f9f9f9;
  10093.     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  10094.     padding: 12px 16px;
  10095.     z-index: 1;
  10096.     width: 100%;
  10097.     text-align: center;
  10098. }
  10099.  
  10100. .homepage-bar .col-lg-4.col-md-4:hover .dropdown-content {
  10101.     display: block;
  10102. }
  10103.  
  10104. .footer-middle a {
  10105.     color: #A8A8A8!important;
  10106. }
  10107.  
  10108. .footer-middle a:hover,
  10109. .footer-middle a:focus {
  10110.     color: #ffffff!important;
  10111. }
  10112.  
  10113. .custom-support i {
  10114.     color: #eb5d18;
  10115. }
  10116.  
  10117. .btn.btn-default,
  10118. .recent-posts .item .readmore {
  10119.     text-transform: uppercase;
  10120.     font-size: 12.53px;
  10121.     font-family: 'Oswald';
  10122.     font-weight: 400;
  10123.     letter-spacing: 0.025em;
  10124.     color: #2b303a;
  10125.     line-height: 20px;
  10126.     background-color: #f4f4f4;
  10127.     border-color: #f4f4f4;
  10128. }
  10129.  
  10130. .btn.btn-default:hover {
  10131.     color: #fff;
  10132.     background-color: #eb5d18;
  10133. }
  10134.  
  10135. .block-minicart .block-content .actions .secondary .viewcart:hover {
  10136.     background: #302E2A;
  10137.     color: #fff;
  10138. }
  10139.  
  10140. .minicart-wrapper button.action.primary {
  10141.     background-color: #eb5d18!important;
  10142.     border-color: #eb5d18!important;
  10143.     color: #FFFFFF;
  10144. }
  10145.  
  10146. .amslider-header-container {
  10147.     background: none;
  10148.     text-align: center;
  10149.     font-size: 17px;
  10150.     font-weight: 700;
  10151.     padding-bottom: 10px;
  10152.     line-height: 42px;
  10153.     margin: 0;
  10154.     text-transform: uppercase;
  10155. }
  10156.  
  10157. .product-item-name {
  10158.     min-height: 40px;
  10159. }
  10160.  
  10161. .old-price {
  10162.     display: block;
  10163. }
  10164.  
  10165. .price-container .price-including-tax+.price-excluding-tax .price {
  10166.     font-size: 12px;
  10167. }
  10168.  
  10169. .price-box.price-final_price,
  10170. .stock-delivery,
  10171. .product-item-info .product-item-name {
  10172.     padding: 0 0 0 10px;
  10173. }
  10174.  
  10175. .sku-list {
  10176.     padding: 5px 0 5px 10px;
  10177.     text-transform: uppercase;
  10178.     font-size: 12px;
  10179. }
  10180.  
  10181. .price-box.price-final_price {
  10182.     display: inline-block;
  10183. }
  10184.  
  10185. .product-item-info {
  10186.     text-align: left;
  10187. }
  10188.  
  10189. .product-item-info .product.actions {
  10190.     text-align: center;
  10191. }
  10192.  
  10193. .grid .price-excluding-tax {
  10194.     margin-top: 25px;
  10195. }
  10196.  
  10197. .grid .special-price .price-excluding-tax {
  10198.     margin-top: 0px;
  10199. }
  10200.  
  10201. .price-including-tax {
  10202.     padding: 5px 0;
  10203. }
  10204.  
  10205. .grid .price-including-tax,
  10206. .grid .price-excluding-tax {
  10207.     padding: 5px 0;
  10208. }
  10209.  
  10210. .grid .price-including-tax,
  10211. .product-info-main .price-including-tax {
  10212.     border-top: 5px solid #eb5d15;
  10213. }
  10214.  
  10215. .grid .old-price .price-including-tax,
  10216. .product-info-main .old-price .price-including-tax {
  10217.     border-top: none!important;
  10218. }
  10219.  
  10220. .grid .price-box {
  10221.     min-height: 82px;
  10222.     margin: 12px 0 8px;
  10223. }
  10224.  
  10225. .stock-delivery {
  10226.     min-height: 20px;
  10227.     text-align: center;
  10228.     font-size: 12px;
  10229. }
  10230.  
  10231. .old-price .price-including-tax:before,
  10232. .wee[data-label]:before {
  10233.     content: '';
  10234. }
  10235.  
  10236. .filter-options .am-labels-folding .item a.amshopby-filter-parent,
  10237. .filter-options .am-category-view .item a.amshopby-filter-parent {
  10238.     padding-left: 0px;
  10239. }
  10240.  
  10241. .price-including-tax:before,
  10242. .weee[data-label]:before {
  10243.     content: attr(data-label) ': ';
  10244.     font-size: 12px;
  10245. }
  10246.  
  10247. .opc-wrapper .price-excluding-tax:before,
  10248. .opc-wrapper .weee[data-label]:before {
  10249.     content: attr(data-label) ': ';
  10250.     font-size: 14px;
  10251.     font-weight: bold;
  10252. }
  10253.  
  10254. .old-price .price-including-tax:before,
  10255. .wee[data-label]:before {
  10256.     content: '';
  10257. }
  10258.  
  10259. .price-including-tax .price {
  10260.     font-size: 12px;
  10261. }
  10262.  
  10263. .price-including-tax,
  10264. .price-excluding-tax {
  10265.     font-size: 12px;
  10266. }
  10267.  
  10268. .product-info-price .price-box .price-container .price-including-tax .price {
  10269.     font-size: 12px;
  10270.     font-weight: normal;
  10271. }
  10272.  
  10273. .product-info-main .price-excluding-tax,
  10274. .product-info-main .price-including-tax {
  10275.     padding: 0;
  10276. }
  10277.  
  10278. .product-info-main .product-info-price .price-box .price-final_price>span {
  10279.     margin: 0
  10280. }
  10281.  
  10282. #ceneo-reviews h4 {
  10283.     font-size: 20px;
  10284.     padding-bottom: 15px
  10285. }
  10286.  
  10287. #ceneo-reviews p {
  10288.     font-size: 15px;
  10289. }
  10290.  
  10291. #ceneo-reviews .item {
  10292.     max-width: 500px;
  10293.     text-align: center;
  10294.     margin: 0 auto;
  10295. }
  10296.  
  10297. #ceneo-reviews .swiper-button-next,
  10298. #ceneo-reviews .swiper-button-prev {
  10299.     top: 17% !important;
  10300. }
  10301.  
  10302. #ceneo-reviews img {
  10303.     max-width: 200px;
  10304.     margin: 0 auto;
  10305.     display: block;
  10306.     margin-top: 30px;
  10307. }
  10308.  
  10309. #owl-ceneo {
  10310.     margin: 15px auto 0 auto !important
  10311. }
  10312.  
  10313. img.f-left.brand-img-category {
  10314.     margin-right: 10px;
  10315. }
  10316.  
  10317. #opineo-reviews h4 {
  10318.     font-size: 20px;
  10319.     padding-bottom: 15px
  10320. }
  10321.  
  10322. #opineo-reviews p {
  10323.     font-size: 15px;
  10324. }
  10325.  
  10326. #opineo-reviews .item {
  10327.     max-width: 500px;
  10328.     text-align: center;
  10329.     margin: 0 auto;
  10330. }
  10331.  
  10332. #opineo-reviews .swiper-button-next,
  10333. #opineo-reviews .swiper-button-prev {
  10334.     top: 17% !important;
  10335. }
  10336.  
  10337. #opineo-reviews img {
  10338.     max-width: 200px;
  10339.     margin: 0 auto;
  10340.     display: block;
  10341.     margin-top: 60px;
  10342.     margin-bottom: 60px
  10343. }
  10344.  
  10345. #owl-opineo {
  10346.     margin: 15px auto 0 auto !important
  10347. }
  10348.  
  10349. .filter-options-content a,
  10350. .filter-options-content .count {
  10351.     color: #2b303a!important;
  10352. }
  10353.  
  10354. @media (min-width: 768px) {
  10355.     .page-header.type16>.panel.wrapper {
  10356.         background-color: #fbfbfb;
  10357.     }
  10358. }
  10359.  
  10360. .fa.fa-star.checked {
  10361.     color: orange;
  10362.     font-size: 20px;
  10363.     padding-top: 10px;
  10364. }
  10365.  
  10366. #opineo-reviews .item,
  10367. #ceneo-reviews .item {
  10368.     display: block;
  10369.     border-radius: 3px;
  10370.     padding: 20px 30px 25px;
  10371.     font-size: 14px;
  10372.     line-height: 1.6;
  10373.     color: #263248;
  10374.     font-weight: 300;
  10375.     position: relative;
  10376.     background-color: #f4f4f4;
  10377.     text-align: justify;
  10378.     width: 90%;
  10379. }
  10380.  
  10381. #opineo-reviews .item:before,
  10382. #ceneo-reviews .item:before {
  10383.     width: 0;
  10384.     height: 0;
  10385.     display: block;
  10386.     position: absolute;
  10387.     content: " ";
  10388.     border-style: solid;
  10389.     left: -15px;
  10390.     top: 0;
  10391.     border: 17px solid;
  10392.     border-color: #f4f4f4 transparent transparent transparent;
  10393. }
  10394.  
  10395. #opineo-reviews .item p,
  10396. #ceneo-reviews .item p {
  10397.     font-style: italic;
  10398. }
  10399.  
  10400. #opineo-reviews .item h5,
  10401. #ceneo-reviews .item h5 {
  10402.     margin-top: 10px;
  10403.     font-size: 13px;
  10404. }
  10405.  
  10406. #opineo-reviews .owl-prev,
  10407. #ceneo-reviews .owl-prev {
  10408.     left: 0;
  10409.     top: 15%;
  10410.     position: absolute;
  10411. }
  10412.  
  10413. #opineo-reviews .owl-next,
  10414. #ceneo-reviews .owl-next {
  10415.     right: 0;
  10416.     top: 15%;
  10417.     position: absolute;
  10418. }
  10419.  
  10420. #opineo-reviews .owl-carousel .owl-stage-outer,
  10421. #ceneo-reviews .owl-carousel .owl-stage-outer {
  10422.     height: 250px;
  10423. }
  10424.  
  10425. @media (min-width:768px) {
  10426.     .category-details {
  10427.         position: relative;
  10428.         width: 100%;
  10429.         max-height: 378px;
  10430.         padding: 0 20px;
  10431.         -webkit-transition: width .4s, max-height .4s ease-in .1s;
  10432.         -moz-transition: width .4s, max-height .4s ease-in .1s;
  10433.         -ms-transition: width .4s, max-height .4s ease-in .1s;
  10434.         transition: width .4s, max-height .4s ease-in .1s;
  10435.         margin-bottom: 20px;
  10436.         box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.1);
  10437.     }
  10438.     .catalog-category-view.active .category-details {
  10439.         width: 680px;
  10440.         max-width: 799px;
  10441.         padding: 10px 40px 30px 40px;
  10442.         position: absolute;
  10443.         background-color: #fff;
  10444.         box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1);
  10445.         height: auto!important;
  10446.         max-height: 39999px;
  10447.         z-index: 1050;
  10448.     }
  10449.     .catalog-category-view.active .overflow-wrapper {
  10450.         height: auto;
  10451.         max-height: 3999px;
  10452.     }
  10453.     .catalog-category-view:not(.active) .category-description-sidebar {
  10454.         width: 100%;
  10455.         position: relative;
  10456.         max-height: 378px;
  10457.     }
  10458.     .catalog-category-view:not(.active) .overflow-wrapper {
  10459.         height: 318px;
  10460.         max-height: 318px;
  10461.         overflow: hidden;
  10462.         -webkit-transition: max-height .4s ease-in .1s;
  10463.         -moz-transition: max-height .4s ease-in .1s;
  10464.         -ms-transition: max-height .4s ease-in .1s;
  10465.         transition: max-height .4s ease-in .1s;
  10466.     }
  10467.     .modal-backdrop {
  10468.         position: fixed;
  10469.         top: 0;
  10470.         right: 0;
  10471.         bottom: 0;
  10472.         left: 0;
  10473.         z-index: 1040;
  10474.         background-color: #00000078;
  10475.         opacity: .85;
  10476.     }
  10477.     .catalog-category-view:not(.active) .category-details:after {
  10478.         content: '';
  10479.         position: absolute;
  10480.         bottom: 0px;
  10481.         left: 1px;
  10482.         width: 99%;
  10483.         height: 200px;
  10484.         background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 90%);
  10485.     }
  10486.     .rozwin {
  10487.         position: absolute;
  10488.         right: 5px;
  10489.         bottom: 5px;
  10490.         z-index: 1;
  10491.         font-size: 12px;
  10492.         font-weight: 600;
  10493.         text-transform: uppercase;
  10494.         cursor: pointer;
  10495.         white-space: nowrap;
  10496.     }
  10497.     .rozwin:after {
  10498.         webkit-font-smoothing: antialiased;
  10499.         -moz-osx-font-smoothing: grayscale;
  10500.         font-size: 10px;
  10501.         line-height: 9px;
  10502.         color: inherit;
  10503.         content: '\f80d';
  10504.         font-family: 'porto-icons';
  10505.         margin: 0 5px;
  10506.         display: inline-block;
  10507.         font-weight: normal;
  10508.         overflow: hidden;
  10509.         speak: none;
  10510.         text-align: center;
  10511.     }
  10512.     .rozwin:hover,
  10513.     .zwin:hover,
  10514.     .czytaj:hover {
  10515.         text-decoration: none;
  10516.         color: #2B303A;
  10517.     }
  10518.     .action-close:before {
  10519.         -webkit-font-smoothing: antialiased;
  10520.         -moz-osx-font-smoothing: grayscale;
  10521.         font-size: 16px;
  10522.         line-height: 28px;
  10523.         content: '\f819';
  10524.         font-family: 'porto-icons';
  10525.         margin: 0;
  10526.         vertical-align: top;
  10527.         display: inline-block;
  10528.         font-weight: normal;
  10529.         overflow: hidden;
  10530.         speak: none;
  10531.         text-align: center;
  10532.     }
  10533.     .catalog-category-view.active .rozwin {
  10534.         display: none;
  10535.     }
  10536.     .catalog-category-view:not(.active) .action-close {
  10537.         display: none;
  10538.     }
  10539. }
  10540.  
  10541. .action-close {
  10542.     -moz-box-sizing: content-box;
  10543.     border: 0;
  10544.     box-shadow: none;
  10545.     line-height: inherit;
  10546.     margin: 0;
  10547.     padding: 0;
  10548.     text-shadow: none;
  10549.     font-weight: 400;
  10550.     display: inline-block;
  10551.     text-decoration: none;
  10552.     position: absolute;
  10553.     right: 0;
  10554.     top: 0px;
  10555.     border: none!important;
  10556.     background-color: #fbfbfb!important;
  10557. }
  10558.  
  10559. .action-close:hover {
  10560.     background-color: #fff;
  10561.     color: #2b303a;
  10562. }
  10563.  
  10564. .action-close>span {
  10565.     border: 0;
  10566.     clip: rect(0, 0, 0, 0);
  10567.     height: 1px;
  10568.     margin: -1px;
  10569.     overflow: hidden;
  10570.     padding: 0;
  10571.     position: absolute;
  10572.     width: 1px;
  10573. }
  10574.  
  10575. .category-details h2 {
  10576.     border: none;
  10577.     background-color: transparent;
  10578.     font-size: 15px;
  10579.     text-transform: uppercase;
  10580.     font-weight: 600;
  10581.     color: #21293c;
  10582.     letter-spacing: 0.01em;
  10583. }
  10584.  
  10585. a.hidden-lg.hidden-md.zwin {
  10586.     text-align: center;
  10587.     display: inherit;
  10588.     margin-top: 20px;
  10589.     font-size: 15px;
  10590.     margin-left: 0;
  10591.     margin-right: 0;
  10592. }
  10593.  
  10594. .catalog-product-view .product-info-price {
  10595.     position: relative;
  10596. }
  10597.  
  10598. .filter-options-content,
  10599. .filter-current.am-filter-current .filter-label,
  10600. .toolbar select,
  10601. .am-filter-go,
  10602. input[type="text"],
  10603. input[type="password"],
  10604. input[type="url"],
  10605. input[type="tel"],
  10606. input[type="search"],
  10607. input[type="number"],
  10608. input[type="datetime"],
  10609. input[type="email"] {
  10610.     font-size: 12px;
  10611. }
  10612.  
  10613. .amshopby-slider-container .am-slider .ui-slider-handle,
  10614. .amshopby-slider-container .am-slider .ui-slider-handle:hover,
  10615. .amshopby-slider-container .am-slider .ui-slider-handle:active {
  10616.     background: #eb5d18;
  10617. }
  10618.  
  10619. .amshopby-option-link {
  10620.     display: inline-block;
  10621.     margin-right: 5px;
  10622.     clear: both;
  10623.     height: 75px;
  10624.     overflow: hidden;
  10625.     margin-bottom: 10px;
  10626. }
  10627.  
  10628. .amshopby-option-link span {
  10629.     font-size: 14px;
  10630. }
  10631.  
  10632. @media (min-width: 768px) {
  10633.     .product-options-bottom .price-box .price-container .price,
  10634.     .product-info-price .price-box .price-container .price {
  10635.         line-height: 25px;
  10636.     }
  10637. }
  10638.  
  10639. .fotorama__stage__frame .fotorama__img {
  10640.     width: auto!important;
  10641.     max-height: 100%!important;
  10642. }
  10643.  
  10644. fotorama__stage {
  10645.     border: none!important;
  10646. }
  10647.  
  10648. .zoomImg {
  10649.     display: none!important;
  10650. }
  10651.  
  10652. .product-info-stock-sku .stock-delivery {
  10653.     text-align: left;
  10654.     font-size: 14px;
  10655. }
  10656.  
  10657. .product-info-stock-sku .stock.available {
  10658.     font-size: 14px;
  10659. }
  10660.  
  10661. .catalog-product-view .price-box.price-final_price,
  10662. .catalog-product-view .stock-delivery {
  10663.     padding: 0;
  10664. }
  10665.  
  10666. .product-info-main .product-info-price .price-box {
  10667.     display: inline-block;
  10668.     margin: 35px 0 35px;
  10669. }
  10670.  
  10671. .product-info-main .product-info-stock-sku,
  10672. .product-info-main .product-info-stock-sku .stock-delivery {
  10673.     padding-left: 0;
  10674.     text-align: left;
  10675. }
  10676.  
  10677. .catalog-product-view .product-labels.f-left {
  10678.     position: absolute;
  10679.     left: auto;
  10680.     right: 115px;
  10681. }
  10682.  
  10683. @media (max-width:480px) {
  10684.     .product-page-labels .product-labels {
  10685.         left: 0;
  10686.         max-width: 230px!important;
  10687.         text-align: right;
  10688.     }
  10689.     .product-info-main .product-info-stock-sku,
  10690.     .product-info-main .product-info-stock-sku .stock-delivery {
  10691.         text-align: left;
  10692.         display: block;
  10693.     }
  10694.     .product-info-main .product-info-price .price-box {
  10695.         margin: 13px 0 8px;
  10696.     }
  10697. }
  10698.  
  10699. .fieldset>.fields>.field>.label {
  10700.     font-size: 12px;
  10701. }
  10702.  
  10703. .product-info-main .product.sku {
  10704.     font-size: 14px;
  10705. }
  10706.  
  10707. .review-list .block-title strong,
  10708. .review-title,
  10709. .review-title,
  10710. .review-form .action.submit.primary {
  10711.     font-size: 14px;
  10712.     font-weight: 600;
  10713. }
  10714.  
  10715. @media (min-width: 640px) {
  10716.     .review-title {
  10717.         margin: 0px 0 15px;
  10718.     }
  10719. }
  10720.  
  10721. .product-page-labels .product-labels .product-label {
  10722.     display: inline-block;
  10723.     margin-right: 2px;
  10724.     width: 105px;
  10725.     font-size: 9px;
  10726.     padding: 5px 0;
  10727. }
  10728.  
  10729. .product-page-labels .product-labels {
  10730.     left: 0;
  10731.     max-width: 430px;
  10732.     top: 0px;
  10733. }
  10734.  
  10735. .action.primary {
  10736.     font-size: 14px;
  10737. }
  10738.  
  10739. .opc-wrapper .step-title,
  10740. .opc-wrapper .minicart-items .product-item-name,
  10741. #checkout-review-table th,
  10742. .opc-block-summary .items-in-cart>.title strong {
  10743.     font-size: 14px!important;
  10744. }
  10745.  
  10746. .opc-wrapper label,
  10747. .opc-block-summary .product-item .price,
  10748. .opc-wrapper p,
  10749. .opc-block-summary .table-totals tbody .amount,
  10750. .opc-block-summary .table-totals tbody .mark,
  10751. .checkout-agreement.required span {
  10752.     font-size: 12px;
  10753. }
  10754.  
  10755. .opc-wrapper .step-title .fa {
  10756.     font-size: 18px;
  10757. }
  10758.  
  10759. .opc-block-summary .product-item .product-item-inner,
  10760. .opc-block-summary .qty-wrapper {
  10761.     margin: 15px 0 9px;
  10762. }
  10763.  
  10764. .osc-place-order-wrapper button.action.primary.checkout {
  10765.     font-size: 14px;
  10766.     text-transform: uppercase;
  10767.     height: 42px;
  10768. }
  10769.  
  10770. .opc-block-summary .product-item .price-excluding-tax .price {
  10771.     font-size: 14px!important;
  10772.     font-weight: bold;
  10773. }
  10774.  
  10775. .cart-totals .grand .amount,
  10776. .opc-block-summary .table-totals .grand .amount,
  10777. .cart-totals .grand .mark,
  10778. .opc-block-summary .table-totals .grand .mark {
  10779.     font-size: 18px;
  10780. }
  10781.  
  10782. .block-minicart .amount .price-wrapper:first-child .price {
  10783.     font-size: 12px;
  10784.     font-weight: 300;
  10785. }
  10786.  
  10787. @media (min-width: 768px) {
  10788.     .page-header.type16 .navigation li.level0>.level-top {
  10789.         font-size: 14px;
  10790.     }
  10791. }
  10792.  
  10793. @media (max-width:767px) {
  10794.     .product-info-main .product-info-price .price-box {
  10795.         margin: 40px 0 30px;
  10796.     }
  10797.     .product-info-main .product-info-stock-sku {
  10798.         padding-bottom: 20px;
  10799.     }
  10800. }
  10801.  
  10802. .fotorama__nav--thumbs .fotorama__thumb {
  10803.     border: none!important;
  10804. }
  10805.  
  10806. .opc-block-summary .items-in-cart>.title {
  10807.     display: none;
  10808. }
  10809.  
  10810. .opc-block-summary .product-item .subtotal,
  10811. .opc-block-summary .product-item .button-remove {
  10812.     vertical-align: middle;
  10813. }
  10814.  
  10815. .product-info-main .product.sku .type:after {
  10816.     content: ': ';
  10817. }
  10818.  
  10819. @media (min-width: 768px) {
  10820.     .sidebar.sidebar-main:before {
  10821.         border: none;
  10822.     }
  10823.     .layered-filter-block-container {
  10824.         border: solid 1px #dae2e6;
  10825.     }
  10826. }
  10827.  
  10828. .product-social-links {
  10829.     text-align: right !important;
  10830. }
  10831.  
  10832. .review-form .fieldset>.field>.label,
  10833. .review-form .fieldset>.fields>.field>.label {
  10834.     font-size: 14px;
  10835. }
  10836.  
  10837. .opc-wrapper .fieldset>.field>.label,
  10838. .opc-wrapper .fieldset>.fields>.field>.label {
  10839.     font-size: 12px;
  10840. }
  10841.  
  10842. .product-item-info .product-item-name {
  10843.     padding: 0px;
  10844.     text-transform: uppercase;
  10845. }
  10846.  
  10847. .catalog-product-view button.action.primary {
  10848.     background-color: #2B303A !important;
  10849.     border-color: #2B303A !important;
  10850. }
  10851.  
  10852. .catalog-product-viewbutton.action.primary:hover {
  10853.     background-color: #EB5D18 !important;
  10854.     border-color: #EB5D18 !important;
  10855. }
  10856.  
  10857. .catalog-product-view .amshopby-option-link img {
  10858.     margin-right: 20px;
  10859. }
  10860.  
  10861. .catalog-product-view .paypal.checkout {
  10862.     display: none !important;
  10863. }
  10864.  
  10865. .checkbox.related {
  10866.     display: none !important;
  10867. }
  10868.  
  10869.  
  10870. /* checkout */
  10871.  
  10872. #shopping-cart-table .price-including-tax+.price-excluding-tax,
  10873. .weee[data-label],
  10874. #shopping-cart-table .price-including-tax+.price-excluding-tax:before,
  10875. .weee[data-label]:before,
  10876. #shopping-cart-table .price-including-tax:before,
  10877. .weee[data-label]:before {
  10878.     font-size: 13px;
  10879. }
  10880.  
  10881.  
  10882. /*karta produktu*/
  10883.  
  10884. .product-social-links .addthis_inline_share_toolbox {
  10885.     display: none;
  10886. }
  10887.  
  10888. .catalog-product-view .product-info-price .price-box .price-container .price-including-tax .price {
  10889.     font-size: 14px;
  10890. }
  10891.  
  10892. .catalog-product-view .product-info-main .product-info-stock-sku {
  10893.     display: block !important;
  10894.     margin-top: 77px;
  10895. }
  10896.  
  10897. .catalog-product-view .price-box {
  10898.     float: right;
  10899.     text-align: right;
  10900. }
  10901.  
  10902. .catalog-product-view .product-info-main .product.sku {
  10903.     margin-bottom: -5px;
  10904.     font-size: 11px !important;
  10905. }
  10906.  
  10907. .catalog-product-view .price-including-tax:before,
  10908. .catalog-product-view .weee[data-label]:before {
  10909.     font-size: 14px;
  10910. }
  10911.  
  10912. .catalog-product-view .sidebar .custom-block.custom-block-1>div p {
  10913.     font-size: 14px !important;
  10914. }
  10915.  
  10916. .catalog-product-view .box-tocart {
  10917.     text-align: right;
  10918. }
  10919.  
  10920. .catalog-product-view .product-info-price .price-box .price-container .price-excluding-tax .price {
  10921.     font-size: 22px;
  10922.     font-weight: 600;
  10923. }
  10924.  
  10925. @media (max-width: 1044px) and (min-width: 768px) {
  10926.     .catalog-product-view .product-info-main .box-tocart .actions {
  10927.         margin-right: -7px;
  10928.     }
  10929.     .moved-add-to-links {
  10930.         margin-top: 10px;
  10931.     }
  10932. }
  10933.  
  10934. @media (max-width: 480px) {
  10935.     .moved-add-to-links {
  10936.         margin-right: 12px;
  10937.     }
  10938. }
  10939.  
  10940. @media (max-width: 340px) {
  10941.     .moved-add-to-links {
  10942.         margin-top: 20px;
  10943.     }
  10944. }
  10945.  
  10946.  
  10947. /*cart*/
  10948.  
  10949. .cart.table-wrapper .col.price,
  10950. .cart.table-wrapper .col.subtotal,
  10951. .cart.table-wrapper .col.msrp {
  10952.     text-align: left !important;
  10953.     font-size: 14px;
  10954. }
  10955.  
  10956. .cart.table-wrapper .col.price .price-excluding-tax span.price,
  10957. .cart.table-wrapper .col.subtotal .price-excluding-tax span.price {
  10958.     font-size: 1.3rem;
  10959. }
  10960.  
  10961. .cart-summary .paypal,
  10962. #minicart-content-wrapper .paypal {
  10963.     display: none;
  10964. }
  10965.  
  10966. #minicart-content-wrapper .price-excluding-tax .price {
  10967.     font-size: 15px !important;
  10968.     font-weight: 700;
  10969.     color: #777777 !important;
  10970. }
  10971.  
  10972. #minicart-content-wrapper .price-container .price-excluding-tax,
  10973. .weee[data-label] {
  10974.     font-weight: 700;
  10975. }
  10976.  
  10977. @media (min-width: 768px) {
  10978.     .minicart-wrapper .block-minicart {
  10979.         width: 430px !important;
  10980.     }
  10981.     #minicart-content-wrapper .price-including-tax {
  10982.         display: inline-block !important;
  10983.         padding-left: 5px;
  10984.     }
  10985.     #minicart-content-wrapper .price-including-tax+.price-excluding-tax,
  10986.     .weee[data-label] {
  10987.         display: inline-block;
  10988.         float: left;
  10989.     }
  10990.     #minicart-content-wrapper .subtotal .price-including-tax {
  10991.         padding-top: 8px;
  10992.     }
  10993.     #minicart-content-wrapper .subtotal .price-including-tax+.price-excluding-tax,
  10994.     .weee[data-label] {
  10995.         padding-top: 0px !important;
  10996.     }
  10997.     #minicart-content-wrapper .price-container .price-including-tax+.price-excluding-tax,
  10998.     .weee[data-label] {
  10999.         padding-top: 2px;
  11000.     }
  11001.     #shopping-cart-table .price-including-tax {
  11002.         padding: 2px 0;
  11003.     }
  11004. }
  11005.  
  11006. #minicart-content-wrapper .product-item-name {
  11007.     display: initial !important;
  11008. }
  11009.  
  11010. #minicart-content-wrapper .price-excluding-tax:before,
  11011. .weee[data-label]:before {
  11012.     font-size: 14px;
  11013.     color: #777777 !important;
  11014. }
  11015.  
  11016. #minicart-content-wrapper .price-including-tax:before,
  11017. .weee[data-label]:before {
  11018.     font-size: 12px;
  11019.     color: #777777 !important;
  11020. }
  11021.  
  11022. .minicart-items .product-item-details .price-including-tax .price {
  11023.     font-weight: 400;
  11024.     color: #777777 !important;
  11025. }
  11026.  
  11027. .minicart-items .update-cart-item {
  11028.     border: none !important;
  11029.     color: transparent !important;
  11030.     background: none !important;
  11031. }
  11032.  
  11033. #shopping-cart-table .price-excluding-tax {
  11034.     margin-top: -40px;
  11035. }
  11036.  
  11037. #shopping-cart-table .price-excluding-tax:before,
  11038. .weee[data-label]:before,
  11039. .cart.table-wrapper .price-excluding-tax span.price {
  11040.     font-weight: 700 !important;
  11041. }