/*   
Theme Name: burum
Author: Dmitrij Nikolaenko
Authot Email: dmitrij.nikolaenko.91@gmail.com
*/

html, body{width: 100%;min-height: 100%; scroll-behavior: smooth;}
body{
font-family: 'Roboto', sans-serif; word-break: break-word;}
/***position foter***/
* {margin: 0;padding: 0;}
html, body {height: 100%;}
#content-sites {display: flex;flex-direction: column;height: 100%;}
#content {flex: 1 0 auto;}
#footer {flex: 0 0 auto;}
/*** end position foter***/

@font-face {
    font-family: 'CyrillicOld';
    src: url('/wp-content/themes/burum/fonts/cyrillicolda_bold.ttf') format('truetype');
       font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adagio-script';
    src: url('/wp-content/themes/burum/fonts/Adagio-script.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}



a, input, img, textarea{outline: none;}
a{transition: 0.3s;}
a:hover{transition: 0.3s;}
h1{font-size: 42px;
    padding-bottom: 32px;
    line-height: 140%;
    font-weight: 600;}
h2{font-size: 40px;padding-bottom: 22px; line-height: 140%; font-weight: 600;}
h3{font-size: 26px;padding-bottom: 20px; line-height: 140%; font-weight: 600;}
h4{font-size: 24px;padding-bottom: 18px; line-height: 140%; font-weight: 600;}
h5{font-size: 22px;padding-bottom: 16px; line-height: 140%; font-weight: 600;}
p{ font-size: 16px;padding-bottom: 12px;font-weight: 400; line-height: 140%;}
li{font-size: 16px;padding-bottom: 6px;font-weight: 400; line-height: 140%;}
ul, ol{padding-bottom: 12px;}
#go-top {position: fixed;width: 50px;height: 50px;line-height: 50px;bottom: 40px;right: 40px;z-index: 99;text-align: center;color: #fff !important;background: rgb(172 172 172 / 50%) url(/wp-content/themes/burum/img/to-top.png);background-position: center center;background-repeat: no-repeat;cursor: pointer;transition: 0.4s}
#go-top:hover {background: rgba(0, 0, 0, 0.54) url('/wp-content/themes/burum/img/to-top.png');background-position: center center;background-repeat: no-repeat;transition: 0.4s}
/***defaul for breadcrumbs**/
.breadcrumbs-page{border-bottom: 1px solid #323232;
    padding-bottom: 10px;
    margin-bottom: 25px;
    padding-top: 25px;  color: #c1c1c1;
	}
.breadcrumbs-page p{
	font-size: 14px;
}	
.breadcrumbs-page a{text-decoration: none !important;color: #fff !important;text-shadow: none;}
.breadcrumbs-page a:hover{text-decoration: underline !important;}
/**defaul for galery wordpress**/
.gallery {float: none;display: inline-block;width: 100%;}
.gallery img{width: 100%;height: auto;border: none !important;margin-bottom: 0px;transition: 0.3s;}
.gallery img:hover{-webkit-filter: sepia(100%);transition: 0.3s;}
.gallery-item{margin-top: 0px;}
/**defaul for img***/
img.alignleft{max-width: 50%;height: auto;margin-right: 25px;margin-bottom: 25px;margin-top: 25px;float: left;}
img.aligncenter{max-width: 100%;height: auto;margin-bottom: 25px;margin-top: 25px;float: none;}
img.alignright{max-width: 50%;height: auto;margin-left: 25px;margin-bottom: 25px;margin-top: 25px;float: right;}
.active-img {position: fixed !important;z-index: 999 !important;overflow: unset !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;max-width: 80% !important;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.38) !important;}
.close-img{position: fixed;z-index: 999;width: 30px;height: 30px;top: 8px;right: 8px;background: url('/wp-content/themes/burum/img/close-img.png');background-size: contain;cursor: pointer;display: none;}
/**end default**/
/****footer***/
footer {background: #000;padding: 45px 0px 0px 0px;color: #fff;display: inline-block;width: 100%;z-index: 2;bottom: 0px;}
.footer-box{display: flex;flex-direction: row;flex-wrap: wrap; align-items: flex-start;justify-content: space-between;	}
.box-content-footer{ width: 33.333%; padding: 15px; box-sizing: border-box;	}
.box-content-footer ul{list-style-type: none;    margin: 0px;}
.box-content-footer p{font-size: 15px;	}
.box-content-footer a{text-decoration: none;font-size: 16px;color: #fff;	display:block;padding-bottom:4px;}
.box-content-footer a:hover{color:#b02834;}
.box-footer-contact{display: flex;flex-direction: column;align-items: flex-end;	}
.box-footer-contact a{    font-size: 17px;
    font-weight: 400;
    padding-bottom: 0px;}
.box-footer-menu{text-align:center;}
.date-site{    text-align: center;
    padding: 15px;
    font-size: 13px;
    color: #888;
    border-top: 1px solid #252525;}
/*** end footer style***/
/***header style***/
.header{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    background: #ffffff;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 13%);
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.box-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3px;
    padding-top: 3px;
}
.menu-top-site > ul{
display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.menu-top-site ul{
    list-style-type: none;
    margin: 0px;		
	padding:0px;
}
.menu-top-site li{padding:0px;}
.menu-top-site a{
    text-decoration: none;
    font-size: 17px;
    color: #000000;
    padding: 4px 8px;
    font-weight: 400;
    display: block;
}
.menu-top-site a:hover{color:#b02834;}
.contacts-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 355px;	
}
.phone-header{
    text-decoration: none;
    font-size: 22px;
    padding: 12px;
    font-weight: 600;
    color: #888;	
}
.phone-header:hover{
	color: #666;
}
.ul-contacts-header{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
    padding-right: 22px;	
}
.ul-contacts-header li{
    font-size: 15px;
    padding: 0px;	
}
.ul-contacts-header a{
    text-decoration: none;
    color: #333;
    padding: 2px;
    display: block;	
}
.ul-contacts-header a:hover{
	color: #a30010;
}

.logo-header img{
	height:70px !important;
}
.logo-header a{
    text-decoration: none;
    color: #9ba8dd;
    font-size: 22px;
    font-weight: 900;
    display: flex;
    align-items: center;	
}
.logo-header span{
display: block;
    padding-left: 8px;
}	
/*** end header style***/
/*** ul & ol down style ****/
ul.children-ul{
position: absolute !important;
    top: 27px;
    white-space: nowrap;
    background: #ffffff;
    box-shadow: 0px 0px 2px rgba(2, 2, 2, 0.25);
    padding: 3px 4px !important;
    left: -10px;
}
ul.children-ul a{
    padding: 6px 6px;
    display: block;	
	font-size: 15px;
}
ul.menu a{
	position:relative;
	z-index:1;     font-size: 14px;
}
.arrow-bottom , .arrow-top {
    position: relative;
}
.arrow-bottom:before {
    content: '\203A';
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.3s;
    color: #d6d6d6;
    font-size: 18px;
    transform: rotate(90deg);
	transition:0.3s;
	transform-origin:center;
}
.arrow-top:before {
    content: '\203A';
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.3s;
    color: #d6d6d6;
    font-size: 18px;
    transform: rotate(-90deg);
	transition:0.3s;
	transform-origin:center;
}
/*** end ul & ol down style ****/
/*******/
/****mobile***/
.mobile-menu{display:none;}
.mobile-buttons{
	display: none;
	position:relative;
	width: 56px;
    height: 56px;
}
/****end mobile style***/
/***other styles****/
.button-pages{
    font-size: 15px;
    background: #b02834;
    padding: 15px 18px;
    color: #fff;
    cursor: pointer;
    border-radius: 9px; transition:0.3s; text-decoration: none;
}
.button-pages:hover{
	background: #000;
	transition:0.3s;
}
.box-before-header{width:100%;}
.button-top-modal{display:none;}
/***end other styles****/
span.wpcf7-not-valid-tip, .ajax-loader, .wpcf7 br{ display: none!important;}
input.wpcf7-not-valid {
    border: 1px solid red !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #ff0000 !important;
    color: #ff0000;
    font-size: 16px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
    background: #fff;
}
/*******/
.block-flex-min, .tabs-options-nameplate{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.container-flex-bew{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;	
}
.tabs-form-text-nmplt{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.options-nameplate{
	width: calc(100% - 650px);
	padding: 4px;
    box-sizing: border-box;
}
.options-nameplate{background: #d1d1d1; border: 1px solid #8a8a8a; color: #000;}
.tabs-options-nameplate{padding-bottom: 10px;}
.name-tab{padding-bottom:4px;font-size:15px;font-weight: 600; color: #000;}
.tab-options-nameplate{
    width: calc(16.6%);
    text-align: center;
    font-size: 16px;
    border: 1px solid rgb(136 136 136 / 31%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 8px 4px 4px 4px;
    box-sizing: border-box;
    background: #ebebeb;
    transition: 0.3s;
	border: 1px solid #8a8a8a;
}
.tab-options-nameplate:hover, .btn-option-nmplt:hover, .btn-active{
    background: #fff !important;
    transition: 0.3s;
}
.btn-option-nmplt{
	font-size: 15px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 3px;
    cursor: pointer;
    transition: 0.3s;
    background: #dbdbdb;
    text-align: center;
    box-sizing: border-box;
    color: #000;
    font-weight: 500;
}
.content-options-nameplate input{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 6px;
    font-size: 16px;
    border: 1px solid #333;
}
.content-options-nameplate textarea{    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 6px;
    font-size: 16px;
    border: 1px solid #333; height: 80px; }
.content-options-nameplate label{
	width: 100%;
    border-top: 1px dotted #333;
    padding-bottom: 9px;
    padding-top: 9px;
    display: block;
    font-size: 15px;
    margin-top: 6px;
    color: #000;
    font-weight: 500;
}
.box33-proc{
	width: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-fyfty-min{ width: calc(50% - 2px); }
.posts-images{ display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.post-image{
	aspect-ratio: 10 / 10;
    position: relative;
    z-index: 1;
    border: 1px solid #888;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.3s;
}
.post-image:hover{ transition: 0.3s; background: #fff; }
.post-image img{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    object-fit: contain;
    width: 100% !important;
    height: 100% !important;
}
.post-img-zoom{
	overflow: hidden;	
}
.post-img-zoom img{
top: 50% !important;
    transform: translate(0px, -50%);
    width: 100% !important;
    height: 34px !important;
    object-fit: cover;
}
.number_post_images{
	background: #fff;
    font-size: 14px;
    padding: 1px 4px;
    box-sizing: border-box;
    position: absolute;
    z-index: 99;
    bottom: 3px;
    right: 3px;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #000;
    font-weight: 600;
}
.box-constructor-nameplate{padding-bottom: 85px;     padding-top: 30px;    position: relative;}
.block-overflov{overflow:hidden;}
.btn-order-constructor{margin-bottom: 25px;
    display: inline-block;}
.btn-option-nmplt-opacity{
	opacity: 0.4;
	transition: 0.3s;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 3px;
    cursor: pointer;
    transition: 0.3s;
    text-align: center;
    box-sizing: border-box;
    color: #000;
    font-weight: 500;
}
.btn-active-opacity, .btn-option-nmplt-opacity:hover{
	opacity: 1;
	transition: 0.3s;
}
.nameplate{
    position: relative;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;     margin: auto; 
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    transform-style: preserve-3d;     border-bottom: 2px solid rgb(0 0 0 / 61%);
}



.nameplate::after {
    content: "";
    position: absolute;
    top: 100%; /* Позиционируем псевдоэлемент под оригинальным блоком */
    left: 0;
    right: 0;
    height: 100%; /* Зеркальное отражение будет того же размера, что и блок */
    background: inherit; /* Наследуем фон */
    transform: scaleY(-1); /* Зеркальное отражение по вертикали */
    opacity: 0.5; /* Прозрачность для эффекта */
    filter: blur(2px); /* Небольшое размытие для реалистичности */
    z-index: 3; /* Чтобы отражение было под оригинальным элементом */
}

.container-foto-and-text, .border-nameplate, .fasteners-nameplate {
    position: relative;
    z-index: 1; /* Устанавливаем, чтобы содержимое было над отражением */
}
.reflected {
display: block;
    margin-top: 0px;
    width: 100%;
    position: absolute;
    top: calc(100% - 15px);
    left: 0px;
    right: 0;
    height: 100%;
    background: inherit;
    z-index: -5;
    transform: perspective(800px) rotateX(0deg) rotateY(10deg) rotateZ(0deg) rotate(0deg) skewY(-5.5deg);
    transform-style: preserve-3d;
	
}
.reflected:before{
    position: absolute;
    content: '';
    background: linear-gradient(356deg, black, rgb(0 0 0 / 88%), rgb(0 0 0 / 64%), rgb(0 0 0 / 40%), rgb(0 0 0 / 3%));
    left: -7px;
    right: -6px;
    height: 100%;
    z-index: 2222;
    bottom: -4px;
}

.reflected .nameplate {
    transform: scaleY(-1); /* Отражение блока по вертикали */
    opacity: 0.5; /* Прозрачность для отражения */
    filter: blur(2px); /* Размытие для реалистичности */
}


.box-nameplate{
	width: 640px;     display: block; position: relative;
}
.fon-nameplate{
	position: absolute;
	top: 0px; left:0px; bottom: 0px; right:0px;  
	/*box-shadow: 
		0px 0px 3px #000,
		inset 3px 3px 2px rgb(0 0 0 / 53%); */
	    transform: translateZ(0);
    z-index: 1;
    backface-visibility: hidden;
	box-shadow: inset 0 0 0 4px rgb(0 0 0 / 37%);
}
.fon-nameplate:before{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    height: 6px;
    background: rgb(0 0 0 / 21%);
}
.fon-nameplate:after{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 7px;
    background: rgb(0 0 0 / 20%);
}

/**fasteners-nameplate**/
.fasteners-nameplate, .top-bottom-fasteners, .left-right-fasteners, .perimeter-fasteners, .top-perimeter-fasteners, .bottom-perimeter-fasteners{
	position: absolute; top: 0px; left:0px; bottom: 0px; right: 0px;
	z-index: 3;
}
.top-bottom-fasteners:before,
.top-bottom-fasteners:after,
.left-right-fasteners:before,
.left-right-fasteners:after,
.top-perimeter-fasteners:before,
.top-perimeter-fasteners:after,
.bottom-perimeter-fasteners:before,
.bottom-perimeter-fasteners:after{
	content: '';
	position: absolute;
	z-index: 6;
	width: 10px; height: 10px; border-radius: 50%; background: #000;
}
.top-bottom-fasteners:before{
	top: 3px; left: calc(50% - 5px);
}
.top-bottom-fasteners:after{
	bottom: 3px; left: calc(50% - 5px);
}
.left-right-fasteners:before{
	bottom: calc(50% - 5px); left: 3px;
}
.left-right-fasteners:after{
	bottom: calc(50% - 5px); right: 3px;
}
.top-perimeter-fasteners:before{
	top: 3px; right: 3px;	
}
.top-perimeter-fasteners:after{
	top: 3px; left: 3px;
}
.bottom-perimeter-fasteners:before{
	bottom: 3px; right: 3px;
}
.bottom-perimeter-fasteners:after{
	bottom: 3px; left: 3px;
}
.content-tab-img-fasteners img{
    width: 100%;
    max-width: 250px !important;
}
/**end fasteners-nameplate**/
/****border-nameplate***/
.border-nameplate{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0px;
}
.border-nameplate img{max-width: 100%; height:100%;object-fit: contain;}
.container-borders-nameplate{
	position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.top-left-border1-nameplate{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 1;     aspect-ratio: 10 / 10;
        width: 22%;
}
.top-right-border1-nameplate{
	position: absolute;
	top: 0px; right: 0px;
	z-index: 1;	     aspect-ratio: 10 / 10;
        width: 22%; transform: rotate(90deg);
}
.top-right-border2-nameplate{
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    aspect-ratio: 10 / 10;
    width: 38%;
    transform: rotate(0deg);	
}
.bottom-left-border2-nameplate{
    position: absolute;
    bottom: -10px;
    left: -10px;
    z-index: 1;
    aspect-ratio: 10 / 10;
    width: 38%;
    transform: rotate(180deg);	
}
.bottom-right-border1-nameplate{
	position: absolute;
	bottom: 0px; right: 0px;
	z-index: 1;	     aspect-ratio: 10 / 10;
        width: 22%; transform: rotate(180deg);
}
.bottom-left-border1-nameplate{
	position: absolute;
	bottom: 0px; left: 0px;
	z-index: 1;	     aspect-ratio: 10 / 10;
        width: 22%; transform: rotate(270deg);
}
.top-center-border-nameplate{
	position: absolute;
	top: 0px; left: 10%;
	z-index: 1;	  
        width: 80%; transform: rotate(0deg);	
}
.bottom-center-border-nameplate{
	position: absolute;
	bottom: 0px; left: 10%;
	z-index: 1;	 
        width: 80%; transform: rotate(180deg);	
}
/*******/
.border-nameplate8 .top-left-border1-nameplate, .border-nameplate8 .top-right-border1-nameplate, .border-nameplate8 .bottom-right-border1-nameplate, .border-nameplate8 .bottom-left-border1-nameplate{
	    width: 76px;
}
.border-nameplate8, .top-center-border8-nameplate, .left-right-border8-nameplate{
	top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute;
}

.top-center-border8-nameplate:before{
content: '';
    background: url(/wp-content/uploads/2024/09/border8-2.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 28px;
    left: 68px;
    right: 68px;
    height: 4px;
}
.top-center-border8-nameplate:after{
    content: '';
    background: url(/wp-content/uploads/2024/09/border8-2.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    bottom: 28px;
    left: 68px;
    right: 68px;
    height: 4px;
}
.left-right-border8-nameplate:after{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/09/border8-1.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 67px;
    left: 24px;
    width: 4px;
    top: 64px;
}
.left-right-border8-nameplate:before{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/09/border8-1.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 66px;
    right: 24px;
    width: 4px;
    top: 66px;
    z-index: 3333;
}
/*******/
.border-nameplate7 .top-left-border1-nameplate, .border-nameplate7 .top-right-border1-nameplate, .border-nameplate7 .bottom-right-border1-nameplate, .border-nameplate7 .bottom-left-border1-nameplate{
	    width: 118px;
}
.border-nameplate7, .top-center-border7-nameplate, .left-right-border7-nameplate{
	top: 2px; left: 2px; right: 2px; bottom: 2px; position: absolute;
}

.top-center-border7-nameplate:before{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 23px;
    left: 115px;
    right: 117px;
    height: 2px;
}
.top-center-border7-nameplate:after{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    bottom: 23px;
    left: 115px;
    right: 117px;
    height: 2px;
}
.left-right-border7-nameplate:after{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 120px;
    left: 20px;
    width: 2px;
    top: 120px;
}
.left-right-border7-nameplate:before{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 120px;
    right: 20px;
    width: 2px;
    top: 115px;
    z-index: 3333;
}

/******/
.border-nameplate9 .top-left-border1-nameplate, .border-nameplate9 .top-right-border1-nameplate, .border-nameplate9 .bottom-right-border1-nameplate, .border-nameplate9 .bottom-left-border1-nameplate{
	    width: 118px;
}
.border-nameplate9, .top-center-border9-nameplate, .left-right-border9-nameplate{
	top: 2px; left: 2px; right: 2px; bottom: 2px; position: absolute;
}

.top-center-border9-nameplate:before{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 109px;
    right: 109px;
    height: 3px;
}
.top-center-border9-nameplate:after{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
bottom: 15px;
    left: 106px;
    right: 111px;
    height: 3px;
}
.left-right-border9-nameplate:after{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 110px;
    left: 13px;
    width: 3px;
    top: 108px;
}
.left-right-border9-nameplate:before{
    content: '';
    background: #333;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 113px;
    right: 12px;
    width: 3px;
    top: 107px;
    z-index: 3333;
}


/******/
.border-nameplate10 .top-left-border1-nameplate, .border-nameplate10 .top-right-border1-nameplate, .border-nameplate10 .bottom-right-border1-nameplate, .border-nameplate10 .bottom-left-border1-nameplate{
	    width: 118px;
}
.border-nameplate10, .top-center-border10-nameplate, .left-right-border10-nameplate{
	top: 2px; left: 2px; right: 2px; bottom: 2px; position: absolute;
}

.top-center-border10-nameplate:before{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-top.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 10px;
    left: 109px;
    right: 109px;
    height: 17px;
}
.top-center-border10-nameplate:after{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-top.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
bottom: 10px;
    left: 106px;
    right: 116px;
    height: 17px;
}
.left-right-border10-nameplate:after{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-left.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 115px;
    left: 8px;
    width: 17px;
    top: 111px;
}
.left-right-border10-nameplate:before{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-left.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 113px;
    right: 8px;
    width: 17px;
    top: 115px;
    z-index: 3333;
}

/********/
.top-right-border15-nameplate, 
.bottom-left-border15-nameplate,
.border-nameplate15-top-left,
.border-nameplate15-bottom-right{
	width: 211px;
}
.bottom-left-border15-nameplate{
	
}
.border-nameplate15-top-left{
width: 200px;
    top: -8px;
    left: -8px;	
}
.border-nameplate15-bottom-right{
    width: 169px;
    bottom: -4px;
    right: -4px;	
}

.border-nameplate15, .top-center-border15-nameplate, .left-right-border15-nameplate{
	top: 2px; left: 2px; right: 2px; bottom: 2px; position: absolute;
}

.top-center-border15-nameplate:before{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-top-1.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 14px;
    left: 183px;
    right: 91px;
    height: 4px;
}
.top-center-border15-nameplate:after{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-top-1.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
bottom: 14px;
    left: 106px;
    right: 115px;
    height: 4px;
    z-index: -1;
}
.left-right-border15-nameplate:after{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-left-1.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 199px;
    left: 13px;
    width: 6px;
    top: 185px;
}
.left-right-border15-nameplate:before{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/preview-left-1.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 17px;
    right: 13px;
    width: 6px;
    top: 81px;
    z-index: 3333;
}

.border-white-rowss-ochko .top-center-border15-nameplate:before {
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/78789t.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 12px;
    left: 183px;
    right: 91px;
    height: 8px;
}

.border-white-rowss-ochko .top-center-border15-nameplate:after{
    content: '';
    background: url(https://tablichki.com.ua/wp-content/uploads/2024/10/78789t.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    bottom: 12px;
    left: 106px;
    right: 115px;
    height: 8px;
    z-index: -1;
}
.border-white-rowss-ochko .left-right-border15-nameplate:after{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/1111.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 199px;
    left: 11.3px;
    width: 8px;
    top: 185px;
}
.border-white-rowss-ochko .border-nameplate15-bottom-right{
	    width: 193px;
    bottom: 1px;
    right: 1px;
}
.border-white-rowss-ochko .left-right-border15-nameplate:before{
    content: '';
    background: url(http://tablichki.com.ua/wp-content/uploads/2024/10/1111.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    bottom: 17px;
    right: 11px;
    width: 9px;
    top: 81px;
    z-index: 3333;
}
.border-white-rowss-ochko .border-nameplate15-top-left {
    width: 200px;
    top: 0px;
    left: 0px;
}

/****border-white-rowss-ochko***/
.border-white-rowss-ochko .left-right-border8-nameplate:before, 
.border-white-rowss-ochko .left-right-border8-nameplate:after,
.border-white-rowss-ochko .top-center-border8-nameplate:after,
.border-white-rowss-ochko .top-center-border8-nameplate:before,
.border-white-rowss-ochko .left-right-border7-nameplate:before, 
.border-white-rowss-ochko .left-right-border7-nameplate:after,
.border-white-rowss-ochko .top-center-border7-nameplate:after,
.border-white-rowss-ochko .top-center-border7-nameplate:before,
.border-white-rowss-ochko .left-right-border10-nameplate:before, 
.border-white-rowss-ochko .left-right-border10-nameplate:after,
.border-white-rowss-ochko .top-center-border10-nameplate:after,
.border-white-rowss-ochko .top-center-border10-nameplate:before{
box-shadow: 2px 2px 0 #9f9f9f, -2px 2px 0 #9f9f9f, 2px -2px 0 #9f9f9f, -2px -2px 0 #9f9f9f;	
}

.border-white-rowss-ochko .left-right-border9-nameplate:before, 
.border-white-rowss-ochko .left-right-border9-nameplate:after,
.border-white-rowss-ochko .top-center-border9-nameplate:after,
.border-white-rowss-ochko .top-center-border9-nameplate:before{
box-shadow: 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000;	
background: #fff;
}

/****border-white-rowss-ochko***/

/****end border-nameplate***/
/***forma-text-nameplate***/
.container-foto-and-text{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    box-sizing: border-box;
    padding: 8% 11%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.forma-text-nameplate{
    display: flex;
   align-items: center;
    justify-content: center;
    flex-direction: column;	     width: 100%;
}
.text-nameplate{
    width: 70%;
    z-index: 9;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 140%;
    position: relative;
}

/**post-simbol***/
.simbol-nameplate{    position: relative;
    z-index: 6;
    width: 100%;}
.post-simbol{
    position: relative;
    transform: translate(-50%, 0px);
    left: 50%;
    margin-bottom: 10px;
}
.post-simbol img{
width: 17%;
    aspect-ratio: 10 / 10;
    object-fit: contain;
}
/**end post-simbol***/


.active-foto .text-nameplate{
	width: calc(100% - 170px) !important;	
}
.active-foto .foto-nameplate{
	
}

.foto-left .foto-nameplate{order: 1; margin-right: 20px;}
.foto-left .text-nameplate{order: 2;}
.foto-right .foto-nameplate{order: 2;margin-left: 20px;}
.foto-right .text-nameplate{order: 1;}
.active-foto .foto-nameplate img{
	
}
.foto-left .forma-text-nameplate{
	align-items: flex-start !important;
}
.foto-right .forma-text-nameplate {
    align-items: flex-end !important;
}
.foto-left .post-simbol{
    text-align: left;
    margin-left: 18%;
    box-sizing: border-box;
}
.foto-right .post-simbol{
	    text-align: right;
    margin-right: 18%;
    box-sizing: border-box;
}
.vertical .foto-nameplate{
    width: 100%;
    text-align: center;	
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 12px; margin-top: 12px;
}
.vertical .post-simbol{
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}
.vertical .text-nameplate {
    width: 100% !important;
    text-align: center;
}
.vertical .forma-text-nameplate {
    align-items: center !important;
}

.vertical_foto{
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;	
}


.tire-simbol{margin-right: 6px;
    font-size: 27px;}
.first-name, .last-name, .phather-name{
    font-size: 40px;
    display: block;
    white-space: nowrap;
	    line-height: 105%;
}

.data-birth-dead{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-top: 10px;
    justify-content: center; white-space: nowrap;
}
.data-birth{
    font-size: 20px;
    margin-right: 6px; 
}
.data-dead{
    font-size: 20px;
    margin-right: 6px;
}
.epitafia{padding-top: 12px; font-size: 17px; line-height: 120%;}
.box-names{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center; white-space: nowrap;	     width: 100%;
}	
.data-birth-dead-min{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center; white-space: wrap !important;	     width: 100%;	
}
.data-birth-dead-min div{display: block; width: 100%;}
.fyfty-names{width: calc(50% - 10px);    display: block;}
.fyfty-names-left{ text-align: right; margin-right: 10px;}

.fyfty-names-left .phather-name,
.fyfty-names-left .last-name,
.fyfty-names-left .first-name,
.fyfty-names-right .phather-name,
.fyfty-names-right .last-name,
.fyfty-names-right .first-name{
	display: inline-block !important;     padding-bottom: 4px;
}
.fyfty-names-right{text-align: left; margin-left: 10px;}
/*****/
.rucopis{
	font-family: 'Adagio-script', sans-serif;
}
.s-zasechkamy{
	font-family: "Tinos", serif;
	font-weight: 700;
	font-style: normal;
}
.decor{
	font-family: "Pattaya", sans-serif;
	font-weight: 400;
  font-style: normal;
}
.vintach{
	font-family: 'CyrillicOld', sans-serif;
}
.compact{
	 font-family: "Oswald", sans-serif;
	  font-weight: 600;
  font-style: normal;
}
.bez-zasechek{
	font-family: "Russo One", sans-serif;
	 font-weight: 400;
  font-style: normal;
}
/***end forma-text-nameplate***/
/***foto-nameplate**/
.foto-nameplate{
	 z-index: 20;
	 position: relative;
}
.foto-nameplate img{
	background: #efefef;
    border-radius: 50%;
}
/***end foto-nameplate**/
#response img{
	max-width: 150px !important; height: auto;
}
.uploader-files{
	width: 100%;
}
.btn_green{
    background: #aeffae;
    border: 1px solid #4CAF50;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 14px;	
}
.btn_red{
    background: #ffaeae;
    border: 1px solid #F44336;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 14px;	
}
/***opory***/
.opory{
    position: relative;
    z-index: -1;
    margin-left: 5%;
    margin-right: 5%;
    bottom: -97%;
    box-sizing: border-box;
}
.opory img{
	width: 21px;
}
.two-opory{
    position: absolute;
    width: 100%;
    top: 0px;	
}
.left-opora{
    left: 0px;
    position: absolute;	
}
.right-opora{
    right: 0px;
    position: absolute;	
}
.one-opory{
    position: absolute;
    width: 100%;
    top: 0px;	     text-align: center;
}
.center-opora{
	
}
/***end opory***/
.black-block{
	background: #000;
	color: #fff !important;
	position: relative; z-index: 1;
	padding-bottom: 140px;
}
.black-block:before{
	background: url('/wp-content/uploads/2024/10/smoke-dark.webp');
    background-position: center top;
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover;
    background-repeat: no-repeat;
	max-height: 300px;
    width: 100%;
    aspect-ratio: 10 / 3;
}
/*******/
.container-article{
	padding-bottom: 80px; padding-top: 90px;
}
.text-shadow-outline {
  color: white; /* Цвет текста */
  text-shadow: 
   2px 2px 0 #fff,   /* Справа снизу */
    -2px 2px 0 #fff,  /* Слева снизу */
    2px -2px 0 #fff,  /* Справа сверху */
    -2px -2px 0 #fff
}
.container-tables{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	position: relative;
	z-index: 8;
}
.container-tables-big{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	position: relative;
	z-index: 8;
}
.post-prod-tabl{
    aspect-ratio: 10 / 12;
    margin: 6px;
    position: relative;
    z-index: 3;
    transition: 0.3s;
    opacity: 1;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
}
.post-prod-tabl-big{
    aspect-ratio: 10 / 14;
    margin: 6px;
    position: relative;
    z-index: 3;
	transition: 0.3s; opacity: 1;	     box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
}
.post-prod-tabl:hover, .post-prod-tabl-big:hover{
	transition: 0.3s; opacity: 0.7;
}
.post-prod-tabl a, .post-prod-tabl-big a{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
}
.name-prod{
    position: absolute;
    background: #b02834;
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
    padding: 2px 5px;
    border: 1px solid #8a1822;
}
.container-flex-forma{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 65px;
}
.box-forma-catalog-tabl{
	width: 360px;
}
.box-text-before-box-forma-catalog-tabl{
	width: calc(100% - 380px);
}
.box-page-form{
	box-sizing: border-box;
	padding: 25px;
	background: #6c6c6c;
}
.container-two-column{    padding-top: 20px;
    padding-bottom: 45px;}
.row-container-two-column{
	display: grid;
    grid-template-columns: 1fr 1fr;
	position: relative;
	z-index: 8;	
	align-items: center;
}
.row-container-two-column:nth-child(2n) .banner-column{order: 2;}
.row-container-two-column:nth-child(2n) .text-column{order: 1;}
.one-column-container-two-column img{
    max-width: 100%;
    object-fit: cover;
    aspect-ratio: 10 / 10;
}
.banner-column-index img{
    max-width: 100%;
    object-fit: contain;
    aspect-ratio: 10 / 6;	
}
.text-column{    box-sizing: border-box;
    padding: 0px 42px;}
.menu-top-site{
	max-width: calc(100% - 450px);
}
.container-grey{
	background: #efefef; padding-bottom: 60px; padding-top: 60px;
}
.text-center{text-align: center;}
.title_mionitor1{
    font-size: 42px;
    color: #dcdcdc;
    font-weight: 400;
}
.title_mionitor1 nav{
	    color: #dd091c;
    font-weight: 600;
    font-size: 48px;
}
.title_mionitor1 span{
	    font-size: 60px;
    color: #fff;
    font-weight: 700;
}
.monitor1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 8;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 50px;
}
.div-title-moin1{width: 50%;}
.div-img-moin1{width: calc(50% - 25px);}
.div-img-moin1 img{max-width: 100%;}
.row-container-index{    padding-bottom: 45px;
    padding-top: 45px;}
.box-flex-btns{
	display: flex; justify-content: flex-start; flex-wrap: wrap;
}
.after-title-mon1{
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 25px;	
}
.box-flex-btns a{
    display: block;
    margin-right: 8px;
    margin-bottom: 8px;
}
.button-pages-borders{
    font-size: 15px;
    background: transparent;
    padding: 13px 18px;
    color: #fff;
    cursor: pointer;
    border-radius: 9px;
    transition: 0.3s;
    text-decoration: none;
    border: 2px solid #fff;	
}
.button-pages-borders:hover{
 transition: 0.3s;	
 background: #fff;
   color: #000;
}
.container-adwantages{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 45px;
    padding-top: 35px;
}
.post-adwantage{
    width: calc(33% - 25px);
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;	
}
.post-adwantage img{}
.post-adwantage nav{padding-left: 15px;}
.min-width{
    max-width: 640px;
    margin: auto;
    text-align: center;
    color: #717171;
    font-style: italic; 
}
.min-width p{
    font-size: 22px;
}
hr{    width: 33%;
    margin: auto;
    margin-bottom: 35px;
    margin-top: 35px;}
.container-prices-sizes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 25px;	
}
.post-prices-sizes{
	    width: calc(50% - 15px);
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 22px;
}
.price-constructor{
    padding-bottom: 14px;
    padding-top: 14px;
	padding-left: 10px; padding-right: 10px;
    font-size: 18px;
    font-weight: 600;	
}
.count_price_constructor{
    font-weight: 800;
    font-size: 32px;
    color: #217725;
}
.top-modal-form-order-catalog{
    z-index: 99999 !important;
    right: 0px !important;
    left: auto !important;
    transform: translate(-1px, -50%) !important;
    width: 250px !important;
}


@media(max-width:1200px){
	.options-nameplate{width: 100%;}
	.box-nameplate{
		    width: 80%;
    margin: auto;
    margin-bottom: 102px;
	}
	.options-nameplate{
		    position: relative;
    z-index: 99;
	}
	.vertical_foto{
		flex-wrap: nowrap;
	}
	.top-modal-form-order-catalog{
		
	}
	
}
@media(max-width:960px){
	.mobile-menu{
		display: block;
	position: fixed;
    z-index: 99;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 12px;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(136, 136, 136, 0.15);
	}
	.mobile-menu::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar-track {background-color:#ecedee}
	.mobile-menu::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 2px;background-color:#9ba8dd;transition: 0.3s;}
	.mobile-menu::-webkit-scrollbar-thumb:hover{background-color:#808dc3;transition: 0.3s;}
	.mobile-menu::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar{width: 6px;}	
	
	.mobile-menu ul{
	    list-style-type: none;
		margin: 0px;
		padding: 12px;	
	}
	.mobile-menu li{
		padding-bottom: 8px;
	}
	.mobile-menu ul a{
		text-decoration: none;
		color: #333;
		display: block;
		padding: 0px 12px;	
	}
	.mobile-menu ul a:hover{color:#888;}
	.children-ul {
		position: relative !important;
		top: 4px;
		white-space: normal;
		background: transparent;
		box-shadow: none;
		padding: 8px 8px 8px 20px !important;
		left: 0px;
		z-index: 99;
		width: 100%;
		box-sizing: border-box;
	}
	.children-ul li{
		position:relative;
	}
	.children-ul li:before{
	    content: '—';
		position: absolute;
		left: -8px;
		top: 0px;	
	}
	.menu-top-site{display:none;}
	.open-mobile-menu, .mobile-buttons{
		display: block;
	}
	.open-mobile-menu, .close-mobile-menu{
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		cursor:pointer;
	}
	.open-mobile-menu:hover, .close-mobile-menu:hover{
		background-color: #000;
	}
	.div-title-moin1, .div-img-moin1 {
		width: 100%;
	}
	.title_mionitor1{
		font-size: 28px;
	}
	.title_mionitor1 span {
		font-size: 34px;
		color: #fff;
		font-weight: 700;
		padding-bottom: 12px;
		padding-top: 10px;
		display: block;
	}
	.title_mionitor1 nav {
		font-size: 30px;
	}
	.post-adwantage{
		width: 100%;
	}
	.box-forma-catalog-tabl {
    width: 100%; max-width: 640px;        margin: auto;}
	.container-tables{
		grid-template-columns: 1fr 1fr;
	}
	.box-text-before-box-forma-catalog-tabl {
    width: 100%;}
	h1{font-size: 28px;}
	.post-adwantage img { width: 50px;}
	.min-width p { font-size: 20px;}
	h2{ font-size: 32px;}
	.row-container-two-column{ grid-template-columns: 1fr;}
	.banner-column-index{padding-bottom: 25px;}
	.text-column {
		box-sizing: border-box;
		padding: 8px 0px 30px 0px;
	}
	.row-container-two-column:nth-child(2n) .banner-column{
		    order: 1;
	}
	.row-container-two-column:nth-child(2n) .text-column {
		order: 2;
	}
	.row-container-index { padding-bottom: 19px; padding-top: 19px;}
	.open-mobile-menu{
		background: url('/wp-content/uploads/2020/03/menu_button.png');
		background-position: center;
		background-size: auto;
		background-repeat: no-repeat;
		background-color: #b02834;
	}
	.close-mobile-menu{
		background:url('/wp-content/uploads/2020/03/close-img-min.png');
		background-position: center;
		background-size: auto;
		background-repeat: no-repeat;
		background-color: #b02834;
		display:none;
	}
	.footer-box{justify-content: center;}
	.box-content-footer{width:50%;}
	.box-footer-contact{    align-items: center;}
	.box-footer-menu{text-align:right;}
	.container-tables-big{
		grid-template-columns: 1fr 1fr;
	}
}
@media(max-width:740px){
	.container-tables-big{
		grid-template-columns: 1fr;
	}
	.active-foto .text-nameplate {
		width: calc(75% - 25px) !important;
	}
	.foto-left .foto-nameplate {
		order: 1;
		margin-right: 20px;
		width: 25%;
	}
	.tab-options-nameplate{
		    width: calc(50% - 1px);     margin-bottom: 1px;
	}
	.posts-images {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.tabs-form-text-nmplt {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
		.box-nameplate{
		    width: 96%;
    margin: auto;
    margin-bottom: 102px;
	}
	.contacts-header{display:none;}
	.post-prices-sizes{width: 100%;}
	.button-top-modal{display:block;margin-bottom:15px}
	.box-content-footer{width:100%; text-align:center;padding:15px 0px;}
}
@media(max-width:420px){
	.logo-header a{
		font-size: 20px;
		font-weight: 900;	
	}
	.logo-header img {
		height: 63px;
	}
}
/**for js**/
#answer-top-modal-form-order-call-back, #answer-modal-form-ok{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    background: #fff;
    padding: 25px;
    z-index: 999;
    box-shadow: 0px 0px 8px 1px #000;
    line-height: 150%;	
	display:none;
}
.display-none{
	display: none !important;
}
.display-block{
	display: block !important;
}