/**
 * Override all Magento base styles.
 * Add theme-specific styles.
 */



/**
 *
 *
 * OVERRIDE/EXTEND styles.css
 *
 *
 */

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper { border-top-style:solid; border-top-width:5px; }

/* Additional margin for sidebars
-------------------------------------------------------------- */
.col-left > *,
.col-left .widget-static-block { margin-right: 32px; }
.col-right > *,
.col-right .widget-static-block { margin-left: 32px; }



/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ }
.category-title { margin-bottom:0; }


/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.note-msg.empty-catalog {
    background:url(../images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
    color:inherit;
    min-height:70px;
    padding:40px 20px 40px 160px !important;
}





/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
    padding-left: 0;
    list-style: none;
}
.block-viewed .block-content li.item,
.block-compare .block-content li.item,
.block-compared .block-content li.item {
    background:url(../images/img/bullet.png) no-repeat 3px 10px;
    padding-left:15px;
}


/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align block title with the tabs on product page */
/*.block-related .section-title { padding-top: 19px; }*/


/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title { background:url(../images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }
.block-account .block-content { padding:10px 0 0; }
.block-account li > * { padding: 2px; }
.block-account li.current strong { font-weight:bold; }



/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.products-grid .item { -webkit-tap-highlight-color: transparent; }



/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.availability { float:right; margin:15px 0 10px; }



/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
.price-box-bundle {
    border-bottom:1px solid #e5e5e5;
    margin:-10px 0 15px; /* Move up to align with the main price box */
    padding-bottom:15px;
}


/* Main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Margin before price box */
.product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; }

/* Upper part of the container */
.product-view .product-type-data > .price-box {
    border-top-style:solid;
    border-top-width:1px;
    margin:15px 0 0;
    padding:10px 0;
}


/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .sku { margin: 15px 0; }
.product-view .sku .label { font-weight: bold; }


/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; }
.product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ }



/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*.my-account .pager { margin: -1px 0 20px; }*/



/**
 *
 *
 * MISCELLANEOUS
 *
 *
 */



/* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Collapsible blocks.
   Set position and other properties of arrow icon.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Different types of collapsible blocks share the same styles */

/* Generic tabs - accordion */
.gen-tabs .acctab:after,

/* Collapsible blocks */
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,

/* Sidebar blocks */
.sidebar .block .block-title:after,

/* Layered navigation */
.block-layered-nav .block-title:after {
    float: right;
    font-size: 22px;
}

/* Blocks collapsible only on mobile - hide arrow */
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
    display: none !important;
}



/* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - full width */
.cart-left-column .grid-full,
.cart-right-column .grid-full {
    width:100%;
}



/* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Icons applied with icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* These icons needs to have the same basic styles as standard font icons.
   Except line height - it would override individual size of each icon.
*/
.form-search .button:before,

.buttons-set .back-link a:before,

.btn-remove:before,
.btn-remove2:before,
.map-popup-close:before,
.remember-me-popup-head .remember-me-popup-close:before,

.btn-edit:before,

.breadcrumbs .sep,

.caret:before,

#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before,

/* Styles common for all direction controls */
.slider-arrows1 .owl-controls .owl-buttons div:before,
.slider-arrows2 .owl-controls .owl-buttons div:before,
.slider-arrows3 .owl-controls .owl-buttons div:before,

/* Caret inside dropdowns - right side caret */
.nav-regular .nav-panel a .caret:before,

/* Caret in vertical menu, 1st-level item */
.nav-vert li.level0 > a .caret:before,

/* Bullets in menu */
.nav-regular.with-bullets .nav-submenu--mega > li > ul > li > a:before,
.nav-regular .nav-item.simple > ul > li > a:before,

/* Accordion */
.accordion .opener:before,
.acco .opener:before,

/* Generic tabs - accordion */
.gen-tabs .acctab:after,

/* Quantity buttons */
.qty-button.increase:before,
.qty-button.decrease:before,

/* Collapsible block icon */
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after
{
    display: inline-block;
    font-family: ThemeIcons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Apply icon codes
-------------------------------------------------------------- */
.form-search .button:before {
    content: "\e235";
}
.buttons-set .back-link a:before {
    content: "\e22a";
}
.btn-remove:before,
.btn-remove2:before,
.map-popup-close:before,
.remember-me-popup-head .remember-me-popup-close:before {
    content: "\e22d";
}
.btn-edit:before {
    content: "\e22e";
}
.breadcrumbs .sep:before {
    content: "\e228";
    font-size: 8px;
}
.caret:before {
    content: "\e261";
}
.owl-controls .owl-buttons .owl-prev:before {
    content: "\e260";
}
.owl-controls .owl-buttons .owl-next:before {
    content: "\e263";
}
#cboxPrevious:before {
    content: "\e260";
}
#cboxNext:before {
    content: "\e263";
}
#cboxClose:before {
    content: "\e20f";
}
.nav-regular .nav-panel a .caret:before,
.nav-vert li.level0 > a .caret:before {
    content: "\e263";
}
.accordion .opener:before,
.acco .opener:before {
    content: "\e23c";
}
/* Active opener */
.accordion li.item-active > .opener:before,
.acco li.item-active > .opener:before {
    content: "\e23d";
}
/* Quantity buttons */
.qty-button.increase:before {
    content: "\e262";
}
.qty-button.decrease:before {
    content: "\e261";
}
.gen-tabs .acctab:after,
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
    content: "\e261";
}
.gen-tabs .acctab.current:after,
.collapsible .block-title.active:after,
.mobile-collapsible .block-title.active:after,
.sidebar .block .block-title.active:after,
.block-layered-nav .block-title.active:after {
    content: "\e262";
}





/* *************************************************************************************************************
****************************************************************************************************************
 Override CSS components ***************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */





/* Accordion/collapsible openers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.accordion .opener,
.acco .opener,
.collapsible .opener
{
    /* Override default background image */
    background-image: none !important;

    /* Icon size */
    font-size: 12px;
}


/* Colorbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#cboxPrevious,
#cboxNext,
#cboxClose {
    /* Override default background image */
    background-image: none !important;

    /* Icon size */
    font-size: 20px;
}
#cboxClose {
    font-size: 16px;
}


/* Generic-nav
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Styles common for all direction controls */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div {
    /* Override default background image and remove text indent */
    background-image: none !important;
    text-indent: 0;

    /* Icon size */
    font-size: 20px;
}





/* *************************************************************************************************************
****************************************************************************************************************
 BUILT-IN STATIC BLOCKS ****************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */





.block_category_above_collection { margin:10px 0; }
.block_category_below_collection { margin:10px 0; }
.block_category_above_empty_collection { margin:10px 0; }
.block_mini_cart_above_products { margin:0 0 10px; }
.block_cms_page_top { margin:0 0 15px; }
.block_footer_payment { margin-bottom:10px; margin-left:20px; }

/* Sample block content
-------------------------------------------------------------- */
.sample-block {
    color:#999;
    margin-top:10px;
    padding: 0 !important;
    transition:         color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition:    color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition:      color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.sample-block:hover { color:#333; }





/* *************************************************************************************************************
****************************************************************************************************************
 HIGH-RESOLUTION READY IMAGES (RETINA-READY) *******************************************************************
****************************************************************************************************************
************************************************************************************************************* */





@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (    -ms-min-device-pixel-ratio: 1.5),
only screen and (        min-device-pixel-ratio: 1.5)
{

    /* Rating */
    .rating-box,
    .rating-box .rating { background-image:url(../images/img/rating@2x.png); background-size:14px 43px; }

} /* end: media query */

.page {
    background-color: #FEFDF5;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(/media/wysiwyg/blanco/default/helios-background_2.jpg);
    
    }
    
.main { box-shadow: 0px 5px 8px rgba(129, 129, 129, 0.47);}

.header-container3 .nav-container .inner-container {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.header-container .navi {
    padding: 0px 10px;
}

.header-container .navi {
    padding: 0px 10px;
    background-color: #DFDFDF;
    background-image: url(../images/menu-back1.png);
    padding: 0px 10px 0px 10px;
    font-weight: bold;
}


.block-layered-nav dl dd ol > li > a {    padding: 0px 2px 4px 12px!important;}


.main-container .inner-container {
	padding-left: 16px!important;
    padding-right: 16px!important;}
    
.sidebar-main li.nav-item > a    {
    line-height: 125%!important;
    padding: 7px 8px!important;
}

@media only screen and (min-width: 768px) {
h1 {
    font-size: 2.6rem!important;
}}

.form-search .button {
    background-color: #c7c7c7!important;
    color: white!important;
}

.header .logo-wrapper .logo {padding-left: 15px;}

.top-phone {
    float: right;
    margin-right: 19px;
    margin-top: 0px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-image: url(../images/top-phone.png);
    background-position: 0px 8px;
    color: #818181;
}


.header .logo-wrapper .logo {    margin: 0px 1px 2px 0px!important; }

.header-regular .right-column .search-wrapper {
    margin-right: 10px;
}

@media only screen and (max-width: 997px){
.top-phone-holder, .top-minorder {
    display: none;
}}

@media only screen and (max-width: 967px){
.header-container .navi {
     padding: 0px 0px!important; 
}
}}
.header-top-container .left-column a {color: #E3001B; }

.block_header_top_left2 .links {margin-left: 18px;}

#checkout-review-table h3.product-name{ font-size: 13px!important;}

.page1 > a {color: #E3001B; text-decoration: underline; padding: 0px 2px; }

.slideshow-wrapper-outer div.col-left.sidebar.sidebar-main  li a {    padding-right: 20px!important;}

.slideshow-banners > div > .small-banner {    margin-bottom: 4px!important;}

.home-text2 {
    padding: 0px 20px;
    color: #535352;
    line-height: 130%;
    font-size: 13px;
    text-align: justify;
    background-image: url(../images/home-hr2.gif);
    background-repeat: no-repeat;
    background-position: top;
}


    
.block_header_top_left2  .links a {color: #E3001B;}

.block-vertnav .accordion-style1 .nav-item a{    padding-right: 35px!important;}

#mainmenu .nav-submenu .level2 { font-weight: normal!important; }

.cart .error-msg {display: none;}

.top-minorder { 
	text-align: right;
    padding-right: 21px;
    color: red;
    text-transform: uppercase;}
    
#mainmenu .nav-panel .nav-submenu .nav-3-1{float: right;}    

.level2.nav-submenu .nav-item.level3 a{
	margin: 5px 0px; 
	padding: 6px 10px;
	line-height: 100%!important;
}

.nav-regular li.level0 > a {
    padding: 0 9px!important;
}
.container {
    padding-left: 0px!important; 
    padding-right: 0px!important; 
}

.nav-container.sticky-container .nav-regular li.level0 > a {
    padding-left: 6px!important; padding-right: 6px!important;
}
.nav-container.sticky-container .nav-regular .classic > .nav-panel--dropdown > li > a {
    padding-top: 8px; padding-bottom: 8px; line-height: 1.2;
}

#gcheckout-shipping-method-available > dl .price {
	display:none!important; 
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {

    /* Menu */
    .nav-regular:not(.nav-vert) .nav-item.level0 > a,
    .nav-regular .nav-holder .dropdown-heading {
        font-size: 13px!important;
    }
}
@media (max-width: 773px) {    
    .category-products-grid .product-image img {
        max-height: 211px;
    }    
}    
    
@media (min-width: 774px) and (max-width: 1279px) {    
    .category-products-grid .product-image img {
        max-height: 184px;
    }   
} 

@media (min-width: 1279px) {    
 .category-products-grid .product-image img {
    max-height: 211px;
}  
}      

.product-table1 td {
    border-color: grey;
    padding: 5px;
}

.product-table1 td > p{

    padding: 0px!important;
}

@media (min-width: 769px) {
    .top-phone-mobile {
        display: none;
    }
}

.top-phone-mobile .top-phone {
    float: initial;
    text-align: center;
    margin-top: 5px;
    background: initial;
}


.pm {
    /*width: 65px;*/
    /*height: 26px;*/
    margin-left: -2px;
    background: url(../images/pm.png) no-repeat 0px 0px;
    margin: 1px 0px 9px -2px;
}

.pm-m, .pm-p {
    padding: 0px 2px;
    cursor: pointer;
    text-align: center;
    width: 25px;
    height: 28px;
    display: inline-block;
    line-height: 21px;
}

.list-is-hover1 {
    background: url(../images/pm1.png) no-repeat 0px 0px!important;
}
.list-is-hover2 {
    background: url(../images/pm2.png) no-repeat 0px 0px!important;
}
.pm input {
    line-height: 19px;
    border: none;
    height: 27px;
    font-size: 13px;
    margin: 1px 0px 0px 0px;
    width: 34px !important;
    margin-top: -20px;
    padding: 0px;
}
.ajax-update {
    color: #1A3DC1;
    line-height: 12px;
    display: inline-block;
    border-bottom: 1px dotted #1A3DC1;
    cursor: pointer;
    display: none;
}

.cart-table input.qty {
    width: 34px !important;
}

#shopping-cart-table .pm {
    width: 100px!important;
}
.cart-table .btn-update, .cart-table .btn-empty {
    float: initial;
}

.toplangs {
    text-decoration: underline;
    font-weight: bold;
}

.sy-caption {  display: none!important; }


/* -- -- */
:root {
    --clrBlueBs: rgb(13, 139, 205);
    --brdClr: #e5e5e5; /* для обводки */
}
.text-blue {color: var(--clrBlueBs);}
/**/
.gradient-box {
    width: 100%; height: 50px;
    position: absolute; left: 0px;
    margin-top: -50px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), white);
}
/* -- blog styles -- */
.toolbar-top .post-toolbar {border-bottom: 0}
.toolbar-under .post-toolbar {border-top: 0}
.post-toolbar label {padding-right: 6px}
.post-toolbar select {height: 28px; padding: 4px}
.post-grid {--gridWd: 100%; max-width: var(--gridWd); margin-left: auto; margin-right: auto;}
.post-grid .post-grid-item {margin-top: 12px; margin-bottom: 12px}
.post-grid-body {
    position: relative; padding: 28px 28px 24px;
    border-radius: 2px; box-shadow: 1px 3px 1px rgb(0 0 0 / 8%);
    border: 1px solid var(--brdClr); background-color: #fff;
    font: 14px; text-align: left;
}
.post-grid-body .img-box {border: 12px solid #d4d4d4;}
.post-grid-name {
    font-size: 19px; line-height: 1.2;
    margin-top: 12px; margin-bottom: 4px;
}
.post-grid-descr {font-size: 13px; height: 104px; overflow: hidden;}
.post-grid-sidebar {font-size: 11px; margin-top: 12px}
.post-grid-sidebar > * {margin-top: 2px; margin-left: 12px}
.post-grid-sidebar .ic {opacity: .65; font-size: 11px; padding-right: 8px}
/**/
.post-title {padding-bottom: 4px; border-bottom: 1px solid var(--brdClr);}
.post-title h1 {
    font-size: 20px; margin-bottom: 4px;
}
.post-title .post-date  {font-size: 10px}
.post-content.std {font-size: 14px}

@media (max-width: 767px) {
    .post-toolbar .sort-by, .post-toolbar  .limiter {display: none;}
}
@media (max-width: 575px) {
    .post-grid {--gridWd: 324px;}
    .post-grid-body {padding: 20px 16px;}
}
@media (min-width: 576px) and (max-width: 767px) {
    .post-grid {--gridWd: 388px;}
}
@media (min-width: 768px) {
    .post-content.std {font-size: 15px}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .post-grid {--gridWd: 776px;}
}