/* Контентная часть */
	
#index-slider {position: relative;}	
	
/* #index-slider .owl-nav {position: absolute; bottom: 30px; right: 30px; font-size: 1rem;} */
.owl-nav {position: absolute; top: 50%; margin-top: -20px; width: 100%; font-size: 1rem;}	
.owl-stage {display: flex;}	
button.owl-prev {left: -20px; position: absolute;}
button.owl-next {right: -20px; position: absolute;}
.owl-nav i {
    display: block;
    margin: 0;
    background: rgb(255 255 255 / 90%);
    width: 40px;
    line-height: 40px;
}



/* Скрыть записи Реечного потолка */

body.category-reechnyj-potolok .posts-archive {display: none;}


.wp-block-riad-alert.alert-danger { color: red; }
.wp-block-riad-alert.alert-success { color: green; }
.wp-block-riad-alert.alert-warning { color: orange; }



/* Контентная часть */

#title, .title {margin-bottom: 15px; font-size: 2rem;}
#title i {color: #2195f3;}

.descript {margin-bottom: 30px;}

.home h1 {
    margin-top: 30px;
    background: #3a69e0;
    color: #fff;
    padding: 15px;
    text-align: center;
    margin-bottom: 0;
}

@media (max-width: 992px) { #content {width: 100%;} #title, .title {font-size: 1.8rem;} }

@media (max-width: 768px) { 
    #title, .title {font-size: 1.6rem;} 
    .home h1 {font-size: 1.6rem;}
}

@media (max-width: 576px) { 
    #title, .title {font-size: 1.4rem;} 
    .home h1 {font-size: 1.4rem;}
}

@media (max-width: 480px) { #title, .title {font-size: 1.3rem;} }
@media (max-width: 380px) { #title, .title {font-size: 1.2rem;} }



/* Страница, Запись */

.post-content {padding: 45px 60px 30px 60px; min-height: 400px;}

.area {font-size: 1.1rem; text-align: left;}

/* .area a {text-decoration: underline;} */
/* .area a:hover {text-decoration: none;} */

.area h2, .post-content h2 {margin-bottom: 30px;}
h2 a {color: #333;}

.area > h2:after, .post-content > h2:after {
    position: absolute;
    top: 50%;
    margin-top: 3px;
    content: '';
    height: 1px;
    background: #2096f3;
    margin-left: 40px;
    width: 100%;
}

.area p {margin-bottom: 30px; line-height: 1.5;}

.area > img, .area > div {margin-bottom: 30px;}

.area ul, .area ol, .paragraph > ul  {/*display: inline-block;*/ margin-bottom: 30px; padding-left: 20px;}
  
.area ul li, .area ol li {width: 100%; margin-bottom: 15px; position: relative; line-height: 1.5;}
.area ul li:last-child, .area ol li:last-child {margin-bottom: 0;}
/*.area ul li {list-style: none;}*/

.area ul li::marker {color: #2196f3;}

/*.area ul li::before {
    content: "■";
    font-size: 0.8rem;
    position: absolute;
    left: -20px;
    top: 3px;
    color: #2196f3;
}*/

.area .wp-block-gallery li:before {display: none;}

.area table {border-spacing: 3px; margin-bottom: 30px; width: 100%;}

.area th {text-align: center; background: #50aaff; padding: 10px 12px; border: 1px solid #ccc; color: #fff; font-weight: 600;}

.area td {padding: 5px 12px; border: 1px solid #eee;}

.area td p {margin-bottom: 0;}

.area tr:nth-child(2n) {background: #f9f9f9;}

.area table h2 {margin: 10px 0;}

td.table-phone {white-space: nowrap;}

.clear {clear: both;}


blockquote {font-style: italic; border-left: 2px solid #80c7ff; padding-left: 30px; margin-bottom: 30px; color: #555;}
  
.alignleft {display: inline; float: left; margin-right: 30px; margin-bottom: 15px;}
.alignright {display: inline; float: right; margin-left: 30px; margin-bottom: 15px;}
.aligncenter {display: block; margin-right: auto; margin-left: auto; margin-bottom: 15px;}


.double-paragraph {display: flex; align-items: center;}
.double-paragraph h2 {width: 40%; padding-right: 50px; margin-bottom: 0 !important; font-size: 1.2rem; text-transform: uppercase;}
.double-paragraph .paragraph {width: 60%;}
.double-paragraph .paragraph > *:last-child {margin-bottom: 0;}

h2.first-title {clear: none;}
h2.first-title:after {display: none;}

table.colors {width: 100%;}
table.colors td {text-align: center;}
table.colors img {border: 1px solid #eee; box-shadow: 1px 1px 6px #ccc;}

body.category-metallicheskie-kassetyi .posts-archive {justify-content: center;}

ul.liquid {display: block;}

ul.liquid li {list-style: square;}


table.equal-cells, .colors table {text-align: center; overflow-x: scroll; display: inline-block; width: 100%; font-size: 1rem;}
table.equal-cells td, .colors table td {vertical-align: top;}
table.equal-cells tr td img, .colors table td img {max-width: initial; display: block; margin: 0 auto;}

.certificates {display: flex; margin: 0 -15px; flex-wrap: wrap;}
.certificates > * {width: 25%; padding: 0 15px; margin-bottom: 30px;}

.ursa-features td {width: 20%; text-align: center;}


.items {
    display: flex;
    flex-wrap: wrap;
	margin: 0 -30px;
}

.items > * {
    width: 25%;
    padding: 0 30px;
    margin-bottom: 60px;
    text-align: center;
}

.items > * img {
    display: block;
    margin: 0 auto 15px;
}


/* .colors img {
    display: block;
    margin: 0 auto;
} */

.download {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px 30px;
    background: var(--color-2);
    color: #fff;
    font-size: 1.2rem;
    padding: 15px 30px;
    margin-bottom: 30px;
    border-radius: 20px;
}

.download p {
    margin-bottom: 0;
}


/*@media screen and (min-device-height: 800px) { .post-content {min-height: 60vh;} }*/

@media (max-width: 1200px) { img.alignleft, img.alignright {max-width: 400px;} }

@media (max-width: 992px) { 
	.post-content {padding: 30px 0;}
	.items > * {width: 33.33%;}
}

@media (max-width: 768px) { 
	.area td {padding: 5px 7px;}
	.area table {font-size: 0.9rem; overflow-x: scroll; display: inline-block; width: 100%;} 
	.area > h2:after, .post-content > h2:after {display: none;}
	.items > * {width: 50%;}
}

@media (max-width: 576px) { 
	img.alignleft, img.alignright {max-width: 100%;}
	
	.double-paragraph {flex-wrap: wrap;}
	.double-paragraph h2 {width: 100%; padding-right: 0; margin-bottom: 15px !important;}
	.double-paragraph .paragraph {width: 100%;}
	
	.certificates > * {width: 50%;}
}

@media (max-width: 380px) { 
	.download {flex-direction: column; font-size: 1rem;}
    .download p {text-align: center;}
}

@media (max-width: 330px) { 
	.items > * {width: 100%;}
}



/* Записи в архивах */

.posts-archive {
    margin-bottom: 50px;
}

.news {margin-bottom: 40px;}
/*.news .hentry {height: 100%;}*/

.hentry > div {
    background: #fff;
    height: 100%;
    border: 1px solid #eee;
    position: relative;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.tag-order > div:before {
    content: "Под заказ";
    position: absolute;
	z-index: 9;
    top: 15px;
    left: 0;
    background: #3a69e0;
    color: #fff;
    padding: 7px 15px;
}

.tag-novinka > div:before {
    content: "Новинка";
    position: absolute;
	z-index: 9;
    top: 15px;
    left: 0;
    background: #70de4c;
    color: #fff;
    padding: 7px 15px;
}


a.post-image {display: block; width: 100%; margin-bottom: 15px; overflow: hidden; background: #2852b6; background: linear-gradient(0deg, #274282, #1b8feb);}
a.post-image img {aspect-ratio: 1 / 1; object-fit: cover;}

#birsmix a.post-image, .category-birsmix-cat a.post-image, .category-342 a.post-image {background: #ca0083; background: linear-gradient(to top, #ca0083, #f32121);}
body.category-towar a.post-image {background: #FF5722; background: linear-gradient(to top, #FF5722, #FF9800);}
.news a.post-image {background: none !important;}

.post-title {display: inline-block; width: 100%; text-align: center; font-size: 1.1rem; padding: 0 20px; margin-bottom: 15px; font-weight: 200;}
.post-title a {color: #000; text-decoration: none;}

a.post-image {border-bottom: 1px solid #eee;}

.hentry img {
    width: 100%;
    display: block;
    transition: all 0.3s ease;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s ease 0s;
    /*max-height: 290px;*/
    margin: 0 auto;
}

.hentry:hover .post-title a {color: #2196f3;}
.hentry:hover img {transform: scale(1.05);}

.hentry .line-cont {width: 100%;}

.hentry .excerpt {display: none;}	

.posts-archive.news img {width: 100%; border-bottom: 1px solid #eee;}


@media (max-width: 1200px) { 
	.posts-archive > * {width: 33.33%;}
}

@media (max-width: 768px) { 
	.posts-archive > * {width: 50%;}
}

@media (max-width: 480px) { 
	.posts-archive > * {width: 100%;}
    /* .hentry img {width: 70%;} */
    .post-title {margin: 15px 0 30px;}
}

	


/* Блоки с подкатегориями */

.subcategory-archive {margin-bottom: 50px; justify-content: center; row-gap: 30px;}

.subcategory {text-align: center; color: inherit;}
	
.subcategory .image {width: 100%; padding: 15px; margin-bottom: 20px; background: #2196F3; background: linear-gradient(to top, #0070ca, #2196F3); border-radius: 10px;}	
.subcategory .image img {max-height: 150px; width: 100%; max-width: 150px; display: block; margin: 0 auto;}

#birsmix .subcategory .image, .category-birsmix-cat .subcategory .image, .category-342 .subcategory .image {background: #ca0083; background: linear-gradient(to top, #ca0083, #f32121);}

#stroy .subcategory .image, .category-towar  .subcategory .image {background: #FF5722; background: linear-gradient(to top, #FF5722, #FF9800);}
	
.subcategory .text {font-size: 1.1rem; padding: 0 10px;}

.subcategory:hover {color: #2196f3;}  
	
.subcategory ul {display: inline-block; padding: 0 15px 0 30px; margin-bottom: 15px; color: #2196f3;}	
.subcategory ul li {text-align: left;}
.subcategory ul li a {color: #000;}
.subcategory ul li a:hover {color: #2196f3;}
	

.category-329 #title {text-align: center;}
.category-329 .subcategory-archive {justify-content: center;}
.category-341 .alignleft {margin-bottom: 50px;}
.category-341 .area ul li {margin-bottom: 7px;}

@media (max-width: 1200px) { 
    .subcategory {width: 25%;}
}

@media (max-width: 992px) { 
    .subcategory {width: 33.33%;}
}

@media (max-width: 768px) { 
    .subcategory {width: 50%;}
}

@media (max-width: 480px) { 
    .subcategory {width: 100%;}
}


	



/* Постраничная навигация, Предыдущая-Следующая записи */

.nav {width: 100%; display: -webkit-flex; display: flex; margin-bottom: 30px; text-align: center; justify-content: center;}

nav.navigation.pagination {text-align: center;}

.nav-links {display: inline-block; overflow: hidden;}

.nav-links a, .page-numbers.current, .page-numbers.dots {
    float: left;
    font-size: 0.8rem;
    text-transform: uppercase;
    min-width: 42px;
    line-height: 42px;
    background: #fff;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    -webkit-transition: color .2s ease, background .2s ease, border-color .2s ease;
    -moz-transition: color .2s ease, background .2s ease, border-color .2s ease;
    transition: color .2s ease, background .2s ease, border-color .2s ease;
}
	
.page-numbers.current {
    float: left;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    border-color: #03a9f4;
}		

.nav-links a:last-child {border-right: 1px solid #f7f7f7;}
	
.prev.page-numbers, .next.page-numbers {padding: 0 11px;}

.nav > a p {display: table-cell; vertical-align: middle;}

.nav > a {display: table; width: 100%; padding: 10px 0;}

#nav-left, #nav-right {width: 49%; background: #fff; border: 1px solid #f7f7f7; border-radius: 3px;}

#nav-right {margin-left: auto;}

#nav-left:hover, #nav-right:hover {border: 1px solid #50aaff;}

.nav img {border-radius: 25px;}
.nav i {color: #50AAFF; padding: 0 10px;}

@media (max-width: 800px) { #nav-left, #nav-right {width: 100%; margin: 5px 0;} }



/* Разные стили */

#ishop {margin-bottom: 30px;}

#ishop a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #419fff;
    color: #fff;
    border: 5px solid #eee;
    padding: 10px 5px;
    border-radius: 3px;
    text-decoration: none;
}

#ishop figure {margin: 0;}
#ishop img {margin: 0 15px 0 10px;}

#ishop a:hover {background: #2479ce;}


/* Подвал */

footer {position: relative; z-index: 66; background: #eee; background: linear-gradient(to top, #eee, #f9f9f9); margin-top: auto;}

#footer-foot {font-size: 0.9rem;}

#footmenu { padding: 45px 0;}

#footmenu ul.menu {flex-wrap: wrap;}
#footmenu ul.menu .sub-menu {display: none !important;}

#footer-foot a {color: #111;}
#footer-foot a:hover {text-decoration: underline;}

#footer-foot #footer-info {font-size: 0.8rem;}

#footer-head {background: #2196F3; padding: 7px 0;}

/* #footmenu > div {align-self: flex-start; margin-bottom: 45px;} */
#footmenu > div div {display: inline-block; text-align: left;}
  
#footmenu > div p {font-size: 1rem; width: 100%; margin-bottom: 15px;}
#footmenu > div p.phone {margin-bottom: 0;}
.department-foot {margin-bottom: 15px;}
.department-foot small {color: #234db1;}

#footmenu > div i {color: #2196F3;}

#footmenu > div ul {/*display: inline-block;*/ padding-left: 20px;}
#footmenu > div li {list-style: none; margin-bottom: 7px; text-align: left;}
#footmenu > div li:last-child {margin-bottom: 0;}

#footmenu > div li a:before {
    content: "\eb62";
	font-family: 'icomoon';
    color: #234db1;
    display: inline-block;
    margin-left: -20px;
    width: 20px;
    font-size: 0.7rem;
}

#footmenu > div div.social {font-size: 1.8rem; display: flex; justify-content: center;}

@media (max-width: 768px) { 
    #footmenu .col-3 {width: 100%;}
    #footmenu > div div {display: block;}
}

@media (max-width: 576px) { 
    #footer-foot {padding: 0;}
	#footmenu > div {width: 100%;}
	#footer-foot {font-size: 1rem;}
}



/* плавное изменение прозрачности  placeholder-а при фокусе */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder, textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder, textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder        {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

/* Текст предназначен только для чтения с экрана */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important;	height: 1px; width: 1px; overflow: hidden;}



.call-item {position: fixed; z-index: 99; width: 90px; height: 90px; right: 5%; bottom: 50%;}

.call-item a {
    background: #396ae0;
    color: #fff;
    text-decoration: none;
    position: fixed;
    z-index: 999;
    height: 90px;
    width: 90px;
    text-align: center;
    border-radius: 100%;
	cursor: pointer;
}

.call-item a:hover {background: #234db1; color: #fff;}

.call-item i {position: absolute; right: 25px; top: 18px; font-size: 1.6rem;}

.call-item small {
    position: absolute;
    line-height: 14px;
    bottom: 12px;
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
}

.dot {
    height: 90px;
    width: 90px;
	position: absolute;
	top: 0;
    border-radius: 100%;
    animation: sploosh 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: #2196F3;
}

@keyframes sploosh {
	0% {
		transform: scale(1);
		opacity: 0.7;  
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}


@media (max-width: 480px) {
	.call-item {width: 50px; height: 50px; right: 20px; bottom: 120px;}
	.call-item i {right: 8px; top: 15px; font-size: 1.2rem;}
	.call-item a {width: 50px; height: 50px;}
	.call-item a small {display: none;}
	.dot {width: 50px; height: 50px;}
}


#Go_Top {
    position: fixed;
    right: 70px;
    bottom: 70px;
    opacity: 0;
    z-index: 291;
    display: block;
    text-align: center;
    font-size: 25px;
    line-height: 55px;
    width: 55px;
    border-radius: 5px;
    background: #eee;
    color: #000;
    cursor: pointer;
	transition: none;
    -o-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}
body.compensate-for-scrollbar #Go_Top, body.windows-active #Go_Top {display: none;}	

#Go_Top i {margin: 0;}
#Go_Top:hover {background: #2196F3; background: linear-gradient(to top, #0070ca, #2196F3); color: #fff;}
.up {opacity: 1 !important;}

@media (max-width:1024px) { #Go_Top {right: 0; bottom: 0px;} }

@media (max-width:576px) { #Go_Top {font-size: 20px; line-height: 45px; width: 45px; } }

.cn-button.bootstrap {background: #3a69e0 !important;}