/**
 * Theme Name:     Sterydy 24 Theme
 * Author:         Sterydy 24
 * Template:       bootstrap-basic4
 * Text Domain:	   sterydy-24-theme
 * Description:    Sterydy 24 theme
 * Version:        1
 * License:        Commerce
 */



body h1, body h2, body h3, body h4, body h5, body h6 {font-family: 'Titillium Web', sans-serif; font-weight: bold;}
p, span, li, ol, a {font-family: 'Lato', sans-serif;}
body a {text-decoration: none;}
body a:hover {color: #c40008; text-decoration: none;}
body a {color: #ef0d08;}

img {max-width: 100%; height: inherit;}
.full-container {width: 100%; padding: 0 150px;}
div .no-padding {padding-left: 0; padding-right: 0;}
div .no-left-padding {padding-left: 0;}
div .no-right-padding {padding-right: 0;}
.red-background {background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}

.dark-background {background: rgb(55,65,75);
background: -moz-linear-gradient(90deg, rgba(55,65,75,1) 0%, rgba(17,20,31,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(55,65,75,1) 0%, rgba(17,20,31,1) 100%);
background: linear-gradient(90deg, rgba(55,65,75,1) 0%, rgba(17,20,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37414b",endColorstr="#11141f",GradientType=1);}

.dark-background:hover { }
.smoke-bg {background-color: #f4f4f4;}
body #main .post, body #main .page {padding: 0; border: none;}


.promotion-banner.red-background {color: #fff; text-align: center; padding: 5px 15px;}
.promotion-banner.red-background p {margin-bottom: 0;}

header.page-header .main-navigation nav.navbar ul li a {color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 600; padding: 5px 14px; text-decoration: none;}
header.page-header .main-navigation nav.navbar ul li a:hover {color: #c40008;}
header.page-header .main-navigation nav.navbar ul li.menu-item-has-children {position: relative; }
header.page-header .main-navigation nav.navbar ul li.menu-item-has-children a {position: relative; padding-right: 18px;}
header.page-header .main-navigation nav.navbar ul li.menu-item-has-children:before {position: absolute; content: "\02C7"; top: 4px; right: 0; width: 15px; height: 15px; font-size: 30px; line-height: 35px;}
header.page-header .main-navigation nav.navbar ul li.menu-item-has-children ul {display: none; border-top: 2px solid #c40008; position: absolute; padding: 10px 0; width: max-content; top: 29px;  left: 0; list-style-type: none; padding-left: 0; background-color: #fff; z-index: 9999;}
header.page-header .main-navigation nav.navbar ul li.menu-item-has-children:hover ul {display: block;}
header.page-header .main-navigation nav.navbar ul li.menu-item-has-children ul li a {line-height: 32px;}
header.page-header a.cart-custom {float: right; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 600; margin-top: 17px; align-items: center; display: flex;}
header.page-header a.cart-custom img {width: 22px; margin-right: 2px;}
header.page-header a.cart-custom p {margin-bottom: 0;}

.widget_nav_menu {clear: both; float: left; width: 100%;}
h2.widget-title {position: relative; margin-bottom: 25px; color: #fff; font-size: 16px; padding: 12px 20px 12px 40px; background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
h2.widget-title:before {position: absolute; content: ""; left: 20px; top: 15px; width: 13px; height: 13px; background-image: url('/wp-content/themes/sterydy-24-theme/img/double-arrow.svg'); background-size: cover;}
.widget_nav_menu ul {padding: 15px 0; list-style-type: none; background-color: #f4f4f4; margin-bottom: 25px; float: left; width: 100%;}
.widget_nav_menu ul li a {padding: 3px 20px; color: #000; float: left; width: 100%; font-family: 'Titillium Web', sans-serif; font-weight: 600;}
.widget_nav_menu ul li a:hover {color: #a60003;}



.widget_nav_menu ul li ul.sub-menu li {position:relative;}
header.page-header .main-navigation nav.navbar ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {display: none;}
 





aside#block-15 {clear: both; margin-bottom: 25px;}
aside#block-15 a.wp-block-button__link {color: #fff; padding: 0 20px 0 40px; text-align: left; font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 16px; border: none; border-radius: 0; line-height: 42px; font-weight: bold; position: relative; background: rgb(55,65,75);
background: -moz-linear-gradient(90deg, rgba(55,65,75,1) 0%, rgba(17,20,31,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(55,65,75,1) 0%, rgba(17,20,31,1) 100%);
background: linear-gradient(90deg, rgba(55,65,75,1) 0%, rgba(17,20,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37414b",endColorstr="#11141f",GradientType=1);}
aside#block-15 a.wp-block-button__link:before {position: absolute; content: ""; left: 20px; top: 15px; width: 13px; height: 13px; background-image: url('/wp-content/themes/sterydy-24-theme/img/double-arrow.svg'); background-size: cover;}
aside#block-15 a.wp-block-button__link:hover{background: rgb(17,20,31);
background: -moz-linear-gradient(90deg, rgba(17,20,31,1) 0%, rgba(17,20,31,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(17,20,31,1) 0%, rgba(17,20,31,1) 100%);
background: linear-gradient(90deg, rgba(17,20,31,1) 0%, rgba(17,20,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11141f",endColorstr="#11141f",GradientType=1);}

.search-section .yith-ajaxsearchform-container {display: flex;}
.search-section form#yith-ajaxsearchform {width: 100%;}
#yith-ajaxsearchform .search-navigation {width: 100%; padding-right: 6px;}
.search-section .search-navigation input {width: 100%; background-color: #f4f4f4; border: none; outline: none; line-height: 40px; margin-bottom: 0; margin-right: 6px; padding: 0 15px;}
.search-section input#yith-searchsubmit {width: 110px;  float: right; line-height: 40px; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 0 30px; border: none; border-radius: 0; color: #fff; background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
.search-section input#yith-searchsubmit:hover {background: #a60003;}
.search-row {margin-bottom: 25px;}
.search-row span {line-height: 42px; font-family: 'Titillium Web', sans-serif; font-weight: bold; color: #ef0d08; width: calc(100% - 190px); text-align: center; float: left; padding-right: 15px;}
.search-row a.black-btn.dark-background {color: #fff; padding: 0 15px; line-height: 42px; float: right; font-weight: bold; width: 190px; text-align: center;}


section.top-frontpage {margin-bottom: 30px;}
section.top-frontpage .frontpage-slider {height: calc(100% - 92px);}
section.top-frontpage .frontpage-slider .owl-stage-outer {height: 100%;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage {height: 100%;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item {height: 100%; background-size: cover; background-repeat: no-repeat;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item {height: 100%; background-size: contain; align-items: center; display: flex; background-position: center left; background-repeat: no-repeat;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider {width: 45%; margin-left: 55%; padding-right: 30px;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 {color: #fff; text-transform: uppercase; font-style: italic; font-weight: 900; line-height: 0.9; letter-spacing: 3px; font-size: 44px;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 small {display: block; font-style: normal; width: 100%; font-weight: 700; font-size: 22px;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider p {color: #fff;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider a.white-button {color: #ef0d08; background-color: #fff; font-weight: bold; float: left; border-radius: 5px; clear: both; padding: 10px 36px;}
section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider a.white-button:hover {background-color: #ef0d08; color: #fff;}
section.top-frontpage .frontpage-slider .owl-dots {display: none;}
section.top-frontpage .frontpage-slider .owl-nav {margin-top: 0; width: 100%:;}
section.top-frontpage .frontpage-slider .owl-nav button {position: absolute; bottom: 50%; color: #fff; font-weight: bold; outline: none; width: 20px; height: 34px; margin: 0;}
section.top-frontpage .frontpage-slider .owl-nav button.owl-prev {left: 10px;}
section.top-frontpage .frontpage-slider .owl-nav button.owl-next {right: 10px;}
section.top-frontpage .frontpage-slider .owl-nav button span {position: relative; width: 20px; height: 34px; color: transparent; float: left; outline: none;}
section.top-frontpage .frontpage-slider .owl-nav button.owl-prev span:before {left: 0; top: 0; position: absolute; content: ""; width: 20px; height: 34px; background-image: url('../sterydy-24-theme/img/left-arrow.svg'); background-size: cover;}
section.top-frontpage .frontpage-slider .owl-nav button.owl-next span:before {left: 0; top: 0; position: absolute; content: ""; width: 20px; height: 34px; background-image: url('../sterydy-24-theme/img/right-arrow.svg'); background-size: cover;}


.container.page-title-section h1 {font-size: 26px;}
.container.page-title-section p {font-family: 'Titillium Web', sans-serif; font-weight: 600;}
section.product-category-frontpage {margin-bottom: 35px;}
section.product-category-frontpage a.button {position: relative; text-decoration: none; float: left; overflow: hidden; width: 100%; transition: 300ms; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #000; padding: 0 20px 0 85px; align-items: center; display: flex; border: 2px solid #ef0d08; height: 85px; background-repeat: no-repeat; background-position: left 5px center; margin-bottom: 25px;}
section.product-category-frontpage a.button h3 {font-size: 16px; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #000; margin-bottom: 0; transition: 300ms;}
section.product-category-frontpage a.button:before {position: absolute; content: ""; top: -2px; left: -2px; width: 2px; height: 2px; background-color: #fff;}
section.product-category-frontpage a.button:after {position: absolute; content: ""; bottom: -2px; right: -2px; width: 2px; height: 2px; background-color: #fff;}
section.product-category-frontpage a.button div {position: absolute; top: 0; left: 80px; z-index: -1; width: 0; height: 100%; background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1); -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;}

section.product-category-frontpage a.button:hover div {max-width: 100%; width: calc(100% - 80px); transform: 300ms;}
section.product-category-frontpage a.button:hover h3 {color: #fff; padding-left: 40px; position: relative; transition: 300ms;}
section.product-category-frontpage a.button h3:before {opacity: 0; position: absolute; content: ""; transition: 300ms; left: 20px; top: 3px; width: 13px; height: 13px; background-image: url('/wp-content/themes/sterydy-24-theme/img/double-arrow.svg'); background-size: cover;}
section.product-category-frontpage a.button:hover h3:before {opacity: 1; transition: 300ms;}


section.smoke-bg.bestseller-product {padding: 60px 0 60px; margin-bottom: 60px;}
section.smoke-bg.bestseller-product h2 {margin-bottom: 0;}
section.smoke-bg.bestseller-product p {font-family: 'Titillium Web', sans-serif; font-weight: 600;}
section.smoke-bg.bestseller-product .bestseller-banner div {height: 100%; background-size: cover; background-position: bottom center; position: relative;}
section.smoke-bg.bestseller-product .bestseller-banner div p {color: #fff; font-weight: bold; text-align: center; font-size: 24px; line-height: 1; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px 20px;}
.home section .woocommerce ul.products {margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.home section .woocommerce ul.products li.product {width: 20%; margin: 0; background-color: #fff; border-left: 15px solid  #fff; border-right: 15px solid  #fff;}
.home section.smoke-bg .woocommerce ul.products li.product {border-left: 15px solid  #f4f4f4; border-right: 15px solid  #f4f4f4;}
.home section .woocommerce ul.products li.product:before {opacity: 0; position: absolute; bottom: -2px; left: -2px; content: ""; width: calc(100% + 4px); height: calc(100% + 4px); border: 2px solid #ef0d08; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
.home section .woocommerce ul.products li.product:hover:before {opacity: 1;}
.home section .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {text-align: center; float: left; position: relative; margin-bottom: 65px;}
.home section .woocommerce ul.products li.product a img {margin-bottom: 20px;}
.home .woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.price {margin-bottom: 0; line-height: 0; display: inline-block;}
.home .woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.price span {font-weight: bold; color: #ef0d08; font-family: 'Titillium Web', sans-serif; font-size: 24px;}
.home section .woocommerce ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {color: #000; padding: 10px;}
.home section .woocommerce ul.products li.product a.button {position: absolute; bottom: 15px; left: 15px; border-radius: 0; color: #fff; width: 100%; margin-top: 0; text-align: center; width: calc(100% - 30px); background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1); }
.home section .woocommerce ul.products li.product a.button:hover {background: #a60003;}
.woocommerce ul.products li.product .price ins {text-decoration: none;}
.woocommerce ul.products li.product .price del {opacity: 1; color: #607d8b; display: inline; width: 100%; float: left; height: 16px;}

ul.products li.product {position: relative; }
ul.products li.product a.added_to_cart.wc-forward {position: absolute; font-weight: bold; padding: 14px 10px; bottom: 15px; left: 15px; border-radius: 0; color: #fff; width: 100%; margin-top: 0; text-align: center; width: calc(100% - 30px); background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1); }

section .woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.price del span.woocommerce-Price-amount.amount {color: #607d8b; font-size: 15px;}
section .woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.price del span.woocommerce-Price-amount.amount span  {color: #607d8b; font-size: 15px;}
.woocommerce ul.products li.product .star-rating {margin: 0 auto 20px; font-size: 22px; width: 100px; position: relative;}
.woocommerce ul li .star-rating::before {position: relative; background-image: url('/wp-content/themes/sterydy-24-theme/img/star.svg'); color: transparent; background-size: 20px; width: 100%; float: left; background-repeat: repeat-x;}
.woocommerce ul li .star-rating span {color: transparent; position: absolute; top: 0; left: 0; width: 100px; height: 20px;}
.woocommerce ul li .star-rating span::before {background-image: url('/wp-content/themes/sterydy-24-theme/img/starred.svg'); color: transparent; background-size: 20px; width: 100%; float: left; background-repeat: repeat-x;}



section.new-product {padding: 20px 0 60px;}
section.new-product h2 {margin-bottom: 0;}
section.new-product p {font-family: 'Titillium Web', sans-serif; font-weight: 600;}
section.new-product .new-product-banner div {height: 100%; background-size: cover; background-position: bottom center; position: relative;}
section.new-product .new-product-banner div p {color: #fff; font-weight: bold; text-align: center; font-size: 24px; line-height: 1; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px 20px;}


section.newsletter-box.container {margin-bottom: 40px;}
section.newsletter-box.container .row {float: left; width: 100%; align-items: center; display: flex; background-image: url('../sterydy-24-theme/img/newsletter-bg.jpg'); padding: 30px 80px; background-size: cover; background-position: center;}
section.newsletter-box.container .row aside {width: 50%;}
section.newsletter-box.container .row h4 {color: #fff; font-size: 17px; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; font-weight: 600; line-height: 1;}
section.newsletter-box.container .row h4 strong {clear: both; font-size: 28px; letter-spacing: 2px; font-weight: 800; font-style: italic;}
section.newsletter-box.container .row p, section.newsletter-box.container .row label {color: #fff; margin-bottom: 0;}
section.newsletter-box.container .row label {font-size: 12px;}

section.newsletter-box.container .row input.tnp-submit {font-weight: bold; line-height: 42px; border-radius: 0; padding: 0 30px; color: #fff; text-align: center; background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
section.newsletter-box.container .row input.tnp-submit:hover {background: #a60003;}


section.two-banner-frontpage {margin-bottom: 50px;}
section.two-banner-frontpage .first-banner .text-banner {background-image: url('../sterydy-24-theme/img/banner-odblok.jpg'); background-size: cover; background-position: center; float: left; width: 100%;}
section.two-banner-frontpage .second-banner .text-banner {background-image: url('../sterydy-24-theme/img/banner-2.jpg'); background-size: cover; background-position: center; float: left; width: 100%;}
section.two-banner-frontpage .text-banner {padding: 90px 15px 80px; padding-left: 50%; height: 100%;}
section.two-banner-frontpage .text-banner h4 {color: #fff; text-transform: uppercase; line-height: 1; font-size: 14px; font-family: 'Lato', sans-serif;}
section.two-banner-frontpage .text-banner h4 strong {font-size: 26px; letter-spacing: 2px; font-family: 'Titillium Web', sans-serif; font-weight: 800; font-style: italic;}
section.two-banner-frontpage .text-banner p {color: #fff; float: left; width: 100%; line-height: 1; margin-bottom: 10px; letter-spacing: 1px;}
section.two-banner-frontpage .text-banner p a {color: #ef0d08; background-color: #fff; font-weight: bold; float: left; border-radius: 5px; clear: both; padding: 7px 20px;}
section.two-banner-frontpage .text-banner p a:hover {background-color: #ef0d08; color: #fff;}
section.post-frontpage {margin-bottom: 40px;}
section.post-frontpage .col-xs-12.col-md-4 {margin-bottom: 25px;}
section.post-frontpage img {margin-bottom: 20px;}
section.post-frontpage h3 {text-transform: uppercase; font-size: 22px;}
section.post-frontpage a.post-link {color: #fff; padding: 0 30px; line-height: 42px; float: left; clear: both;}


.smoke-bg.pagetext-frontpage {padding: 60px 0;}
footer#site-footer p, footer#site-footer a {font-size: 16px;}
footer#site-footer {border-top: 2px solid #ef0d08; background-color: #fff;}
footer#site-footer aside#block-12 {width: 25%;}
footer#site-footer aside#nav_menu-4 {width: 10%;}
footer#site-footer aside#nav_menu-5 {width: 15%;}
footer#site-footer aside#nav_menu-6 {width: 30%;}
footer#site-footer aside#nav_menu-7 {width: 20%;}

footer#site-footer .widget_nav_menu ul {background-color: transparent;}
footer#site-footer .widget_nav_menu ul li a {padding: 5px 0;}
footer#site-footer aside#nav_menu-6 ul li {width: 50%; float: left;}




/*shop style*/
header.woocommerce-products-header {margin-bottom: 25px; float: left; width: 100%; background-image: url(../sterydy-24-theme/img/newsletter-bg.jpg); padding: 30px 80px; background-size: cover; background-position: center;}
h1.woocommerce-products-header__title.page-title {clear: both; font-size: 42px; margin-bottom: 0; letter-spacing: 2px; color: #fff; font-weight: 800; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; font-style: italic;}
header.woocommerce-products-header div#primary {float: left; clear: both;}

.woocommerce .woocommerce-breadcrumb {color: #fff; margin-bottom: 0;}
.woocommerce .woocommerce-breadcrumb a {color: #fff;} 


.search-section.product-list-search {clear: both; margin-bottom: 60px;}
.shop-sidebar-region .widget {float: left; width: 100%; clear: both;}
.shop-sidebar-region .widget h2 {position: relative; margin-bottom: 25px; color: #fff; font-size: 16px; padding: 12px 20px 12px 40px; background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
.shop-sidebar-region .widget h2:before {position: absolute; content: ""; left: 20px; top: 15px; width: 13px; height: 13px; background-image: url('/wp-content/themes/sterydy-24-theme/img/double-arrow.svg'); background-size: cover;}
.shop-sidebar-region .widget ul {float: left; clear: both; padding: 15px 0; list-style-type: none; background-color: #f4f4f4; margin-bottom: 25px; float: left; width: 100%;}
.shop-sidebar-region .widget ul li {display: flex; padding-right: 10px;}
.shop-sidebar-region .widget li a {padding: 3px 20px; color: #000; float: left; width: 100%; font-family: 'Titillium Web', sans-serif; font-weight: 600;}
.shop-sidebar-region .widget li a:hover {color: #ef0d08;}
.post-type-archive-product ul.products li.product {text-align: center; width: 25%; padding: 0 15px 25px; margin: 0;}
.post-type-archive-product ul.products li.product {margin-bottom: 10px;}
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link span.price {margin-bottom: 0; line-height: 0;}
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link span.price span {font-weight: bold; color: #ef0d08; font-family: 'Titillium Web', sans-serif; font-size: 24px;}
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link span.price del span.woocommerce-Price-amount.amount {color: #607d8b; font-size: 15px;}
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link span.price del span.woocommerce-Price-amount.amount span  {color: #607d8b; font-size: 15px;}
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {color: #000; padding: 10px;}
.post-type-archive-product ul.products li.product a.button {border-radius: 0; color: #fff; width: 100%; margin-top: 0; text-align: center; width: calc(100% - 30px); background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}


h1.product_title.entry-title {clear: both; font-size: 42px; margin-bottom: 0; letter-spacing: 2px; color: #fff; font-weight: 800; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; font-style: italic;}
.single-product h2.product_title.entry-title {position: relative; padding-left: 45px; background-image: url('/wp-content/themes/sterydy-24-theme/img/red-double-arrow.svg'); background-size: 30px; background-repeat: no-repeat; background-position: left center; }
.woocommerce div.product p.price {font-weight: bold; color: #ef0d08; font-family: 'Titillium Web', sans-serif; font-size: 24px;}

.single-product.woocommerce .quantity .qty {border: none; background: #f4f4f4; margin: 0; padding: 0; outline: none; line-height: 42px;}
.single-product button.single_add_to_cart_button.button.alt {border-radius: 0; color: #fff; padding: 0 30px; margin-top: 0; text-align: center; line-height: 42px; background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
.single-product button.single_add_to_cart_button.button.alt:hover {background: #a60003;}
.product_meta span.posted_in, .product_meta span.tagged_as, .product_meta .wb-posted_in {float: left; width: 100%; margin: 0 0 10px; clear: both; font-family: 'Titillium Web', sans-serif; font-weight: 600;}
.product_meta span.posted_in a, .product_meta span.tagged_as a, .product_meta .wb-posted_in a {color: #ef0d08;}

section.related.products {margin-bottom: 70px;}
section.related.products h2 {position: relative; padding-left: 45px; background-image: url('/wp-content/themes/sterydy-24-theme/img/red-double-arrow.svg'); background-size: 30px; background-repeat: no-repeat; background-position: left center; }
section.related.products ul h2 {position: relative; padding-left: 10px; background: none;}
section.related.products ul.products {margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
section.related.products ul.products li.product {width: calc(25% - 4px); margin: 0 2px; background-color: #fff; border-left: none; border-right: none; margin-bottom: 20px;}
section.related.products ul.products li.product:before {opacity: 0; position: absolute; bottom: -2px; left: -2px; content: ""; width: calc(100% + 4px); height: calc(100% + 4px); border: 2px solid #ef0d08; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
section.related.products ul.products li.product:hover:before {opacity: 1;}
section.related.products ul.products li.product a.woocommerce-LoopProduct-link {text-align: center; float: left; position: relative; margin-bottom: 65px;}
section.related.products ul.products li.product a img {margin-bottom: 20px;}
section.related.products ul.products li.product a.woocommerce-LoopProduct-link span.price {margin-bottom: 0; line-height: 0; display: inline-block;}
section.related.products ul.products li.product a.woocommerce-LoopProduct-link span.price span {font-weight: bold; color: #ef0d08; font-family: 'Titillium Web', sans-serif; font-size: 24px;}
section.related.products ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {color: #000; padding: 10px;}
section.related.products ul.products li.product a.button {position: absolute; bottom: 15px; left: 15px; border-radius: 0; color: #fff; width: 100%; margin-top: 0; text-align: center; width: calc(100% - 30px); background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1); }
section.related.products ul.products li.product a.button:hover {background: #a60003;}
section.related.products ul.products li.product .price ins {text-decoration: none;}
section.related.products ul.products li.product .price del {opacity: 1; color: #607d8b; display: inline; width: 100%; float: left; height: 16px;}


.woocommerce-notices-wrapper .woocommerce-message {border-top-color: #ef0d08; font-family: 'Titillium Web', sans-serif;}
.woocommerce-notices-wrapper a.button.wc-forward {border-radius: 0; color: #fff; padding: 0 30px; line-height: 42px; margin-top: 0; text-align: center;  background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}

.woocommerce .term-description {margin-bottom: 60px;}


body .woocommerce ul.products li.product .onsale, .archive.woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { border-radius: 0; line-height: 1; margin: 0; min-height: inherit; top: 15px; left: -15px; right: inherit; padding: 7px 10px 7px 15px; background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1); }
body .woocommerce ul.products li.product .onsale:before, body.archive.woocommerce li span.onsale:before, .woocommerce span.onsale:before {float: left;  display: inline-block; margin-right: 2px; position: relative; content: ""; width: 14px; height: 14px; background-image: url(/wp-content/themes/sterydy-24-theme/img/double-arrow.svg);
    background-size: cover;}

.archive.woocommerce ul.products {margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.archive.woocommerce ul.products li.product {width: calc(20% - 4px); margin: 0 2px; background-color: #fff; border-left: none; border-right: none; margin-bottom: 20px;}
.archive.woocommerce ul.products li.product:before {opacity: 0; position: absolute; bottom: -2px; left: -2px; content: ""; width: calc(100% + 4px); height: calc(100% + 4px); border: 2px solid #ef0d08; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
.archive.woocommerce ul.products li.product:hover:before {opacity: 1;}
.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {text-align: center; float: left; position: relative; margin-bottom: 65px;}
.archive.woocommerce ul.products li.product a img {margin-bottom: 20px;}
.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.price {margin-bottom: 0; line-height: 0; display: inline-block;}
.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.price span {font-weight: bold; color: #ef0d08; font-family: 'Titillium Web', sans-serif; font-size: 24px;}
.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {color: #000; padding: 10px;}
.archive.woocommerce ul.products li.product a.button {position: absolute; bottom: 15px; left: 15px; border-radius: 0; color: #fff; width: 100%; margin-top: 0; text-align: center; width: calc(100% - 30px); background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1); }
.archive.woocommerce ul.products li.product a.button:hover {background: #a60003;}
.archive.woocommerce ul.products li.product .price ins {text-decoration: none;}
.archive.woocommerce ul.products li.product .price del {opacity: 1; color: #607d8b; display: inline; width: 100%; float: left; height: 16px;}

.woocommerce .woocommerce-ordering select {background-color: #f4f4f4; border: none; padding: 5px;}

.woocommerce div.product .woocommerce-product-rating {float: left; margin: 20px 0 10px;}
.woocommerce div.product .woocommerce-product-rating .star-rating {margin: 0 auto; font-size: 20px; width: 100px; position: relative;}
.woocommerce div.product .woocommerce-product-rating .star-rating::before {position: relative; background-image: url('/wp-content/themes/sterydy-24-theme/img/star.svg'); color: transparent; background-size: 20px; width: 100%; float: left; background-repeat: repeat-x;}
.woocommerce div.product .woocommerce-product-rating .star-rating span {color: transparent; overflow: hidden; position: absolute; top: 0; left: 0; width: 100px; height: 20px;}
.woocommerce div.product .woocommerce-product-rating .star-rating span::before {background-image: url('/wp-content/themes/sterydy-24-theme/img/starred.svg'); color: transparent; background-size: 20px; width: 100%; float: left; background-repeat: repeat-x;}

a.woocommerce-review-link {clear: both; float: left; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #212529;}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {opacity: 1; color: #607d8b;}
.woocommerce div.product p.price  {clear: both;}
.woocommerce div.product p.price span {font-weight: bold; color: #ef0d08; font-family: 'Titillium Web', sans-serif; font-size: 24px;}
.woocommerce div.product p.price del span.woocommerce-Price-amount.amount {color: #607d8b; font-size: 15px;}
.woocommerce div.product p.price del span.woocommerce-Price-amount.amount span  {color: #607d8b; font-size: 15px;}



.woocommerce-tabs.wc-tabs-wrapper {}
.woocommerce div.product .woocommerce-tabs ul.tabs {}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: #f4f4f4; border: none; border-radius: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {border-radius: 0; color: #fff; background: rgb(246,9,13);
    background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
    background: -webkit-linear-gradient(
90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
    background: linear-gradient(
90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);
}

.page-template-commercepay-page .entry-content .woocommerce {display: block;}
.page-template-commercepay-page #main .type-page.status-publish {border: none; padding: 0; clear: both; margin-top: 50px;}
.woocommerce table.shop_table td {border-top: 2px solid var(--smoke);}
.page-template-commercepay-page form.woocommerce-cart-form {width: 60%; float: left; padding: 0 15px;}
.page-template-commercepay-page.woocommerce .cart-collaterals, .page-template-commercepay-page.woocommerce-page .cart-collaterals {width:40%; float: right;}
.page-template-commercepay-page form.woocommerce-cart-form .cart-collaterals {width:30%; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width: 100%;}
.page-template-commercepay-page .woocommerce table.shop_table {border: none;}

.page-template-commercepay-page.woocommerce-cart table.cart img {width: 50px;}
td.product-name a {font-family: 'Titillium Web', sans-serif; font-weight: bold; color: #ef0d08;}
td.product-name a:hover {}
td.product-price span.woocommerce-Price-currencySymbol {font-weight: normal; margin-left: 2px;}
.page-template-commercepay-page.woocommerce-cart td span {font-family: 'Titillium Web', sans-serif; font-weight: bold;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {border-radius: 0; color: #fff; padding: 0 30px; line-height: 42px; margin-top: 0; text-align: center;  background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
.woocommerce ul#shipping_method .amount, .woocommerce ul#shipping_method .amount span {font-weight: 500;}
.woocommerce ul#shipping_method .amount span {margin-left: 2px;}

input#coupon_code {width: 140px; background-color: #f4f4f4; border: none; font-size: 17px; line-height: 36px; padding: 0 20px; font-size: 15px;}
.coupon button.button {border-radius: 0; color: #fff; font-size: 15px; text-align: center; background: rgb(246,9,13); background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}

.woocommerce .col2-set, .woocommerce-page .col2-set {width: 50%; float: left;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: 100%; width: 100%;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {background-color: #f4f4f4; border: none; font-size: 17px; line-height: 42px; padding: 0 20px;}
.woocommerce form .form-row label {width: 100%;}
.woocommerce form .form-row span.woocommerce-input-wrapper {width: 100%;}
h3#ship-to-different-address {margin-top: 30px;}
h3#ship-to-different-address span {font-weight: 500; font-size: 1.75rem;}



form.checkout.woocommerce-checkout h3#order_review_heading {width: 50%; float: right;}
form.checkout.woocommerce-checkout div#order_review {width: 50%; float: right;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background-color: #f4f4f4;}
.woocommerce-checkout #payment div.payment_box {background-color: transparent;}
.woocommerce-checkout #payment div.payment_box::before {display: none;}
form.checkout.woocommerce-checkout div#order_review span.woocommerce-Price-currencySymbol {font-weight: normal; font-size: inherit; margin-left: 2px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {border-radius: 0; font-size: 15px; color: #fff; padding: 0 30px; line-height: 42px; margin-top: 0; text-align: center;  background: rgb(246,9,13);
background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}



aside#block-18 {width: 25%; float: left; padding:  0 15px;}
aside#nav_menu-8 {width: 10%; float: left; padding: 0 15px;}
aside#nav_menu-9 {width: 15%; float: left; padding: 0 15px;}
aside#nav_menu-10 {width: 30%; float: left; padding: 0 15px;}
aside#nav_menu-11 {width: 20%; float: left; padding: 0 15px;}

footer h4.widget-title {margin-bottom: 0;}
footer .widget_nav_menu ul {padding: 0;}
aside#nav_menu-10 ul li {width: 50%; float: left;}




body .nf-form-content .list-select-wrap .nf-field-element>div, body .nf-form-content input:not([type=button]), body .nf-form-content textarea {border: none; background-color: #f4f4f4;}
body .nf-form-content input:not([type=button]) {line-height: 42px; padding: 0 20px; height: 42px;}
body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit] {border-radius: 0; color: #fff; padding: 0 30px; line-height: 42px; margin-top: 0; text-align: center; background: rgb(246,9,13); background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
body .nf-form-content button:hover, body .nf-form-content input[type=button]:hover, body .nf-form-content input[type=submit]:hover {border-radius: 0; color: #fff; padding: 0 30px; line-height: 42px; margin-top: 0; text-align: center; background: rgb(246,9,13); background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}



.simple-page-section header.entry-header-bg {margin-bottom: 50px; float: left; width: 100%; background-image: url(../sterydy-24-theme/img/newsletter-bg.jpg); padding: 30px 80px; background-size: cover; background-position: center;}
.simple-page-section header.entry-header-bg h1 {clear: both; font-size: 42px; margin-bottom: 0; letter-spacing: 2px; color: #fff; font-weight: 800; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; font-style: italic;}

.post-list img {margin-bottom: 20px;}
.post-list h2 {font-size: 22px; line-height: 1.2;}
.post-list h2 a { text-transform: uppercase; color: #212529; font-family: 'Titillium Web', sans-serif; font-weight: bold;}
.post-list a.post-link { color: #fff; padding: 0 30px; line-height: 42px; float: left; clear: both;}

body #sidebar-left .widget, body #sidebar-right .widget {border: none; padding: 0;}
div#sidebar-right .widget h2 {position: relative; margin-bottom: 25px; color: #fff; font-size: 16px; padding: 12px 20px 12px 40px; background: rgb(246,9,13); background: -moz-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: -webkit-linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); background: linear-gradient(90deg, rgba(246,9,13,1) 0%, rgba(196,0,8,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6090d",endColorstr="#c40008",GradientType=1);}
div#sidebar-right .widget h2:before {position: absolute; content: ""; left: 20px; top: 15px; width: 13px; height: 13px; background-image: url(/wp-content/themes/sterydy-24-theme/img/double-arrow.svg); background-size: cover;}
div#sidebar-right .widget ul {float: left; clear: both; padding: 15px 0; list-style-type: none; background-color: #f4f4f4; margin-bottom: 25px; float: left; width: 100%;}
div#sidebar-right .widget li a {padding: 3px 20px; color: #000; float: left; width: 100%; font-family: 'Titillium Web', sans-serif;}




body .autocomplete-suggestion .yith_wcas_result_content .title {font-family: 'Titillium Web', sans-serif; font-weight: bold; color: #000; font-size: 1rem; float: left; max-width: 70%;}
body .autocomplete-suggestion .yith_wcas_result_content .title strong {font-weight: bold; color: #ef0d08;}
body .autocomplete-suggestion .yith_wcas_result_content span.woocommerce-Price-amount.amount {font-weight: bold; width: auto; float: right; color: #ef0d08; font-family: 'Titillium Web', sans-serif; font-size: 17px;}




@media (max-width: 1600px) {
	section.top-frontpage {padding: 0 100px;}
	.full-container {padding: 0 100px;}
}



@media (max-width: 1366px) {
	section.top-frontpage {padding: 50px;}
	.full-container {padding: 0 50px;}
}



@media (max-width: 1200px) {
	section.top-frontpage {padding: 15px;}
	.full-container {padding: 0 15px;}
	.category-slider-section {order: 2;}
	section.top-frontpage .frontpage-slider {height: 400px;}
	.frontpage-slider-col {margin-bottom: 30px;}

	.category-slider-section aside#nav_menu-2 {width: 50%; clear: inherit; float: left; padding: 0 15px;}
	.category-slider-section aside#nav_menu-3 {width: 50%; clear: inherit; float: left; padding: 0 15px;}
	.category-slider-section aside#block-15 {width: 50%; clear: inherit; float: right; padding: 0 15px;}
	.home section.smoke-bg .woocommerce ul.products li.product {border-left: 5px solid #f4f4f4; border-right: 5px solid #f4f4f4;}
	body .woocommerce ul.products li.product .onsale, .archive.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {left: 0;}
	.home section .woocommerce ul.products li.product {border-left: 5px solid #fff; border-right: 5px solid #fff;}
}



@media (max-width: 992px) {
	section.top-frontpage .frontpage-slider {height: 300px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 {font-size: 30px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 small {font-size: 18px;}
}

@media (min-width: 993px) {
	.cart-btn {display: none;}
	.search-section input#yith-searchsubmit {padding: 0 10px;}


}


@media (min-width: 769px) {
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item {background-image: url('/wp-content/themes/sterydy-24-theme/img/slider-bg.jpg');}

}

@media (max-width: 768px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-left: 10px; padding-right: 10px;}
	.row {margin-left: -10px; margin-right: -10px;}
	body .page-header {margin-bottom: 0;}
	.menu-section {position: relative;}
	.site-title {margin-left: 33.333333%; text-align: center;}
	.site-menu-section .navbar {float: right; padding: 0; position: relative;}
	.promotion-banner.red-background p {font-size: 14px; line-height: 1.2;}
	header .site-menu-section {padding-right: 0;}
	button.navbar-toggler {background-color: #f4f4f4; border-radius: 0; margin-right: 15px;}
	button.navbar-toggler span.navbar-toggler-icon {clear: both; float: left; width: 25px; height: inherit; padding: 1px; background-color: #ef0d08; margin: 3px 0;}
	div#bootstrap-basic4-topnavbar {position: absolute; top: 50px; right: 0; width: 100vw; padding: 15px 0px; float: left; z-index: 999; background-color: #fff; border-bottom: #ef0d08;}
	div#bootstrap-basic4-topnavbar ul li a {padding: 5px 20px;}
	header.page-header .main-navigation nav.navbar ul li.menu-item-has-children ul {position: relative; top: inherit; border: none;}
	.full-container.menu-section .user-cart-value {width: 33.3333333%; max-width: 33.3333333%; position: absolute; left: 0; top: 0; z-index: 10; padding-right: 0;}
	header.page-header a.cart-custom {float: left;}
	header.page-header a.cart-custom p {display: none;}


	section.top-frontpage .frontpage-slider {height: 220px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item {background-image: url('/wp-content/themes/sterydy-24-theme/img/slider-bg.jpg');}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider {margin-left: 40%; width: 60%;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 {font-size: 28px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 small {font-size: 16px;}

	body .category-slider-section {padding: 0;}
	h2.widget-title {font-size: 14px;}
	h2.widget-title {padding-left: 25px; padding-right: 10px;}
	h2.widget-title:before {left: 10px; width: 11px; height: 11px;}
	.widget_nav_menu ul li a {font-size: 14px; padding: 3px 10px;}
	aside#block-15 a.wp-block-button__link {padding-left: 25px; padding-right: 5px; font-size: 14px;}
	aside#block-15 a.wp-block-button__link:before {left: 10px; width: 11px; height: 11px;}

	section.product-category-frontpage a.button {background-size: 35px; padding: 0 10px 0 50px; height: 60px;}
	section.product-category-frontpage a.button h3 {font-size: 14px;}

	section.newsletter-box.container .row {padding: 20px 30px;}
	section.newsletter-box.container .row aside, section.newsletter-box.container .row aside {width: 100%;}
	section.newsletter-box.container .row aside .wp-block-tnp-minimal {padding: 0 !important;}
	body .tnp-subscription-minimal form {margin-top: 20px;}
	body .tnp-subscription-minimal input.tnp-email {width: 60%;}
	section.newsletter-box.container .row input.tnp-submit {padding: 0 10px; font-size: 14px; width: 40%;}
	.col-xs-12.col-md-6.first-banner {margin-bottom: 30px;}
	body section.two-banner-frontpage .first-banner .text-banner, section.two-banner-frontpage .text-banner {padding: 20px 15px;}


	.search-section.product-list-search {margin-bottom: 28px;}
	.archive.woocommerce ul.products li.product {width: calc(50% - 4px);}



	header.woocommerce-products-header {padding: 20px 28px;}


	.woocommerce-notices-wrapper .woocommerce-message {padding: 14px; font-size: 13px;}
	.woocommerce-message::before {display: none;}
	.woocommerce-notices-wrapper a.button.wc-forward {line-height: 32px; padding: 0 10px;}

	.page-template-commercepay-page .big-padding {clear: both;}
	.page-template-commercepay-page h2, .page-template-commercepay-page h3 {font-size: 20px;}
	.woocommerce table.shop_table td {font-size: 13px;}
	.page-template-commercepay-page form.woocommerce-cart-form {width: 100%; padding: 0 7px;}
	.page-template-commercepay-page.woocommerce .cart-collaterals, .page-template-commercepay-page.woocommerce-page .cart-collaterals {width: 100%; padding: 0 7px;}
	.woocommerce .col2-set, .woocommerce-page .col2-set, form.checkout.woocommerce-checkout div#order_review {width: 100%;}




}





@media (max-width: 480px) {
	section.top-frontpage {padding: 7px;}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, body .col, body .col-1, body .col-10, body .col-11, body .col-12, body .col-2, body .col-3, body .col-4, body .col-5, body .col-6, body .col-7, body .col-8, body .col-9, body .col-auto, body .col-lg, body .col-lg-1, body .col-lg-10, body .col-lg-11, body .col-lg-12, body .col-lg-2, body .col-lg-3, body .col-lg-4, body .col-lg-5, body .col-lg-6, body .col-lg-7, body .col-lg-8, body .col-lg-9, body .col-lg-auto, body .col-md, body .col-md-1, body .col-md-10, body .col-md-11, body .col-md-12, body .col-md-2, body .col-md-3, body .col-md-4, body .col-md-5, body .col-md-6, body .col-md-7, body .col-md-8, body .col-md-9, body .col-md-auto, body .col-sm, body .col-sm-1, body .col-sm-10, body .col-sm-11, body .col-sm-12, body .col-sm-2, body .col-sm-3, body .col-sm-4, body .col-sm-5, body .col-sm-6, body .col-sm-7, body .col-sm-8, body .col-sm-9, body .col-sm-auto, body .col-xl, body .col-xl-1, body .col-xl-10, body .col-xl-11, body .col-xl-12, body .col-xl-2, body .col-xl-3, body .col-xl-4, body .col-xl-5, body .col-xl-6, body .col-xl-7, body .col-xl-8, body .col-xl-9, body .col-xl-auto, body .container, body .container-fluid, body body .container-lg, body .container-md, body .container-sm, body .container-xl {padding-left: 7px; padding-right: 7px;}
	.search-section .search-navigation input, .category-slider-section aside#nav_menu-2, .category-slider-section aside#nav_menu-3, .category-slider-section aside#block-15, .full-container {padding-left: 7px; padding-right: 7px;}
	body .row {margin-left: -7px; margin-right: -7px;}
	body .category-slider-section {padding-left: 0; padding-right: 0;}
	p, span, input, a, body, .promotion-banner.red-background p {font-size: 13px;}
	.site-title {padding: 0;}

	header.page-header a.cart-custom, h2.widget-title {font-size: 13px;}
	.search-row span, .search-section input#yith-searchsubmit,.search-section .search-navigation input {font-size: 13px;}
	.search-row a.black-btn.dark-background {font-size: 13px; padding: 0 10px; width: initial;}
	.search-section input#yith-searchsubmit {padding: 0 5px; width: 78px;}
	#yith-ajaxsearchform .search-navigation, header .site-menu-section {padding-right: 0;}
	button.navbar-toggler {margin-right: 7px;}
	.search-row, section.product-category-frontpage {margin-bottom: 14px;}



	.frontpage-slider-col {margin-bottom: 14px;}
	section.top-frontpage {margin-bottom: 0;}
	section.top-frontpage .frontpage-slider {height: 190px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item {background-position: center left -60px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider {width: 53%; margin-left: 47%; padding-right: 20px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 {font-size: 20px; letter-spacing: 2px; margin-bottom: 3px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider h2 small {font-size: 15px; letter-spacing: 1px;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider p {line-height: 1.2;}
	section.top-frontpage .frontpage-slider .owl-stage-outer .owl-stage .owl-item .item .text-slider a.white-button {padding: 5px 20px;}
	section.top-frontpage .frontpage-slider .owl-nav button {bottom: 40%; width: 13px; height: 24px;}
	section.top-frontpage .frontpage-slider .owl-nav button.owl-prev {left: 5px;}
	section.top-frontpage .frontpage-slider .owl-nav button.owl-next {right: 5px;}
	section.top-frontpage .frontpage-slider .owl-nav button.owl-prev span:before {width: 13px; height: 24px;}
	section.top-frontpage .frontpage-slider .owl-nav button.owl-next span:before {width: 13px; height: 24px;}


	.home section .woocommerce ul.products li.product {width: 50%;}
	h2.widget-title {padding-right: 5px; margin-bottom: 14px;}
	.widget_nav_menu ul {margin-bottom: 14px;}

	section.product-category-frontpage a.button {margin-bottom: 14px;}
	section.product-category-frontpage a.button div {left: 50px;}
	section.product-category-frontpage a.button:hover div {width: calc(100% - 50px);}
	section.product-category-frontpage a.button:hover h3 {padding-left: 20px;}
	section.product-category-frontpage a.button h3:before {left: 5px; width: 11px; height: 11px;}


	section.smoke-bg.bestseller-product {padding: 28px 0 14px; margin-bottom: 28px;}




	.home section.smoke-bg .woocommerce ul.products li.product {margin-bottom: 14px;}

	.bestseller-product .row {position: relative;}
	.bestseller-product .bestseller-banner {position: absolute; left: 5px; top: 0; width: calc(50% - 3px); height: 348px; z-index: 3;} 
	section.smoke-bg.bestseller-product .bestseller-banner div p {font-size: 18px; padding: 0 10px 10px; margin-bottom: 5px;}
	.home section.smoke-bg .woocommerce ul.products li.product.first {margin-left: 50%;}
	.home section .woocommerce ul.products li.product.first a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {height: 77px; overflow: hidden;}
	.home section .woocommerce ul.products li.product a.button {font-size: 13px;}
	.woocommerce ul li .star-rating span::before {height: 32px;}
	.woocommerce ul.products li.product .star-rating {margin-bottom: 10px;}
	.home section .woocommerce ul.products li.product a img {margin-bottom: 10px;}
	section .woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.price del span.woocommerce-Price-amount.amount {font-size: 13px;}
	.home section .woocommerce ul.products li.product.first a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {padding: 5px 7px 0; height: 55px;}
	.home section .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {margin-bottom: 50px;}
	body .woocommerce ul.products li.product .onsale, .archive.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {padding-left: 10px;}
	body .woocommerce ul.products li.product .onsale:before, body.archive.woocommerce li span.onsale:before, .woocommerce span.onsale:before {width: 12px; height: 12px;}



	section.newsletter-box.container {margin-bottom: 28px;}
	section.newsletter-box.container .row {margin-left: 0; margin-right: 0; padding: 14px;}
	section.newsletter-box.container .row h4 strong {font-size: 20px; letter-spacing: 2px; margin-bottom: 3px;}
	section.newsletter-box.container .row h4 {font-size: 15px; letter-spacing: 1px; margin-bottom: 2px;}
	body .tnp-subscription-minimal input.tnp-email {padding: 5px 10px; font-size: 13px;}
	section.newsletter-box.container .row input.tnp-submit {line-height: 32px; font-size: 13px;}
	body .tnp-subscription-minimal .tnp-privacy-field {margin-top: 0;}




	section.new-product {padding: 28px 0 28px;}
	section.new-product .row {position: relative;}
	section.new-product .new-product-banner {position: absolute; left: 5px; top: 0; width: calc(50% - 3px); height: 370px; z-index: 3;} 
	section.new-product .new-product-banner div p {font-size: 18px; padding: 0 10px 10px; margin-bottom: 5px;}
	.home section.new-product .woocommerce ul.products li.product {margin-bottom: 14px;}
	.home section.new-product .woocommerce ul.products li.product.first {margin-left: 50%; }
	.home section.new-product .woocommerce ul.products li.product.first a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {height: 77px; overflow: hidden;}
	.home section.new-product .woocommerce ul.products li.product a.button {font-size: 13px;}

	section.two-banner-frontpage {margin-bottom: 28px;}
	body section.two-banner-frontpage .first-banner .text-banner, section.two-banner-frontpage .text-banner {padding-left: 47%;}
	section.two-banner-frontpage .text-banner h4 {font-size: 15px; letter-spacing: 1px; margin-bottom: 2px; font-family: 'Titillium Web', sans-serif; font-weight: 600;}
	section.two-banner-frontpage .text-banner h4 strong {font-size: 20px; letter-spacing: 2px; margin-bottom: 3px;}
	section.post-frontpage img {margin-bottom: 10px;}
	section.post-frontpage h3 {font-size: 18px;}
	section.post-frontpage p {margin-bottom: 5px;}
	section.two-banner-frontpage .text-banner p {margin-bottom: 5px; line-height: 1.2;}
	section.post-frontpage a.post-link {line-height: 30px; font-size: 13px;}
	section.post-frontpage {margin-bottom: 0; }



	.smoke-bg.pagetext-frontpage {padding: 28px 0 0;}
	.smoke-bg.pagetext-frontpage .col {-ms-flex-preferred-size: inherit; flex-basis: inherit; -ms-flex-positive: inherit; flex-grow: inherit; max-width: 100%;}
	.smoke-bg.pagetext-frontpage h2 {font-size: 20px;}
	.smoke-bg.pagetext-frontpage h3 {font-size: 17px;}


	footer#site-footer {padding: 28px 0;}
	footer#site-footer p {font-size: 13px;}


	aside#nav_menu-8, aside#nav_menu-9 {width: 50%;}
	aside#block-18,  aside#nav_menu-10, aside#nav_menu-11 {width: 100%;}

	header.woocommerce-products-header {padding: 14px 28px;}
	h1.woocommerce-products-header__title.page-title {font-size: 28px;}
	.woocommerce .woocommerce-breadcrumb {font-size: 13px;}

	.woocommerce .woocommerce-result-count {width: 100%; text-align: center; margin-bottom: 5px;}
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {margin: 0 auto 14px; float: inherit; text-align: center;}
	.woocommerce .woocommerce-ordering select {font-size: 13px;}


	.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {margin-bottom: 30px;}
	.archive.woocommerce ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {padding: 5px 0 0;}
	.archive.woocommerce ul.products li.product a.button {font-size: 13px;}



	.search-section .search-navigation input, .search-section input#yith-searchsubmit {line-height: 32px;}
	.single-product.woocommerce div.product {padding: 0 7px;}
	h1.product_title.entry-title {font-size: 24px;}
	.single-product main#main nav.woocommerce-breadcrumb {display: none;}
	.woocommerce div.product div.images.woocommerce-product-gallery {padding: 0 28px;}
	.woocommerce div.product div.images {margin-bottom: 14px;}
	.single-product h2.product_title.entry-title {font-size: 22px; padding-left: 22px; background-size: 16px; background-position: left top 4px; margin-bottom: 0;}
	.woocommerce div.product p.price {padding-left: 22px;}
	.woocommerce div.product .woocommerce-product-rating .star-rating span::before {height: 20px;}
	.woocommerce div.product .woocommerce-product-rating {margin-top: 10px; padding-left: 28px; margin-bottom: 0;}
	.woocommerce-product-details__short-description {clear: both;}
	.woocommerce div.product div.summary del {width: 100%; float: left; line-height: 1;}
	.woocommerce div.product div.summary ins {text-decoration: none;}


	section.related.products {margin-bottom: 28px;}
	section.related.products h2  {font-size: 22px; padding-left: 22px; background-size: 16px; background-position: left top 4px; margin-bottom: 0;}
	section.related.products ul.products li.product {width: calc(50% - 4px);}
	section.related.products ul.products li.product a img {margin-bottom: 10px;}
	section.related.products ul.products li.product a.woocommerce-LoopProduct-link {margin-bottom: 53px;}
	section.related.products ul.products li.product .price del span bdi, section.related.products ul.products li.product a.woocommerce-LoopProduct-link span.price del span {font-size: 13px; color: #607d8b;}
	section.related.products ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {padding: 5px 0 0;}
	section.related.products ul.products li.product a.button {font-size: 13px;}
	.woocommerce ul.products li.product .onsale {right: inherit; left: 0; top: 14px; }



	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {line-height: 32px; font-size: 13px;}




	.simple-page-section header.entry-header-bg {padding: 14px 28px; margin-bottom: 28px;}
	.simple-page-section header.entry-header-bg h1 {font-size: 28px;}
	.nf-field-container .nf-field-label {margin-bottom: 0 !important;}
	body .nf-form-content label {font-size: 13px;}
	body.page .nf-form-content input:not([type=button]) {line-height: 32px;}
	#ninja_forms_required_items, .nf-field-container {margin-bottom: 14px;}
	body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit] {line-height: 32px; height: 32px; font-size: 13px; font-family: 'Titillium Web', sans-serif; font-weight: 600;}



}