/**
 * Homepage styles
 */

#welcome .wrapper > .news{ width: 31.6%; }
#welcome .wrapper > .news .news-list{ position: relative; }
#welcome .wrapper > .news .news-list .owl-nav{ position: absolute; top: 30%; width: 45px; height: 45px; background: url('/resources/images/icons/icon_nav_prev.png'); z-index: 1000; }
#welcome .wrapper > .news .news-list .owl-nav.prev{ left: 10px; }
#welcome .wrapper > .news .news-list .owl-nav.next{ right: 10px; transform: rotateY(180deg); }

#welcome .wrapper > .image{ width: 65.8%; position: relative; overflow: hidden; }
#welcome .wrapper > .image img{ height: 100%; width: auto; max-width: none; }
#welcome .wrapper > .image .layer{ position: absolute; top: 10.5%; width: 100%; text-align: center; }
#welcome .wrapper > .image .layer h1{ font-size: 34px; color: #fff; font-weight: 700; line-height: 42px; text-transform: uppercase; }
#welcome .wrapper > .image .layer h1:before,
#welcome .wrapper > .image .layer h1:after{ content: ''; display: block; background: #fff; width: 50px; height: 3px; }
#welcome .wrapper > .image .layer h1:before{ margin: 0px auto 20px; }
#welcome .wrapper > .image .layer h1:after{ margin: 20px auto 0px; }
#welcome .wrapper > .image .layer p{ max-width: 425px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #fff; line-height: 22px; margin: 20px auto 0px; }

#on-sale{ margin: 120px 0px 0px; }
#on-sale h2.title{ margin: 0px 0px 25px; }
#on-sale .wrapper{ position: relative; padding: 0px 60px; }
#on-sale .wrapper .image{ position: relative; }
#on-sale .wrapper .image .sale{ position: absolute; right: 10px; top: 10px; width: auto; height: auto; }
#on-sale .owl-nav{ position: absolute; top: 30%; width: 45px; height: 45px; background: url('/resources/images/icons/icon_nav_prev2.png'); }
#on-sale .owl-nav.prev{ left: 0px;  }
#on-sale .owl-nav.next{ right: 0px; transform: rotateY(180deg); }

#categories{ margin: 120px 0px 0px; }
#categories h2.title{ margin: 0px 0px 25px; }
#categories .product-box{ width: 23.1%; margin-right: 2.53%; margin-bottom: 30px; }
#categories .product-box:nth-child(4n){ margin-right: 0px; }