.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#333;
	background-image: none;
}

:root{
--wd-text-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:rgb(51,51,51);
}
:root{
--wd-entities-title-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:700;
--wd-entities-title-color:rgb(51,51,51);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Roboto", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:700;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:rgb(51,51,51);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(153,51,51);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:rgb(153,51,51);
}
.page .main-page-wrapper{
	background-color:rgb(244,243,242);
	background-image: none;
}

:root{
--btn-default-bgcolor:rgb(153,51,51);
}
:root{
--btn-default-bgcolor-hover:rgb(0,95,127);
}
:root{
--btn-shop-bgcolor:rgb(153,51,51);
}
:root{
--btn-shop-bgcolor-hover:rgb(0,95,127);
}
:root{
--btn-accent-bgcolor:rgb(153,51,51);
}
:root{
--btn-accent-bgcolor-hover:rgb(0,95,127);
}
:root{
--notices-success-bg:rgb(73,120,160);
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 1px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-shop-bottom-active: -1px;
				--btn-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
									--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
				--btn-accent-box-shadow-active: none;
				--btn-accent-bottom: 0px;
			
			
			
					
									--wd-sticky-btn-height: 95px;
						}

			@media (max-width: 1024px) {
			:root {
				--wd-sticky-btn-height: 95px;
			}
		}
	
			@media (max-width: 768px) {
			:root {
				--wd-sticky-btn-height: 42px;
			}
		}
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1410px;
			}
		}

		.container {
			max-width: 1440px;
		}

		:root{
			--wd-container-width: 1440px;
		}
	
			@media (min-width: 1440px) {
			[data-vc-full-width]:not([data-vc-stretch-content]) {
				padding-left: calc((100vw - 1440px - var(--wd-scroll-w)) / 2);
				padding-right: calc((100vw - 1440px - var(--wd-scroll-w)) / 2);
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 190px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sapkrg.kz/wp-content/themes/template/fonts/woodmart-font.woff2?v=6.5.4") format("woff2");
}

/*Таблица цен*/
!!!tbody tr:hover {
	background: #993333; 
  color: #fff;
	transition: all .25s ease-in-out;
}

/* Кнопка (отправить сообщение)*/
.glow-on-hover {
	width: 200px;
  height: 30px;
  border: none;
  outline: none;
  color: #fff;
  background: white;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 3px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 3px;
}

.glow-on-hover:active {
    color: white
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(153,51,51);
    left: 0;
    top: 0;
    border-radius: 3px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/*Настройки слоганов*/
.boxcolumn {
    border-bottom: 3px solid rgb(244,243,242);
		color: rgb(51,51,51);
    transition: all .25s ease-in-out
}

.boxcolumn:hover {
    border-bottom: 3px solid rgb(153,51,51);
    background-color: rgb(244,243,242);
		color: rgb(37,96,125);
	 
}

.boxicon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
	color: rgb(51,51,51);
}

.boxcolumn:hover .boxicon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
	color: rgb(37,96,125)
}

}
.boxhead {
    font-size: 18px;
}

.boxtext {
    font-size: 14px;
}

.mtext {
    font-size: 16px;
    color: white;
}

/*Настройки подвала*/
.boxiconfooter.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
	color: white;
	font-size: 25px;
}

.boxheadfooter {
	font-size: 14px;
}

/* Настройка Политики*/
.privacyhead {
	padding: 15px;
	font-size: 20px;
	color: white;
	background-color: rgb(153,51,51);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.privacytext {
	font-size: 16px;
	color: black;
	padding: 15px;
	border-bottom: 1px solid rgb(153,51,51);
}

/* Настройка меню шапки*/
.whb-header .whb-header-bottom .wd-header-cats {
	margin-top: 0px;
	margin-bottom: 0px;
	height: calc(100% + 0px);
}

.wd-dropdown-menu.wd-design-default {
	--wd-dropdown-width: 400px;
}

.wd-nav-img, .mega-menu-list img {
	display: inline-block;
	margin-right: 12px;
	max-height: 20px;
	width: auto !important;
}

.wd-side-hidden {
	width: 350px;
	z-index: 99999
}

.right {
  text-align: right;
}

.category-grid-item .wd-entities-title {
    font-size: 16px;
}

/* Настройка аккордеона услуг*/
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: rgb(153,51,51) !important
}

.vc_tta-panel-heading .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: rgb(153,51,51) !important
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    color: #ffffff !Important
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #ffffff !Important
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-flat .vc_tta-controls-icon::before {
    border-color: white !Important
}

.vc_tta-container {
    margin-bottom: 0px !Important;
}

/* Настройка этапов работы*/

.svg_image {
	fill: rgb(255,255,255);
}

.bgstage {
	fill: rgba(153,51,51,0);
	transition: all .25s ease-in-out;
}

.group1, .group2, .group3, .group4, .group5, .group6, .group7, .group8 {
	transition: all .25s ease-in-out;
	fill: rgba(244,243,242,1);
}

.group1:hover, .group2:hover, .group3:hover, .group4:hover, .group5:hover, .group6:hover, .group7:hover, .group8:hover {
	fill: rgba(244,243,242,1);
	filter: drop-shadow(0 0 5px rgba(244,243,242,1));
  overflow: visible;
}

/* Настройка страницы услуг*/

.service-col .vc_column-inner {
	transition: all .5s ease-in-out;
	background-color: white;
	box-shadow: 15px 15px 9px 0px rgba(0,0,0,0.15);
	border-radius: 10px
}

.service-col .vc_column-inner:hover {
	background-color: rgb(153,51,51);
}

.service-img {
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.service-img img {
  transition: all .5s ease-in-out;
}

.service-col .vc_column-inner:hover .service-img img {
  transform: scale(1.2);
	filter: brightness(50%);
}

.service-text {
	transition: all .5s ease-in-out;
	display: flex;
	height: 40px;
  justify-content: center;
  align-items: center;
	text-align: center;
	font-size: 16px
}

.service-text a {
	color: #777777
}

.service-col .vc_column-inner:hover .service-text a{
	color: white
}

.btn-form {
	width: 150px;
  border: none;
  outline: none;
  color: #fff;
  background: rgb(153,51,51);
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 3px;
	transition: opacity .3s ease-in-out;
}

.btn-form:hover {
	color: #fff;
}

.contact .boxiconfooter.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
	color: #777777;
	font-size: 30px !important
}

.contact .boxheadfooter {
	color: #333333;
}

/* Настройка брэндов*/

.brand {
	background: rgba(153,51,51,1);
	transition: all .3s ease-in-out;
}

.brand:hover {
	background: rgba(153,51,51,0);
}

.brand img {
	filter: brightness(0) invert(1);
}

.brand img:hover {
	filter: brightness(1) invert(0);
}

.bottondoc.btn-icon-pos-left .wd-btn-icon {
    margin-right: 25px;
}
@media (min-width: 1025px) {
	.svg_image {
	height: 40%;
	width: 40%;
}

.borderacc {
	border-right: 1px solid #e8e8e8
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.borderacc {
	border-right: 1px solid #e8e8e8
}

.service-text {
	font-size: 10px
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.service-text {
	font-size: 10px
}
}

@media (max-width: 576px) {
	.svg_image {
	height: 100%;
	width: 100%;
}

.service-text {
	font-size: 14px
}
}

