/*
Theme Name:Sunt Theme
Theme URI:24-pr
Author:24-PR
Author URI:24-pr
Description:This theme is specially designed for sunt.com and is not free. To use the theme on your website, please contact the developer at 24-PR (http://24-pr.ru). Attention! The License requires the payment of a fee for each domain name.
Version:120425

*/

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/sunt-24-pr/fonts/Roboto-Light.woff2') format('woff2'),
    url('/wp-content/themes/sunt-24-pr/fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('/wp-content/themes/sunt-24-pr/fonts/Roboto-Thin.woff2') format('woff2'),
    url('/wp-content/themes/sunt-24-pr/fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('/wp-content/themes/sunt-24-pr/fonts/Roboto-Bold.woff2') format('woff2'),
    url('/wp-content/themes/sunt-24-pr/fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* @1-base-html LG */
:root {
    --primary-color: #E84949;
    --primary-color-hover: #F49037;
    --secondary-color:#91BC91; /*#ff6600;*/
    --secondary-color-hover: #91BC91;
    --dark-color: #1D2549;
    --gray-color:#F5F5F5; /* F5F5F5 #f3f3f3;*/
    --yell-color:#EFD17D;
    --select-color:#EEE5E9;
    --dark-gray:#7b7b7b; /* 989898 */
}
/*html, body{height:100%;}*/
body {
    font-family:'Roboto',sans-serif,Helvetica,Arial;
    font-size:17px;
    line-height:1.4em;
    color:var(--black-color);
    position:relative;
    --scrollbar-compensation:17px;
}

a, a:focus, a:active {color:var(--primary-color);}
a:hover, a:focus, a:active {color:var(--primary-color-hover);text-decoration: none;}
:focus {outline:none !important;}
ul {padding:0 0 0 20px;}
ul li {padding:0 0 10px 0;}
b, strong {font-family:'Roboto Bold', sans-serif,Helvetica,Arial;font-weight:normal;}
img {max-width:100%;height: auto;}

ins {text-decoration: none;}
bdi {font-family:'Roboto',sans-serif,Helvetica,Arial;opacity:.8;}

/* Scrolls */
*, html * {
    /*scrollbar-width:5px;*/
    scrollbar-color:var(--primary-color-hover) var(--primary-color);
}
*::-webkit-scrollbar,
html *::-webkit-scrollbar {
    height:12px;
    width:12px;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
    background:#f1f5fc;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
    background-color:var(--primary-color);
}
audio {
    padding:0;
    margin:0 auto;
    display: block;
    width: 100%;
    max-width: 100%;
}
iframe, video {display:block;max-width:100%;}

h1, h2, h3, h4 {
    margin:0 0 30px 0;
    padding:0;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    font-size:40px;
    line-height:1.35em;
    /*letter-spacing:-0.025px;*/
    font-weight:normal;
    white-space:pre-line;
}
h2 {font-size: 35px;}
h3 {margin:0 0 20px 0;font-size:30px;}
h4 {font-size:26px;}

table {margin:30px 0;font-size:16px;width: 100%;}
tr {padding:0 0 10px 0;}
tr:nth-child(even) {background-color:#f4f4f4;}
td, th {padding:10px 15px 10px 5px;text-align:left;}

/* Flex */
.flex-row {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    align-content:stretch;
    justify-content:flex-start;
}
.flex-row.center {align-items:center;justify-content: space-between;}
.flex-row .center {align-self:center;}
.flex-row.start {align-items:flex-start;}
.flex-row.end {align-items:flex-end;}
.flex-row.between {justify-content:space-between;}
.flex-row.around {justify-content:space-around;}

/* Images */
.img-cover {width:100% !important;height:100% !important;object-fit:cover !important;}
.img-contain {width:100% !important;height:100% !important;object-fit:contain !important;}
.img-round {border-radius:20px !important;overflow: hidden;}

/* for items */
.shadow {
    box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);
    /*box-shadow: 0 1px 1px rgba(#29435c, 0.2), 0 6px 12px -6px rgba(#29435c, 0.4);*/
}
.brd {border: 1px solid rgba(0,0,0,.08) !important;}

.stack {box-shadow:10px 15px 0 #F2F2F2;}
.stack-left {box-shadow:-10px 15px 0 #F2F2F2;}

/* anti-spam CF7 form checkbox */
input.agree {line-height:0.5em;cursor:pointer;}
input.agree:after {
    padding:15px;
    display:inline;
    content:'Are you a robot? Yes';
}

label {
    display: block;
    font-size: 16px;
    line-height:26px;
    color:#333;
    font-weight: normal;
}
input, select {
    width: 100%;
    padding:10px 15px;
    font-size: 16px;
    line-height: 1.2em;
    border:#CDCDCD 1px solid;
    border-radius: 20px;
    color:#000;
}
input:focus, select:focus {border-color:var(--primary-color);}

fieldset {padding:0 15px;margin:15px 0;background:#f8f8f8;border:none;}
legend {font-family:'Roboto Bold',sans-serif,Helvetica,Arial;}

button, .btn {
    padding:15px 30px;
    margin:30px 0 20px 0;
    display:inline-block;
    background-color:var(--primary-color);
    border-color:var(--primary-color);
    color:#fff;
    border-radius:20px;
    border:0;

    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    font-size:16px;
    line-height:1.4em;
    letter-spacing:-0.02em;
    vertical-align:top;
}
button:hover, button:focus, .btn:hover {
    text-decoration:none;
    color:#fff;
    background-color:var(--primary-color-hover);
    transition: all .2s ease-out;
}
.btn:focus {color:#fff;}
.btn-secondary {background-color:var(--secondary-color);border-color:var(--secondary-color);}
.btn-secondary:hover, .btn-secondary:focus {background-color:var(--secondary-color-hover);border-color:var(--secondary-color-hover);}

.btn-empty {
    padding:12px 30px;
    background-color:transparent;
    border:#fff 2px solid;
    color:#fff;
}
.btn-empty:hover {
    text-decoration:none;
    color:var(--dark-color);
    background-color:#fff;
}
.btn-empty.black {color:var(--dark-color);border-color:var(--dark-color);}
.btn-empty.black:hover, .btn-empty.black:focus {color:#fff;background-color:var(--dark-color);}

.btn-empty.primary {color:var(--primary-color);border-color:var(--primary-color);}
.btn-empty.primary:hover, .btn-empty.primary:focus {color:#fff;background-color:var(--primary-color);}


.btn-lg {
    padding:18px 30px;
    text-transform: uppercase;
}
.btn:nth-child(even), .btn-lg:nth-child(even) {margin-left:30px;}
.btn-lg.btn-empty {padding:16px 30px;}

.btn-xs {
    padding:8px 15px;
    font-size: 14px;
}

/* @1-base-html end */

/* @Humberger LG */
/* Mobile toggle btn */
input.inp-menu[type='checkbox'] {
    display:none;
    background:transparent !important;
}
input.inp-menu[type='checkbox']:checked ~ .m-menu-btn-box > .btn-menu{
    background:transparent;
}
input.inp-menu[type='checkbox']:checked ~ .m-menu-btn-box > .btn-menu:before {
    bottom:0;
    transform:rotate(45deg);
}
input.inp-menu[type='checkbox']:checked ~ .m-menu-btn-box > .btn-menu:after {
    top:0;
    transform:rotate(-45deg);
}

.m-menu-btn-box {
    box-sizing:border-box;
    width:30px;
    height:30px;
    position:fixed;
    top:25px;
    right:15px;
    left:auto;
    cursor:pointer;
    z-index:5;
    /*border-radius:0 0 0 10px;*/
    background:transparent;
}

.btn-menu {
    margin:auto;
    height:2px;
    width:20px;

    background:#000000;
    transition:0.35s;
    position:absolute;
    transform:translateY(12px);
}

.btn-menu:before {
    height:2px;
    width:20px;
    background:#000000;
    transition:0.39s;
    position:absolute;
    content:'';
    left:0;
    bottom:7px;
}
.btn-menu:after {
    height:2px;
    width:20px;
    background:#000000;
    transition:0.35s;
    position:absolute;
    content:'';
    left:0;
    top:7px;
}
input.collapsed ~ .m-menu-btn-box {
    position:absolute;
    top:15px;
    right:15px;
    z-index:6;
}
/* Humberger end  */

/* @2-header LG */
.header {
    padding:0;
    height:80px;
    position: relative;
    z-index:20;
}

.logo {
    padding:5px 20px 0 35px;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    font-size:30px;
    line-height: 1.3em;
    height:42px;
    transition: all .2s ease-out;
    color:var(--dark-color);
    /*filter:brightness(100%);*/

    background:url(/wp-content/themes/sunt-24-pr/img/logo.svg) left center / 24px 32px no-repeat;

}
.logo span {
    font-size:22px;
    line-height: 1.3em;
    color:var(--dark-gray);
}
.logo:hover, .logo:focus {text-decoration:none;color:var(--primary-color);}

/* @language-selector LG */
.lang-block {
    margin:8px 0 0 20px;
    display:inline-block;
    position: relative;
    width:135px;
    height: 52px;
    vertical-align:top;
    min-height:20px;
    font-size: 16px;
    letter-spacing: -0.03em;
}
.lang {position: relative;}
.lang:hover, .lang:focus {
    position: absolute;
    font-family:'Roboto',sans-serif,Helvetica,Arial;
    width:150px;
    border-radius: 6px;
    overflow:hidden;
    background:#fff;
    box-shadow:0px 4px 20px rgba(0, 0, 0, .2);
}

.lang a {
    color:#000;
    text-decoration: none;
    display: block;
    padding:10px 15px;
    margin:0;
    display:none; /* Изначально скрываем все языки, кроме выбранного */
}

.lang a.current_language {
  display:block;
  font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
}

.lang:hover a {display:block;}
.lang:hover a:hover {background-color:#eee;}


.lang a img {
  width: 20px;
  height: 15px;
  margin-right:4px;
}

/* @language-selector end */


ul.menu {
    padding:10px 0 0 0;
    margin:0;

    list-style: none;
    display: flex;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    font-size:16px;
    line-height:40px;
    letter-spacing:-0.03em;
    white-space: nowrap;
}

.menu li {
    margin-right:20px;
    position: relative;
}

.menu li:last-child {
    margin-right: 0;
}

.menu li a {
    color:#000;
    text-decoration: none;
}

.menu li.menu-item-has-children {padding-right:12px;}
.menu li.menu-item-has-children:after {
    position: absolute;
    padding: 0;
    content: ' ';
    color:#000;
    background:url(/wp-content/themes/sunt-24-pr/img/ico-carret.svg) center center / contain no-repeat;
    top: 18px;
    right:0;
    width:7px;
    height: 5px;
    /* transform: scaleY(-1); */
}

.menu a:hover, .menu a:focus, .menu li.active a,
.menu li.current-category-ancestor > a, .menu li.current-menu-item > a, 
.menu li.current-menu-ancestor > a, .menu li.current-post-ancestor > a{
    text-decoration:none;
    color:var(--primary-color);
}


.menu .sub-menu {
    padding:0;
    margin:-10px 0 0 0;
    height:0;
    opacity: 0;
    min-width: 120px;

    position: absolute;
    z-index:20;

    top: 100%;
    left:0;
    background:#fff;

    font-family:'Roboto',sans-serif,Helvetica,Arial;

    color:#000;
    list-style: none;

    transition: all .3s ease-out;
    box-shadow:0px 4px 20px rgba(0, 0, 0, .2);
}

.menu li:hover .sub-menu {
    opacity: 1;
    height:auto;
}

.sub-menu li {
    padding:0;
    margin:0;
}

.sub-menu li a {
    padding:5px 15px;
    margin:0;
    display: block;
    width: 100%;
    border-bottom:#d1d1d1 1px solid;
}
.sub-menu li:last-child a {border:none;}

.sub-menu li a:hover {background:#eee;color:#000;}

.right-icons {padding:0 0 0 30px;}

.right-icons .btn {margin:15px 0;}

.btn-cart {
    margin:0 20px 0 40px;
    padding:5px 0 0 0;
    display: inline-block;
    position: relative;
    width:32px;
    height:52px;
    transition: all .2s linear;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01IDhIMjYuODAxOUMyNi45NDg0IDggMjcuMDkzIDguMDMyMTcgMjcuMjI1NyA4LjA5NDI0QzI3LjM1ODQgOC4xNTYzMiAyNy40NzU4IDguMjQ2NzcgMjcuNTY5NiA4LjM1OTIxQzI3LjY2MzUgOC40NzE2NiAyNy43MzE1IDguNjAzMzQgMjcuNzY4OCA4Ljc0NDk2QzI3LjgwNjIgOC44ODY1OSAyNy44MTIgOS4wMzQ2OCAyNy43ODU4IDkuMTc4NzlMMjUuNjA1MiAyMS4xNzg4QzI1LjU2MzQgMjEuNDA5MiAyNS40NDE5IDIxLjYxNzYgMjUuMjYyMSAyMS43Njc3QzI1LjA4MjMgMjEuOTE3OCAyNC44NTU1IDIyIDI0LjYyMTMgMjJIOC4zODk4MkM4LjE1NTcyIDIyIDcuOTI5MDQgMjEuOTE3OSA3Ljc0OTI3IDIxLjc2NzlDNy41Njk1IDIxLjYxOCA3LjQ0ODA0IDIxLjQwOTcgNy40MDYwNCAyMS4xNzk0TDQuMjQwNTUgMy44MjA2QzQuMTk4NTUgMy41OTAzIDQuMDc3MDkgMy4zODIwMyAzLjg5NzMyIDMuMjMyMDhDMy43MTc1NSAzLjA4MjEzIDMuNDkwODcgMyAzLjI1Njc3IDNIMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik05IDI5QzEwLjEwNDYgMjkgMTEgMjguMTA0NiAxMSAyN0MxMSAyNS44OTU0IDEwLjEwNDYgMjUgOSAyNUM3Ljg5NTQzIDI1IDcgMjUuODk1NCA3IDI3QzcgMjguMTA0NiA3Ljg5NTQzIDI5IDkgMjlaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTI0IDI5QzI1LjEwNDYgMjkgMjYgMjguMTA0NiAyNiAyN0MyNiAyNS44OTU0IDI1LjEwNDYgMjUgMjQgMjVDMjIuODk1NCAyNSAyMiAyNS44OTU0IDIyIDI3QzIyIDI4LjEwNDYgMjIuODk1NCAyOSAyNCAyOVoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==) center bottom / 32px 32px no-repeat;
}
.btn-cart:hover, .btn-cart:focus {transform:scale(1.08);}
.cart-count {
    padding:0;
    margin:0;
    position:absolute;
    z-index:1;
    right:-10px;
    top:15px;

    color:#fff;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    font-size:14px;
    line-height:20px;
    text-align:center;
    width:30px;
    height:20px;
    border-radius:60px;
    background:var(--secondary-color);
}
.count0 {display:none;}

.btn-profile {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNiAyOEMyMi42Mjc0IDI4IDI4IDIyLjYyNzQgMjggMTZDMjggOS4zNzI1OCAyMi42Mjc0IDQgMTYgNEM5LjM3MjU4IDQgNCA5LjM3MjU4IDQgMTZDNCAyMi42Mjc0IDkuMzcyNTggMjggMTYgMjhaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KPHBhdGggZD0iTTE2IDIwQzE4Ljc2MTQgMjAgMjEgMTcuNzYxNCAyMSAxNUMyMSAxMi4yMzg2IDE4Ljc2MTQgMTAgMTYgMTBDMTMuMjM4NiAxMCAxMSAxMi4yMzg2IDExIDE1QzExIDE3Ljc2MTQgMTMuMjM4NiAyMCAxNiAyMFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+DQo8cGF0aCBkPSJNNy45NzUxIDI0LjkyMThDOC43MjgzNiAyMy40NDA4IDkuODc2NzUgMjIuMTk3MSAxMS4yOTMxIDIxLjMyODRDMTIuNzA5NSAyMC40NTk4IDE0LjMzODcgMjAgMTYuMDAwMiAyMEMxNy42NjE3IDIwIDE5LjI5MDkgMjAuNDU5OCAyMC43MDczIDIxLjMyODRDMjIuMTIzNyAyMi4xOTcxIDIzLjI3MiAyMy40NDA3IDI0LjAyNTMgMjQuOTIxNyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K) center center / contain no-repeat;
    transition: all .2s linear;
}
/* @2-header end */

/* @3-hero LG */
.hero {
    padding:5rem 0;
    min-height:680px;

    position: relative;
    z-index:1;

    display: flex;
    align-items: center;

    background-size: cover;
    background-position: center center;
    background-color:#fff;
}
.hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #000000, #1D2549 );

    z-index: -1;
    opacity: .4;
}
.hero.no-layer:before {display:none;}

.hero .info {
    border-radius: 20px;
    background: rgba(249, 249, 249, 0.8);
    backdrop-filter: blur(9px);
}

.hero p {
    font-size: 18px;
    margin-bottom: 30px;
}
.hero.sm {
    padding:60px 15px;
    min-height:320px;
}
.hero.sm:before {opacity:.6;}
.hero.sm h1 {font-family:'Roboto Bold', sans-serif,Helvetica,Arial;}
/* @3-hero end */

/* @4-tags LG */
ul.tags {
    list-style-type: none;
    padding:0;
    margin:2rem 0 5rem;
    font-size: 16px;
}
.tags li {
    display:inline-block;
    padding:0;
    margin:0 10px 15px 0;
}
.tags li a {
    padding:10px;
    margin:0;
    display:block;
    color:#000;
    background-color:#e1e1e1;
    opacity:.65;
    white-space: wrap;
}
.tags li a:hover {opacity: 1;}
/* @4-tags end */

/* @5-icoline LG */
.ico-line {
    margin:0 auto 30px auto;
    padding:30px 30px 15px 30px;
    display:block;
    border-radius:20px;

    flex:1 1 31%;
    max-width:31%;
    min-height: 100px;

    letter-spacing:-0.02em;
    font-size:16px;
    line-height:1.4em;
    position:relative;
}
.ico-line.right .ico-line-title {padding:0 60px 20px 0;min-height:70px;}
.ico-line.left .ico-line-title {padding:5px 0 20px 90px;min-height:70px;}


.ico-line img, .ico-line .ico {
    margin:0 auto;
    padding:0;
    top:15px;
    left:30px;
    display:block;
    flex-grow:1;
    width:64px;
    height:64px;
    object-fit:contain;

    font-size:50px;
    line-height:50px;
    letter-spacing:-0.04px;
    font-family:'Roboto Thin', sans-serif,Helvetica,Arial;
    text-align:center;

    z-index:10;
    position:absolute;
}
.ico-line.right img, .ico-line.right .ico {left:auto;right:15px;}
.ico-line.left img, .ico-line.left .ico {right:auto;left:15px;}

.ico-line p {
    padding:5px 0;
    margin:0;
}
.ico-line-title {
    padding:0 0 15px 0;
    margin:0;
    height:auto;
    flex-grow:3;

    font-family:'Roboto', sans-serif,Helvetica,Arial;
    font-size:20px;
    line-height:24px;
    letter-spacing:-0.025px;
    font-weight:normal;
    white-space:pre-line;
}
/* ICO out */
.ico-line.out {padding:20px 30px 15px 30px;}
.ico-line.out img, .ico-line.out .ico {
    padding:0;
    margin:0 0 15px 0;
    top:0;
    left:0;
    right:auto;
    text-align:left;
    position:relative
}
/* @5-icoline end */

/* @6-category-item LG */
.category-desc h2, .category-desc h3 {padding-top:2rem;}
.category-item {
    padding:40px 140px 40px 212px;
    margin:0 0 30px 0;
    display:flex;
    justify-content:space-between;
    align-items: center;
    color:#000;
    height:auto;
    width: 100%;
    
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing:-0.025px;
    font-family:'Roboto',sans-serif,Helvetica,Arial;

    min-height: 200px;
    position: relative;
    transition: all .2s ease-out;
}
.category-item img {
    padding: 0;
    margin:0;
    position: absolute;
    top:0;
    left:0;
    width:175px;
    height:100%;
    object-fit: cover;
}
.category-item.round img {
    top:15%;
    left:25px;
    border-radius: 50%;
    width: 148px;   
    height: 148px;
}
.category-item:hover,.category-item:focus {
    transform: scale(1.02);
    -webkit-filter:hue-rotate(15deg);filter:hue-rotate(15deg);
    text-decoration: none;
    color:#000;
    box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1);
}
.category-item:after {
    position: absolute;
    content:'';
    display: block;
    right:25px;
    top:40%;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background:url("/wp-content/themes/sunt-24-pr/img/ico-arrow-cat.svg") left center / contain no-repeat #fff;
}
/* @6-category-item end */

/* @7-products LG */
ul.products {
    margin:0;
    padding:2rem 0;
    list-style: none;

    letter-spacing:-0.03px;

    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    align-content:space-around;
    justify-content:flex-start;

}
.screen-reader-text {display: none;}

/* Breadcrumbs / WooCommerce */
.rank-math-breadcrumb, .woocommerce-breadcrumb {
    padding:10px 0;
    font-size: 15px;
    font-family:'Roboto Thin',sans-serif,Helvetica,Arial;
}
.hero .woocommerce-breadcrumb a, .hero .rank-math-breadcrumb a {color:#fff;opacity:.8;}
.hero .woocommerce-breadcrumb a:hover, .hero .rank-math-breadcrumb a:hover {color:var(--color-gray);opacity:.95;}

/* Notice */
.woocommerce-message, .woocommerce-error {
    padding:40px;
    margin:0 0 30px 0;
    list-style: none;
    background-color: #fff;
    border-left:var(--primary-color) 4px solid;
    box-shadow: 0px 4px 30px 0px rgba(0,0,0,.1);
}
.woocommerce-error {border-left:var(--primary-color) 4px solid;}
.woocommerce-error li {margin-bottom: 15px;}
.woocommerce-invalid-required-field input, .woocommerce-invalid input {border:#C414C8 2px solid;}
.woocommerce-validated input {border:var(--primary-color) 1px solid;}
.woocommerce-message a {
    margin:0 30px 25px 0;
    padding:10px 15px;
    display: inline-block;
    color:var(--primary-color);
    border:var(--primary-color) 1px solid;
}
.woocommerce-message a:hover, .woocommerce-message a:focus {color:#fff;background-color:var(--primary-color);}


/* Products: Grid View Default */
.product {
    padding:0;
    margin:0 2% 60px 0;

    display:flex;
    flex:1 1 23%;
    flex-direction:column;
    justify-content:space-between;

    max-width:332px;
    background-color:var(--gray-color);
    border: 1px solid #E8E8E8;
    position: relative;
}
.white ul.products .product {background-color: #fff;}

ul.products :nth-child(4n) {margin-right:0;}
ul.products :nth-child(1+4n) {margin-left:0;}

.columns-2 .product {max-width: 48%;}

.product a {color:#000;}
.product:hover {color:#000;box-shadow: 0px 4px 30px 0px rgba(0,0,0,.1);}

.product img {
    padding: 0;
    margin:0;
    display: block;
    width: 100%;
    height: 200px;
    object-fit:cover;
}

.product .onsale {
    padding:5px 8px;
    background-color:var(--primary-color);
    color:#fff;

    font-family:'Roboto',sans-serif,Helvetica,Arial;
    font-size: 14px;

    top:10px;
    left:10px;
    position: absolute;
    z-index:1;
}

.woocommerce-loop-product__title {
    padding:20px 25px;
    margin:0;
    flex-grow: 3;
    height:auto;
    font-size: 18px;
    line-height: 1.5em;
    font-family:'Roboto',sans-serif,Helvetica,Arial;
    font-weight: normal;
}
.product .item-title span {
    display: block;
    font-family:'inter',sans-serif,Helvetica,Arial;
}

.product .price {
    padding: 0 25px 20px 25px;
    margin-top:auto;
    display: block;
    font-size: 22px;
    line-height: 1.4em;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial; 
}

form.cart {
    padding: 0;
    margin:0 0 20px 0;
    display:flex;

    flex-wrap:nowrap;
    align-items: center;
    align-content: stretch;
    /*justify-content: center;*/
}

.list form.cart {
    margin:auto 0;
    justify-content: flex-end;
}

.quanity {
    padding:0;
}
input.qty {
    padding:12px 0;
    margin:0 15px;

    display: inline-block;

    text-align: center;
    width: 100px;
    height: 45px;
    border: 1px solid #D6D6D6;
    border-radius: 1px;
    font-size: 18px;
    line-height: 1em;
}

.product .button {
    padding: 8px 20px;
    margin:auto 25px 0 0;
    display: inline-block;
    max-width:100%;
    width:100%;
    font-size: 18px;
    line-height: 1.4em;
    height: 45px;

    color:var(--primary-color);
    border:var(--primary-color) 1px solid;
    background: transparent;
    border-radius: 1px;
    position: relative;
    transition: background-color 0.3s;
}
.product .button:hover {background-color:var(--primary-color);color:#fff;}

/* Preloader ADD to Cart:loading added; */
/* Стили для прелоадера */
.product .button.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Анимация вращения прелоадера */
@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


/* List View Selected */
.list .product {
    padding:0 0 0 120px;
    margin:0 0 20px 0;

    flex:1 1 100%;
    max-width: 100%;

    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items: center;
    position: relative;

    min-height: 90px;
    width:100%;
    background: #fff;
    border: 1px solid #E8E8E8;
}
.list .product a {
    display: block;
    width: 100%;

}

.list .product img {
    position: absolute;
    top:0;
    left:0;
    width: 120px;
    height:100%;
    object-fit: cover;
}
.list .product .woocommerce-loop-product__title {
    display: inline-block;
    padding:0 10px 0 25px;
    margin:0;
    font-size: 18px;
    width:450px;
}
.list .product .price {
    padding:0 30px 0 0;
    margin:auto;
    display: inline-block;
    vertical-align:middle;
    font-size: 18px;
    width:160px;
}
/* @7-products end */

/* @8-pagination LG */
/* Pagination Cetegories & WooComme */
ul.page-numbers, .nav-links {
    padding:40px 0 15px 0;
    margin:0 auto;
    display:block;
    list-style:none;

    text-align:center;
    width:100%;
    height:auto;
    min-height:50px;

    text-align:center;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    font-size:18px;
    letter-spacing: -0.025px;
}

.page-numbers li {
    margin:0;
    list-style:none;
    display:inline-block;
}
a.page-numbers, .page-numbers.current {
    padding:0;
    margin:0 18px 20px 0;
    display:inline-block;
    min-width:42px;
    height:42px;
    line-height: 42px;
    border-radius: 50%;
    vertical-align: top;
    background:#fff;
    color:var(--primary-color);
}
.page-numbers.current {
    background:transparent;
    color:#000;
}
a.page-numbers:hover, a.page-numbers:focus, a.page-numbers:active {text-decoration:none;opacity:.65;}

.nav-links .prev, .nav-links .next {
    padding-left:42px;
    width: 42px;
    overflow:hidden;
    border:none;
}
.nav-links .next {background:url("/wp-content/themes/sunt-24-pr/img/ico-arrow-cat.svg") left center / contain no-repeat #fff;}
.nav-links .prev {background:url("/wp-content/themes/sunt-24-pr/img/ico-arrow-cat.svg") left center / contain no-repeat #fff;transform:rotate(180deg);}

/* pagination end */

/* @9-product-detail LG*/
.entry-title {
    margin:20px 0 15px 0;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    letter-spacing:-0.025px;
}

.single-product-image img {
    padding:0;
    margin:0 auto;
    width:100%;
    height:100%;
    max-width:100%;
    max-height: 450px;
    object-fit:cover;
}
/* Product Gallery */
.product-gallery {
    padding: 0;
    margin:10px 0 0 0;
    position:relative;
}
.product-gallery .attachment-thumbnail {
    padding:0;
    margin:0 8px 8px 0;
    display:inline-block;
    width:90px;
    height:60px;
    object-fit: cover;
    border:#fff 1px solid;
}


.wp-post-image {
    margin:auto;
    padding: 0;
    display: block;
    width:auto;
    height:auto;
    max-width: 100%;
    text-align:center;
    object-fit: cover;
}

.flex-control-nav {
    margin:3px 0;
    padding:0;
    list-style: none;
}
.flex-control-nav li {
    margin:3px 3px 0 0;
    padding: 0;
    display: inline-block;
    width: 16%;
    height: 80px;
    cursor: pointer;
}
.flex-control-nav linth-child(6n) {margin:3px 0 0 0;}

.flex-active {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}


/* attr table */
.block-attr {
    padding:15px 30px 30px 30px;
    margin:0 0 30px 0;
    display:block;
    width: 50%;
    font-family:'Roboto',sans-serif,Helvetica,Arial;
}

.block-attr .instock {
    padding:0 0 30px 45px;
    margin:0 0 25px 0;
    display:block;
    width: 100%;
    font-size: 20px;
    color:var(--dark-color);
    position:relative;
}
.block-attr .instock:after {
    position: absolute;
    content:'';
    left:0;
    top:-6px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background:url("/wp-content/themes/sunt-24-pr/img/ico-check.svg") center center / 28px 28px no-repeat var(--dark-color);
}

.block-attr .instock.out {color:var(--secondary-color);}
.block-attr .instock.out:after {
    background:url("/wp-content/themes/sunt-24-pr/img/ico-close-w.svg") center center / 32px 32px no-repeat var(--secondary-color);
}

.block-attr table {
    display: block;
    text-align: left;
    font-size: 20px;
    line-height: 1.4em;
}
.block-attr tr {display:block;width:100%;border:none;}
.block-attr th {
    margin:0;
    padding: 0;
    display: block;
    max-width: 100%;
    width: 100%;
    color: #828282;
    font-weight: normal;
}
.block-attr td {
    padding:0;
    margin:0 0 20px 0;
    display: block;
    width:auto;
    color:#000;
    font-family:'inter 500',sans-serif,Helvetica,Arial;
}

.block-attr p {margin:0;}
.block-attr a {color:#000;font-family:'inter 500',sans-serif,Helvetica,Arial;}


/* buy form detail */
.block-form-buy {
    padding:50px 30px 30px 30px;
    margin:0 0 30px 0;
    display: block;
    width: 50%;
    height: 100%;

    /*background-color:var(--dark-color);*/ /*#4A4E5E;*/
    background-color:var(--gray-color);
    color:#000;
    box-shadow: 0px 4px 30px 0px rgba(0,0,0,.25);
}

/* Ico find */
.woocommerce-product-gallery__trigger {
    position: absolute;
    top:15px;
    right:15px;
    z-index:1;
    display: none;
}
.woocommerce-product-gallery__trigger:before {
    content: "Click to zoom ";
    font-size: 13px;
    font-size: 0.815rem;
    letter-spacing: normal;
    color: red;
    font-weight: 500;
    display: block;
}


.woocommerce-product-gallery {
    padding:30px;
    margin:0 30px 30px 0;
    background:#fff;
    border:#E4E5E9 1px solid;
}

.woocommerce-product-gallery img {
    display: block;
    width:480px;
    height:360px;

    object-fit:cover;
}
/* detail price buy button */
.product-detail form.cart {flex-wrap: wrap;}

.product-detail .price {
    padding:0 0 40px 0;
    margin:0;
    display:inline-block;
    font-size:30px;
    line-height:1.4em;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
}

/* Tooltip hint data- */
.tooltip-icon {
    margin: 0 0 20px 10px;
    position: relative;
    display: inline-block;
    float: right;

    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: #a1a1a1 1px solid;
    color: #a1a1a1;
    font-family: 'Roboto', sans-serif, Helvetica, Arial;
    font-size: 18px;
    line-height:28px;
    text-align: center;
    background:#fff;
}

.tooltip-icon::before {
    padding: 6px 12px;
    display: none;
    z-index: 1;
    top:10px;
    right:25px; /* Изменение значения left на right */

    font-family: 'Roboto', sans-serif, Helvetica, Arial;
    font-size: 14px;
    line-height: 16px;

    content: attr(data-tooltip);
    position: absolute;
    z-index: 10;
    background: #fff;
    color: #333;
    text-align: left;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    transform: translateX(0); /* Изменение значения на 0 */
    opacity: 0;
    width:250px;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip-icon:hover::before {
    display: block;
    opacity: 1;
    transform: translateX(0) translateY(-10px);
}
/* end tooltips */


.product-detail .button {
    padding: 25px;
    margin:15px 0;
    display: block;
    width: 100%;
    max-width:100%;
    position: relative;
    color:#fff;
    /*border:var(--secondary-color) 2px solid;*/
    border:none;
    background:var(--secondary-color);
    font-size:20px;
    line-height: 32px;
}
.product-detail .button:hover, .product-detail .button:focus {background-color:var(--secondary-color-hover);color:#fff;}
.product-detail .button:before:hover, .product-detail .button:before:focus {
    filter: brightness(255) invert(1);
}

.product-detail .button:before {
    display:inline-block;
    content: '';
    background:url("/wp-content/themes/sunt-24-pr/img/ico-cart.svg") center center / contain no-repeat;
    margin-right:15px;
    position: relative;
    left: auto;
    top: auto;
    width: 32px;
    height: 32px;
    vertical-align:top;
    filter: brightness(255) grayscale(100%);
}


.product-detail .qty {
    margin:15px 0 30px 0;
    padding:0 15px ;
    display:inline-block;
    text-align:center;
    width: 80%; /* 112 */
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    background:#fff;

}
.product-detail .quantity:before {
    padding:0 10px 0 0;
    margin:0;
    display: inline-block;
    font-size: 20px;
    line-height: 74px;
    height: 74px;
    width: auto;
    content:"# м²";
}
/* @9-product-detail end*/

/* @9-Author LG */
.item-author {
    padding:0 0 0 90px;
    margin:0;
    position:relative;
    min-height:70px;

    font-size:20px;
    line-height:1.5em;
}
.item-author img {
    margin:0;
    padding:0;
    left:0;
    top:10px;
    bottom:0;
    width:70px;
    height:70px;
    object-fit:cover;
    position:absolute;
}
.item-author-who {padding:0 0 5px 0;font-size: 16px;line-height: 1.4em;opacity: .8;}
.item-author p {
    letter-spacing:-0.025px;
    font-size:16px;
    line-height:20px;
    opacity:.85;
}
/* @9-Author end */

/* */
/* @10-Blog-Category LG */
.blog {margin:0 -15px;}
.blog .item {
    margin: 0 1% 30px 1%;
    padding: 0;
    min-width: 195px;
    max-width: 22%;
    width: 24%;
    flex: 1 1 22%;
    object-fit: cover;
    overflow: hidden;

    border-radius:10px 10px 20px 20px;
    background-color:var(--gray-color);
}
.blog.white .item {background-color: #fff;}

.blog .item a {display:block;height:100%;color:#000;}

.blog .item img {
    margin:0;
    padding:0;
    width: 100%;
    height:240px;
    object-fit:cover;
}

.blog .item-title, .crp_title {
    padding:20px 25px;
    display: block;
    font-family:'golos500',sans-serif,Helvetica,Arial;
    font-size:18px;
    line-height:24px;
    text-transform:none;
    letter-spacing: -0.02em;
}

.blog .item:hover{
    transform:scale(1.06);
    transition:all .3s ease-out;
    box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);
}

/* Large-Blog */
.blog.lg .item:nth-child(1),
.blog.lg .item:nth-child(2),
.blog.lg .item:nth-child(3),
.blog.lg .item:nth-child(10) {
    flex:1 1 31%;
    max-width:31%; /* 48% */
    overflow:hidden;
}

.blog.lg .item:nth-child(1) img,
.blog.lg .item:nth-child(10) img {height:100%;object-fit: cover;}

.blog.lg .item:nth-child(1) .item-title,
.blog.lg .item:nth-child(10) .item-title {
    position: absolute;
    bottom:30px;
    left:25px;
    right:25px;
    color:#fff;
    z-index: 1;
}
.blog.lg .item:nth-child(1):before,
.blog.lg .item:nth-child(10):before {
    position: absolute;
    display: block;
    content:'';
    height:100%;
    width:100%;
    background: linear-gradient(-135deg, #1D2549, #000000 );
    opacity: .6;
}

/* CRP Related Plugin */
.crp_related {max-width: 100%;width: 100%;padding-left:15px;padding-right:15px;}
.crp-more {
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
    font-size:20px;
    line-height:1.5em;
    letter-spacing:-0.025px;
    font-weight:normal;
}
/* @10-Blog-Category end */

/* @11-blog-Detail LG */
.entry img {margin:4rem auto; display: block;object-fit: contain;}

/* @11-blog-Detail end */


/* @12-Relaited-Posts LG */

/* @12-Relaited-Posts end */


/* @13-Landing-Page LG */

/* @13-Landing-Page end */

/* @14-WooCom-UI LG */
/* Login form WooCommerce */
.woocommerce h2 {margin:10px 15px 20px 0;}
.woocommerce-form-login.login {
    margin: 20px auto;
    padding:20px 30px;

    width: 100%;
    max-width:450px;
    background:#fff;
    border-radius: 6px;
    border:#f2f2f2 1px solid;
}
.woocommerce-form-row {margin-bottom:15px;}

.woocommerce-form-login__submit {
    padding: 12px 20px;
    margin:20px 0 30px 0;
    background: var(--primary-color);
    color: #fff;

    font-family:'Roboto',sans-serif,Helvetica,Arial;
    min-width: 120px;

    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}
.woocommerce-form-login__submit:hover {background: var(--primary-color-hover);}
.woocommerce-LostPassword a {color: var(--secondary-color);}

/* Стили для чекбокса "Remember me" */
input.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    color: var(--dark-gray);
}
input.woocommerce-form__input-checkbox {
    margin-right:5px;
    width:20px;
    height:15px;
}
/* end Login Form */

/* My-account dashboard start */
.woocommerce {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* Products shortcode fix */
.woocommerce.columns-4 {display: block;}

/* Стили для левого меню */
.woocommerce-MyAccount-navigation {
    margin:30px 0;
    padding:0;
    border-radius: 4px;
    background:#fff;
    color: #000;
    border:#eee 1px solid;
    width:20%; /* Ширина левого меню, например 20% */
}

.woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin:0;
    list-style: none;
    font-size:16px;
    line-height:1.5em;
    font-family:'Roboto',sans-serif,Helvetica,Arial;
}

.woocommerce-MyAccount-navigation li {margin:0;padding:0;}
.woocommerce-MyAccount-navigation a {
    padding: 10px 15px;
    color: #000;
    display: block;
    border-bottom:#eee 1px solid;
    text-decoration: none;
    transition: color 0.2s;
}
.woocommerce-MyAccount-navigation li:last-child a {border:none;}

/* Стили для правого контента */
.woocommerce-MyAccount-content {
    margin:30px 0 30px 30px;
    padding:30px;
    flex-grow: 1; /* Занимает оставшееся место справа */
    background: #fff;
    border:#eee 1px solid;
    width:65%; /* Ширина правого контента, например 80% */
}
.woocommerce table {width: 100%;}
.woocommerce-MyAccount-content p {margin-bottom: 20px;}


/* Стили для активной ссылки */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {background:#f8f8f8;}

/* Стили для кнопки Logout */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    margin-top:30px;
    color: var(--primary-color);
}
/* My-account dashboard end */


/* @14-WooCom-UI end */

/* @info LG */
.info {
    padding:30px 50px;
}
.info.lg {
    padding:60px 15%;
    font-size: 20px;
    line-height:1.4em;
    /*border-radius: 6px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);*/
}
.info.lg.p-1 {padding: 60px 30% 60px 0;}
.info.lg.p-2 {padding: 60px 0 60px 30%;}

/* end info */

/* Footer LG */
footer {
    padding:80px 0 40px 0;
    margin:0;
    background-color:var(--dark-color);
    color:#D6D6D6;
    font-size:14px;
    line-height: 1.5em;
    letter-spacing:-0.01em;
}
footer ul {
    margin:0;
    padding:0 0 30px 0;
    list-style: none;
    font-size: 16px;
}
footer ul a {color:#D6D6D6;}
footer ul a:hover,footer ul a:focus {color:#fff;}
footer ul li {padding:0 0 10px 0;}

footer a.logo {opacity: .8;}

footer a.logo:hover {opacity:1;filter:invert(1) brightness(250%) grayscale(100%);}

.footer-h {
    padding: 0 0 20px 0;
    font-family:'Roboto Thin',sans-serif,Helvetica,Arial;
    color:var(--gray-color);
    font-size: 16px;
    opacity:.6;
}
.footer-tel {display:block;padding:0 0 20px 0;font-size: 20px;color:#D6D6D6;}
.footer-tel:hover, .footer-tel:focus {color:#fff;}
.footer-contact {padding:0 0 30px 30px;}

footer .copyright {opacity: .8;font-size: 15px;}

/* end footer */

/* Modal PopUp*/
.modal {
    background:rgba(127,127,127,0.8);
}
.modal-head {
    padding:0 0 10px 0;
    margin:0 auto;
    font-size:50px;
    line-height:1.5em;
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial;
}
.txtcall {
    padding-top:5px;
    font-size:18px;
    line-height:1.3em;
    font-family:'Roboto',sans-serif,Helvetica,Arial;
}
.modal-dialog {
    margin:30px auto 15px auto;
    max-width:700px;
    width:auto;
    border-radius:20px;
    overflow:hidden;
}
.modal-dialog img{
    display:block;
    object-fit:cover;
    max-width:100%;
}
.modal-content {
    padding:30px 50px;
    width:100%;
    border-radius:0;
    border:none;
}

.modal .block-form-title {font-size:20px;line-height:1.4em;}
.modal-dialog .btn {
    padding:22px 45px;
    margin:30px auto 15px auto;
    display: inline-block;
    width:auto;
    border:0;
}

.modal-dialog input {
    padding: 20px;
    margin:22px auto;
    display: block;
    width: 100%;
    border:#CDCDCD 1px solid;
}
.modal-dialog input:focus {border-color:#000;}

.modal-callback-close {
    width:35px;
    height:35px;
    background:transparent !important;
    font-size:24px;
    position:absolute;
    top:10px;
    right:10px;

}
.close {
    background:url(/wp-content/themes/sunt-24-pr/img/ico-x.svg) center center / 18px 18px no-repeat;
    color:#fff !important;
    width:32px;
    height:32px;
    text-align:right;
    font-size:24px;
    line-height:24px;
    display:block;
    cursor:pointer;
}
.close:hover {text-decoration:none !important;}

/* CF7 */
.wpcf7-not-valid-tip {
    margin:-20px auto 0 auto !important;
    padding:5px 10px !important;
    display:inline !important;
    top:-25px;
    left:0;
    width:auto;
    font-size:14px !important;
    line-height:1.4em;
    text-align:center;
    color:#fff !important;
    border:0;
    border-radius:8px;
    background:var(--secondary-color);
    position:relative;
}
span.wpcf7-not-valid-tip:before {
    position:absolute;
    top:-10px;
    left:45%;
    right:0;
    content:'';
    width:0;
    height:0;
    background:transparent;
    border-width:0 10px 10px 10px;
    border-color:transparent transparent var(--secondary-color) transparent;
    border-style:solid;
    z-index:5;
}

.wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    margin:0 auto 5px auto !important;
    padding:15px !important;
    text-align:center;
    color:#000;
    background:#eee;
    border:0;
    border-left:4px solid var(--secondary-color);
    font-size:16px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
}


/* Basics Addon */
/* PADDINGS */
.no-p {padding-left:0 !important;padding-right:0 !important;}
.no-m {margin-left:0 !important;margin-right:0 !important;}
.narrow {margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;}
.w100 {width:100% !important;}
.h100 {height:100% !important;}

.p-1 {padding-left:0;padding-right:30px;}
.p-2 {padding-left:30px;padding-right:0;}
.p-2 iframe, .p-2 video {float:right;}

.p-block {padding-top:5rem;padding-bottom:5rem;}
.p-block-t {padding-top:5rem;}
.p-block-b {padding-bottom:5rem;}

.p-t-0 {padding-top:0 !important;}
.p-b-0 {padding-bottom:0 !important;}

.p-5 {padding:5px !important;}
.p-b-5 {padding-bottom:5px !important;}
.p-t-5 {padding-top:5px !important;}
.p-b-5 {padding-bottom:5px !important;}

.p-10 {padding:10px !important;}
.p-t-10 {padding-top:10px !important;}
.p-b-10 {padding-bottom:10px !important;}

.p-15 {padding:15px !important;}
.p-t-15 {padding-top:15px !important;}
.p-b-15 {padding-bottom:15px !important;}

.p-t-20 {padding-top:20px !important;}
.p-b-20 {padding-bottom:20px !important;}

.p-t-25 {padding-top:25px !important;}
.p-b-25 {padding-bottom:25px !important;}

.p-30 {padding:30px !important;}
.p-t-30 {padding-top:30px !important;}
.p-b-30 {padding-bottom:30px !important;}

/* Item Width */
.col1 {max-width:100%;flex:1 1 100%;}
.col2 {max-width:47%;flex:1 1 47%;}
.col3 {max-width:31%;flex:1 1 31%;}
.col4 {max-width:23%;flex:1 1 23%;}

/* Text align */
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-left {text-align: left;}
.t-pre {white-space: pre-line;}
.nowrap {white-space: nowrap;}
.t-stroke {
    font-family:'Roboto Bold',sans-serif,Helvetica,Arial !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color:#000;
    opacity: .4;
}
.t-stroke.white {-webkit-text-stroke-color:#fff;color:#fff;}
.t-bold {font-family:'Roboto',sans-serif,Helvetica,Arial;}
.t-caps {text-transform: uppercase;}

/* Backgrounds */
.bg-dark {background-color:var(--dark-color);}
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}
.bg-gray {background-color:var(--gray-color);}
.bg-yell {background-color:var(--yell-color);}
.bg-darkgray {background-color:var(--dark-gray);}
.bg-primary {background-color:var(--primary-color);}
.bg-secondary {background-color:var(--secondary-color);}

.grad-gray {/*    background: linear-gradient(89.73deg, #EFEEF2 -0.03%, #E1E1E7 26.84%, #EEEFF3 56.63%, #E6E5EA 99.77%);*/
    /*background: linear-gradient(89.73deg, #EFEEF2 -0.03%, #E1E1E7 26.84%, #FFFFFF 56.63%, #E6E5EA 99.77%);*/
    background: linear-gradient(89.73deg, #F8F7FA -0.03%, #EAE9EF 26.84%, #F7F8FC 56.63%, #EFEEF3 99.77%);
}
.bg-blog {background-image:url("/wp-content/themes/sunt-24-pr/img/bg-blog-article.jpg")}


/* Link Colors fix */
a.bg-dark, a.bg-black, a.bg-primary, a.bg-secondary,
a.bg-dark:hover, a.bg-dark:focus,
a.bg-black:hover, a.bg-black:focus,
a.bg-primary:hover, a.bg-primary:focus,
a.bg-secondary:hover, a.bg-secondary:focus {color:#fff;}

/* Colors */
.c-white {color:#fff;}
.c-black {color:#000;}
.c-dark {color:var(--dark-color);}
.c-primary {color:var(--primary-color);}
.c-secondary {color:var(--secondary-color);}
.c-gray {color:var(--gray-color);}
.c-darkgray {color:var(--dark-gray);}

/* Filter */
.f-white {filter:invert(0) brightness(250%) grayscale(100%);}
.f-white2 {filter:invert(1) brightness(250%) grayscale(100%);}

.f-black {filter:invert(1) brightness(100%) grayscale(100%);}
.f-black2 {filter:invert(0) brightness(100%) grayscale(100%);}

.f-gray  {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.f-purple {-webkit-filter: hue-rotate(-70deg);filter: hue-rotate(-70deg);}
.f-red {-webkit-filter: hue-rotate(320deg);filter: hue-rotate(320deg);}
.f-invert {-webkit-filter: invert(100%);filter: invert(100%);}

/* Elements */
.btn.more {padding-right:50px;position: relative;}
.more:after {
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:15px;
    width: 35px;
    height:100%;
    background: url(/wp-content/themes/sunt-24-pr/img/ico-arrow-cat.svg) right center / contain no-repeat transparent;
}
.more.black:after {filter:brightness(0%) grayscale(100%);}
.more:hover:after, .more:focus:after {filter:invert(1) brightness(250%) grayscale(100%);}

.btn.link.more {padding-right:35px;}
.btn.link.more:after {background: url(/wp-content/themes/sunt-24-pr/img/ico-more.svg) right center / 14px 18px no-repeat transparent;}

.opacity {opacity:.85;}
.underline {margin-bottom:30px;position: relative;}
.underline::after {
  content: '';
  display: block;
  width:60px;
  height:4px;
  background-color:var(--primary-color); /* Цвет линии */
  margin-top:10px; /* Расстояние между линией и текстом */
}

@media screen and (max-width: 1720px) {
    /* @1-base-html MD */
    body {font-size:17px;}
    h1, h2 {font-size:35px;}
    h3 {font-size:30px;}
    h4 {font-size:26px;}
    /* @1-base-html end */

    /* @2-header MD */
    .logo {padding:5px 5px 0 35px;font-size: 20px;}
    ul.menu, .lang-block {font-size:15px;}
    .header .right-icons {padding:0 10px 0 0;}
    .btn-cart {margin: 0 10px 0 0;}

    .lang-block {margin:8px 0 0 10px;}
    .lang a img {margin:0;}
    /* @2-header end */

    /* @3-hero MD */
    .hero h1, .t-hero {font-size:30px;}
    .hero p {font-size: 17px;}
    .hero.sm {padding:30px 15px; min-height:250px;}
    /* @3-hero end */

    /* @4-tags MD */
    /* @4-tags end */

    /* @5-icoline MD */
    .ico-line, .ico-line p {font-size: 15px;}
    .ico-line-title {font-size:18px;line-height:24px;}
    .ico-line img, .ico-line .ico {font-size:40px;top:10px;}
    /* @5-icoline end */

    /* @9-product-detail MD */
    .product-detail .price {padding: 0 0 30px 0;}
    .product-detail .quantity:before{font-size:14px;}
    .product-detail .qty {
        padding:0 10px;
        line-height: 45px;
        height: 45px;
        font-size: 16px;
    }
    .product-detail .button {padding:20px;}
    /* @9-product-detail end */

    /* @10-Blog-Category MD */
    .blog .item {margin:20px 1% 30% 1%;}
    /* @10-Blog-Category end */

    /* @14-WooCom-UI MD */
    .woocommerce-MyAccount-navigation ul, .woocommerce-MyAccount-content table {font-size: 14px;}
    /* @14-WooCom-UI end */

    /* @info MD */
    .info {padding:30px 40px;}
    .lg.info {padding:40px 12%;font-size:18px;}
    .info.lg.p-1 {padding:40px 12% 40px 0;}
    .info.lg.p-2 {padding:40px 0 40px 12%;}

    /* @info end */

    /* Footer MD */
    footer .copyright {}
    .footer-tel {font-size: 18px;}
    .footer-menu {padding:0;}
    .footer-contact {padding: 0 0 30px 30px;}
    /* end footer */

}

@media screen and (max-width: 1239px) {
    /* @1-base-html SM */
    body {font-size:16px;}
    h1, h2 {font-size:30px;}
    h3 {font-size:25px;}
    h4 {font-size:22px;}
    table {display:block;margin:20px 0;font-size:14px;}
    td, th {padding:8px 5px;}

    .stack {margin-bottom:30px;box-shadow:10px 15px 0 #F2F2F2;}
    .stack-left {margin-bottom:30px;box-shadow:-15px 15px 0 #F2F2F2;}

    button, .btn {margin:20px 0 15px 0;}

    /* @1-base-html end */

    /* @2-header SM */
    .logo {
        padding:12px 0 0 35px;
        font-size: 18px;
    }
    .logo img {top:10px;width:25px;height:25px;}
    .header .logo img {top:20px;}

    ul.menu {font-size:14px;}
    .menu li {margin-right: 12px;}
    .menu li.menu-item-has-children {padding-right:10px;}

    /* @language-selector SM */
    .lang-block {font-size: 14px;}
    /* language end*/


    
    .right-icons {padding:0;}
    .btn-cart {
        margin: 0 20px 0 0;
        padding: 0;
        width:24px;
        height: 46px;
        background-size:24px 24px;
    }
    .cart-count {
        font-size:12px;
        top:12px;
        right:-15px;
    }
    /* @2-header end */

    /* @3-hero SM */
    .hero h1, .t-hero {font-size:26px;}
    .hero p {font-size:16px;}
    .hero.sm {padding:30px 15px;min-height:220px;}
    /* @3-hero end */

    /* @4-tags SM */
    ul.tags {
        font-size: 14px;
        margin:2rem 0 3rem;
    }
    .tags li {margin: 0 8px 12px 0;}
    .tags li a {padding:5px 10px;}
    /* @4-tags end */

    /* @5-icoline SM */
    .ico-line {margin-bottom:15px;}
    .ico-line-title {font-size:17px;}
    .ico-line img, .ico-line .ico {font-size:36px;}
    .ico-line.right .ico-line-title {min-height: 40px;}
    .ico-line.right img, .ico-line.right .ico {font-size:32px;right:10px;}

    .ico-line.left .ico-line-title {min-height: 40px;}
    .ico-line.left img, .ico-line.left .ico {font-size:32px;left:10px;}


    /* @5-icoline end */

    /* @6-category-item SM */
    .category-item {padding:15px 60px 15px 200px;min-height:120px;font-size: 16px;}
    .category-item img {width:180px;}
    .category-item:after {
        top:40px;
        right:15px;
        width:32px;
        height: 32px; 
    }
    /* @6-category-item end */

    /* @7-products SM */
    /* WooCommerce SM */
    .woocommerce-message, .woocommerce-error {padding: 30px;}
    .woocommerce-message a {margin:0 20px 0 0;}

    .product, .list .product {
        padding: 0 0 0 92px;
    }

    /* grid = list view */
    .product a {
        display: block;
        width: 100%;
    }
    .product {
        margin: 0 0 10px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        position: relative;

        flex:1 1 100%;
        max-width: 100%;
        width: 100%;
        min-height: 80px;
        background: #fff;
        border: 1px solid #E8E8E8;
    }

    .product img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: cover;
    }

    .product img, .list .product img {
        width:92px;
    }
    .product .woocommerce-loop-product__title,
    .list .product .woocommerce-loop-product__title {
        padding: 8px 16px;
        margin:0;
        display: inline-block;
        height:auto;
        width:100%;
        max-width: 270px;
        font-size: 16px;
    }
    .product .price,
    .list .product .price {
        padding: 8px 10px 8px 16px;
        margin:0;
        display: inline-block;
        text-align: left;
        font-size: 16px;
    }
    .product .button {
        padding: 0;
        margin:auto 8px;
        border:none;
        font-size: 0;
        max-width: 45px;
        width: 45px;
        height: 45px;
        background:url("/wp-content/themes/sunt-24-pr/img/ico-cart.svg") center center / 24px 24px no-repeat;
    }
    .product .button:hover {
        background-color:#fff;
        color:#000;
    }

    input.qty {
        margin: 0 0 0 15px;
        font-size:15px;
        height: 35px;
    }
    /* @7-products end */


    /* @9-product-detail SM */
    .woocommerce-product-gallery {
        margin:0;
        padding:15px;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .woocommerce-product-gallery img {
        margin:0 auto;
        width: 100%;
        max-width: 100%;
        height:100%;
        object-fit: contain;
    }
    .block-attr .instock {
        padding:0 0 15px 40px;
        margin:0;
        font-size: 16px;
    }
    .block-attr .instock:after {
        top:-5px;
        width: 32px;
        height: 32px;
        background-size: 26px 26px;
    }
    .block-attr, .block-form-buy {
        padding:30px 20px;
        margin:15px 0;
        width:50%;
        font-size: 16px;
    }
    .block-attr table {font-size: 16px;}

    .product-detail .price {
        padding: 0 0 40px 0;
        font-size:20px;
    }
    .product-detail .quantity:before {
        font-size: 18px;
        height: 48px;
        line-height: 48px;
    }
    .product-detail .qty {
        margin:0 0 25px 0;
        height:48px;
        line-height:48px;
        font-size:22px;
        width:82%;
    }
    .product-detail .button {padding:14px 20px;}
    /* @9-product-detail end */

    /* @9-Author SM */
    .item-author {font-size:16px;}
    .item-author img {top:2px;}
    .item-author-who {font-size: 14px;}
    .item-author p {font-size:14px;line-height:24px;}
    /* @9-Author end */

    /* @10-Blog-Category SM */
    .blog .item {
        margin: 20px 1%;
        max-width: 48%;flex:1 1 48%;
    }
    /* @10-Blog-Category end */

    /* @14-WooCom-UI SM */
    .woocommerce-MyAccount-navigation ul {font-size:14px;}
    .woocommerce-MyAccount-navigation {
        margin:15px 0;font-size: 13px;
    }
    
    .woocommerce-MyAccount-content {
        margin:15px 0;
        padding:15px 10px;

    }
    /* @14-WooCom-UI end */



    /* Modal SM */
    .modal-content {padding:25px 40px;}
    .modal-head {font-size:40px;}
    .modal-dialog input {margin:15px auto;padding:18px;}

    /* Basics Addon SM */
    .p-block {padding-top:3rem;padding-bottom:3rem;}
    .p-block-t {padding-top:3rem;}
    .p-block-b {padding-bottom:3rem;}
    .p-1 {padding-right:15px;}
    .p-2 {padding-left:15px;}
    .p-2 iframe, .p-2 video {float:none;}

    /* @info SM */
    .info {padding:25px 30px;}
    .lg.info {padding:25px 40px;font-size:17px;}
    .info.lg.p-1 {padding:25px 40px 25px 0;}
    .info.lg.p-2 {padding:25px 0 25px 40px;}

    /* @info end */

    /* Item Width SM */
    .col4 {max-width:49%;flex:1 1 49%;}

    /* Footer SM */
    footer {padding:40px 0;}

    footer .copyright {order:2;}

    .footer-tel {font-size: 16px;}

    .footer-menu {order:1;}

    .footer-contact {
        order:3;
        padding:15px 30px 0 15px;
        text-align:right;
    }
    /* end footer */

    /* BG SM */
    .bg-blog {background-image:url("/wp-content/themes/sunt-24-pr/img/bg-blog-article-sm.jpg")}

    /* Padding SM */
    .p-1, .p-2 {padding-left:0;padding-right:0;}

}

@media screen and (max-width: 767px) {
    /* @1-base-html XS */
    body {font-size:14px;}
    h1, h2 {margin:0 0 20px 0;font-size:25px;}
    h3 {font-size:22px;}
    table, label {font-size:13px;}
    td, th {padding:8px 5px 5px 5px;}
    input {padding:8px 10px;}

    .stack {box-shadow:10px 15px 0 #F2F2F2;}
    .stack-left {box-shadow:-10px 15px 0 #F2F2F2;}

    /* @Hamburger XS */
    /* @Main Menu XS */
    #mainmenu.collapse {
        display:block;
        position:relative;
        width: 100%;
        height: 50px;
    }
    #mainmenu.collapse.in {height: 100vh;}


    #mainmenu ul.menu {display: none;height:0;}

    #mainmenu.in ul.menu {
        padding:60px 0 0 0;
        margin: 0;
        position: fixed; /* Используйте fixed, чтобы зафиксировать меню на экране */
        z-index: 2;

        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        display:flex;
        align-items: center;
        flex-direction: column;
        background: #fff;
        overflow: auto; /* Добавьте overflow: auto; чтобы включить прокрутку меню */
    }

    .menu li a {
        padding:0 15px 5px 15px;
        margin:0 0 10px 0;
        display: block;
    }
    .menu li {
        display: block;
        margin: 0;
        padding: 0;
    }

    /* Lang-block XS */
    .lang-block {
        margin:0;
        position: absolute;
        top:8px;
        right:115px;
        font-size:0;
        width: 60px;
    }
    .lang:hover, .lang:focus {
        padding-top:15px;
        margin:15px 0 0 0;
        font-size:14px;
        z-index:10;
    }

    .right-icons {float:none;}

    .btn-cart {
        margin:0;
        top:10px;
        right:90px;
        height:25px;
        background-size:24px 24px;
        position: absolute;
    }
    .cart-count {top:-5px;right:-15px;}

    header .btn {display: none;}
    header #mainmenu.in .btn {
        padding:10px 15px;
        margin:0 auto;
        position: absolute;
        z-index: 5;
        top:auto;
        bottom:220px;
        left:30px;
        right:30px;
        max-width:240px;
        text-align: center;
        display: block;
    }

    input.collapsed ~ .m-menu-btn-box {top:10px;}
    .m-menu-btn-box {top:15px;}

    /* end Mainmenu */

    .btn {
        padding:10px 15px;
        margin:12px 0;
        font-size: 14px;
    }
    .btn-lg {padding:12px 15px;
        text-align: center;
        width: 100%;
    }
    .btn-lg.btn-empty {padding:10px 15px;}
    .btn-lg:nth-child(even) {margin-left:0;}
    .btn-lg, .btn-empty {font-size:15px;}
    .btn-xs {padding:9px 10px;font-size: 14px;}
    .btn.more {padding-right:45px;}

    /* @1-base-html end */

    /* @2-header XS */
    .header {height: 60px;padding:5px 0;}
    .header .logo {
        position: absolute;
        top:0;
        left:15px;
    }
    .logo {padding:15px 0 0 25px;}
    .logo img {
        top:12px;
        width: 20px;
        height: 20px;
    }
    .header .logo img {top:12px;}


    /* @2-header end */

    /* @3-hero XS */
    .hero {
        padding:230px 0 0 0;
        min-height: auto;
        background-size:auto 260px;
        background-position: center top;
        background-repeat: no-repeat;
    }
    .hero:before {display: none;}

    .hero.sm {padding:30px 15px; min-height:200px;background-size:cover;}
    .hero.sm:before {display: block;}

    .hero h1, .hero h2 {font-size:22px;}
    .hero p {font-size: 15px;margin:0 0 10px 0;}
    /* @3-hero end */

    /* @4-tags XS */
    /* @4-tags end */

    /* @5-icoline XS */
    .ico-line {
        padding:16px 16px 16px 60px;
        margin:0 auto 8px auto;
        border-radius:0;
        max-width:100%;
        flex:1 1 100%;
        min-height: 80px;
        font-size:15px;
        line-height:22px;
    }
    .ico-line-title {padding:10px 0;min-height: 30px;}
    .ico-line img, .ico-line .ico {width:50px;height:50px;top:5px;}
    .ico-line.right {padding:16px 60px 16px 16px;}
    .ico-line.left {padding:16px 16px 16px 60px;}
    .ico-line.out {padding:16px;}

    /* @5-icoline end */

    /* @6-category-item XS */
    .category-item {
        padding:15px 15px 15px 115px;
        margin: 0 auto 15px auto;
        min-height:50px;
        font-size: 14px;
    }
    .category-item img {width:100px;}
    .category-item .item-title {font-size: 13px;}
    .category-item:after {display: none;}
    /* @6-category-item end */

    /* @7-products XS */
    .product, .list .product {
        padding: 0 0 0 60px;
    }

    /* grid = list view */
    .product a {
        display: block;
        width: 100%;
    }
    .product {
        margin: 0 0 10px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        position: relative;

        flex:1 1 100%;
        max-width: 100%;
        width: 100%;
        min-height:60px;
        background: #fff;
        border: 1px solid #E8E8E8;
    }

    .product .onsale {
        padding:4px 8px;
        top:-8px;
        left:-8px;
        font-size: 12px;
    }

    .product img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: cover;
    }

    .product img, .list .product img {
        width:64px;
    }
    .product .woocommerce-loop-product__title,
    .list .product .woocommerce-loop-product__title {
        padding: 8px 0 8px 15px;
        margin:0;
        display: inline-block;
        height:auto;
        width:100%;
        max-width: 270px;
        font-size: 14px;
        line-height: 18px;
    }
    .product .price,
    .list .product .price {
        padding: 8px 10px 8px 16px;
        margin:0;
        display: inline-block;
        text-align: left;
        font-size: 16px;
    }
    .product .button {
        padding: 0;
        margin:5px 0 0 10px;
        font-size: 0;
        max-width: 60px;
        border:none;
        width: 60px;
        height: 40px;
        background:url("/wp-content/themes/sunt-24-pr/img/ico-cart.svg") center center / 24px 24px no-repeat;

    }
    .product .button:hover {
        background-color:#fff;
        color:#000;
    }

    .products form.cart {
        padding:12px 0 10px 0;
        margin:0 auto;
        width: 110px;
        flex-wrap: wrap;
    }

    input.qty {
        padding:0;
        margin:0 0 0 10px;
        font-size:15px;
        height:30px;
        width:60px;
    }
    .products li.product bdi {display: block;}
    /* @7-products end */


    /* @9-product-detail XS */
    /* WooComm Detail Page XS */
    .woocommerce-product-gallery {
        padding:30px;
        margin:0 auto 30px auto;
        width: auto;
        height: auto;
    }
    .woocommerce-product-gallery img {
        padding:0;
        max-width: 360px;
        max-height: 360px;
        height: auto;
        width: auto;
    }

    .block-attr .instock {
        padding:18px 0 30px 40px;
        font-size: 20px;
    }
    .block-attr .instock:after {
        position: absolute;
        content:'';
        left:0;
        top:15px;
        height: 32px;
        width: 32px;
    }

    .block-attr, .block-form-buy {
        padding:0;
        width:100%;
        font-size: 16px;
        background:none;
    }
    .block-form-buy {
        margin:15px 0 0 0;
        box-shadow: none;
    }
    .block-attr table {margin:0;font-size:20px;}
    .block-attr tr {
        display:inline-block;
        width: 49%;
    }
    .block-attr th {font-size:18px;}

    .product-detail .price {
        margin:0;
        padding: 0 0 30px 0;
        font-size:20px;
        color:#000;
        position: relative;
    }

    /* Fixed form Buy button */
    .product-detail form.cart {
        padding: 0;
        margin:0;
        position:relative;
        z-index: 1;

        left:0;
        right:0;
        top:0;
        bottom:auto;

        width: 100%;
        height: 66px;
        flex-wrap: nowrap;
        transition: all 0.2s ease-out;
    }
    .product-detail form.cart.fixed {position: fixed;bottom:0;top:auto;}

    .product-detail .quantity:before {display: none;}

    .product-detail .qty {
        margin:0;
        height:66px;
        width: 120px;
        font-size:22px;
        line-height:66px;
    }

    .product-detail .button {
        padding:0 15px 0 20px;
        margin:0;
        height:66px;
        line-height:66px;
        max-width: 100%;
        box-shadow: 0px 4px 30px 0px rgba(0,0,0,.25);
    }

    .product-detail .button:before {
        display: inline-block;
        margin-right: 10px;
        position: relative;
        left: auto;
        top: auto;
        height: 66px;
        line-height: 66px;
        width: 32px;
        vertical-align: top;
    }
    /* @9-product-detail end */

    /* @9-Author XS */
    /* @9-Author end */

    /* @10-Blog-Category XS */
    .blog {margin:0;justify-content:space-between;}
    .blog .item {
        margin: 0 auto 8px auto;
        padding:5px;
        vertical-align: middle;
        border-radius: 6px;
        min-width: 240px;
        max-width: 360px;
        flex: 1 1 48%;
        position: relative;
    }
    .blog .item img {
        margin:0;
        padding:0;

        position:absolute;
        left:0;
        top:0;
        bottom:0;

        border-radius:0 6px 6px 0;
        width:70px;
        height:100%;
        object-fit:cover;
    }
    .blog .item-title, .crp_title {
        padding: 8px 5px 8px 80px;
        vertical-align: middle;
        font-size: 16px;
        line-height: 24px;
        display:block;
        width:100%;
        clear: both;
    }

    /* @10-Blog-Category end */
    /* @11-blog-Detail XS */

    /* @11-blog-Detail  */

    /* @14-WooCom-UI XS */
    /* Login form WooCommerce */
    .woocommerce h2 {margin:15px 0;}
    .woocommerce-form-login.login {margin:15px auto;}

    .woocommerce-MyAccount-navigation{
        padding:0;
        margin:15px 0 5px 0;
        width: 100%;
        font-size: 12px;
    }

    .woocommerce-MyAccount-content {
        margin:0 0 15px 0;
        padding:15px;
        width: 100%;
    }
    .woocommerce-MyAccount-navigation ul {
        font-size: 12px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .woocommerce-MyAccount-navigation li {display: inline-block;width: auto;}

    .woocommerce-MyAccount-navigation a {
        padding:8px 15px;
        margin:0;
        border:none;
    }
    .woocommerce-MyAccount-content table {font-size: 12px;}

    /* @14-WooCom-UI end */

    /* @info XS */
    .info {padding:20px;font-size: 15px}
    .lg.info, .info.lg.p-1, .info.lg.p-2 {padding:20px 30px;font-size:16px;}

    /* @info end */

    /* @Footer XS*/
    footer {
        padding:40px 30px 60px 30px;
        margin:auto;
        display:flex;
        align-items: center;
    }

    footer .copyright {order:3; padding:0 0 20px 15px;}
    footer .copyright p {margin:0;}

    .footer-menu {order:2; padding:10px 0;}
    .footer-h {padding:0 0 15px 0;}
    footer ul {font-size: 15px;}

    .footer-contact {order:1;padding:0 0 15px 15px;text-align:left;}
    .footer-contact .pull-right {float:none !important;text-align:left;}
    /* footer end */

    /* Modal PopUP XS */
    .modal-content {padding:20px 30px;}
    .modal-head {font-size:30px;}
    .modal-dialog input {margin:15px auto;padding:15px;}

    /* Basics Addon XS  */
    .p-block {padding-top:30px;padding-bottom:30px;}
    .p-block-t {padding-top:30px;}
    .p-block-b {padding-bottom:30px;}

    /* Item Width XS */
    .col2, .col3, .col4 {
        margin-left:16px;
        margin-right:16px;
        max-width:100%;flex:1 1 100%;
    }
    .col2:last-child, .col3:last-child, .col4:last-child {margin-right:16px;}

    /* BG XS */
    .bg-blog {background-image:url("/wp-content/themes/sunt-24-pr/img/bg-blog-article-xs.jpg")}

}