html, body { /*задание параметров для таблицы вцелом*/
    text-align: center; /* определили выравнивание по центру для IE*/
    margin: 0;
    padding: 0;
    background-image: url('images/fon1.webp');
    background-color: #deb887; /*указывает цвет на случай не отображения фонового рисунка-->*/
    border: 0px;
    font-size: 1em;
}


table.main {
    width: 1000px;
    margin: 0 auto; /* width: 1000px;position: absolute;left: 50%;margin-left: -500px; альтернатива центрирования контейнера */ /*объединение границ ечеек таблицы*/
    border: 0px;
    height: 100%;
    border-collapse: collapse;
    position: relative;
    z-index: 0;
    -webkit-box-shadow: 2px 120px 30px 10px rgba(0, 0, 0, 0.84);
    -moz-box-shadow: 2px 120px 30px 10px rgba(0, 0, 0, 0.84);
    box-shadow: 2px 120px 30px 10px rgba(0, 0, 0, 0.84);
}

td {
    padding: 0; /* убираем отступы внутри ячеек*/
    margin: 0;
}

td.otstup {
    padding-left: 10px;
    padding-right: 10px
}

p {
    text-indent: 15px;
    text-align: justify; /*выравниивание текста по полям*/
    font-size: 1em;
}

ul {
    text-align: justify;
    word-spacing: -0.3ex;
}

-------------------------------------------------------------

/* нестандартные шрифты далее для всех остальных браузеров */
@font-face {
    font-family: 'Monotype Corsiva';                /* имя шрифта для CSS правил */
    src: local('Monotype Corsiva');   /* проверяем наличие шрифта в ОС пользователя */
    src: url('fonts/monotype.eot');
    src: url('fonts/MonotypeCorsiva.eot?#iefix') format('embedded-opentype'),
    url('fonts/MonotypeCorsiva.woff') format('woff'),
    url('fonts/MonotypeCorsiva.ttf') format('truetype'),
    url('fonts/MonotypeCorsiva.svg#Monotype Corsiva') format('svg');
    font-weight: normal;
    font-style: normal;
}

---------------------------------------------------------
h2 {
    color: #8b4513;
    font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-weight: normal;
    font-weight: bold;
}

a:link {
    text-decoration: none;
    color: white;
}

a:hover {
    text-decoration: none; /*Свойство ссылок по умолчанию*/
    color: #dcdcdc;
}

a:visited {
    text-decoration: none;
    color: #dcdcdc;
}

.blue a:link {
    text-decoration: underline;
    color: #451f11;
    text-align: left;
    word-spacing: 2px;
}

/*Свойства ссыло синих и подчеркнутых*/
.blue a:visited {
    text-decoration: underline;
    color: #451f11;
    text-align: left;
    word-spacing: 2px;
}

.blu a:link {
    text-decoration: none;
    color: #451f11;
}

/*Свойство ссылок черных и подчеркнутых*/
.blu a:visited {
    text-decoration: none;
    color: #451f11;
}


/*--------------------------------------------------------- Шапка страницы-----------------------------------------------------------------*/
td.header {
    width: 100%;
    height: 116px;
    background-image: url("images/heder92.webp");
    padding: 0;
    margin: 0;
}

td.headersm {
    width: 100%;
    height: 116px;
    background-image: url("images/heder93.webp");
    padding: 0;
    margin: 0;
}


td.headerPok {
    width: 100%;
    height: 116px;
    background-image: url("images/headerpokraska.webp");
    padding: 0;
    margin: 0;
}

td.headerVanna {
    width: 100%;
    height: 116px;
    background-image: url("images/headervanna.png");
    padding: 0;
    margin: 0;
}

td.headerPokSmolensk {
    width: 100%;
    height: 116px;
    background-image: url("images/headerpoksmol.webp");
    padding: 0;
    margin: 0;
}

td.headerPokBryansk {
    width: 100%;
    height: 116px;
    background-image: url("images/headerbryansk.webp");
    padding: 0;
    margin: 0;
}

td.headerPokPskov {
    width: 100%;
    height: 116px;
    background-image: url("images/headerbryansk.webp");
    padding: 0;
    margin: 0;
}

td.headerUkl {
    width: 100%;
    height: 116px;
    background-image: url("images/headerUkladka.webp");
    padding: 0;
    margin: 0;
}

table.header {
    width: 100%;
    height: 116px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}


td.logo { /*сдесь вписывается левый лого шапки*/
    text-align: left;
    background-image: url("images/logotip44.webp");
    background-repeat: no-repeat;
    opacity: 0.8; /*увеличиваем прозрачность на 20% CSS3*/
}

td.logoPokraska { /*сдесь вписывается левый лого шапки*/
    text-align: left;
    background-image: url("images/logotip44Pokraska.webp");
    background-repeat: no-repeat;
    opacity: 0.8; /*увеличиваем прозрачность на 20% CSS3*/
}


/*--------------------НаЧало Верхнего меню-------------------*/

#trheader {
    vertical-align: bottom; /*Строка верхнего меню*/
    height: 16px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 2px;
}

td.topmenu a:link {
    font-size: 12px;
    background-image: url('images/zakladka3.webp');
    text-align: center; /*Неактивные ячейки верхнего меню*/
    font-weight: bolder;
    color: #8b4513;
    width: 199px;
    height: 16px;
    text-align: center;
    display: block;
    text-shadow: 1px 1px 1px #ead5ac;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    box-shadow: 0px -5px 8px -7px #000 inset;

}

td.topmenu a:visited {
    font-size: 12px;
    background-image: url('images/zakladka3.webp'); /*Неактивные ячейки верхнего меню*/
    text-align: center;
    font-weight: bolder;
    color: #8b4513;
    width: 199px;
    height: 16px;
    text-align: center;
    letter-spacing: 2px;
    display: block;
}

td.topmenur a:link {
    font-size: 14px;
    background-image: url('images/zakladka1.webp'); /*активные ячейки верхнего меню*/
    text-align: center;
    font-weight: bolder;
    color: transparent;
    text-shadow: 0 0 1px #8b4513;
    width: 199px;
    display: block;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;

}

td.topmenu a:hover {
    font-size: 14px;
    background-image: url('images/zakladka1.webp'); /*активные ячейки верхнего меню*/
    font-weight: bolder;
    box-shadow: none;
    width: 199px;
    text-align: center;
    letter-spacing: 3px;
    display: block;
    color: transparent;
    text-shadow: 0 0 1px #8b4513;
}


/*-----------------------------------------------------Конец шапки страницы-------------------------------------------------------------------*/
/*-----------------------------------------------------Начало левого меню----------------------------------------------------------------------*/

td.leftmenu {
    background: url('images/fon3.webp');
    vertical-align: top;
    text-align: center;
    color: #451f11;
    border: 0px;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 200px;
}

table.leftmenu {
    margin: 0px auto;
    height: 270px;
    width: 175px;
    letter-spacing: 1px;
}

td.centr1 a:link {
    font-size: 1.1em;
    cursor: pointer;
    text-align: center;
    background: url('images/nock2.webp');
    height: 25px; /* задает размеры блока ссылки*/
    width: 170px;
    display: block;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    color: transparent;
    text-shadow: 0 0 1px #ffffff;
    opacity: 0.97;
    font-style: normal;
}


td.centr1 a:hover {
    font-size: 1.05em;
    text-align: center;
    background: url('images/nock.webp');
    height: 25px; /* задает размеры блока ссылки*/
    width: 170px;
    letter-spacing: 1px;
    display: block;
    color: transparent;
    text-shadow: 0 0 1px #ffffff;
    font-style: normal;
    opacity: 0.8;
    /*-webkit-filter: blur(1px); - фильтр размытия и фокусировки*/
}

td.centr2 {
    font-size: 1.05em;
    text-align: center;
    background: url('images/nock.webp');
    height: 25px; /* задает размеры блока ссылки*/
    width: 170px;
    letter-spacing: 1px;
    display: block;
    color: transparent;
    text-shadow: 0 0 1px #ffffff;
    opacity: 0.8;
    font-style: normal;

    /*-webkit-filter: blur(1px); - фильтр размытия и фокусировки*/
}

table.lefttables {

    text-align: center;
    border: 0px outset #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
    -khtml-border-radius: 10px; /* закругл. для браузера Konquerer системы Linux */
    -o-border-radius: 10px;
    behavior: url("border-radius.htc"); /* учим IE border-radius */
    text-align: center; /*свойства 2-х таблиц левого меню*/
    margin-bottom: 16px;
    padding-bottom: 10px;

    width: 195px;
    color: #451f11;
    font-style: bold;
    background-image: url("images/ETD1.webp"), url("images/ETD.webp"), url("images/ETD2.webp"), url("images/ETD3.webp"), url("images/gfg.webp"), url("images/fon2.webp"); /* Путь к фоновому рисунку */
    background-position: right bottom, right top, left top, left bottom, right bottom, left top; /* Положение фона */
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat; /* Отменяем повторение фона */

    /* box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);*/

    box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px, /* внутренняя тень */ inset rgba(252, 255, 255, .7) 0 3px 8px, /* внутренняя тень */ 3px 3px 4px rgba(0, 0, 0, 0.4), /* внешняя тень */ rgba(0, 0, 0, .8) 0 3px 8px -3px; /* внутренняя тень */
    -webkit-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -webkit-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -webkit-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;
    -moz-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -moz-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -moz-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;
}

table.leftdown {
    text-align: center; /*свойства 2-х таблиц левого меню*/
    margin-bottom: 16px;
    padding-bottom: 2px;
    width: 195px;
}


.blok { /* блочные втавки*/
    border-radius: 10px;
    border-collapse: collapse;
    visibility: hidden;
    margin: 10px auto;
    padding: 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3),
    -25px 0 20px -22px rgba(0, 0, 0, .8),
    25px 0 20px -22px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
    color: transparent;
    text-shadow: 0 0 1px #451f11;
    font-family: Monotype Corsiva, Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-size: 20px;
	line-height: 27px;
    color: #FFECD6;
    opacity: 0.9;
    background: linear-gradient(to bottom, #DEB99C, #BB9377, #9D7A62);
    width: 75%;
    text-align: center;
    cursor: pointer;

}

.ter {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3),
    -25px 0 20px -22px rgba(0, 0, 0, .8),
    25px 0 20px -22px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
    border-radius: 7px;
}


td.price {
    display: block;
    box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.65);
    font-size: 1em;
}

#welcom {
    font-size: 14px;
    padding-left: 10px; /*свойства текста приветствия*/
    margin-top: 0px;
    margin-right: 6px;
    text-align: center;
    font-style: bold;
    background-repeat: no-repeat;
    text-shadow: 1px 1px 2px #8b4513;
    padding-bottom: 4px;
}

#welcompic {
    /*cвойства картинки приветствия*/
    opacity: 0.9;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 6px;
    opacity: 0.85;
}

/*----------------------------------------------------Конец левого меню----------------------------------------------------------*/
/*-----------------------------------------------------Начало Контента-----------------------------------------------------------*/


td.content {
    background-image: url('images/fon3.webp');
    vertical-align: top;
    font-size: 1em;
    padding-bottom: 20px;
    padding-top: 20px;
    border: 0px;
    padding-left: 8px;
}

td.zagolovok {
    text-shadow: 3px 3px 5px #a0522d; /*не поддерживается в IE */
    Font-family: Georgia, Times New Roman, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 7px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    color: #8b4513;
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    white-space: nowrap; /*запрет переноса строк*/
    overflow: hidden;
    word-wrap: normal;

}

.lant1 {
    text-align: right;
    width: 50%;
    overflow: hidden;
    opacity: 0.8;
}

.lant {
    text-align: left;
    width: 50%;
    overflow: hidden;
    opacity: 0.8;
}


table.contentindex {
    width: 765px;
    border: 0px outset #ffffff;
    padding: 20px;
    color: #451f11;
    font-size: 1em;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 10px; /* контент для страницы index*/
    -o-border-radius: 10px;
    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
    -khtml-border-radius: 10px; /* закругл. для браузера Konquerer системы Linux */
    behavior: url("border-radius.htc"); /* учим IE border-radius */
    background-image: url("images/ETD1.webp"), url("images/ETD.webp"), url("images/ETD2.webp"), url("images/ETD3.webp"), url("images/gfg.webp"), url("images/gerb.webp"), url("images/fon2.webp"); /* Путь к фоновому рисунку */
    background-position: right bottom, right top, left top, left bottom, right -3px, center top, left top; /* Положение фона */
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat; /* Отменяем повторение фона */

    box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px, /* внутренняя тень */ inset rgba(252, 255, 255, .7) 0 3px 8px, /* внутренняя тень */ 3px 3px 4px rgba(0, 0, 0, 0.4), /* внешняяя тень */ rgba(0, 0, 0, .8) 0 3px 8px -3px; /* внутренняя тень */
    -webkit-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -webkit-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -webkit-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;
    -moz-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -moz-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -moz-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;

    /* box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
 -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
 -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);*/
}


table.contentx {
    width: 765px;
    border: 0px outset #ffffff;
    font-size: 1em;
    margin-top: 12px;
    padding: 20px;
    color: #451f11;
    overflow: hidden; /*hidden reiting Window on Comments.html   */
    border-radius: 10px; /* контент для страниц с баннерами (index и shlifovka)*/
    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
    -khtml-border-radius: 10px; /* закругл. для браузера Konquerer системы Linux */
    -o-border-radius: 10px;
    behavior: url("border-radius.htc"); /* учим IE border-radius */
    background-image: url("images/ETD1.webp"), url("images/ETD.webp"), url("images/ETD2.webp"), url("images/ETD3.webp"), url("images/gfg.webp"), url("images/gerb.webp"), url("images/fon2.webp"); /* Путь к фоновому рисунку */
    background-position: right bottom, right top, left top, left bottom, right -3px, center top, left top; /* Положение фона */
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat; /* Отменяем повторение фона */

    box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px, /* внутренняя тень */ inset rgba(252, 255, 255, .7) 0 3px 8px, /* внутренняя тень */ 3px 3px 4px rgba(0, 0, 0, 0.4), /* внешняя тень */ rgba(0, 0, 0, .8) 0 3px 8px -3px; /* внутренняя тень */
    -webkit-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -webkit-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -webkit-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;
    -moz-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -moz-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -moz-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;

    /* box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
 -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
 -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);*/
}


legend {
    font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-size: 15px;
}


#mc-review {

}

table.zagolovok {
    width: 765px;
    border: 0px outset #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
    -khtml-border-radius: 10px; /* закругл. для браузера Konquerer системы Linux */
    -o-border-radius: 10px;
    behavior: url("border-radius.htc"); /* учим IE border-radius */
    Font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    background-image: url("images/ETD.webp"), url("images/ETD2.webp"), url("images/gfg.webp"), url('images/fon2.webp'); /* Путь к фоновому рисунку */
    background-position: right top, left top, right bottom, left top; /* Положение фона */
    background-repeat: no-repeat, no-repeat, repeat-y, repeat; /* Отменяем повторение фона */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;

    box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px, /* внутренняя тень */ inset rgba(252, 255, 255, .7) 0 3px 8px, /* внутренняя тень */ rgba(0, 0, 0, .8) 0 3px 8px -3px; /* внутренняя тень */
    -webkit-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -webkit-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -webkit-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;
    -moz-box-shadow: inset rgba(0, 0, 0, .6) 0 -3px 8px,
    -moz-box-shadow: inset rgba(252, 255, 255, .7) 0 3px 8px,
    -moz-box-shadow: rgba(0, 0, 0, .8) 0 3px 8px -3px;

    /* box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
 -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);
 -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.45);*/
}

.reklamb {
    display: block;
    width: 580px;
    border-top: 0px;
    margin: 0 auto;
    text-transform: uppercase;
    padding-bottom: 0px;
    vertical-align: middle;
    color: #451f11;
    opacity: 0.7;
    font-size: 0.8em;
    height: 0px;
}

table.price {
    height: 100%;
    border: 0px solid #000000;
    color: #451f11;
    white-space: nowrap;
    border-spacing: 5px 3px;
    overflow: hidden;
    font-size: 1em;
    width: 100%;
    margin-left: 10px;
}

table.price tr.strin:hover {
    background-color: #FFFbd1;
    cursor: default;
    opacity: 0.7;

}

.Teperd {
    opacity: 0;
    text-shadow: #ffffff 0 1px 0px;
}

td.f {
    padding-right: 20px;
    width: 150px;
    padding-bottom: 10px; /*Свойство первыхячеек контента главной страницы*/
}

td.g {
    word-spacing: 3px;
}

/*Свойства текста контента (вторых ячеек) главной страницы*/

.ert {
    font-size: 19px;
    text-shadow: 1px 1px 5px #a0522d; /*не поддерживается в IE */ /*Свойства заголовков контента главной страницы*/
    color: #8b4513;
    font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-weight: normal;
}

.erttt {
    font-size: 25px;
    text-shadow: 1px 1px 6px #a0522d; /*не поддерживается в IE */ /*Свойства заголовков контента главной страницы*/
    color: #8b4513;
    font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-weight: normal;
}

.ertttukladka {
    font-size: 22px;
    text-shadow: 1px 1px 6px #a0522d; /*не поддерживается в IE */ /*Свойства заголовков контента главной страницы*/
    color: #8b4513;
    font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-weight: normal;
}

.ertt {
    font-size: 23px;
    text-shadow: 1px 1px 4px #a0522d; /*не поддерживается в IE */ /*Свойства заголовков контента главной страницы*/
    color: #8b4513;
    font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-weight: normal;
    text-decoration: none;
    margin: 6px; /*отступы от заголовка*/
}

.ertt_minsk {
    font-size: 22px;
    text-shadow: 1px 1px 4px #a0522d; /*не поддерживается в IE */ /*Свойства заголовков контента главной страницы*/
    color: #8b4513;
    font-family: Palace Script MT, Georgia, Times New Roman, Arial, sans-serif;
    font-weight: normal;
    text-decoration: none;
    margin: 6px; /*отступы от заголовка*/
}


img#pict {
    border: 0px inset #8b4513; /*свойства фотографий 1-х ячеек контента главной страницы*/
    float: left;
    width: 150px;
    height: 175px;

}

img#picttech {
    float: left;
    width: 150px; /*Свойства  фото оборудования на tehnika.html*/
    height: 175px;
    margin: 8px 8px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

img#picttech2 {
    float: left;
    width: 189px; /*Свойства  фото лаки и материалы */
    height: 302px;
    margin: 0px 8px 0px 10px;
}

img#picttech22 {
    float: left;
    width: 188px; /*Свойства  фото лаки и материалы */
    height: 251px;
    margin: 0px 8px 0px 10px;
}

img#pic {
    border-radius: 5px;
    border: 0px inset #8b4513;
    float: left;
    width: 180px; /*Свойста первой фотки главных страниц меню*/
    height: 250px;
    margin: 10px 20px 10px 0px;
    opacity: 1;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


img#pic3 { /*Свойства  левой обтекаемой фотки без фиксированных размеров*/
    float: left;
    margin: 10px 20px 10px 16px;
}

img#pic4 {
    float: right;
    margin: 10px;
}

img#pic2 {
    border: 0px inset #8b4513;
    float: right;
    width: 180px; /*Свойства второй фотки главных страниц меню*/
    height: 250px;
    margin: 10px 0px 10px 20px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    border-radius: 5px;
}

.picsn {

    float: left;
    width: 159px; /*Свойста первой фотки главных страниц меню*/
    height: 230px;
    margin: 0px 17px 20px 0px;
}

td.ochkarik {
    background: url("images/ochkarik.webp"); /*Свойства ячейки фото страницы library*/
    background-repeat: no-repeat;
    width: 150px;
    height: 175px;
}

ul.ki {
    display: block;
    margin-left: 160px; /*Свойства  списка страницы library*/
    width: 400px;
}

.adresok {
    visibility: hidden;
    width: 100%;
    max-width: 650px;
    margin: 10px auto;
    padding: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3),
    -25px 0 20px -23px rgba(0, 0, 0, .8),
    25px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
    color: transparent;
    text-shadow: 0 0 1px #451f11;
}

.tesok {
    color: transparent;
    text-shadow: 0 0 1px #451f11;
}


/*--------------------------------------------------------------------------------------------Конец контента-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------Начало подвала-----------------------------------------------------*/


tr.bottommenu {
    height: 31px;
    background-image: url('images/fon3.webp'); /*Строка баннеров страниц index и shlifovka с выключеной верхней границей*/
    border-top: outset 0px #8b4513;
}

#casper {
    opacity: 0;
    display: none; /*включаем 100% прозрачность div-блока баннеров*/
}

td.bottommenu {
    background: url('images/fon1.webp');
    width: 1000px;
    height: 31px; /*Свойства строки подвала всех страниц*/
    border-bottom: solid 0px #f4f4f4;
    text-align: center;
    font-weight: bolder;
    border-top: outset 1px #8b4513;
    color: #bbbbbb;
    vertical-align: middle;
}

/*------------------------------------------------------------------------------------------------Конец подвала--------------------------------------------------*/

#poloskavenyoo {
    background-color: #a57e51;
    display: block;
    width: 200px;
    height: 10px;
    position: fixed;
    bottom: 27px;
    right: 90px;
    z-index: 99999999;
    display: none;
}

/* Контейнер */

.inputbox {
    height: 25px;
    width: 285px;
    font-size: 10pt;
    color: #000;
    background: #f3f3f3;
    padding: 0 5px;
    background: #f7f7f7;
    text-align: center;
    border-color: #dfdfdf #dfdfdf #636363 #636363;
    border-style: solid;
    border-width: 1px
}

.myform input[type="text"] {
    margin-bottom: 0px;
    background: #FFF7E3;
    color: #323232;
    opacity: 0.9;
    border: 1px;

}

#modal .inputbox {
    color: #616161;
    font-size: 10pt;
    background: #e8e8e8;
    text-align: center;
    padding: 0 5px;
    width: 285px;
    height: 25px;
    margin-top: 3px;
    margin-bottom: 3px;
    border: solid 1px #dedede
}

#modal .inputbox phone-box {
    color: #000;
    font-size: 10pt;
    background: #f7f7f7;
    text-align: center;
    padding: 0 5px;
    width: 300px;
    height: 25px;
    margin-top: 3px;
    margin-bottom: 3px;
    border: solid 1px #e8e8e8
}

.modal-form .inputbox {
    display: block;
    margin: 0 auto 15px;
    color: #333;
    font-size: 10px;
    text-align: center;
    width: 300px;
    height: 25px
}

#modal .button {
    font-size: 14px;
    height: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px
}

#modal p,
#regmodal p {
    text-align: center
}

#modal .cb,
#regmodal .cb {
    color: #8b4513;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.button a {
    text-decoration: none
}

.button {
    background-image: -webkit-linear-gradient(top, rgba(255, 162, 2, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 162, 2, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 162, 2, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 162, 2, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: linear-gradient(top, rgba(255, 162, 2, 1) 0%, rgba(255, 112, 2, 1) 100%);
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.57) inset, 0 20px 0 0 rgba(255, 255, 255, 0.18) inset, 0 1px 0 0 rgba(213, 96, 0, 1), 0 -1px 0 0 rgba(255, 255, 255, 0.07) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.57) inset, 0 20px 0 0 rgba(255, 255, 255, 0.18) inset, 0 1px 0 0 rgba(213, 96, 0, 1), 0 -1px 0 0 rgba(255, 255, 255, 0.07) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.46);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.57) inset, 0 20px 0 0 rgba(255, 255, 255, 0.18) inset, 0 1px 0 0 rgba(213, 96, 0, 1), 0 -1px 0 0 rgba(255, 255, 255, 0.07) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.46);
    border: solid 1px rgba(255, 120, 2, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    display: inline-block;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    cursor: pointer;
}

.button:hover {
    background-image: -webkit-linear-gradient(bottom, rgba(255, 175, 3, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(255, 175, 3, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(255, 175, 3, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(255, 175, 3, 1) 0%, rgba(255, 112, 2, 1) 100%);
    background-image: linear-gradient(bottom, rgba(255, 175, 3, 1) 0%, rgba(255, 112, 2, 1) 100%);
}

.button:active {
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.57) inset, 0 20px 0 0 rgba(255, 255, 255, 0.18) inset, 0 1px 0 0 rgba(213, 96, 0, 1), 0 -1px 0 0 rgba(255, 255, 255, 0.07) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.57) inset, 0 20px 0 0 rgba(255, 255, 255, 0.18) inset, 0 1px 0 0 rgba(213, 96, 0, 1), 0 -1px 0 0 rgba(255, 255, 255, 0.07) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.57) inset, 0 20px 0 0 rgba(255, 255, 255, 0.18) inset, 0 1px 0 0 rgba(213, 96, 0, 1), 0 -1px 0 0 rgba(255, 255, 255, 0.07) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    transform: translateY(3px)
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    opacity: 0;
    pointer-events: none;

    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}

.modal:target {
    opacity: 1;
    pointer-events: auto
}

.modal > div {
    width: 300px;
    background: url("../images/fon3.webp");
    position: relative;
    margin: 10% auto;
    padding: 30px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    text-shadow: 0 1px 0 #fff;
    transform: scale3d(0.1, 0.1, 1);
    transition-duration: 1.5s;
}

div.scaleds{
    transition: all 1.5s;
    transform: scale3d(1, 1, 1);
}

.modal:target > div {
    -webkit-animation-name: bounce
}

.modal h2 {
    font-size: 36px;
    padding: 0 0 20px
}
.regmodal.mobiled .reg_select {
    font-size: 14px;
}
@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale3d(0.1, 0.1, 1);
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9)
    }
    55% {
        -webkit-transform: scale3d(1.08, 1.08, 1);
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0)
    }
    75% {
        -webkit-transform: scale3d(0.95, 0.95, 1);
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.9)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9)
    }
}

@-webkit-keyframes minimise {
    0% {
        -webkit-transform: scale3d(1, 1, 1)
    }
    100% {
        -webkit-transform: scale3d(0.1, 0.1, 1)
    }
}

.modal a[href="#close"] {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent
}

.modal a[href="#close"]:focus {
    outline: none
}

.modal a[href="#close"]:after {
    content: 'X';
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    padding: 1px 1px 1px 2px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    font-weight: 700;
    background: #000;
    color: #fff;
    border: 3px solid #fff;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.modal a[href="#close"]:focus:after, .modal a[href="#close"]:hover:after {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1)
}

.modal a[href="#close"]:focus:after {
    outline: 0 solid #000
}

.modal .modal_title {
    display: block;
    text-align: center;
    font-size: 22pt
}

.regmodal {
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(3px);
    pointer-events: unset;
}
.reg_select {
    background: url(/images/nock2.webp) 50% 0 no-repeat;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    padding: 3px 0;
    margin: 0 0 5px 0;
    font-size: 17px;
}
.reg_select:hover {
    background: url(/images/nock.webp) 50% 0 no-repeat;
}

/* мигание viber  */
#blink1 {
    -webkit-animation: blink1 1.5s linear infinite;
    animation: blink1 1.5s linear infinite;
}

@-webkit-keyframes blink1 {
    0% {
        color: #451f11;
    }
    50% {
        color: #FFDEAD;
    }
    100% {
        color: #451f11;
    }
}

@keyframes blink1 {
    0% {
        color: #451f11;
    }
    50% {
        color: #FFDEAD;
    }
    100% {
        color: #451f11;
    }
}

.blink2 {
    -webkit-animation: blink2 1s linear 5;
    animation: blink2 1s linear 5;
}

@-webkit-keyframes blink2 {
    0% {
        opacity: 0.1;
        filter: alpha(Opacity=10);
    }
    25% {
        opacity: 0.5;
        filter: alpha(Opacity=50);
    }
    50% {
        opacity: 0.9;
        filter: alpha(Opacity=90);
    }
    75% {
        opacity: 0.5;
        filter: alpha(Opacity=50);
    }
    100% {
        opacity: 0.1;
        filter: alpha(Opacity=90);
    }
}

@keyframes blink2 {
    0% {
        opacity: 0.1;
        filter: alpha(Opacity=10);
    }
    25% {
        opacity: 0.5;
        filter: alpha(Opacity=50);
    }
    50% {
        opacity: 0.9;
        filter: alpha(Opacity=90);
    }
    75% {
        opacity: 0.5;
        filter: alpha(Opacity=50);
    }
    100% {
        opacity: 0.1;
        filter: alpha(Opacity=90);
    }
}

/* blikzagolovok*/
#string > span {
    position: relative;
}

#string > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0em;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, transparent, #F6EFD2, transparent) no-repeat -2em 0%;
    background-size: 2em 100%;
    opacity: 0.4;
    -moz-transform: skewX(-50deg);
    -o-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
}

#string > span.blink_on:after {
    transition: 1.5s linear;
    background-position: 130% 0%;

}

#scrsht:hover {
    content: url("//vash-master.by/images/screenshot.webp");
}

#scrshtlak:hover {
    content: url("//vash-master.by/images/screen.webp");
}
/*-------------------------------------Videogallery-----------------------------------*/
.galla {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  
  .wra_vid_it{
    width: 30%;
    height: auto;
  }
   .wra_vid_it2{
    width: 47%;
    height: auto;
  }
   .wra_vid_itmain{
    width: 95%;
    height: auto;
  }
  video{
    width: 100%;
    height: auto;
  }
   .vid_itvmain:hover{
    position: relative;

    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }
   .vid_itl:hover{
    position: relative;

	  transform: scale(2) translate(90px, 40%);
	  
    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }
  .vid_itr:hover{
    position: relative;

	  transform: scale(2) translate(-90px, 40%);
    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }
  
  
   .vid_itdl:hover{
    position: relative;

	  transform: scale(2) translate(90px, -40%);
    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }
  .vid_itdr:hover{
    position: relative;

	  transform: scale(2) translate(-90px, -40%);
    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }


 .vid_itvl:hover{
    position: relative;

	  transform: scale(2) translate(90px, 30%);
    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }
  .vid_itvc:hover{
    position: relative;

	  transform: scale(2) translate(0px, 30%);
    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }
   .vid_itvr:hover{
    position: relative;

	  transform: scale(2) translate(-90px, 30%);
    z-index: 99999;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
  }