html, body {width:100%;min-height:100vh;min-width:320px;margin:0;padding:0;border:0;font-size:16px;font-family: 'Open Sans', sans-serif;color:#191919;}
* {box-sizing: border-box;}
img, picture, header, footer {display:block;}
.full-width img {width:100%;min-width:100%;max-width:100%;height:auto;}
input, textarea {font-family: 'Open Sans', sans-serif;}
input[type="submit"]:hover {cursor: pointer;}

.clearfix:before, .clearfix:afte { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.show-on-mobile.cat-select {display:none;}
.show-on-mobile.cat-select select {display:block;width:100%;margin-bottom:20px;border:1px solid #b8b8b8;border-radius:10px;padding:10px;}

.icon.marker {background-image:url('../icons/marker.svg');}
.icon.phone {background-image:url('../icons/phone.svg');}
.icon.clock {background-image:url('../icons/clock.svg');}

.as-row {display:none;}

.row, header, footer {width:100%;height:auto;overflow:auto;position: relative;}
.row > .contents, header > .contents, footer > .contents {width:100%;max-width:1400px;margin:auto;height:auto;overflow:auto;}
.row > .contents.padding, header > .contents.padding, footer > .contents.padding {padding:20px;}

h1 {font-weight: normal;font-size:30px;color:#ec238e;margin-bottom:10px;padding-left:20px;}
h2 {font-weight: normal;font-size:24px;color:#ec238e;margin-bottom:10px;padding-left:20px;margin-top:14px;}
.line {height:1px;width:100%;background-color:#b8b8b8;margin-bottom:20px;}
.line.small-margin {margin-bottom:10px;}
.group {height:auto;overflow:auto;width:100%;}
.page-text {padding:0px 20px;}

.home-left-side {float:left;height:auto;min-height:1px;width:calc(70% - 20px);}
.home-right-side {float:left;height:auto;min-height:1px;width:30%;margin-left:20px;}

.breadcrumb{margin-bottom:0px;padding-left:20px;}
.breadcrumb ul{ margin:0px; padding:0px; }
.breadcrumb ul li{ padding:0px 8px 0px 0px; float:left; color:#b8b8b8; font-size:0.75em; list-style:none;    }
.breadcrumb ul li a{ display:block;  float:left; color:#b8b8b8; text-decoration:none; }
.breadcrumb ul li a:hover{ color:#ec238e; }
.breadcrumb-sep{ padding-left:8px; }

/* Pagination */
ul.pagination {margin: 30px 0px 0px 0px; padding:0; text-align: center;}
ul.pagination li {display: inline-block; font-size:14px; list-style-type: none; font-weight: normal; height:30px; line-height: 30px;}
ul.pagination li.selected a.page {background-color: #ec238e; color:#FFF;}
ul.pagination li a.page {background-color: #b8b8b8; color:#FFF; padding:5px 10px 5px 10px; height:30px;}
ul.pagination li a {text-decoration: none;}

.home-news-item {padding:0px 20px;}
.home-news-item .news-title {color:#ec238e;font-size:20px;padding:10px 0px;}

.readmore-button {padding:20px;}
.readmore-button.centered {text-align: center;}
.readmore-button.right {text-align: right;}
.readmore-button a {display: inline-block;transition:padding .25s ease-in-out;text-decoration:none;padding:10px 40px;text-align: center;color:#FFF;font-size:16px;background-color:#ec238e;border-radius:10px;}
.readmore-button a:hover {padding:10px 50px;}

.slick-slide * {outline:none;}

.slider.home-slider {margin-bottom:20px;}
.slider.home-slider .slide {position: relative;}
.slider.home-slider .slide .tile {left:40px;bottom:40px;padding:20px;width:48%;background-color:rgba(0,0,0,0.5);color:#FFF;position: absolute;}
.slider.home-slider .slide .tile .description {font-size:20px;}
.slider.home-slider .slide .tile .description p:first-child {margin-top:10px;}
.slider.home-slider .slide .tile .title {font-weight: bold;font-size:30px;}

.slider.brands {max-height:100px;}
.slider.brands .slide {padding:20px 40px;}
.slider.home-cats {max-height:150px;}
.slider.home-cats .slide {padding:20px 10px;}
.slider.home-cats .slide a {background-color: #ec238e;text-decoration:none;padding:15px;color:#FFF;display:block;width:100%;text-align: center;position: relative;font-size:20px;}
.slider.home-cats .slide a::before {content:'';transition:background-color .25s ease-in-out;position:absolute;display:block;top:5px;left:5px;bottom:5px;right:5px;height:calc(100% - 12px);width:calc(100% - 12px);border:1px solid #FFF;}
.slider.home-cats .slide a:hover::before {background-color:rgba(255,255,255,0.2);}
.slider .slide a {outline:none;}
.slider.stock .slide {padding:20px;}
.slider.stock .slide a {position: relative;display:block;height:auto;overflow:auto;}
.slider.stock .slide .stock-name-tag {position: absolute;bottom:0;left:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;padding:5px 10px;background-color:#ec238e;color:#FFF;font-size:18px;width:calc(100% - 20px);}

header, footer {background-color:#b8b8b8;color:#FFF;}
header .logo {float:left;width:300px;}
header .content {float:left;width:calc(100% - 300px);}
header .nav {display:block;width:100%;list-style: none;padding:0;margin:0;text-align: right;font-size:20px;}
header a {color:inherit;text-decoration: none;display: inline-block;}

/*
header .nav li {display:inline-block;padding:10px 15px;margin-left:15px;border-radius:10px;transition: background-color .25s ease-in-out, color .25s ease-in-out;}
header .nav a:hover li, header .nav li.active {background-color:#FFF;color:#ec238e;}
*/
header .nav li{display:inline-block;}
header .nav li a{padding:10px 15px;margin-left:15px;border-radius:10px;transition: background-color .25s ease-in-out, color .25s ease-in-out;}
header .nav li a:hover, header .nav li a.active{background-color:#FFF;color:#ec238e;}


header .info-line {text-align: right;margin-bottom:50px;font-size:18px;}
header .info-line .item {display:inline-block;position: relative;margin-right:15px;padding:3px 0px 3px 40px;}
header .info-line .icon {position: absolute;height:30px;width:30px;display:block;left:0;top:0;background-position: center;background-size: contain;background-repeat: no-repeat;}

.copyright {text-align: center;padding:20px 20px 40px 20px;font-size:20px;}
.copyright span:nth-child(2) {padding:0px 20px;}
.copyright a {font-weight: bold;text-decoration: none;color:inherit;}

footer {margin-top:40px;font-size:20px;}
footer .col {float:left;width:25%;min-height:1px;}
footer .address-block {position:relative;margin-bottom:20px;padding-left:40px;}
footer .address-block:last-child {margin-bottom:0;}
footer .address-block .icon {position: absolute;height:30px;width:30px;display:block;left:0;top:0;background-position: center;background-size: contain;background-repeat: no-repeat;}
footer .nav {margin:0;color:#fff;/*width:180px;*/width:220px;margin:auto;}
footer .nav a {text-decoration: none;color:inherit;}
footer .form {padding-right:40px;padding-top:15px;}
footer input[type="email"] {display:block;font-size:18px;width:100%;border:0;border-radius:10px;height:35px;padding-left:10px;outline:none;}
footer input[type="submit"] {color:#FFF;margin-top:20px;font-size:18px;background-color: #ec238e;padding:10px 20px;border-radius:10px;float:right;border:0;outline:none;}

footer .backtotop {height:60px;width:60px;background-color:#FFF;border-radius:10px;float:left;background-repeat: no-repeat;background-position: center;background-size:contain;background-image:url('../icons/arrow-up-pink.svg');}
footer .social-icons {height:60px;width:calc(100% - 60px);float:left;padding-right:20px;}
footer .social-icons a {height:40px;width:40px;float:right;margin:10px;background-repeat: no-repeat;background-position: center;background-size:contain;}
footer .social-icons a.twitter {background-image:url('../icons/twitter.svg');}
footer .social-icons a.facebook {background-image:url('../icons/facebook.svg');}
footer .footer-buttons {padding-top:40px;}

.no-entries {padding:120px 0px;text-align: center;}
.news-items {padding:20px;}
.news-item {height:auto;overflow:auto;clear:both;margin-bottom:20px;}
.news-item .image {width:400px;float:left;}
.news-item .text {width:calc(100% - 400px);float:left;padding-left:20px;}
.news-item .news-title {color:#ec238e;font-size:20px;padding-bottom:10px;}
.news-item .date {font-weight: bold;margin-bottom:10px;}

.page-images {width:45%;float:right;height:auto;overflow:auto;margin-left:20px;margin-bottom:20px;}
#map {width:100%;height:400px;}

.contact-panel {height:auto;overflow:auto;width:100%;font-size:20px;}
.contact-panel .col {width:50%;float:left;height:auto;overflow:auto;padding:0px 20px;}
.contact-panel .contact-block {position:relative;margin-bottom:20px;padding-left:40px;}
.contact-panel .contact-block.times {font-size:18px;}
.contact-panel .contact-block.times .contact-line span:first-child {display: inline-block;width:50px;text-align: right;color:#b8b8b8;}
.contact-panel .contact-block .icon {position: absolute;height:30px;width:30px;display:block;left:0;top:0;background-position: center;background-size: contain;background-repeat: no-repeat;}
.contact-panel .input-row {height:auto;overflow:auto;margin-bottom:20px;}
.contact-panel input {width:calc(50% - 10px);font-size:16px;display: block;float:left;height:40px;border-radius:10px;border:1px solid #ec238e;background-color:#FFF;padding-left:10px;outline:none;}
.contact-panel input:first-child {margin-right:20px;}
.contact-panel textarea {width:100%;font-size:16px;padding-left:10px;resize:none;outline:none;padding-top:10px;border:1px solid #ec238e;border-radius:10px;height:100px;background-color:#FFF;display:block;}
.contact-panel input[type="submit"] {color:#fff;float:none;margin:0;display:inline-block;width:auto;height:auto;font-size:20px;background-color:#ec238e;padding:10px 20px;border-radius:10px;border:0;outline:none;}
.contact-panel .input-row:last-child {text-align: center;}

.stock-panel {height:auto;overflow:auto;width:100%;}
.stock-panel .side-panel {width:250px;float:left;min-height:1px;}
.stock-panel .main-content {width:calc(100% - 250px);float:left;min-height:1px;padding:0px 20px 20px 40px;}
.stock-panel .cat-panel {background-color:#b8b8b8;color:#FFF;padding:20px;border-radius:10px;margin-bottom:20px;}
.stock-panel .cat-panel .title {border-bottom:1px solid #FFF;font-size:20px;margin-bottom:10px;font-weight: bold;padding-bottom:10px;}
.stock-panel .cat-panel a {text-decoration: none;font-size:18px;color:#fff;padding:5px 10px 5px 0px;display:block;transition:color .25s ease-in-out;}
.stock-panel .cat-panel a:hover {color:#ec238e;}

.stock-items {height:auto;overflow:auto;}
.stock-items .stock-item {display:block;text-decoration:none;color:inherit;width:25%;float:left;height:auto;overflow:auto;padding:0px 10px 20px 10px;}
.stock-items .stock-item .text {text-align: center;font-size:16px;}
.stock-items .stock-item .name {color:#ec238e;padding:10px 5px;}
.stock-items .stock-item .image {position: relative;height:auto;overflow:auto;}
.stock-items .stock-item .image .hover {position: absolute;top:0;left:0;right:0;bottom:0;background-color:#ec238e;color:#FFF;text-align:center;font-size:18px;border-radius:10px;display:block;margin:auto;height:35px;width:100px;padding:5px;opacity: 0;transition:opacity .25s ease-in-out;}
.stock-items .stock-item:hover .hover {opacity: 1;}
.stock-items .stock-item.brand-item .image {width:calc(100% - 40px);margin:auto;height:120px;background-position: center;background-size:contain;background-repeat: no-repeat;}
.stock-items .stock-item.brand-item .image .hover {font-size:16px;top:unset;padding:0;height:30px;padding-top:3px;}

.main-content.product .top-bar {height:auto;overflow:auto;width:100%;}
.main-content.product .images {float:left;min-height:1px;width:45%;height:auto;}
.main-content.product .text {float:left;min-height:1px;width:55%;height:auto;padding-left:40px;}
.main-content.product .name {color:#ec238e;font-size:24px;margin-bottom:10px;position: relative;padding-bottom:10px;}
.main-content.product .name::after {content:'';display:block;width:100px;height:3px;background-color:#b8b8b8;bottom:0;left:0;position: absolute;}
.main-content.product .title {font-weight: bold;margin-top:40px;}
.main-content.product .price {font-weight: bold;font-size:24px;margin:20px 0px 0px 0px;}
.main-content.product .brand .title {margin-bottom:20px;}

.main-content.product .images {margin-bottom:20px;}
.product-slider {margin-bottom:10px;}

.mobile-nav-button {display:none;text-align: right;}
.mobile-nav-button .button {display:block;font-size:26px;border-radius:10px;height:auto;overflow:auto;width:140px;float:right;padding:10px;}
.mobile-nav-button .button .text {height:40px;width:auto;display:block;float:left;padding-right:10px;}
.mobile-nav-button .button .icon {height:40px;width:40px;display:block;float:left;background-image:url('../icons/menu.svg');background-position: center;background-repeat: no-repeat;background-size: contain;}
.mobile-nav-button .button:hover {background-color:#FFF;color:#ec238e;cursor: pointer;}
.mobile-nav-button .button:hover .icon {background-image:url('../icons/menu-pink.svg');}

.mobile-navigation{position:absolute;transition:width .25s ease-in-out;top:0;right:0;bottom:0;height:100%;width:0;z-index:100;overflow:hidden;display:block;font-weight:700;background-color:#FFF;color:#333;}
.mobile-navigation.active{width:320px;}
.mobile-navigation-container {padding:20px;width:320px;}
.mobile-navigation ul{list-style:none;padding:0;margin:0;padding-left:20px}
.mobile-navigation ul ul{padding-left:20px;padding-bottom:2px;font-weight:400}
.mobile-navigation li{display:block;}
.mobile-navigation li a:hover {border-bottom:1px solid #333;}
.mobile-navigation a{text-decoration:none;display:block;font-size:21px; padding:5px 0px;color:#191919;transition:border-bottom .25s ease-in-out;border-bottom:1px solid #eeeeee;}
.mobile-navigation a:hover {color:#ec238e;}
#mob-menu {padding-top:40px;}

@media screen and (max-width:1250px)
{
    .contact-panel .col .col {width:100%;float:none;}
    .contact-panel .contact-block.times {font-size:20px;}
    .contact-panel .contact-block.times .contact-line span:first-child {color:#191919;}

    .contact-panel input:first-child {margin-right:0;margin-bottom:20px;}
    .contact-panel input {width:100%;float:none;}
}

@media screen and (max-width:1200px)
{
    .stock-items .stock-item {width:calc(100% / 3);}

    header .nav {font-size:16px;}
}

@media screen and (max-width:1080px)
{
    .copyright {font-size:16px;}
    .mobile-nav-button {display:block;}
    header .nav {display:none;}
}

@media screen and (max-width:1000px)
{
    footer .col {width:50%;/*height:155px;*/}

    .slider.home-slider .slide .tile .title {font-size:22px;}
    .slider.home-slider .slide .tile .description {font-size:16px;}

    .page-images {width:60%;}

    .stock-items .stock-item {width:50%;}

    .main-content.product .images {float:none;width:100%;}
    .main-content.product .text {float:none;width:100%;padding-left:0;}
    .main-content.product .title {margin-top:10px;}

    .news-item .image {width:250px;}
    .news-item .text {width:calc(100% - 250px);}

    footer .form {padding-right:0;}
    footer .col:nth-child(3) {width:75%;}
    footer .col:nth-child(4) {width:25%;}
    footer .nav {list-style: none;width:100%;padding-left:30px;margin-top:30px;font-size:16px;padding-right:20px;}
    footer .nav a {display:inline-block;padding:10px;}
    footer .nav a li {display:inline-block;}
}

@media screen and (max-width:900px)
{
    .home-left-side {float:none;width:100%;}
    .home-right-side {float:none;width:100%;margin-left:0;}

    .home-news-item .image {width:40%;float:left;}
    .home-news-item .content {width:60%;float:left;padding-left:20px;}

    .contact-panel .col {width:100%;float:none;}
    .contact-panel .col .col {width:50%;float:left;}
    .contact-panel .col form {margin-top:20px;}
}

@media screen and (max-width:800px)
{ 
    .row .contents {display:flex;flex-direction: column;}
    .page-text {order:1;}
    .page-text p:first-child {margin-top:0;}
    .page-images {order:2;margin:0;margin-top:20px;width:100%;float:none;}

    .stock-panel .side-panel {display:none;}
    .stock-panel .main-content {padding:0px 0px 40px 0px;width:100%;float:none;}
    .show-on-mobile.cat-select {display:block;}
    .stock-items .stock-item {width:calc(100% / 3);}

    .slider.home-slider .slide .tile {left:unset;position: relative;width:100%;bottom:unset;background-color:#b8b8b8;}
}

@media screen and (max-width:700px)
{ 
    .contact-panel .contact-block.times {font-size:16px;}
    .contact-panel {font-size:16px;}
    .contact-panel .contact-block .icon {height:25px;width:25px;}
    .contact-panel .col {padding:0;}
    .contact-panel .col .col {padding:0px 20px;}

    .news-item .image {width:100%;float:none;margin-bottom:10px;}
    .news-item .text {width:100%;float:none;padding-left:0;}
}

@media screen and (max-width:780px)
{
    .home-news-item .image {float:none;width:100%;}
    .home-news-item .content {float:none;width:100%;padding-left:0;}
}

@media screen and (max-width:680px)
{
    header .logo {float:none;margin:auto;margin-bottom:20px;}
    header .logo img {width:100%;min-width:100%;max-width:100%;}
    header .content {float:none;width:100%;}
    header .info-line {display:none;}
    .mobile-nav-button .button {float:none;margin:auto;}
}

@media screen and (max-width:600px)
{
    .contact-panel .col .col {width:100%;float:none;}
    .contact-panel .contact-block.times .contact-line span:first-child {width:40px;}

    .stock-items .stock-item {width:50%;}

    .news-item .readmore-button.right {text-align: center;}
}

@media screen and (max-width:550px)
{
    footer .col {width:100%;float:none;height:auto;margin-bottom:20px;}
    footer .form {height:auto;overflow:auto;}
    footer input[type="submit"] {width:100%;float:none;}
    footer .nav {margin-top:0;padding-right:0;/*text-align: center;*/padding-left:30px;}
    footer .col:nth-child(3) {width:100%;}
    footer .col:nth-child(4) {width:100%;height:auto;overflow:auto;padding-top:0;width:200px;margin:auto;}
}

@media screen and (max-width:460px)
{
    .copyright span:nth-child(2) {display: none;}
    .copyright span {display: block;width:100%;text-align:center;padding-bottom:10px;}
}

@media screen and (max-width:400px)
{
    .slider.brands .slide {min-height:80px;padding:20px;}
    .slider.brands .slide img {width:100%;min-width:100%;max-width:100%;display:block;height:auto;}

    .stock-items .stock-item {width:100%;float:none;padding:0px 0px 20px 0px;}

    #home-cats-slider {display:none;}
}