/* Global  */
*,body, html {font-family: "Roboto Condensed", sans-serif !important;font-optical-sizing: auto;font-weight: normal;font-style: normal;}
a {color:#aa3a3a;}
a:hover {color:#ccc;}
.block-search-narrow {display:none;}
h2.block__title ,
.small-banner .page-title h1, 
.page-title h1{background: #aa3a3a; color:#fff; padding:10px 80px;outline:  2px dashed #fff;outline-offset:-5px;transform: skew(-25deg,0deg);text-align:center;}
#block-january-promo blockquote{font-size: 1.4em;width:100%;margin:50px auto;font-style:italic;color: #000;padding:1.2em 30px 1.2em 75px;border-left:8px solid #aa3a3a ;line-height:1.6;position: relative;background:#f5f3f3;}
#block-january-promo blockquote::before {content: "\201C";color:#aa3a3a;font-size:4em;position: absolute;left: 10px;top:-10px;font-family: Arial;}
#block-january-promo blockquote::after{content: '';}
#block-january-promo .promo-full {display: block;width: 100%;}
#block-january-promo .promo-left, #block-january-promo .promo-right {display: inline-block;width: 43%;text-align: center;margin:40px;color:#fff;outline:  2px dashed #fff;outline-offset:-5px;}
#block-january-promo .promo-left {font-size:30px;background:#aa3a3a;transform: skew(-15deg,-2deg);text-align:center;}
#block-january-promo .promo-right{background:#000;transform: skew(-15deg,3deg);text-align:center;}
.page-node-type-prosfores .field--name-field-price {background: #aa3a3a; color:#fff; padding:10px 80px;outline:  2px dashed #fff;outline-offset:-5px;transform: skew(-25deg,0deg);text-align:center;}
.region--content-below .block {display: block !important;width: 100%;height: auto;}
.region--content-below > * {flex-basis: calc(100% - 1.50075rem);}
.block-views-blockbrands-block-1 #views_slideshow_cycle_teaser_section_brands-block_1, .block-views-blockbrands-block-1 .views_slideshow_cycle_slide {width: 100% !important;height:auto !important;min-height: 215px;}
#block-january-views-block-brands-block-1 .views-row {display: inline-block;width: 23%; margin: 9px; text-align: center;vertical-align: top;}
.page-node-type-proionta #img-grp,
.page-node-type-proionta #char-grp {display: inline-block;vertical-align: top;width: 49%;padding: 20px;}
.page-node-type-proionta #char-grp div.field div {display: inline-block;vertical-align: top;width: 45%;border-bottom: 1px solid #ccc;margin: 10px 0px}
.page-node-type-proionta #char-grp div.field--name-field-perigrafi div,
.page-node-type-proionta #char-grp div.field--name-field-katigories div{display: block;border: none; width:100%;}
.region--content .block,
.region--content-below .block {margin-bottom: 80px;}
.page-node-type-proionta #img-grp img {width:100%;height:auto;}
.brand-list .view-content {display: flex;flex-wrap:wrap;align-items:center;}
.brand-list .view-contentP{}
.brand-list .views-row {flex: 1 1 10%;padding: 5px; box-sizing: border-box;text-align: center;}
.brand-list .views-row .views-field-field-brand-image,
.brand-list .views-row .views-field-field-brand-image .field-content,
.brand-list .views-row .views-field-field-brand-image .field-content a{display: block;width: 100%;height: 100%;}
.brand-list .views-row img {width: 80%;height: auto;}
a#toggle-icon span {color: #aa3a3a;}
.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon,
a#toggle-icon span.icon {background:#aa3a3a; }
.responsive-menu-toggle {
  display: block;
  width: 25%;
}
/* Menu  */
  
/* Top  */
.topbar,
.topbar a {background: #aa3a3a;color:#fff;}
.topbar a:hover {color:#ccc;}
.navbar-collapse {position: absolute;background:#fff;left:auto;right: 0px !important;}
.navbar-collapse a {color: #aa3a3a;}
.navbar-collapse a.is-active, .navbar-collapse a:hover {color: #aaa;}
#top {background:#aa3a3a;}
#top:hover {background:#ccc;}
.site-branding__logo img {width: 21%}
.site-header {background: #f5f3f3;}
.small-banner::before {opacity: 0;background-color: #fff;}
//.small-banner .page-title h1 span , .page-title h1{color: #fff;text-shadow:3px 3px 0 #aa3a3a,-1px -1px 0 #aa3a3a,1px -1px 0 #aa3a3a,-1px 1px 0 #aa3a3a,1px 1px 0 #aa3a3a;}
.site-footer .footer-logo {display: block;}

/* Slide  */
.views_slideshow_cycle_slide .views-row {position: relative;}
.views_slideshow_cycle_slide .views-row .views-field-title,
.views_slideshow_cycle_slide .views-row .views-field-field-slide-txt {position: absolute;color:#fff;padding:20px 40px;outline: 2px dashed #fff;outline-offset: -5px;}
.views_slideshow_cycle_slide .views-row .views-field-title {top:40%;transform: skew(10deg,3deg);background: #000;z-index:1;font-size: 25px;left:10%;}
.views_slideshow_cycle_slide .views-row .views-field-field-slide-txt {top:48%;transform: skew(-10deg,-3deg);background: #aa3a3a;padding:20px 150px;left:5%;font-size: 20px}
.views_slideshow_cycle_slide .views-row img {width: 100%;height: auto;}

/* Image list  */
.image-list .views-row {display: inline-block;width: 48%;vertical-align: top; text-align: center;position: relative;margin:10px;}
.image-list .views-row img {width: 100%;height: auto;}
.image-list .views-row .views-field-name,
.image-list .views-row .views-field-title {position: absolute;top:auto;bottom:10px;right: 10px;}
.image-list .views-row .views-field-name a,
.image-list .views-row .views-field-title a {display: block; background:#fff;transform: skew(-10deg,0deg);padding: 10px 20px;outline: 2px dashed #aa3a3a;outline-offset:-5px;}
.image-list .views-row .views-field-field-price {position: absolute;top:10px;bottom:auto;left: 10px;}
.image-list .views-row .views-field-field-price {display: block; background:#aa3a3a;transform: skew(-10deg,0deg);padding: 10px 20px;outline: 2px dashed #fff;outline-offset:-5px;color:#fff;}
.image-list .views-row img {transition: transform 0.5s, filter 0.5s ease-in-out;transform-origin: center center;filter: brightness(80%);}
.image-list .views-row img:hover {transition: transform 0.5s, filter 0.5s ease-in-out;filter: brightness(100%);transform: scale(1.05);}
.path-taxonomy .region--content .views-field-field-buss-image,
.page-node-type-prosfores .region--content .field--name-field-prosf-image {display: none;}
.block-views-blockprosfores-block-1 h2 {background: #000;}

/* Footer  */
.copyright-sec {background:#000}
.site-footer {background: #aa3a3a;color: #fff;}
.site-footer a {color:#fff;}
.site-footer a:hover {color:#ccc;}
.icon-row i, .icon-row svg {color: #fff;}
.site-footer .social-links ul {width: 100%;margin: 0px;padding: 0px !important;}
.site-footer .social-links li {list-style: none;display: inline-flex;}
.site-footer .social-links li a{border: 1px solid #fff;}
.site-footer .social-links li a:hover{background-color: #fff;color: #ccc;}
.cleanhouse-des, .cleanhouse-img {display: inline-block;vertical-align: top;}
.cleanhouse {background: #eee;color: #000;padding: 20px;}
.cleanhouse-des {font-size: 20px;width: 68%;}
.cleanhouse-img {width: 30%;}

/* Cookies  */
.eu-cookie-compliance-category-description {display:none;}
.sliding-popup-bottom,
.sliding-popup-top {width: 25% !important;}

/* Button  */
.button {color: #000;border: solid 2px red;background-color: #fff;}
.button:hover, 
.button:focus {text-decoration: none;color: #fff;border: solid 2px #ccc;background: red;font-weight: normal;}
.button:focus {outline: 2px solid #ccc;outline-offset: 2px;}
.button:active {color: red;border-color: #ccc;}
.button:disabled,
.button.is-disabled {cursor: default;color: red;border-color: #ccc;}
.button--primary {color: #000;background-color: #fff;}
.button--primary:hover,
.button--primary:focus {color: #fff;border-color: #ccc;background-color: red;}
.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {text-shadow: 0px 0px 0 #ffffff;}

@media screen and (max-width: 1024px){
.views_slideshow_cycle_slide .views-row .views-field-title {top:34%;}
.views_slideshow_cycle_slide .views-row .views-field-field-slide-txt {top:48%;}
}

@media screen and (max-width: 768px){
    .topbar{margin:0px;padding:0px;}
    .topbar .col-lg-8,
    .topbar .col-lg-4 {display:inline-block;width:50%;}
    .topbar .col-lg-8 p {width:100%;font-size:2vw;margin:10px;}
    .topbar .social-links li {margin: 4px 8px;width: 25%;}
    .region--header, .navbar-toogle {display:inline-block;width:50%;}
    .site-branding__logo img {width: 27%}
    .views_slideshow_cycle_slide .views-row .views-field-title,
    .views_slideshow_cycle_slide .views-row .views-field-field-slide-txt {display:none;}
    .sliding-popup-bottom,
    .sliding-popup-top {width: 50% !important;}
   .image-list .views-row img {transition: transform none, filter none ease-in-out;transform-origin: center center;filter: brightness(100%);}
    .image-list .views-row {display: inline-block;width: 46%;}
}

@media screen and (max-width: 600px){
    .topbar .col-lg-8 p {width:100%;font-size:5vw;margin:10px;}
    .sliding-popup-bottom,
    .sliding-popup-top {width: 100% !important;}
    .cleanhouse-des, .cleanhouse-img {display:block;vertical-align: top;}
    .cleanhouse {background: #eee;color: #000;padding: 20px;}
    .cleanhouse-des {font-size: 20px;width: 100%;}
    .cleanhouse-img {width: 100%;}
    #block-january-promo .promo-left, #block-january-promo .promo-right {display: block;width: 100%;margin:40px 0px;}
    .page-node-type-prosfores .region--content .field--name-field-prosf-image img {width: 100%;height: auto;}
    #block-january-views-block-brands-block-1 .views-row {display: block;width: 100%; margin: 10px 0px; text-align: center;vertical-align: top;}
    .block-views-blockbrands-block-1 #views_slideshow_cycle_teaser_section_brands-block_1,
    .block-views-blockbrands-block-1 .views_slideshow_cycle_slide {width: 100% !important;height:auto !important;min-height: 729px;}
.page-node-type-proionta #img-grp,
.page-node-type-proionta #char-grp {display: block;vertical-align: top;width: 100%;padding: 20px;}
.page-node-type-proionta #char-grp div.field div {display:-block;vertical-align: top;width: 45%;border-bottom: 1px solid #ccc;margin: 10px 0px}
.page-node-type-proionta #char-grp div.field--name-field-perigrafi div,
.page-node-type-proionta #char-grp div.field--name-field-katigories div{display: block;border: none; width:100%;}
}

@media screen and (max-width: 425px){
    .topbar .col-lg-8 p {width:100%;font-size:5vw;margin:10px;}
    .image-list .views-row {display: block;width: 100%;}
}

@media screen and (max-width: 320px){
    .topbar .col-lg-8 p {width:100%;font-size:5vw;margin:10px;}
}