* {
margin: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
scroll-behavior: smooth;
}
li {
list-style: none;
}
header,
nav,
section,
article,
aside,
footer {
display: block;
}
iframe{border: 0}
img {
max-width: 100%;
height: auto;
border: none;
}
input {
vertical-align: middle;
}
html,
body {
height: 100%;
}
body {
font-family: Arial, sans-serif;
/*width: 100%; 17.02.2015 что бы сайт не уплывал*/
overflow-x: hidden;
}
/*чтобы небыло скрола сайта при открытом попапе*/
body._lock {
overflow: hidden;
}
.fon {
background: url(../images/back-color-gray.png);
}
h2,
h3,
h4,
h5 {
margin-top: 10px;
color: #a82501;
}
pre {
padding: 5px;
margin: 10px 0;
overflow-x: auto;
}
.b {font-weight: 700}
.it {font-style: italic}
.content .mt-10, .mt-10 {margin-top: 10px}
.content .mb-10, .mb-10 {margin-bottom: 10px}
.content .ml-10, .ml-10 {margin-left: 10px;}
.content .mr-10, .mr-10 {margin-right: 10px;}
.content .mt-20, .mt-20 {margin-top: 20px}
.content .mb-20, .mb-20 {margin-bottom: 20px}
.content .ml-20, .ml-20 {margin-left: 20px}
.content .mr-20, .mr-20 {margin-right: 20px;}
.content .ti-0,
.ti-0 {text-indent:0}
.f-l{float: left;}
.f-r{float: right;}
/* Ширина сайта*/
.header-wrapper {
width: 990px;
margin: 0 auto;
}
/* Хак для Firefox*/
@-moz-document url-prefix() {
.nav-mid ul {
margin-left: 13px;
}
}
.text-center {
text-align: center;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.article p {
margin-bottom: 10px;
}
/*selector:hover {}*/
/*selector:focus {}*/
/*selector:active {}*/
/*---------------------------------------
* ----------- Шапка сайта ---------------
--------------------------------------- */
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.header {
background: url("../images/header-background.gif") repeat-x;
height: 200px;
}
.head {
background: url("../images/header-mid.gif") center no-repeat;
width: 1200px;
height: 200px;
margin: 0 auto;
}
.top-menu {
display: flex;
justify-content: space-around;
float: right;
width: 990px;
}
.top-menu li {
float: left;
list-style: none;
padding: 6px 0;
}
.top-menu a {
padding: 5px 25px;
font-size: 14px;
text-decoration: none;
background: url("../images/slash.gif") no-repeat right;
color: #fddb08;
}
.top-menu .last a {
background: none;
}
.top-menu a:hover {
background: #d28d80;
/* text-decoration: underline; */
color: #902305;
transition: background .2s linear,
color .2s linear;
/*font-weight: bold;
font-size: 13px;*/
}
.header-link {
display: inline-block;
}
.header-link img{
width: 28px;
padding: 5px 3px;
float: right;
}
/*----------- Выпадающее меню------------*/
.top-menu ul {
border-left: none;
display: none;
}
.top-menu li:hover ul {
display: block;
position: absolute;
}
.top-menu li:hover ul {
background: #fff6b8;
margin-top: 8px;
padding-left: 40px;
z-index: 999;
}
.top-menu li:hover ul li {
list-style-image: url("../images/marker.png");
padding: 7px 1px;
}
.top-menu li:hover ul a {
background: none;
padding: 0 22px 0 3px;
color: #000000;
}
.top-menu li:hover ul a:hover {
/*padding-left: 4px;*/
color: #000000;
/*padding-right: 21px;*/
}
/*------------- Блок с логотипом
-----------------и номерами телефонов*/
.logo-phone {
padding-top: 40px;
margin-left: 20px;
}
.logo {
float: left;
padding-right: 10px;
/* padding-top: 18px; */
}
.phone-area {
width: 900px;
}
.phone {
padding: 5px 0 5px 0;
margin: 0;
float: left;
color: #8c2104;
line-height: 30px;
/* width: 172px;*/
height: 50px;
}
.phone img {
float: left;
/*margin-top: 2px; Отключил что бы поставить доп телефон в МСК */
margin: 0;
padding: 0 4px 0 0;
}
.phone span img {
font-size: 16px;
padding-top: 10px; /* Отключил что бы поставить доп телефон в МСК */
}
.phone span a {
color: #8c2104;
text-decoration: none;
}
.phone span a:hover {
text-decoration: underline;
color: #8c2104;
#background-image: url("../img/galka.png");
#background-repeat: no-repeat;
#background-position: right;
#padding-right: 25px;
}
.phone strong {
font-size: 14px;
font-weight: bold;
}
.headerphone {
text-decoration: none;
}
.headerphone:hover {
text-decoration: underline;
background-size: 0 !important;
padding-right: 0 !important;
}
.last-phone {
width: 230px;
}
/*---------- Поиск ------------*/
.header__search {
margin-left: 0;
}
.search-form {
width: 230px;
height: 33px;
float: right;
/*margin-top: -60px;*/
margin-right: -50px;
/*margin-right: 35px;*/
background: none;
padding-right: 0\9;
*padding-right: 0;
_padding-right: 0;
}
.search-form input[type="search"] {
/*margin-right: -3px;*/
border: none;
outline: none;
-webkit-appearance: none;
width: 198px;
width: 195px\9;
*width: 195px;
_width: 195px;
vertical-align: middle;
background: url("../images/search-field.png") no-repeat;
height: 28px;
padding: 5px 0 0 10px;
}
.search-form input[type="search"] {
/*margin-right: -3px;*/
border: none;
outline: none;
-webkit-appearance: none;
width: 198px;
width: 195px\9;
*width: 195px;
_width: 195px;
vertical-align: middle;
background: url("../images/search-field.png") no-repeat;
height: 28px;
padding: 5px 0 0 10px;
}
.search-form input[type="submit"] {
width: 34px;
height: 32px;
border: none;
border-radius: 0 4px 4px 0;
background: url("../images/search-button.png");
float: right;
cursor: pointer;
}
.search-form input[type="text"] {
float: right;
border-radius: 4px 0 0 4px;
padding-left: 5px;
width: 180px;
height: 28px;
background: url("../images/search-field.png") no-repeat;
}
/*---------------------- Всплывающее окно ---------------------*/
.overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1100;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.4);
cursor: default;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.overlay:target {
opacity: 1;
visibility: visible;
}
.overlay__area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlay__body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;
padding: 30px 15px;
}
.is-image {
width: 100%;
display: inline-block;
height: auto;
margin: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.popup {
position: relative;
width: 100%;
max-width: 500px;
background-color: #fff;
border: 3px solid #fff;
padding: 40px 15px 30px;
font-size: 14px;
opacity: 0;
visibility: hidden;
z-index: 1200;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-webkit-transition: opacity 0.5s, top 0.5s;
-moz-transition: opacity 0.5s, top 0.5s;
-ms-transition: opacity 0.5s, top 0.5s;
-o-transition: opacity 0.5s, top 0.5s;
transition: opacity 0.5s, top 0.5s;
}
.overlay:target .popup {
opacity: 1;
visibility: visible;
}
.form__item {
margin-bottom: 15px;
}
.form__item--hideadd {
display: flex;
flex-direction: column;
}
.form__item-title {
display: block;
margin: 0 0 5px 0;
font-size: 1rem;
color: #a82501;
font-weight: bold;
}
.form__item-label {
display: block;
margin-bottom: 5px;
font-size: 12px;
color: #a82501;
font-weight: bold;
}
.form__item-grup,
.form__item-wrap {
display: flex;
flex-direction: column;
}
.form__item-grup label {
margin-bottom: 5px;
}
.form__item input.new[type="text"],
.form__item textarea.new {
width: 100%;
box-sizing: border-box;
padding: 8px;
}
.form__item input[name="capcha"] {
width: 97px;
margin: 0 10px 10px 0;
padding: 8px;
border: #ff9900 solid 2px;
color: #666;
border-radius: 3px;
box-shadow: 1px 1px 2px #666666;
}
.form__button {
text-align: center;
}
.popup-zakaz .form__button {
padding-top: 20px;
}
.popup-zvonok {
max-width: 560px;
background: url(/images/coner-text-box.png) top left no-repeat,
linear-gradient(to bottom, #ffffff 0%, #eee 100%);
}
.popup-zvonok img {
float: right;
margin: 5px 10px 5px 20px;
border: 0;
}
.popup-zvonok-table1 {
width: 350px;
padding: 10px;
}
.popup-zvonok-table2 {
width: 100%;
}
.popup-zvonok-title {
margin: 0 0 10px;
text-align: center;
color: #a82501;
font-size: 1.2rem;
font-weight: 700;
}
.popup-zvonok h3 {
margin-bottom: 5px;
font-size: 12px;
}
.popup-zvonok-btn.but {
width: 220px;
}
.popup-zakaz {
max-width: 580px;
background: url(/images/coner-text-box.png) top left no-repeat,
linear-gradient(to bottom, #ffffff 0%, #eee 100%);
}
.popup-bug-title {
background: url(/images/bug.png) right no-repeat;
max-width: 340px;
padding: 5px 35px 5px 0;
margin: 0 auto 15px;
color: #a82501;
text-align: center;
font-size: 1.4rem;
font-weight: 700;
}
.popup-bug h3 {
margin-bottom: 5px;
font-weight: 700;
}
.close {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
height: 24px;
line-height: 24px;
position: absolute;
right: -13px;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 0;
top: -15px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
font-size: 14px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
background-color: rgba(64, 128, 128, 0.8);
}
textarea {
height: 80px;
max-height: 120px;
}
@media (min-width: 576px) {
.popup-bug {
padding: 25px 15px 15px;
max-width: 400px;
}
.popup-bug-title {
margin: 0 20px 15px;
}
.popup-bug h3,
.popup-bug .form__item-label{
flex: 0 0 100px;
font-size: 12px;
margin: 0;
}
.popup-bug .new {
flex: 0 0 75%;
}
.form__item {
display: flex;
align-items: center;
}
.form__item input.new[type="text"],
.form__item textarea.new {
padding: 3px;
}
.form__item input[name="capcha"] {
padding: 3px;
margin: 0 10px 0 0;
}
.form__footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.form__footer .form__item {
margin-bottom: 0;
}
.popup-zakaz .form__item-title {
flex: 0 0 200px;
}
.form__item-grup {
flex-direction: row;
}
.form__item--hideadd,
.form__item-wrap--delivery {
flex-direction: row;
}
.form__item-wrap--delivery label:first-child {
margin-right: 20px;
}
.popup-zvonok {
padding: 30px 25px;
}
.popup-zvonok h3,
.popup-zvonok .form__item-label {
flex: 0 0 110px;
}
}
@media (min-width: 768px) {
.overlay {
overflow: initial;
}
/* .popup {
margin-bottom: 30%;
} */
.popup-zakaz {
padding: 30px 90px 30px 30px;
}
.popup-zakaz .form__button {
margin-left: 200px;
text-align: left;
}
}
/*-------------- Главное меню -------------*/
.nav-mid {
width: 1100px;
}
.nav-mid ul {
float: left;
height: 44px;
/* margin-top: 8px; */
/* padding-left: 8px; */
border: 1px solid #941400;
border-radius: 5px;
background: linear-gradient(180deg, rgba(254,63,6,1) 0%, rgba(154,23,0,1) 100%);
/* background: url("../images/mid-menu.png") no-repeat; */
margin-left: 23px;
/*ДЛЯ IE*/
/* margin-left: 18px\9;
*margin-left: 18px;
_margin-left: 18px;*/
}
.nav-mid ul li {
border-right: 2px solid #b70000;
float: left;
list-style: none;
padding: 13px 0;
transition: color .2s linear,
background .2s linear;
}
.nav-mid ul li:last-child {
border-right: none;
}
.nav-mid ul li:hover {
color: #ffffff;
background: #af2100;
}
.nav-mid ul a {
text-decoration: none;
font-size: 16px;
color: #fcd504;
padding: 13px 21px;
/* background: url("../images/main-menu-slash.png") no-repeat right; */
/*ДЛЯ IE*/
padding: 13px 22px\9;
*padding: 13px 22px;
_padding: 13px 22px;
}
.nav-mid .first-item a {
padding-left: 22px;
padding-right: 23px;
}
.nav-mid .last-item a {
background: none;
padding-left: 23px;
padding-right: 22px;
}
.nav-mid ul a:hover {
color: #ffffff;
}
/*---------------SUB MENU --------------------*/
.dws-menu * {
margin: 0;
padding: 0;
}
.dws-menu ul,
.dws-menu ol {
list-style: none;
}
.dws-menu > ul {
display: flex;
justify-content: center;
}
.dws-menu > ul li {
position: relative;
border-right: 1px solid #c7c8ca;
}
.dws-menu > ul li:first-child {
border-left: 1px solid #b2b3b5;
}
.dws-menu > ul li:last-child {
border-right: 1px solid #babbbd;
}
.dws-menu > ul li > a i.fa {
position: absolute;
top: 15px;
left: 12px;
font-size: 18px;
}
.dws-menu > ul li a {
display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4308+0,ff4308+2,951700+98,951700+100 */
background: rgb(255, 67, 8); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
top,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4308', endColorstr='#951700',GradientType=0 ); /* IE6-9 */
padding: 15px 30px 15px 40px;
font-size: 14px;
color: #fcd504;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s ease;
}
.dws-menu li a:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4308+0,ff4308+2,951700+98,951700+100 */
background: rgb(255, 67, 8); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
top,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4308', endColorstr='#951700',GradientType=0 ); /* IE6-9 */
color: #ffffff;
box-shadow: 1px 5px 10px -5px black;
transition: all 0.3s ease;
}
/*sub menu*/
.dws-menu li ul {
position: absolute;
min-width: 270px;
display: none;
}
.dws-menu li > ul li {
border: 1px solid #c7c8ca;
}
.dws-menu li > ul li a {
padding: 10px;
text-transform: none;
background: #a52a2a;
}
.dws-menu li > ul li ul {
position: absolute;
right: -270px;
top: 0;
}
.dws-menu li:hover > ul {
display: block;
}
/*==== MEDIA ====*/
.dws-menu [type="checkbox"],
.dws-menu label.toggleSubmenu {
display: none;
}
.dws-menu label.toggleMenu {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4308+0,ff4308+2,951700+98,951700+100 */
background: rgb(255, 67, 8); /* Old browsers */
background: -moz-linear-gradient(
top,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
top,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(255, 67, 8, 1) 0%,
rgba(255, 67, 8, 1) 2%,
rgba(149, 23, 0, 1) 98%,
rgba(149, 23, 0, 1) 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4308', endColorstr='#951700',GradientType=0 ); /* IE6-9 */
display: none;
padding: 15px 40px;
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
position: relative;
}
.dws-menu label.toggleMenu .fa {
position: absolute;
top: 15px;
left: 12px;
font-size: 18px;
}
@media all and (max-width: 620px) {
.dws-menu {
overflow: hidden;
margin-top: 1px !important;
width: 250px;
padding-top: 93px;
}
.dws-menu ul {
display: block;
max-height: 0;
transition: max-height 0.3s;
}
.dws-menu li > ul li ul {
position: absolute;
right: auto;
top: auto;
}
.dws-menu label.toggleMenu {
display: block;
color: #fcd504;
}
input.toggleMenu:checked + label.toggleMenu {
background: #a52a2a;
color: #fff;
}
input.toggleMenu:checked ~ ul,
input.toggleSubmenu:checked ~ ul {
display: block;
position: relative;
max-height: 5000px;
transition: max-height 2s ease-in;
}
.dws-menu label.toggleSubmenu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
cursor: pointer;
display: block;
}
input.toggleSubmenu:checked ~ a {
background: #1e90ff;
color: #fff;
}
.dws-menu label.toggleSubmenu .fa:before {
content: "\f0d7";
color: #ffc0cb;
}
.dws-menu label.toggleSubmenu .fa {
position: absolute;
top: 15px;
right: 30px;
}
.dws-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before {
content: "\f0d8";
color: #ffffff;
}
}
/*---------------Слайдер --------------------*/
.slider-container {
width: 948px;
margin: 0 auto;
}
.slider {
margin-left: 2px;
float: left;
margin-top: 10px;
width: 948px;
height: 328px;
position: relative;
padding-bottom: 26px;
background: url(../images/gfx/bottom_shadow.png) no-repeat bottom center;
}
.sliderContent {
float: left;
width: 948px;
border-radius: 5px;
height: 328px;
clear: both;
position: relative;
overflow: hidden;
}
.sliderArrows a {
display: block;
text-indent: -9999px;
outline: none;
z-index: 12;
background-image: url(../images/gfx/prev_next.png);
width: 57px;
height: 57px;
position: absolute;
top: 50%;
margin-top: -50px;
}
.prev {
background-position: 0 0;
left: -30px;
}
.prev:hover {
background-position: 0 -57px;
}
.next {
right: -30px;
background-position: -57px 0;
}
.next:hover {
background-position: -57px -57px;
}
.sliderContent .item {
position: absolute;
width: 948px;
height: 328px;
background: #fff;
}
.sliderBullets {
position: absolute;
bottom: 0;
left: 50%;
z-index: 7;
margin-left: -45px;
}
.sliderBullets a {
display: block;
float: left;
text-indent: -9999px;
outline: none;
margin-left: 5px;
width: 10px;
height: 11px;
background: url(../images/gfx/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position: 0 -11px;
}
.sliderContent a {
outline: none;
}
/* ------------------------------------------
*----------- Середина сайта -----------------
------------------------------------------ */
.middle {
clear: left;
width: 1200px;
margin: 0 auto;
}
.container {
width: 960px;
margin: 0 auto;
}
/*------------- Левый сайдбар -------------*/
.sidebar-left {
float: left;
width: 240px;
}
.version {
padding-bottom: 15px;
}
.version a {
font-size: 13px;
text-decoration: none;
}
.version a:hover {
text-decoration: underline;
}
.version-title {
padding: 20px 0 32px 65px;
background: url("../images/aside-left-image2.png") no-repeat;
}
.version-title-mail {
background: url("../images/mail-left-image2.png") no-repeat;
height: 60px;
position: relative;
top: 20px;
padding-top: 13px;
padding-left: 65px;
}
.version-title-mail a {
color: #fbd002;
font-style: italic;
font-weight: bold;
}
.version-mail h5 {
margin-bottom: 10px;
}
.version-title-mail a:hover {
text-decoration: none;
}
.version-mail {
background: url("../images/shadow-version.png");
height: 100px;
padding: 20px 30px 10px 30px;
}
.version-title a {
color: #fbd002;
font-style: italic;
font-weight: bold;
background: url("../img/galkaver3.png") right no-repeat;
padding-right: 25px;
}
.version-title a:hover {
color: #ffffff;
font-style: italic;
font-weight: bold;
text-decoration: none;
background: url("../img/galkaverw.png") right no-repeat;
}
.version-list li {
list-style-position: inside;
list-style-image: url("../images/marker2.png");
padding: 3px 7px 3px;
}
.tog {
color: #5d5d5d;
font-size: 13px;
margin-top: 5px;
}
.tog:hover a {
border-bottom: 1px dotted;
text-decoration: none;
cursor: pointer;
}
.tog.active {
list-style-image: url("../images/marker3.png");
background: #ffffff;
border: 1px solid #eee;
border-radius: 3px;
box-shadow: 1px 2px 5px;
margin-top: 5px;
padding-bottom: 5px;
}
.version-list li:nth-child(odd) {
background: url("../images/shadow-version.png");
}
.version-list li:nth-child(even) {
background: url("../images/shadow-version2.png");
}
.version-list a {
color: #5d5d5d;
}
/*------------------------------------------------
----------- Основной контент главной страницы -----
------------------------------------------------*/
.content {
float: left;
width: 475px;
padding: 0 20px;
}
.content h3 {
clear: left;
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
}
.content p {
font-size: 13px;
line-height: 20px;
color: #626262;
text-indent: 16px;
margin-bottom: 10px;
}
.attention {
margin: 12px 0;
border: solid 5px #000000;
border-image: url("../images/shadow-span.png") 10;
padding: 8px 0;
/*ДЛЯ IE*/
border: solid 1px #000000\9;
border-style: solid none\9;
*border: solid 1px #000000;
*border-style: solid none;
_border: solid 1px #000000;
_border-style: solid none;
}
/*------------------------------------
*------------- Контент страницы "page"
---------------------------------------*/
.page2 {
width: 700px;
padding-right: 0;
}
/*--------------- Хлебные крошки-------------*/
#breadcrumbs-one {
background: #eee;
border-width: 1px;
border-style: solid;
border-color: #f5f5f5 #e5e5e5 #ccc;
border-radius: 5px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
overflow: hidden;
max-width: 700px;
}
#breadcrumbs-one li {
float: left;
}
#breadcrumbs-one a {
padding: 0.4em 1em 0.4em 2em;
float: left;
text-decoration: none;
color: #444;
position: relative;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #ddd;
background-image: linear-gradient(to right, #f5f5f5, #ddd);
font-size: 0.7em;
}
#breadcrumbs-one li:first-child a {
padding-left: 1em;
border-radius: 5px 0 0 5px;
}
#breadcrumbs-one a:hover {
background: #fff;
}
#breadcrumbs-one a::after,
#breadcrumbs-one a::before {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid;
right: -1em;
}
#breadcrumbs-one a::after {
z-index: 2;
border-left-color: #ddd;
}
#breadcrumbs-one a::before {
border-left-color: #ccc;
right: -1.1em;
z-index: 1;
}
#breadcrumbs-one a:hover::after {
border-left-color: #fff;
}
#breadcrumbs-one .current,
#breadcrumbs-one .current:hover {
font-weight: bold;
background: none;
}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before {
content: normal;
}
#breadcrumbs-one span.current {
padding: 0.4em 1em 0.4em 2em;
float: left;
text-decoration: none;
color: #444;
position: relative;
font-size: 0.7em;
}
@media (max-width: 767px) {
#breadcrumbs-one {
max-width: 100%;
}
}
.page2 .post {
margin: 20px 0 15px;
clear: left;
}
.page2 .post img {
float: left;
padding: 0 10px 1px 0;
}
.page2 h2 {
padding: 6px 0 12px;
font-size: 15px;
}
#screenshot1 {
float: left;
padding: 0 10px 0 0;
max-width: 246px;
}
#bigscreenshot {
float: left;
padding: 0 10px 0 0;
max-width: 400px;
}
#screenshot1 h5 {
margin-bottom: 10px;
}
.post2 h5 {
border-bottom: 1px solid #a82501;
overflow: hidden;
padding-bottom: 5px;
margin-bottom: 5px;
}
.text-center img {
margin: 15px 0;
}
.post-mnenie .link-back {
display: inline-block;
margin: 10px 0 0 0;
}
.post-mnenie .mnenia-polzovateley-img {
text-align: left;
float: left;
margin: 0 10px 10px 0;
}
.post-mnenie .user-name {
margin: 0 0 15px 0;
text-indent: 0;
text-align: left;
font-size: 15px;
font-weight: 700;
color: #a82501;
}
.post-termin img {
max-width: 100%;
margin: 10px 0;
}
.post-table,
.post-termin table {
display: inline-block;
overflow-x: auto;
margin: 1em 0 1em;
max-width: 100%;
width: auto;
border-spacing: 0;
border-collapse: collapse;
font-display: swap;
font-size: 13px;
/*white-space: nowrap;*/
vertical-align: top;
-webkit-overflow-scrolling: touch;
background: radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;
background-attachment: scroll,scroll;
background-size: 10px 100%,10px 100%;
background-repeat: no-repeat;
}
.post-table td, .post-table th,
.post-termin table td, table th {
padding: 6px 12px;
border: 1px solid #dfdfe2;
}
.post-table th,
.post-termin table th {
color: #1b1b32;
font-size: 12px;
font-weight: 700;
text-align: left;
background-color: #eee;
}
.post-table td:first-child,
.post-termin table td:first-child {
background-image: linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));
background-size: 20px 100%;
background-repeat: no-repeat;
}
.post-table td:last-child,
.post-termin table td:last-child {
background-image: linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));
background-position: 100% 0;
background-size: 20px 100%;
background-repeat: no-repeat;
}
.tab2 {
display: block;
overflow-x: auto;
}
/*29,08,14*/
.post3 img {
border: 1px solid #cccccc;
border-radius: 10px;
}
.post2 {
margin: 5px 0 0;
}
.post2 ul {
overflow: hidden;
margin: 10px 0 10px 0;
}
.post2 li {
border-bottom: 1px solid #d4d4d4;
color: #626262;
line-height: 18px;
overflow: hidden;
padding: 3px 0 9px 10px;
margin: 1px 0 1px;
list-style-image: url("../images/check.png");
list-style-position: inside;
font-size: 12px;
}
.post2 .min li {
overflow: hidden;
padding: 2px 0 2px 10px;
margin: 1px 0 1px;
}
.post2 .check li {
border-bottom: none;
list-style-image: url("../images/check.png");
padding: 2px 0 2px 10px;
margin: 1px 0 1px;
}
.post2 li a {
font-size: 13px;
color: #a82501;
text-decoration: none;
}
.post2 a {
font-size: 15px;
color: #a82501;
text-decoration: none;
}
.post2 li a:hover {
text-decoration: underline;
}
.post2 li span {
float: right;
font-size: 13px;
font-weight: bold;
color: #a82501;
margin: 4px 5px 0;
}
.post2 h4.h4cena {
margin-bottom: 0;
}
.post2 li.licena {
background-color: #eee;
}
.post2 li span a {
background: url("../images/buy.png");
font-size: 12px;
color: #facf01;
padding: 2px 12px 6px 9px;
margin-left: 5px;
transition: color .2s linear;
}
.post2 li span a.more {
background: url("../images/buy2.png") no-repeat;
font-size: 12px;
color: #facf01;
padding: 2px 12px 6px 9px;
margin-left: 5px;
}
.more {
background: url("../images/buy2.png") no-repeat;
font-size: 12px;
color: #facf01;
padding: 2px 12px 6px 9px;
margin-left: 5px;
}
.post2 li span a:hover {
text-decoration: none;
color: #ffffff;
}
.post2 h4 {
font-size: 14px;
border-bottom: 1px solid #a82501;
overflow: hidden;
padding-bottom: 5px;
margin-bottom: 5px;
}
.post2 .preview {
margin-bottom: 15px;
font-size: 15px;
font-weight: 700;
}
.post2 .number {
font-weight: 700;
color: #a82501;
}
.circle-ul li {
border: none;
list-style-image: url("../images/circle-marker.png");
font-size: 13px;
color: #626262;
text-align: left;
padding: 5px 1px 5px 0;
line-height: 20px;
}
.circle-ul-dox li {
border: none;
list-style: none;
font-size: 13px;
color: #626262;
padding: 0 1px 0 0;
line-height: 20px;
margin-left: 40px;
}
.circle-ul-min li {
border: none;
list-style-image: url("../images/circle-marker.png");
font-size: 13px;
color: #626262;
padding: 0 1px 0 0;
line-height: 20px;
}
@media (max-width: 767px) {
.circle-ul-min {
margin-left: 20px !important;
}
}
.noimgul li {
border: none;
list-style-image: none;
font-size: 15px;
color: #626262;
padding: 10px 1px 10px 0;
line-height: 20px;
}
.galka {
padding-left: 20px;
background: url("../img/galka.png") no-repeat;
margin-top: 10px;
margin-right: 5px;
line-height: 20px;
text-indent: 1px;
}
.galka2 {
background: url("../img/galka.png") no-repeat scroll 0 0 transparent;
line-height: 15px;
margin: 10px 0 10px 30px;
padding-left: 5px;
}
.reviews__item {
display: flex;
justify-content: space-between;
}
.star__img {
width: 75px;
margin: 5px 0;
}
.reviews__footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.reviews__block {
display: flex;
flex-direction: column;
align-items: center;
}
.reviews__text {
text-align: center;
max-width: 220px;
color: #000!important;
text-decoration: underline!important;
}
.reviews__text:hover {
text-decoration: none!important;
}
.reviews__qr {
width: 200px;
height: 200px;
}
@media (max-width: 575px) {
.galka2 {
margin: 10px 0 10px 10px;
}
}
.post2 .video-block {
overflow: hidden;
float: left;
/*background: url("../images/video-slash.png") no-repeat right;*/
padding-right: 1px;
}
.post2 .video-block h6 {
font-size: 13px;
margin-bottom: 10px;
color: #626262;
}
.post2 .video-block iframe {
width: 308px;
height: 190px;
}
.post2 .video-block.last {
padding-left: 30px;
padding-right: 1px;
background: none;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.video-wrap,
.post2 .video-block {
float: none;
width: auto !important;
text-align: center;
position: relative;
margin: 20px 0;
padding: 0 0 56.25% 0;
height: 0;
overflow: hidden;
border-radius: 10px;
border: 1px solid #ccc;
}
.video-wrap iframe,
.post2 .video-block iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
margin: 0;
}
.post2 .video-block.last {
padding-left: 0;
}
}
.post2 .contackt-block {
width: 49%;
padding-left: 0;
padding-right: 10px;
background: none;
background: url("../images/video-slash.png") no-repeat right;
}
.post2 .contackt-block-last {
width: 49%;
padding-left: 30px;
padding-right: 0;
background: none;
}
.post2 .contackt-block img {
margin: 0;
}
.block-img img {
max-width: 100%;
margin: 0;
}
.tel {
vertical-align: middle;
border: 0;
margin: 0;
}
code {
background-color: #eee;
}
.code {
overflow-x: auto;
background-color: #eee;
border-bottom: 1px dashed #888;
border-top: 1px dashed #888;
}
#linkprint {
background: #ffcc00;
color: #ffffff;
padding: 5px;
margin-bottom: 25px;
margin-left: 2px;
width: 246px;
}
#linkprint b a {
color: #ff6633;
}
.video1c {
min-height: 300px;
}
.video1c iframe {
display: inline-block;
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
float: left;
margin-right: 5px;
width: 394px;
height: 216px;
}
.post2 .post-img-left {
float: left;
margin: 0 10px 5px 0;
}
/*----------------------------------------------
*------------- Стили таблиц----------------
-----------------------------------------------*/
.txt {
border-spacing: 0;
border: 2px solid #a9a9a9;
background: #ffffff;
}
.txt tr td {
font-size: 13px;
padding: 5px;
color: #626262;
border: 2px solid #eee;
text-align: center;
}
.txt tr td.cena {
color: #a82501;
}
.txt tr {
transition: background-color .2s linear;
}
.txt tr:hover {
background-color: #fdfff3;
}
.txt tr th {
font-size: 15px;
padding: 5px;
color: #626262;
border-bottom: 2px solid #eee;
}
.txt li {
border-bottom: none;
padding: 2px;
}
.txt tr td.check {
background: url(../img/galka.png) center no-repeat;
}
.txt tr td.nocheck {
background: url(../img/galkaver2.png) center no-repeat;
}
.rm,
.txt img {
max-width: none;
}
.table_cena {
border: 2px solid #a9a9a9;
width: 100%;
background: #ffffff;
}
.table_cena tr td {
font-size: 13px;
padding: 3px;
border-bottom: 2px solid #eee;
border-right: 2px solid #eee;
color: #626262;
}
.table_cena tr:hover {
background-color: #f5f5f5;
}
.table_cena li {
border-bottom: none;
padding-top: 1px;
padding-bottom: 1px;
}
.table_cena tr th {
font-size: 12px;
color: #626262;
padding-bottom: 5px;
}
.table_cena tr th h2 {
padding: 5px;
margin: 0;
}
.table_cena tr th h3 {
padding: 5px;
margin: 0;
}
.table_cena tr strong {
color: #626262;
}
.table_cena td.cena {
color: #a82501;
}
/*----------------------------------------------
*------------- Новые стили таблиц----------------
-----------------------------------------------*/
.table_property {
border-spacing: 0;
border: 2px solid #a9a9a9;
background: #ffffff;
}
.table_property tr td {
font-size: 13px;
padding: 5px;
color: #626262;
border: 2px solid #eee;
text-align: left;
}
.table_property tr:hover {
background-color: #fbffe4;
}
.table_property tr th {
font-size: 14px;
padding: 5px;
color: #626262;
border-bottom: 2px solid #eee;
}
.table_property td:nth-child(even) {
text-align: center;
}
.table_property td img {
margin: 0;
}
/*----------------------------------------------
*------------- Коробка продукта----------------
-----------------------------------------------*/
.box1с {
height: auto;
min-height: 150px;
margin-bottom: 20px;
}
.box1с .box1с_start {
margin-right: 10px;
/*margin-left: 10px; Вылезает за рамки страницы*/
padding-left: 40px;
padding-right: 45px;
width: 650px;
height: 24px;
background: url(../images/bgbox_start.png) repeat-y;
}
.box1с .box1с_center {
/*margin:0px 10px 0 10px; Вылезает за рамки страницы*/
width: 650px;
padding: 0 45px 0 25px;
min-height: 120px;
background: url(../images/bgbox_middle.png) repeat-y;
}
.box1с .box1с_end {
margin-right: 10px;
/*margin-left: 10px; Вылезает за рамки страницы*/
padding-left: 40px;
padding-right: 45px;
width: 650px;
height: 25px;
background: url(../images/bgbox_end.png) repeat-y;
}
.box1с_center .box1с_text {
float: left;
width: 410px;
}
.box1с_center .box1с_img_but {
width: 200px;
margin-right: 20px;
float: right;
text-align: center;
}
.box1с_center .but {
float: right;
position: relative;
display: inline-block;
*display: inline;
padding: 4px 10px 4px;
width: 200px;
height: 30px;
margin-bottom: 0;
*margin-left: 0.3em;
margin-right: 5px;
margin-top: 5px;
font-size: 13px;
line-height: 18px;
*line-height: 40px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-appearance: button;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#ffffff),
to(#e6e6e6)
);
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
background-color: #faa732;
*background-color: #f89406;
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#fbb450),
to(#f89406)
);
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to top, #fbb450, #f89406);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
*border: 0;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 2px rgba(0, 0, 0, 0.05);
}
.box1с_center .but:hover {
background-color: #f89406;
*background-color: #df8505;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.box1с_center img {
width: 200px;
float: right;
}
@media (max-width: 767px) {
.box1с {
margin: 0 0 20px 0;
}
.box1с .box1с_start,
.box1с .box1с_end {
display: none;
}
.box1с .box1с_center {
width: auto;
height: auto !important;
padding: 10px;
background: #ecedf2;
}
.box1с_center .box1с_text {
width: 100%;
float: none;
}
.box1с_center {
display: flex;
flex-direction: column-reverse;
}
.box1с_center .box1с_img_but {
width: 100%;
margin-right: 0;
}
.box1с_center img {
float: none;
}
}
.post2 h5.dot {
margin-left: 15px;
border-bottom: 1px dotted;
}
.box {
min-height: 300px;
padding: 30px;
background: linear-gradient(to bottom, #eee 0%, #f0f0f0 100%);
box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.5);
border: 1px solid #fff;
}
.box .box_text {
float: left;
width: 380px;
}
.box .img_but {
width: 200px;
float: right;
}
.box .but {
float: right;
position: relative;
display: inline-block;
*display: inline;
padding: 4px 10px 4px;
width: 170px;
height: 30px;
margin-bottom: 0;
*margin-left: 0.3em;
margin-right: 22px;
margin-top: 5px;
font-size: 13px;
line-height: 18px;
*line-height: 40px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-appearance: button;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#ffffff),
to(#e6e6e6)
);
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
background-color: #faa732;
*background-color: #f89406;
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#fbb450),
to(#f89406)
);
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to top, #fbb450, #f89406);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
*border: 0;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 2px rgba(0, 0, 0, 0.05);
}
.box .but:hover {
background-color: #f89406;
*background-color: #df8505;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.box img {
width: 200px;
float: right;
margin: 0;
}
@media (max-width: 700px) {
.box {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px 10px;
}
.box_text {
margin: 0 0 20px 0;
}
}
@media (max-width: 480px) {
.box .box_text {
width: 100%
}
}
/*----------------------------------------------
*------------- Контент страницы "catalog-slider"
-----------------------------------------------*/
.slider-carousel {
width: 700px;
height: 340px;
/*overflow: hidden;*/
}
.slider-carousel h3 {
width: 700px;
color: #a82501;
border: 1px solid;
border-style: solid none;
font-size: 13px;
font-weight: bold;
background: #fbd303;
text-align: center;
padding: 5px 0;
margin: 20px 0;
box-shadow: 0 2px 5px #9c9c9c;
}
/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
margin: 0 50px 0;
position: relative;
}
/* Panel Wrapper */
.mb-slider,
.mb-scroll {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0 auto;
position: relative;
/***(>'-')> Control Panel Font size here <('-'<)***/
font-size: 18px;
}
.mb-scroll {
height: 220px;
}
/*** Slider panel ***/
.mb-slider .mb-panel {
padding: 10px 10px 0;
display: block;
cursor: pointer;
float: left;
list-style: none;
}
/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
cursor: auto;
}
/*** Inside the panel ***/
.mb-inside {
padding: 10px 15px 0 15px;
background: url("../images/item-shadow.png") bottom no-repeat, #f1f1f1;
}
.mb-inside * {
max-width: 100%;
}
.mb-inside img {
padding-left: 0.5em;
}
/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
display: block;
width: 21px;
height: 29px;
background: transparent url(../images/gfx/arrows.png) no-repeat;
position: absolute;
top: 50%;
margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
cursor: pointer;
text-decoration: none;
outline: 0;
border: 0;
}
a.mb-scrollButtons.mb-left {
background-position: left top;
left: -45px;
}
a.mb-scrollButtons.mb-right {
background-position: right top;
right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
background-position: right bottom;
}
a.mb-scrollButtons.disabled {
display: none;
}
.mb-controls {
display: none;
}
.mb-inside h4 {
margin: -15px 0 10px 0;
line-height: 14px;
max-width: 170px;
font-weight: bold;
font-size: 12px;
color: #a82501;
text-indent: 0;
text-align: center;
text-decoration: none;
}
.slider-one .item-price {
font-size: 14px;
padding-bottom: 25%;
min-width: 140px;
}
.slider-one .item-price a {
float: right;
margin-top: -5px;
font-size: 10.5px;
color: #facf01 !important;
background: url("../images/buy-big.png") no-repeat;
padding: 6px 12px 7px 10px;
text-decoration: none;
}
.slider-one .item-price a:hover {
color: #ffffff !important;
}
.mb-inside h3 {
width: 700px;
color: #a82501;
border: 1px solid;
border-style: solid none;
font-size: 13px;
font-weight: bold;
background: #fbd303;
text-align: center;
padding: 5px 0;
margin: 20px 0;
box-shadow: 0 2px 5px #9c9c9c;
}
.mb-inside a {
color: #a82501;
}
/*----------------------------------------------
*------------- Контент разделов "совместимо"
-----------------------------------------------*/
.razdeli2 a {
font-size: 14px;
font-stretch: normal;
background-position: center bottom;
}
.razdel2fon {
width: 154px;
height: 180px;
margin: 2px;
padding: 5px;
background: url(../img/new/fon.png) center no-repeat;
float: left;
}
.razdel2 {
float: left;
text-align: center;
font-size: 20px;
color: #a82501;
width: 150px;
height: 150px;
margin: 0 0 5px 0;
padding: 5px 0 0 0;
background-size: auto 100px;
background-repeat: no-repeat;
background-position: center bottom + 3px;
}
.razdel2:hover {
background-position: center bottom + 0;
background-size: auto 105px;
}
.razdelsm2 {
float: left;
text-align: center;
font-size: 20px;
color: #a82501;
width: 150px;
height: 150px;
margin: 0 0 10px 0;
padding: 5px 0 0 0;
background-size: 140px;
background-repeat: no-repeat;
background-position: center bottom + 50px;
}
.razdelsm2:hover {
background-position: center bottom + 48px;
background-size: 143px;
}
.razdeli a {
font-size: 14px;
font-stretch: normal;
}
.razdel {
float: left;
text-align: center;
font-size: 20px;
color: #a82501;
width: 150px;
height: 150px;
margin: 5px;
padding: 5px;
padding-bottom: 15px;
border: 2px solid #eee;
border-radius: 5px;
background-size: auto 100px;
background-repeat: no-repeat;
background-position: center bottom + 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.razdel:hover {
border: 2px solid #a82501;
border-radius: 10px;
background-position: center bottom + 0;
background-size: auto 105px;
}
.razdelsm {
float: left;
text-align: center;
font-size: 20px;
color: #a82501;
width: 150px;
height: 150px;
margin: 5px;
padding: 5px;
padding-bottom: 15px;
border: 2px solid #eee;
border-radius: 10px;
background-size: 150px;
background-repeat: no-repeat;
background-position: center bottom + 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.razdelsm:hover {
border: 2px solid #a82501;
border-radius: 10px;
background-position: center bottom + 48px;
background-size: 153px;
}
/*------------------------------------
*------------- Таблица ползователей (мнения)
---------------------------------------*/
td.polzovat0_1 {
background-color: #eee;
width: 70px;
}
td.polzovat0_2 {
width: 10px;
background-color: #eee;
border-top: solid 1px #886932;
border-left: solid 1px #886932;
}
td.polzovat0_3 {
background-color: #eee;
border-right: solid 1px #886932;
padding: 5px;
}
td.polzovat1 {
height: 19px;
background-color: #ffcc00;
border-top: solid 1px #886932;
border-bottom: solid 1px #886932;
font-size: 10pt;
white-space: nowrap;
}
td.polzovat2 {
background-color: #ffcc00;
border-right: solid 1px #886932;
border-top: solid 1px #886932;
border-bottom: solid 1px #886932;
}
img.foto {
width: 100px;
border: 1px solid #886932;
margin: 0;
max-width: none;
}
.img_right {
display: block;
padding: 5px;
margin-top: 12px;
margin-left: 10px;
border: 1px solid #cccccc;
border-radius: 5px;
float: right;
}
.img-right {
display: block;
float: right;
margin: 10px 0 0 10px;
}
p.check-icon {
position: relative;
text-indent: 25px;
}
.check-icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
background-image: url(../img/galka.gif);
background-position: center;
background-repeat: no-repeat;
}
/*------------------------------------
*------------- Меню УПП
---------------------------------------*/
.drugie {
min-width: 900px;
max-width: 1280px;
padding: 0;
margin-bottom: 0;
background: #f5f5f5;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
overflow: visible;
}
.drugie.upp8 {
width: 260px;
min-width: 260px;
max-width: 260px;
}
.drugie .wrap {
margin-right: 0;
overflow: hidden;
}
.drugie.upp8 .wrap {
margin: 0;
}
.drugie .wrap ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.drugie .wrap ul li {
display: block;
padding: 6px;
line-height: 20px;
margin: 0;
overflow: hidden;
color: #444444;
text-shadow: 0 1px 1px #fff;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid #e4e4e4;
border-top: 1px solid #ffffff;
}
.drugie.upp8 .wrap ul li.current {
font-size: 14px;
background-color: #faa732;
*background-color: #f89406;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2RjNzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -ms-linear-gradient(top, #fcf6aa, #f7dc77);
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#fcf6aa),
to(#f7dc77)
);
background-image: -webkit-linear-gradient(top, #fcf6aa, #f7dc77);
background-image: -o-linear-gradient(top, #fcf6aa, #f7dc77);
background-image: -moz-linear-gradient(center top, #fcf6aa, #f7dc77);
background-image: linear-gradient(to top, #fcf6aa, #f7dc77);
background-repeat: repeat-x;
border: 1px solid #f7d655;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FCF6AA', endColorstr='#F7DC77', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
*border: 0;
*zoom: 1;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
0 1px 0 rgba(255, 255, 255, 0.6) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
0 1px 0 rgba(255, 255, 255, 0.6) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
.drugie .wrap ul li a {
display: block;
line-height: 20px;
margin: 0;
overflow: hidden;
color: #444444;
text-shadow: 0 1px 1px #fff;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
.drugie.upp8 .wrap ul li.current a {
color: #ba970a;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.drugie .wrap ul li:last-child {
border-bottom: none;
}
.drugie .wrap ul li.first_cat:last-child {
border-bottom: 1px solid #e4e4e4;
}
.drugie .wrap ul li:first-child {
border-top: none;
}
.drugie .wrap ul li.first_cat:first-child {
border-top: 1px solid #e4e4e4;
}
.drugie .wrap ul li span.left {
display: block;
float: left;
line-height: 20px;
}
.drugie .wrap ul li span.right {
display: block;
text-align: right;
float: right;
line-height: 20px;
}
.drugie div.pic {
margin: 0;
float: left;
width: 100%;
padding: 10px 0 0 10px;
}
.drugie h2 {
display: block;
font-size: 18px;
padding: 7px 0 7px 0;
text-indent: 5px;
margin: -1px;
width: 100%;
color: #ba970a;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #faa732;
*background-color: #f89406;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2RjNzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -ms-linear-gradient(top, #fcf6aa, #f7dc77);
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(#fcf6aa),
to(#f7dc77)
);
background-image: -webkit-linear-gradient(top, #fcf6aa, #f7dc77);
background-image: -o-linear-gradient(top, #fcf6aa, #f7dc77);
background-image: -moz-linear-gradient(center top, #fcf6aa, #f7dc77);
background-image: linear-gradient(to top, #fcf6aa, #f7dc77);
background-repeat: repeat-x;
border: 1px solid #f7d655;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FCF6AA', endColorstr='#F7DC77', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
*border: 0;
*zoom: 1;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
0 1px 0 rgba(255, 255, 255, 0.6) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
0 1px 0 rgba(255, 255, 255, 0.6) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
.drugie.upp8 h2 {
text-align: left;
font-size: 14px;
}
/*------------------------------------
*------------- Кнопка Демо
---------------------------------------*/
.lightbox_img {
display: inline-block;
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
}
.lightbox_img img {
padding: 0;
margin: 0;
text-indent: 0;
}
p .lightbox_img {
text-indent: 0;
}
a.demo {
text-align: center;
display: block;
float: left;
padding: 5px 5px 5px 0;
border-radius: 7px;
border: 2px solid #e69910;
background: #fceb00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmMyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fceb00 0%, #ffc200 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, #fceb00),
color-stop(100%, #ffc200)
); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
top,
#fceb00 0%,
#ffc200 100%
); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
top,
#fceb00 0%,
#ffc200 100%
); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fceb00 0%, #ffc200 100%); /* IE10+ */
background: linear-gradient(to bottom, #fceb00 0%, #ffc200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceb00', endColorstr='#ffc200',GradientType=0 ); /* IE6-8 */
margin: 20px 20px 20px 0;
text-decoration: none;
}
a.demo span {
display: block;
min-height: 40px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
padding: 0 0 0 65px;
background: url("../img/demo_1c.png") 5px 50% no-repeat;
color: #793800;
text-shadow: 0 1px 1px #ffffff;
}
a.demo:hover {
text-decoration: none;
}
a.demo:hover span {
color: #ff151f;
}
/*------------------------------------
*------------- Заметка со скрепкой
---------------------------------------*/
.skrepka {
background: url(../images/skrepka.png) center no-repeat;
width: 59px;
height: 91px;
position: absolute;
top: -10px;
right: -6px;
float: right;
clear: both;
}
.skrepka1 {
background: url(../images/skrepka.png) center no-repeat;
width: 59px;
height: 91px;
position: relative;
right: -6px;
float: right;
clear: both;
}
.zametka {
position: relative;
background-color: #eee;
border: 2px solid #f5d31e;
border-radius: 12px;
min-height: 90px;
max-width: 695px;
margin-left: 0;
margin-top: 15px;
margin-bottom: 15px;
}
.zametka table {
margin: 0 auto;
padding-top: 20px;
border-spacing: 0 5px;
padding-right: 5px;
}
.zametka table tr td {
border-bottom: 3px white solid;
}
.zametka_text {
height: auto;
padding: 10px;
}
.zametka_text img {
float: left;
}
.zametka_text span {
float: right;
margin-top: 10px;
}
.zametka_text span a {
font-size: 12px;
color: #facf01;
font-weight: bold;
}
.zametka_text span a:hover {
color: white;
}
.obl-table {
width: 370px;
position: absolute;
bottom: 221px;
left: 355px;
}
.obl-table table {
font-size: 10px;
color: #000;
letter-spacing: 0.1em;
}
.contact_moscow .obl-table {
left: 280px;
bottom: 255px;
background: rgb(255 255 255 / 50%);
}
.contact_moscow .obl-table table {
letter-spacing: 0;
}
.title-h1 {
margin-top: 10px;
padding: 6px 0 12px;
font-size: 15px;
color: #a82501;
}
.h4 {
margin-top: 10px;
color: #a82501;
font-weight: 700;
}
.page2 .title-h4,
.title-h4 {
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 5px;
font-size: 14px;
font-weight: 700;
color: #a82501;
border-bottom: 1px solid #a82501;
overflow: hidden;
}
/*------------------------------------
*------------- Стиль таблицы контакты
---------------------------------------*/
#contact {
border-top: dashed 1px;
}
#contact tr td {
border-right: dashed 1px;
border-bottom: dashed 1px;
}
/*------------------------------------
*------------- Контент страницы "catalog1"
---------------------------------------*/
.catalog .shop-table {
margin-left: -22px;
}
.catalog .shop-table .item {
width: 340px;
float: left;
padding: 8px 0 30px 20px;
}
/*Стиль для изображения товара с красной рамкой вокруг
* В html-фалйле картинку поместить в блок Бесплатно*/
/*Для картинок в тексте*/
.rightimg {
float: right; /* Выравнивание по правому краю */
margin: 0 0 10px 10px; /* Отступы вокруг картинки */
}
.leftimg {
float: left;
margin: 0 10px 10px 0;
}
/*Для картинок в тексте конец*/
/* Баннеры */
.general {
/* background: url("/images/bg_top222.png") no-repeat center 0; */
background: url("/image/akciya/2.png") no-repeat center 0;
z-index: -1;
position: absolute;
height: 140%;
width: 100%;
top: 220px;
left: -15px;
}
.leftg {
margin-left: 500px;
display: block;
width: 200px;
height: 350px;
position: absolute;
left: 50%;
top: 300px; /*background: bisque; Сюда можно поставить картинку */
}
.rightg {
margin-left: -680px;
display: block;
width: 200px;
height: 350px;
position: absolute;
left: 50%;
top: 300px; /*background: bisque; Сюда можно поставить картинку*/
}
/* Баннеры конец*/
/* Блок Нг */
#ngwrapp {
background: rgb(192, 27, 27);
height: 100px;
}
/* Блок Нг */
.atention77 {
border: 3px solid rgb(255, 132, 106);
padding: 10px;
border-radius: 15px;
background: linear-gradient(to top, rgba(111, 18, 0, 1), #d52e00);
color: #ffffff !important;
width: 300px;
text-align: center !important;
/* float: right; */
}
.atention77 em a {
color: rgb(0, 215, 0);
font-size: 12px;
text-decoration: underline;
}
.atention77 em a:hover {
font-weight: bold;
}
.atention77 strong {
font-size: 20px;
}
@media screen and (max-width: 767px) {
.atention77 {
width: auto !important;
margin: 0 !important;
}
}
/* вёрстка под мобильные устройства
min-width — начиная от
max-width — заканчивая
@media screen and (min-width: 320px) and (max-width:480px) {
}
*/
#sidebar-mobile {
display: none;
}
@media screen and (max-width: 1000px) {
.container {
margin-left: 0;
margin-right: 0;
}
.head {
/*width: 980px;*/
/*height: 230px;
background: rgb(255, 212, 0);*/
}
/* begin закрываем уши */
.general {
display: none;
}
.leftg {
display: none;
}
.rightg {
display: none;
}
/* end закрываем уши */
.nav-mid ul {
margin-left: -120px;
height: 100%;
}
.footer {
min-width: 980px;
}
}
/*@media screen and (max-width: 1000px){
body{
max-width: 900px;
}
.top-menu {
float: left;
width: 390px;
height: 220px;
display: block;
}
.top-menu li{
background: rgb(164, 27, 0);
}
.phone-area {
width: 400px;
float: right;
}
.logo-phone{
padding-top: 0;
}
.phone>img{
display: none;
}
form {
float: left;
}
}*/
@media screen and (max-width: 767px) {
/* 575px 480px 350px */
html,
body {
overflow-x: hidden;
}
.container {
width: 100%;
margin: 0 auto;
}
.middle {
clear: none;
width: 100%;
margin: 0 auto;
}
.post2 {
margin: 5px 10px 0;
}
.header {
box-sizing: border-box;
position: relative;
min-height: 200px;
height: auto;
background: #ffd900;
border-top: 4px solid #d62401;
}
.top-menu {
float: left;
width: 390px;
height: 220px;
display: block;
}
.sidebar-right {
display: none;
}
.top-menu li {
background: rgb(164, 27, 0);
}
.logo-phone {
display: flex;
flex-direction: column;
padding: 10px 10px 0;
margin: 0;
}
.logo {
float: none;
padding: 0;
}
.phone-area {
float: none;
position: relative;
width: 100%;
display: flex;
}
.phone-area br {
display: none;
}
.phone-area__col-1 {
flex: 0 0 auto;
}
.phone-area__col-2 {
display: flex;
flex: 0 0 auto;
}
.phone {
float: none;
margin: 0 0 10px 0;
padding: 0;
line-height: 1.3;
}
.phone > img {
display: none;
}
.header__phone {
display: flex;
flex-direction: column;
}
.header__phone-address {
display: flex;
flex-direction: column;
}
.header-link {
position: absolute;
top: -56px;
}
.header-link a {
display: block;
margin: 0 0 5px 0;
}
/*Левый сайдбар для моб.*/
.sidebar-left {
box-sizing: border-box;
position: fixed;
top: 0;
left: -100%;
z-index: 600;
width: 100%;
height: 100%;
padding: 120px 30px 30px 30px;
background-color: rgba(0, 0, 0, 0.9);
transition: left 0.3s ease 0s;
overflow: auto;
}
.sidebar-left._active {
left: 0;
}
.version {
margin-bottom: 25px;
}
.version-title {
position: relative;
padding: 0;
background: none !important;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid #fbd002;
}
.version-title a {
display: inline-block;
padding: 10px 0;
font-size: 22px;
background: none;
}
.version-title a:hover {
background: none;
}
.version-title-arrow {
display: block;
width: 0;
height: 0;
margin: 0 0 0 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #fbd002;
transition: transform 0.3s ease 0s;
}
.version-list {
display: none;
padding: 15px 0 15px 15px;
background: #fff;
border-top: 2px solid #fbd002;
}
.version-title._active + .version-list {
display: block;
}
.version-list li {
background: none;
list-style-image: none;
}
.version-list li:nth-child(even) {
background: none;
}
.version-list li:nth-child(odd) {
background: none;
}
.version-list a {
display: inline-block;
padding: 5px 0;
font-size: 18px;
}
/*burger*/
.burger-btn {
position: absolute;
top: 0;
right: 0;
z-index: 700;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
transition: transform 400ms;
margin: 0 auto;
overflow: hidden;
}
.burger-btn__line {
fill: none;
transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
stroke: #d62401;
stroke-width: 5.5;
stroke-linecap: round;
}
.burger-btn__line.top {
stroke-dasharray: 40 139;
}
.burger-btn__line.bottom {
stroke-dasharray: 40 180;
}
.burger-btn._active .bottom {
stroke-dashoffset: -137;
}
.burger-btn._active .top {
stroke-dashoffset: -97;
}
.burger-btn._active {
transform: rotate(45deg);
}
.burger-btn._active .bottom {
stroke-dashoffset: -137;
}
.burger-btn._active .top {
stroke-dashoffset: -97;
}
.burger-btn._active {
transform: rotate(45deg);
}
/*.container {*/
/* display: flex;*/
/* flex-direction: column;*/
/*}*/
/*.sidebar-left {*/
/* float: none;*/
/* align-self: center;*/
/* width: 300px;*/
/*}*/
/*.version-title {*/
/* padding: 10px 25px;*/
/* background: linear-gradient(to bottom, #ff4c1b 0%,#8c2104 100%);*/
/*}*/
/*.version-title a {*/
/* display: block;*/
/* font-size: 15px;*/
/*}*/
/*.version-list li:nth-child(odd) {*/
/* background: rgba(150, 150, 150, .3);*/
/*}*/
/*.version-list a {*/
/* display: inline-block;*/
/* padding: 5px;*/
/* font-size: 15px;*/
/*}*/
/*.sidebar-left .version-list {*/
/* display: none;*/
/*}*/
.container > .sidebar-left {
/*display: none;*/
}
.version-title-mail {
display: none;
}
.version-mail {
display: none;
}
.check-product {
display: none;
}
/*.sidebar-left{
width: 100px;
}*/
.top-menu li {
float: none;
width: 180px;
}
.logo__img {
width: 100px;
}
.header__search {
margin-left: 20px;
}
.header__search form {
margin-top: 17px;
}
.search-form {
float: none;
position: relative;
width: 220px;
margin: 0;
}
.search-form input[type="text"] {
/* float: none; */
width: 100%;
}
.search-form input[type="submit"] {
float: none;
position: absolute;
right: -4px;
}
/*расправляемся с меню*/
/*.nav-mid ul li{
background: url("../images/main-menu-hover.png") repeat-x;
}*/
/*Убираем пункт меню, главное*/
/*li.first-item{
display: none;
}*/
.nav-mid {
position: absolute;
bottom: 0;
width: 100%;
overflow-x: scroll;
}
.nav-mid ul {
width: 800px;
margin-top: 0;
margin-left: -7px;
}
.nav-mid .main-menu a {
padding: 13px 10px;
}
/* Выравниваем красное меню */
.nav-top {
display: none;
}
.hint {
display: none;
}
/*.buy{
display: none;
}*/
.man-img {
display: none;
}
.woman-img {
display: none;
}
.footer {
box-sizing: border-box;
/*display: flex;*/
display: inline-block;
height: auto;
/*clear: none;*/
padding: 30px 15px 30px;
min-width: 100%;
background: #a41b00;
}
.main-footer {
/*display: flex;
flex-direction: column;*/
display: inline-block;
width: 100%;
}
.bot-nav,
.bot-menu,
.contacts {
float: none;
top: auto;
left: auto;
}
.bot-nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.bot-menu {
height: auto;
margin: 0 0 20px 0;
padding-right: 20px;
border-left: none;
}
.bot-menu h4 {
padding-bottom: 15px;
font-size: 20px;
}
.bot-menu li {
padding-bottom: 10px;
}
.bot-menu a {
font-size: 14px;
}
.contacts {
}
.contacts a {
font-size: 14px;
}
/*главная страница убираем слайдер*/
.slider-container {
display: none;
}
.head {
width: 100%;
background: #ffd900;
}
/* прижимаем блок с контентом к левому краю */
.content {
padding: 0;
width: 100%;
}
/* Выровнить контейнер для мобильных утсройств, виновником может быть
1)container
2).header-wrapper { width: 680px; margin: 0 auto;}
*/
.box1с_img_but form {
display: none;
}
#sidebar-mobile {
display: none;
position: absolute;
z-index: 100;
top: 90px;
left: 0;
width: 280px;
}
#sidebar-mobile .version-list li a {
display: inline-block;
padding: 12px 8px 12px;
color: #a82104;
font-weight: 800;
/*background: rgba(250, 235, 215, 0.8);*/
}
/* зададим стили текста меню */
/* при увеличении сайта нижнее красное меню ползёт */
.header-wrapper {
width: 100%;
margin: 0;
}
/* стили для обратного звонка */
#zvonok + .popup form {
top: -10px;
left: -14px;
}
.popup > img {
/* блок попав и изображение которое вложено в нём, там было и другое код для капчи */
display: none;
}
#zvonok + .popup {
/* айди звонка сверху, попап под ним, ставим плюс и всё отлично */
left: 7%;
right: 10%;
}
#Go_Top {
top: -15%;
}
}
@media (max-width: 575px) {
.header {
min-height: 230px;
}
.phone-area__col-2 {
flex-direction: column;
}
.header__search {
position: absolute;
right: 15px;
bottom: -60px;
margin-left: 0;
}
.header__search form {
margin-top: 0;
}
}
@media (max-width: 480px) {
.content__cards div {
float: none !important;
width: auto !important;
}
.header-link {
left: 110px;
font-size: 12px;
}
.header-link a:first-child {
margin: 0 0 10px 0;
}
}
@media (max-width: 350px) {
.sidebar-left {
padding: 140px 15px 15px;
}
}
@media (min-width: 768px) {
.burger-btn {
display: none;
}
}
.videoLink1c {
text-align: center;
}
.index-contact-post {
width: 100%;
height: 130px;
margin: 20px 0;
border: 2px solid #f5d31e;
border-radius: 5px;
padding-bottom: 20px;
background-color: #eeeeee;
}
.index-contact-post img {
max-width: none;
padding-left: 5px;
padding-right: 5px;
}
.index-contact-post table {
width: 80%;
position: absolute;
left: 190px;
clear: both;
}
.index-contact-post h3 {
text-transform: uppercase;
}
.index-contact-post p {
font-size: 14px;
margin: 0;
padding: 0;
}
.index-contact-post b {
margin-left: -5px;
}
.index-contact-post a:hover,
.index-contact-post h3:hover {
text-decoration: underline;
color: #c50029;
}
.index-contact-post img.leftimg {
width: 80px;
padding-top: 10px;
padding-left: 45px;
}
.index-contact-post p {
padding: 0;
margin: 0;
line-height: 15px;
}
.attention_table {
max-width: 600px;
margin: 10px auto;
padding: 0 0 20px 0;
height: auto;
background: #f6f0c5;
border-bottom: 1px solid;
border-top: 1px solid;
border-left: 1px dotted;
border-right: 1px dotted;
border-color: #a41b00;
border-radius: 10px;
}
.attention_table h3 {
text-align: center;
font-size: 14px;
}
.attention_table p {
text-indent: 0 !important;
padding-left: 10px;
padding-right: 10px;
}
.ankor {
width: 100%;
background: #f6f0c5;
display: -webkit-inline-box;
display: -moz-box;
display: -ms-flexbox;
}
.ankor p a {
text-transform: capitalize !important;
font-size: 14px;
text-align: left;
}
.ankor a:hover {
background: #9c2b2b;
color: #fff;
}
.contact_card_name {
width: 170px;
}
h3.contact_card {
font-size: 15px;
margin: 0;
padding-top: 10px;
text-align: center;
}
h3.contact_card:hover {
text-decoration: none;
color: #a82501;
}
.zametka .table-contact {padding-top:0}
.table-contact td:first-child{
width: 5%;
text-align: center;
}
.table-contact p {
text-indent: 0;
padding: 0 0 5px 8px;
}
/* Блок its - база данных */
.itsblock {
background: #eee;
box-shadow: 0 0 5px;
display: block;
width: 47%;
/*height:340px;*/
margin: 5px;
padding: 5px;
float: left;
}
.itsblock:hover {
box-shadow: 0 0 10px;
}
.itsblock .nameits {
width: 100%;
text-align: center;
color: #a82501;
font-size: 18px;
font-weight: bold;
padding: 10px 0;
border-bottom: 1px solid #a82501;
box-shadow: inset 0 0 5px rgba(202, 197, 197, 0.9);
}
.service1c:hover {
box-shadow: 0 0 10px;
}
.service1c {
width: 150px;
height: 75px;
margin: 10px;
padding: 5px;
float: left;
text-align: center;
color: #6d6d6d;
}
.service1c img {
width: 55px;
margin: 0 5px 0 5px;
}
.service1c a {
color: #6d6d6d;
}
.service1c p {
text-align: center;
text-indent: 0;
}
/* custom styles*/
.post2 .spisochek li {
border: none;
list-style-image: url("/img/strela.gif");
}
.post2 .spisochek li .sop li {
list-style-image: url("/img/galka.gif");
}
/* отзывы */
.reviews_full {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.reviews_full img {
width: 200px;
float: left;
margin: 5px 10px 10px 0;
}
.reviews_full p {
font-size: 14px;
font-weight: normal;
line-height: 1.9;
margin-bottom: 15px;
}
.reviews_full .revh1 {
font-size: 17px;
font-weight: bold;
color: #a82501;
padding: 5px;
background: #fbd303;
border-bottom: 1px solid #a82501;
border-top: 1px solid #a82501;
margin: 2px 0 20px 0;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.reviews_small img {
width: 100px;
float: left;
margin: 5px 10px 10px 0;
}
.reviews_small .revleft a {
padding-left: 65%;
}
.h1all {
display: block;
font-size: 17px;
font-weight: bold;
color: #a82501;
padding: 5px;
background: #fbd303;
border-bottom: 1px solid #a82501;
border-top: 1px solid #a82501;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.list-marked {
font-family: Arial, sans-serif;
color: #626262;
font-size: 13px;
}
.list-marked > li {
padding-left: 10px;
line-height: 20px;
}
.list-marked > li::before {
content: "";
position: relative;
left: 0;
top: -1px;
display: inline-block;
width: 8px;
height: 8px;
margin-right: 6px;
border-radius: 50%;
background: #a82501;
}
.list-ordered {
font-family: Arial, sans-serif;
counter-reset: li;
text-align: left;
color: #626262;
font-size: 13px;
}
.list-ordered > li {
position: relative;
padding-left: 25px;
line-height: 20px;
}
.list-ordered > li:before {
content: counter(li, decimal) ".";
counter-increment: li;
top: 0;
left: 0;
display: inline-block;
width: 15px;
color: #626262;
}
.list-marked,
.list-ordered ul li,
ol li {
display: block;
}
.list-marked,
.list-ordered ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
.list-number {
list-style: none;
counter-reset: myCounter;
}
.list-number li {
counter-increment: myCounter;
margin-bottom: 10px;
font-size: 13px;
line-height: 20px;
color: #626262;
}
.list-number li:before {
content: counter(myCounter) ". ";
color: #a82501;
font-weight: bold;
margin-right: 5px;
}
.list-number img {
margin-top: 5px;
max-width: 100%;
}
.section {
display: block;
padding: 10px 10px 20px 10px;
margin-top: 5px;
border: white 1px solid;
box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.5);
background: #fff;
position: relative;
}
.section h1 {
display: block;
font-size: 17px;
font-weight: bold;
color: #a82501;
padding: 5px;
background: #fbd303;
border-bottom: 1px solid #a82501;
border-top: 1px solid #a82501;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
margin-bottom: 15px;
}
.text-accent,
.content .text-accent,
.section .text-accent,
.section h2 {
display: block;
font-size: 15px;
font-weight: bold;
text-align: center;
margin-bottom: 11px;
margin-top: 10px;
color: #a82501;
padding: 10px 0 0 0;
}
.section .txt_center {
text-align: center;
}
.section p {
font-size: 13px;
line-height: 20px;
color: #626262;
text-align: left;
text-indent: 0;
padding: 5px 0 5px 0;
}
.section a {
font-size: 13px;
color: #a82501;
text-decoration: none;
}
.section li a {
font-size: 13px;
color: #a82501;
text-decoration: none;
}
.section .imginp {
text-align: center;
}
.section .imginp img {
border: 0;
max-width: 600px;
}
.section .video {
text-align: center;
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
margin: 5px;
}
.section .video iframe {
width: 620px;
height: 380px;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.section .imginp img {
max-width: 100%;
}
.section .video {
position: relative;
margin: 5px 0;
padding: 0 0 56.25% 0;
height: 0;
overflow: hidden;
}
.section .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
}
.section .list-marked {
margin-left: 0;
}
}
.section .redp {
font-size: 16px;
line-height: 20px;
color: #a82501;
text-align: center;
font-weight: bold;
}
.table_fresh_1 td {
text-align: center;
width: 25%;
vertical-align: top;
border: none;
}
.table_fresh_1 img {
text-align: center;
width: 80px;
padding: 5px;
}
.table_fresh_1 a {
font-size: 14px;
font-weight: bold;
text-align: center;
color: #8c2104;
text-decoration: none;
}
.button-sm {
padding: 10px 27px;
font-size: 17px;
line-height: 26px;
border-radius: 4px;
}
.button-primary-filled {
color: #fff;
background-color: #24a3d8;
border-color: #24a3d8;
}
.button {
max-width: 100%;
font-size: 19px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 500;
transition: 0.33s ease;
padding: 13px 29px;
font-size: 19px;
line-height: 24px;
border-radius: 4px;
cursor: pointer;
}
.icon-p {
vertical-align: middle;
border-style: none;
width: 20px;
}
.post2 .icon-p {
margin-right: 8px;
}
.section_blok_tops {
display: block;
margin: 20px 0 0 0;
padding: 10px 10px 0 10px;
border: white 1px solid;
box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.5);
background: #fff;
position: relative;
border-radius: 3px;
}
.row {
display: flex;
flex-wrap: wrap;
/*margin-right: 15px;*/
/*margin-left: 15px;*/
}
.col-lg-6 {
flex: 1 0 0;
}
.img_blok_tops {
display: block;
float: left;
padding: 10px 5px 0 0;
height: 150px;
}
.neme_blok_tops {
display: block;
vertical-align: middle;
text-align: center;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 3px 0 3px;
margin: 0 1px 0 1px;
color: #a82501;
background: #fbd303;
margin: 0 5px;
border-bottom: 1px solid #a82501;
border-top: 1px solid #a82501;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.neme_blok_tops img {
vertical-align: middle;
padding: 1px 5px 5px 5px;
}
.list_blok_tops {
padding: 10px 5px 20px 5px;
}
.list_blok_tops a {
color: #a82501;
text-decoration: none;
}
.list_blok_tops a:hover {
text-decoration: underline;
}
.list-marked {
font-family: Arial, sans-serif;
color: #626262;
font-size: 13px;
text-align: left;
margin-left: 10px;
}
.list-marked > li {
padding-left: 10px;
line-height: 20px;
}
.list-marked > li::before {
content: "";
position: relative;
left: 0;
top: 0;
display: inline-block;
width: 8px;
height: 8px;
margin-right: 6px;
border-radius: 50%;
background: #a82501;
}
.list-marked ul li,
ol li {
display: block;
}
.list-marked ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
.section_news a {
font-size: 13px;
}
.section_news p {
border-bottom: 1px solid #d4d4d4;
padding: 3px 0 3px 0;
}
.section_news span {
font-size: 11px;
color: #a82501;
font-weight: 700;
padding: 0 10px 0 0;
}
.section_news a:hover {
text-decoration: underline;
}
.section_news_own .date_news_own {
float: left;
font-size: 14px;
font-weight: bold;
color: #a82501;
padding: 8px 6px 0 6px;
}
.list_blok_tops .list-marked li {
list-style: none;
}
@media screen and (min-width: 768px) {
.home-page .neme_blok_tops {
font-size: 14px;
}
.home-page .img_blok_tops {
float: none;
display: flex;
justify-content: center;
align-items: center;
}
.home-page .list-marked {
margin-left: 0;
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.col-lg-6 {
flex: 0 0 100%;
max-width: 100%;
}
.img_blok_tops {
padding: 60px 5px 0 0;
}
.list_blok_tops {
padding: 20px 5px 20px 5px;
}
.list_blok_tops .list-marked {
margin-left: 130px;
}
.list_blok_tops .list-marked > li {
margin-bottom: 5px;
}
}
@media screen and (max-width: 480px) {
.list_blok_tops .list-marked {
margin-left: 110px;
}
}
@media screen and (max-width: 360px) {
.list_blok_tops .list-marked {
margin-left: 90px;
}
.img_blok_tops img {
width: 80px;
}
}
/*Табы*/
.nav {
display: block;
}
.tab-content > .tab-pane {
display: block;
visibility: hidden;
height: 0;
overflow: hidden;
}
.tab-content > .active {
visibility: visible;
height: auto;
overflow: visible;
}
.tabs-line .nav-tabs {
position: relative;
}
.tabs-line .nav-link {
text-align: center;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
padding:0;
text-decoration: none;
}
.tabs-line * + .tab-content {
margin-top: 10px;
}
* + .tabs-line {
margin-top: 15px;
}
.tabs-horizontal.tabs-corporate .nav-tabs {
position: relative;
width: 100%;
display: block;
transform: translate3d(0, -10px, 0);
margin-bottom: -10px;
margin-left: -5px;
margin-right: -5px;
text-align: center;
border: 0;
will-change: transform;
}
.tabs-horizontal.tabs-corporate .nav-tabs > * {
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
.tabs-horizontal.tabs-corporate .nav-item {
display: inline-block;
will-change: transform;
}
.tabs-horizontal.tabs-corporate .nav-link {
display: block;
position: relative;
z-index: 1;
min-width: 130px;
letter-spacing: 0.1em;
padding: 13px 20px;
border: 2px solid #e5e7e9;
}
.tabs-horizontal.tabs-corporate .nav-link,
.tabs-horizontal.tabs-corporate .nav-link::before {
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.tabs-horizontal.tabs-corporate .nav-link::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
z-index: -1;
opacity: 0;
transform: scale3d(0.7, 1, 1);
transition: transform 0.4s, opacity 0.4s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
background: #ff680b;
}
.tabs-horizontal.tabs-corporate .nav-link.active,
.tabs-horizontal.tabs-corporate .nav-link:hover {
color: #fff;
border-color: #ff680b;
background-color: transparent;
}
.tabs-horizontal.tabs-corporate .nav-link.active::before,
.tabs-horizontal.tabs-corporate .nav-link:hover::before {
opacity: 1;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.tabs-horizontal.tabs-line .nav-tabs {
border: 0;
background: #fbd303;
border-top: 1px solid #a82501;
border-bottom: 1px solid #a82501;
text-align: center;
}
.tabs-horizontal.tabs-line .nav-item {
display: inline-block;
margin: 10px;
}
.tabs-horizontal.tabs-line .nav-link {
position: relative;
padding: 0 0 13px 0;
font-size: 14px;
background-color: transparent;
color: #5d5d5d;
border: 0;
}
.tabs-horizontal.tabs-line .nav-link.active,
.tabs-horizontal.tabs-line .nav-link:hover {
color: #a82501;
}
.tabs-horizontal.tabs-line .nav-link.active::after {
right: auto;
left: 0;
width: 100%;
}
.tabs-vertical {
display: flex;
align-items: flex-start;
}
.tabs-vertical .nav-tabs {
display: flex;
flex-direction: column;
align-items: stretch;
flex-shrink: 0;
max-width: 50%;
}
.tabs-vertical .nav-item {
border: 0;
width: 100%;
text-align: left;
}
.tabs-vertical .nav-link.active,
.tabs-vertical .nav-link:hover {
box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.13);
}
.tabs-vertical .tab-content {
flex-grow: 1;
}
.tabs-vertical.tabs-corporate .nav-tabs {
width: auto;
min-width: 260px;
border: 0;
}
.tabs-vertical.tabs-corporate .nav-item {
margin: 0;
}
.tabs-vertical.tabs-corporate .nav-link {
position: relative;
padding: 17px 30px;
border: 0;
overflow: hidden;
text-align: left;
}
.tabs-vertical.tabs-corporate .nav-item + .nav-item {
margin-top: 2px;
}
.tabs-vertical.tabs-corporate .tab-content {
padding: 0 0 0 30px;
}
@media screen and (max-width: 767px) {
.tab-content .list-marked {
margin-left: 0;
}
.tab-content .list-marked ul {
margin-left: 20px !important;
}
}
@media (max-width: 480px) {
.tab-pane__inner div {
width: auto !important;
}
.tab-pane__decor {
display: none;
}
}
.section_head {
-webkit-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 100px;
}
.section_head span,
.section_head .section_head_h1 {
display: table-cell;
vertical-align: middle;
height: 100px;
}
.section_img {
width: 100px;
text-align: center;
}
.section_img--width {
width: 130px;
text-align: center;
}
.section_head_h1 {
width: 380px;
text-align: left;
}
.section_head_h1 h1 {
display: block;
color: #a82501;
font-size: 25px;
line-height: 20px;
border-bottom: 0;
border-top:0;
text-align: left;
box-shadow: none;
margin-bottom:0;
padding: 5px;
vertical-align: middle;
background: #fff0;
}
.price_name_pp {
color: #9d9d9d;
font-size: 14px;
background: #eeeeee;
padding: 5px;
font-weight: bold;
margin: 2px 0 2px 0;
}
.prise_2name p {
color: #a82501;
font-size: 14px;
background: #eeeeee;
padding: 5px;
font-weight: bold;
margin: 2px 0 2px 20px;
text-align: left;
}
.spisok_list_program a {
max-width: 480px;
color: #626262;
font-size: 13px;
text-decoration: none;
vertical-align: middle;
font-weight: normal;
}
.spisok_list_program li {
border-bottom: 1px solid #d4d4d4;
padding: 10px 0 10px 20px;
vertical-align: middle;
color: #626262;
font-size: 13px;
font-weight: bold;
transition: background .2s linear;
}
.spisok_list_program > li::before {
content: "";
position: relative;
left: 0;
top: -1px;
display: inline-block;
width: 8px;
height: 8px;
margin-right: 6px;
border-radius: 50%;
background: #a82501;
}
.spisok_list_program span {
list-style-position: inside;
padding-top: 3px;
margin: 1px 0 -1px;
clear: both;
color: #a82501;
font-weight: 200;
float: right;
font-size: 13px;
}
.spisok_list_program > li:hover {
background: #eeeeee;
}
.spisok_list_program li span a {
border: 1px solid #8c2104;
border-radius: 2px;
background: linear-gradient(to bottom, #ff4c1b 0%, #8c2104 100%);
box-shadow: #8c2104 1px 1px 2px;
font-size: 12px;
color: #facf01;
padding: 2px 8px 2px 8px;
margin-left: 5px;
transition: color .2 linear;
}
.spisok_list_program li span a:hover {
color: #ffffff;
}
@media (max-width: 480px) {
.price_name_pp {
padding: 8px 0;
}
.spisok_list_program li {
display: flex;
align-items: center;
padding: 10px 0;
}
.spisok_list_program > li::before {
width: 6px;
height: 6px;
flex: 0 0 6px;
}
.spisok_list_program span {
display: flex;
flex-direction: column;
flex: 0 0 90px;
float: none;
padding: 0 0 0 10px;
margin: 0 0 0 auto;
text-align: center;
}
.spisok_list_program li span a {
margin: 5px 0 0 0;
}
}
.accordion {
display: block;
font-size: inherit;
margin: 0;
position: relative;
}
.accordion input {
display: none;
position: absolute;
visibility: hidden;
left: 50%;
top: 50%;
z-index: 1;
}
.accordion__header {
border-bottom-width: 0;
cursor: pointer;
transition: background 0.2s;
position: relative;
z-index: 2;
}
.accordion__header:before,
.accordion__header:after {
background-color: #cfd8dc;
content: "";
display: block;
position: absolute;
z-index: 3;
}
.accordion__header:before {
height: 2px;
margin-top: -1px;
top: 50%;
right: 20px;
width: 8px;
}
.accordion__header:after {
height: 8px;
margin-top: -4px;
top: 50%;
right: 23px;
width: 2px;
}
.accordion input:checked ~ .accordion__header:after {
display: none;
}
.accordion:last-child .accordion__header {
border-bottom-width: 1px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.accordion:last-child input:checked ~ .accordion__header {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.accordion__content {
display: none;
}
.accordion input:checked ~ .accordion__content {
display: block;
}
.accordion:last-child .accordion__content {
border-bottom-width: 1px;
border-radius: 0 0 4px 4px;
}
.accordion__content h6 {
color: #607d8b;
font-size: 18px;
margin-bottom: 5px;
}
.section_order_button {
width: 200px;
text-align: center;
}
.section_order_button a {
font-size: 17px;
color: #fbd302;
}
.order_button {
border-radius: 20px;
color: #fbd302;
font-size: 17px;
padding: 6px 21px;
text-decoration: none;
background: #a82501;
transition: color .2s linear;
}
.order_button:hover {
color: #ffffff;
font-size: 17px;
text-decoration: none;
}
.tariff {
padding: 10px 10px 10px 0;
background-color: #f7f7f7;
margin: 0 0 10px 0;
}
.tariff .left,
.right {
display: table-cell;
padding: 10px 0 10px 10px;
font-size: 15px;
vertical-align: top;
}
.left {
width: 500px;
}
.right {
width: 180px;
text-align: center;
}
.left span,
.right span {
color: #5d5d5d;
font-weight: 700;
}
.left ul {
padding: 10px 0 0 0;
}
.tariff_order_button {
padding: 20px 0 20px 0;
}
.tariff_order_button a {
font-size: 15px;
color: #fbd302;
}
.tariff_order_button a:hover {
color: #ffffff;
font-size: 15px;
text-decoration: none;
}
/*.tariff-card*/
.tariff-card {
display: flex;
margin: 0 0 10px 0;
padding: 10px;
border-radius: 12px;
box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
}
.tariff-card .tariff-card__col {
display: flex;
align-items: center;
}
.tariff-card__col--right {
flex-direction: column;
flex: 0 0 180px;
justify-content: center;
}
.tariff-card__img img {
max-width: none;
}
.tariff-card .tariff-card__text-wrap {
margin: 0 0 0 20px;
}
.tariff-card .tariff-card__title {
margin: 0 0 5px 0;
}
.tariff-card .tariff-card__title a {
font-size: 15px;
}
.tariff-card .tariff-card__desc {
position: relative;
}
.tariff-card .tariff-card__desc:before{
content: "";
position: relative;
left: 0;
top: -1px;
display: inline-block;
width: 8px;
height: 8px;
margin-right: 6px;
border-radius: 50%;
background: #a82501;
}
.tariff-card .tariff-card__price {
margin: 0 0 15px 0;
font-size: 15px;
color: #5d5d5d;
font-weight: 700;
}
.tariff-card .tariff-card__button {
padding: 6px 21px;
text-align: center;
color: #fbd302;
font-size: 15px;
text-decoration: none;
border-radius: 20px;
background: #a82501;
transition: color .2s linear;
}
.tariff-card .tariff-card__button:hover,
.tariff-card .tariff-card__button:focus {
color: #fff;
}
@media (max-width: 600px) {
.tariff-card {
flex-direction: column;
padding: 15px 10px;
}
.tariff-card__col--left {
margin-bottom: 20px;
}
.tariff-card__col--right {
flex: 0 0 100%;
}
}
@media (max-width: 480px) {
.tariff--mob {
display: flex;
flex-direction: column;
align-items: center;
}
.tariff--mob .left {
width: 100%;
}
.tariff--mob .right {
align-self: center;
}
.tariff--mob .list-marked li {
margin-bottom: 5px;
}
}
.section .div_center {
text-align: center;
}
.mt01 {
display: block;
text-align: center;
color: #5d5d5d;
font-size: 18px;
font-weight: bold;
padding: 10px 50px 10px 50px;
}
.mt02 div {
display: table-cell;
text-align: center;
padding: 10px 50px 10px 50px;
}
.mt02 div p {
text-align: center;
}
.mt03 {
display: block;
text-align: center;
font-size: 20px;
padding: 10px 50px 10px 50px;
color: #a82501;
font-weight: 700;
}
.mt04 div {
display: table-cell;
text-align: center;
width: 33%;
padding: 10px 10px 10px 10px;
}
.mt04 div p {
text-align: center;
}
.mt05 {
display: block;
text-align: center;
padding: 30px 50px 30px 50px;
}
.mt05 a {
font-size: 17px;
color: #fbd302;
}
.mt06 {
display: block;
text-align: center;
color: #5d5d5d;
font-size: 16px;
font-weight: bold;
padding: 10px 50px 10px 50px;
}
@media (max-width: 420px) {
.section_head {
height: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.section_head span,
.section_head .section_head_h1 {
height: auto;
}
.section_head .section_img {
margin: 10px 0;
}
.section_head_h1 {
width: auto;
margin: 0 0 20px;
}
.section_head_h1 h1 {
text-align: center;
font-size: 24px;
line-height: 1.1;
}
.section_head .section_order_button {
margin: 0 0 20px;
}
h2.mt01 {
padding: 20px 0;
font-size: 18px;
}
.mt01 br {
display: none;
}
.mt02 div {
padding: 10px;
}
.mt03,.mt06 {
padding: 10px 0;
}
.mt04 div {
padding: 10px 5px;
}
.mt04 div p {
font-size: 12px;
}
}
.table_cct {
overflow-x: auto;
display: block;
width: fit-content;
max-width: 100%;
font-size: 13px;
border: 0;
border-top: 2px solid #a9a9a9;
border-bottom: 2px solid #a9a9a9;
}
.table_cct td {
color: #656565;
vertical-align: middle;
text-align: center;
padding: 6px 6px 6px 6px;
}
.table_cct .tr_f3f3f3 {
background: #f3f3f3;
}
.table_cct .tr_bold {
font-weight: bold;
}
.table_cct .td_left {
text-align: left;
}
.table_cct .check {
background: url(../img/galka.png) center no-repeat;
}
.table_cct_mectar {
font-size: 13px;
border: 0;
border-top: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
}
.table_cct_mectar td {
font-size: 12px;
padding: 2px;
color: #626262;
border: 1px solid #eee;
vertical-align: middle;
text-align: left;
}
.its_block {
display: table-cell;
text-align: center;
padding: 10px 10px 10px 35px;
}
.its_block a {
display: block;
text-align: center;
float: left;
}
.its_block img {
padding: 5px 10px 5px 10px;
width: 60px;
}
.its_block span {
display: block;
}
.its_block_own {
width: 120px;
height: 100px;
margin: 10px;
padding: 5px;
float: left;
text-align: center;
color: #6d6d6d;
border-radius: 5px;
transition: box-shadow .25s linear,
transform .25s linear;
}
.its_block_own:hover {
box-shadow: 0 0 10px;
transform: scale(1.03);
}
@media (max-width: 767px) {
.its_block {
padding: 10px;
}
}
.c_red {
color: #a82501;
font-weight: bold;
}
/* ---*/
.ya-page_js_yes .ya-site-form_inited_no {
display: none;
}
.laravel-icon {
background: url(/images/vklogo.png) no-repeat left center;
background-size: 20px;
display: inline-block;
vertical-align: bottom;
padding-left: 25px;
color: #8c2104;
text-decoration: none;
margin-right: 25px;
}
.laravel-icon:hover {
text-decoration: underline;
}
.email-icon {
background: url(/img/contacts/45747.png) no-repeat left center;
background-size: 20px;
display: inline-block;
vertical-align: bottom;
padding-left: 25px;
padding-right: 5px;
color: #8c2104;
text-decoration: none;
margin-top: 12px;
}
.email-icon:hover {
text-decoration: underline;
}
[data-tooltip] {
position: relative; /* Относительное позиционирование */
}
[data-tooltip]::after {
content: attr(data-tooltip); /* Выводим текст */
position: absolute; /* Абсолютное позиционирование */
width: 300px; /* Ширина подсказки */
left: 0;
top: 0; /* Положение подсказки */
background: #fbd303; /* Синий цвет фона */
color: #a82501; /* Цвет текста */
padding: 1em; /* Поля вокруг текста */
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
pointer-events: none; /* Подсказка */
opacity: 0; /* Подсказка невидима */
transition: 1s; /* Время появления подсказки */
border-radius: 7px;
z-index: 1;
}
[data-tooltip]:hover::after {
opacity: 1; /* Показываем подсказку */
top: 2em; /* Положение подсказки */
}
/* Закладки */
.tabs-horizontal-01.tabs-line .nav-tabs {
border: 0;
background: #fbd303;
border-top: 1px solid #a82501;
border-bottom: 4px solid #a82501;
text-align: center;
}
.tabs-horizontal-01.tabs-line .nav-item {
display: inline-block;
margin: 15px 10px 0 10px;
}
.tabs-horizontal-01.tabs-line .nav-link {
position: relative;
font-size: 14px;
border: 0;
padding: 10px 15px 10px 15px;
display: block;
box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.5);
border-top-right-radius: 9px;
border-top-left-radius: 9px;
transition: background .2s linear;
}
.tabs-horizontal-01.tabs-line .nav-link.active {
color: white;
padding: 10px 15px 10px 15px;
display: block;
background: #a82501;
border-top-right-radius: 9px;
border-top-left-radius: 9px;
transition: color .2s linear;
}
.tabs-horizontal-01.tabs-line .nav-link:hover {
background: white;
color: #a82501;
}
.tabs-horizontal-01.tabs-line .nav-link.active:hover {
background: #a82501;
color: white;
}
.tabs-horizontal-01.tabs-line .nav-link.active::after {
right: auto;
left: 0;
width: 100%;
}
@media (max-width: 767px) {
.tabs-horizontal-01.tabs-line .nav-tabs {
display: flex;
overflow-x: auto;
}
.tabs-horizontal-01.tabs-line .nav-item {
flex: 0 0 auto;
}
}
/* Slider Accordion */
.accordion_01 {
box-sizing: border-box;
display: flex;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
width: 100%;
}
.accordion-select {
cursor: pointer;
margin: 0;
opacity: 0;
z-index: 1;
}
.accordion-title {
position: relative;
}
.accordion-title:not(:nth-last-child(2))::after {
border: 1px solid transparent;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.accordion-title span {
bottom: 0;
box-sizing: border-box;
display: block;
position: absolute;
white-space: nowrap;
width: 100%;
}
.accordion-content {
box-sizing: border-box;
overflow: auto;
position: relative;
transition: margin 0.3s ease 0.1s;
}
.accordion-select:checked + .accordion-title + .accordion-content {
margin-bottom: 0;
margin-right: 0;
}
/* Generated styles starts here */
.accordion_01 {
border-color: #dedede;
border-radius: 8px;
border-style: solid;
border-width: 1px;
flex-direction: row;
height: 282px;
}
.accordion-title,
.accordion-select {
background-color: #ffffff;
color: #7f8787;
width: 65px;
height: 100%;
font-size: 15px;
}
.accordion-select {
margin-bottom: -65px;
margin-right: -65px;
}
.accordion-title:not(:nth-last-child(2))::after {
border-bottom-color: transparent;
border-right-color: rgb(234, 234, 234);
}
.accordion-select:hover + .accordion-title,
.accordion-select:checked + .accordion-title {
background-color: #a82501;
box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.5);
color: white;
font-weight: bold;
}
.accordion-title span {
transform: rotate(-90deg);
-ms-writing-mode: lr-bt;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
padding-bottom: 33px;
padding-top: 33px;
line-height: 65px;
}
.accordion-content {
background-color: #f7f7f7;
color: #7f8787;
height: 100%;
margin-bottom: 0;
margin-right: calc(-1 * calc(100% - 195px));
padding: 30px;
width: calc(100% - 195px);
}
/* End - Slider Accordion */
/* Slider Otzyvy */
.wrap-slider {
position: relative;
height: 350px;
width: 100%;
min-width: 650px; /* background: #FFEB3B; */
overflow: hidden;
box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.5);
border-radius: 10px;
margin-top: 30px;
}
.wrap-slider > .first-slide,
.wrap-slider > .second-slide,
.wrap-slider > .third-slide {
position: absolute;
display: inline-block;
height: 100%;
width: 100%;
z-index: 1;
}
.wrap-slider > .first-slide {
left: -100%;
transition: 1s;
}
.wrap-slider > .second-slide {
left: 0;
transition: 1s;
}
.wrap-slider > .third-slide {
left: 100%;
transition: 1s;
}
.wrap-slider .wrap-in {
max-width: 400px;
text-align: center;
margin: 40px auto;
}
.wrap-slider .wrap-in > img {
border-radius: 50%;
}
.wrap-slider > input[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.wrap-slider > label {
position: absolute;
z-index: 999;
height: 10px;
width: 10px;
border-radius: 50%;
background: #fff;
}
.wrap-slider > label[for="secondItem"] {
top: 90%;
left: 50%;
transform: translate(-50%, -90%);
background: burlywood;
}
.wrap-slider > label[for="firstItem"] {
top: 90%;
left: 47%;
transform: translate(-47%, -90%);
background: burlywood;
}
.wrap-slider > label[for="thirdItem"] {
top: 90%;
left: 53%;
transform: translate(-53%, -90%);
background: burlywood;
}
#firstItem:checked ~ label[for="firstItem"],
#secondItem:checked ~ label[for="secondItem"],
#thirdItem:checked ~ label[for="thirdItem"] {
background: #000;
transition: 1s;
}
#firstItem:checked ~ .first-slide,
#secondItem:checked ~ .second-slide,
#thirdItem:checked ~ .third-slide {
left: 0;
transition: 1s;
}
#firstItem:checked ~ .second-slide,
#secondItem:checked ~ .third-slide {
left: 100%;
transition: 1s;
}
#firstItem:checked ~ .third-slide {
left: 200%;
transition: 1s;
}
#secondItem:checked ~ .first-slide,
#thirdItem:checked ~ .second-slide {
left: -100%;
transition: 1s;
}
#thirdItem:checked ~ .first-slide {
left: -200%;
transition: 1s;
}
.contact-title {
display: flex;
justify-content: center;
align-items: center;
}
.contact-title svg {
width: 20px;
height: 20px;
margin-right: 10px;
}
@media (max-width: 767px) {
.wrap-slider {
min-width: 300px;
}
.wrap-slider .text {
padding: 0 10px;
}
}
@media (max-width: 575px) {
.wrap-slider > label[for="firstItem"] {
left: 45%;
}
.wrap-slider > label[for="thirdItem"] {
left: 55%;
}
}
/* End - Slider Otzyvy */
.popular-products {
margin: 30px 0 0 0;
}
.popular-products .popular-products__title {
margin: 10px 0;
padding: 5px 0;
border-bottom: 1px solid #a82501;
}
.popular-products__link {
text-align: center;
}
.popular-products__link a{
font-size: 12px;
color: #a82501;
}
.popular-products table img {
max-width: none;
}
@media (max-width: 767px) {
.popular-products table{
display: block;
overflow-x: auto;
}
.obslyzhivanie1c-table {
width: 100% !important;
margin-left: 0 !important;
}
.form-table {
padding-left: 0 !important;
}
table.this {
display: block;
overflow-x: auto;
}
table.this img {
max-width: none;
}
.contact_moscow .obl-table,
.contact_piter .obl-table {
position: static;
margin: auto;
}
.attention_table {
margin: auto;
width: auto;
}
.post2>ymaps {
width: 100% !important;
}
.contact_moscow-img {
text-align: center;
width: auto !important;
}
.contact_piter-img {
text-align: center;
width: auto !important;
padding-left: 0 !important;
}
.zametka table img {
display: none;
}
.table {
display: inline-block;
overflow-x: auto;
max-width: 100%;
width: auto;
}
}
@media (max-width: 575px) {
.mob-dn {
display: none;
}
.mark-block {
width: auto !important;
}
.c77torg-banner {
display: block;
}
.content .upgrade1c-img {
text-align: center;
}
.c77zik-img,
.c77torg-banner img,
.upgrade1c-img img {
float: none !important;
}
.form-table tr {
display: flex;
flex-direction: column;
}
.form-table td {
width: 100% !important;
}
.form-table input[type="text"],
.form-table textarea {
width: 100% !important;
max-width: 380px;
}
.form-table input[name="capcha"] {
width: 50px !important;
}
.contact-page .index-contact-post {
display: flex;
flex-direction: column-reverse;
align-items: center;
height: auto;
}
.contact-page .index-contact-post img.leftimg {
padding-left: 0;
}
.contact-page .index-contact-post table {
width: 100%;
position: static;
}
.contact-page .index-contact-post p {
text-align: inherit;
}
.contact-page .skrepka1 {
display: none;
}
}
.testimonial-item {
display: flex;
margin: 0 0 18px 0;
padding: 10px;
background: #fff;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
border-radius: 5px;
transition: box-shadow .1s ease-in;
}
.testimonial-item:hover {
box-shadow: 0 2px 30px 0 rgba(24, 27, 34, 0.3);
}
.testimonial-item p {
text-indent: 0;
text-align: left;
}
.testimonial-item__img img {
margin: 0;
max-width: none;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.testimonial-item__content {
padding: 0 0 0 10px;
}
.testimonial-item__head {
padding: 3px 10px;
background: #fbd303;
margin: 0 0 5px 0;
border-bottom: 1px solid #a82501;
border-top: 1px solid #a82501;
}
.testimonial-item__name {
color: #a82501;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.testimonial-item__work {
color: #232323;
font-size: 12px;
line-height: 20px;
}
.testimonial-item__btn {
position: relative;
text-align: right;
display: block;
margin: 5px 0 0 0;
padding: 0 30px 0 0;
color: #a82501;
font-size: 15px;
}
.testimonial-item__btn:after {
content: '';
position: absolute;
top: 3px;
right: 0;
width: 20px;
height: 13px;
background: url(/img/arrow_rsmall.gif) center no-repeat;
}
/*Блоки ссылок в постах*/
/*related-post*/
.related-post {
margin: 10px 0 0 0;
padding: 10px;
font-size: 15px;
background: #f5f5f5;
border: 2px dotted #f7dc77;
}
.related-post a {
text-decoration: underline;
}
/*recent-posts*/
.recent-posts {
margin: 20px 0 0 0;
border-top: #e5e8e8 1px solid;
}
.recent-posts p {
margin: 20px 0 20px 0;
font-size: 16px;
font-weight: 700;
color: #a82501;
text-indent: inherit;
}
.recent-posts ul {
margin: 0 0 0 20px;
}
.recent-posts li {
border: none;
list-style-image: url(../images/circle-marker.png);
font-size: 13px;
color: #626262;
text-align: left;
padding: 5px 1px 5px 0;
line-height: 20px;
}
.recent-posts li a {
color: #232323;
text-decoration: underline;
}
.recent-posts li a:hover {
color: #a82501;
}
/*titles-post*/
.titles-post p {
margin: 20px 0 10px 0;
font-size: 15px;
font-weight: 700;
color: #a82501;
text-indent: inherit;
}
.titles-post > ul {
margin: 0 0 20px 20px;
}
.titles-post ul ul {
margin: 0 0 0 20px;
}
/*Выделяемые блоки*/
.highlight {
padding: 15px;
font-size: 13px;
background: rgb(255, 212, 79);
font-weight: bold;
color:#000;
}
p.highlight {color:#000;}
.highlight a:hover {
text-decoration: underline;
}
.highlight--color2 {
background: #a5cb50;
}
.note {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: #e5e8e8 1px solid;
}
.note span {
font-size: 20px;
font-weight: 700;
}
/*Кнопки*/
.my-button {
padding: 2px 8px 2px 8px;
margin-left: 5px;
font-size: 12px;
color: #facf01;
border: 1px solid #8c2104;
border-radius: 2px;
background: linear-gradient(to bottom, #ff4c1b 0%, #8c2104 100%);
box-shadow: #8c2104 1px 1px 2px;
}
.img__cards {
width: 250px;
margin: 10px;
float: right;
box-shadow: 0 0 10px 10px #e6e6e6;
}
.form__item--del {
display: none;
}
/*2025*/
.grid1{display: grid; grid-template-columns: repeat(1, 1fr); box-sizing: border-box;}
.grid2{display: grid; grid-template-columns: repeat(2, 1fr); box-sizing: border-box;}
.grid3{display: grid; grid-template-columns: repeat(3, 1fr); box-sizing: border-box;}
.grid4{display: grid; grid-template-columns: repeat(4, 1fr); box-sizing: border-box;}
.grid5{display: grid; grid-template-columns: repeat(5, 1fr); box-sizing: border-box;}
.grid6{display: grid; grid-template-columns: repeat(6, 1fr); box-sizing: border-box;}
.graf-menu{display: inline-block; box-sizing: border-box; margin-top: 18px; margin-bottom: 18px;}
.graf-menu a{display: inline-block; box-sizing: border-box; float: left; text-align: center; font-weight: bold; margin: 6px; overflow: hidden; box-shadow: 2px 2px 2px #ddd; border: 1px solid #f7f7f7; transition: 0.5s;}
.graf-menu a:hover{border: 1px solid #ddd;}
.graf-menu .grid3 img{display: inline-block; box-sizing: border-box; width: 60%;}
.graf-menu .grid6 img{display: inline-block; box-sizing: border-box; width: 70%;}
.graf-menu span{display: inline-block; box-sizing: border-box; width: 100%; padding: 6px; font-size: 13px; border-top: 2px solid #fbd303;}
.meneger{
display: inline-block;
box-sizing: border-box;
width: 100%;
background: #f7f7f7;
margin-bottom: 8px;
margin-top: 8px;
text-align: right;
}
.meneger a{
display: inline-block;
box-sizing: border-box;
font-size: 16px;
padding: 8px;
color: #fff;
background: #a82501;
border-radius: 20px;
box-shadow: 2px 2px 2px #ddd;
transition: 0.5s;
}
.meneger a:hover{color: #fbd303;}
.predlojenie{
display: inline-block;
box-sizing: border-box;
width: 100%;
background: #f7f7f7;
margin-bottom: 8px;
margin-top: 8px;
}
.predlojenie img{
width: 100px;
float: right;
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 0px;
}
.predlojenie P{
text-align: justify;
text-decoration: none;
text-indent: inherit;
padding: 8px;
font-size: 14px;
color: #000000;
}
.predlojenie a{
display: inline-block;
box-sizing: border-box;
font-size: 16px;
padding: 8px;
margin-left: 8px;
margin-bottom: 8px;
color: #fff;
background: #a82501;
border-radius: 20px;
box-shadow: 2px 2px 2px #ddd;
transition: 0.5s;
}
.predlojenie a:hover{color: #fbd303;}
.since{
box-sizing:border-box;
display: inline-block;
width: 100%;
font-size: 14px;
text-align: center;
padding: 4px;
/*color: #a11b00;*/
color: #fbd404;
background: #a11b00;
}
#vk_groups{
display: inline-block;
width: 100%;
float: right;
}
.warning p{
font-size: 16px;
padding: 8px;
margin-top: 8px;
margin-bottom: 8px;
border: 4px solid #a82501;
}
/*услуги*/
.vseuslugi{}
.vseuslugi .card1c .buy{ top: 60px; }
.vseuslugi .card1c .buy .img_buy{ height: 300px; }
.vseuslugi .card1c .buy .img_buy img{ height: 300px; }
.vseuslugi .content1c .menu{box-sizing: border-box; width: 100%; top: -56px;}
.vseuslugi .content1c ul#Tabs{display: grid; grid-template-columns: repeat(3, 1fr);}
.vseuslugi .content1c .text .name_img{ background: #fbd303; text-align:left; padding-left: 10px; }
.vseuslugi .list-marked li{ list-style-image: none; }
.tovar{display: inline-block; box-sizing: border-box; padding: 8px; float: left; margin: 8px; box-shadow: 2px 2px 2px #ddd; border: 1px solid #f7f7f7; transition: 0.5s;}
.tovar img{display: inline-block; float: left; width: 70%; padding-left:15%; padding-right: 15%; }
.tovar span{display: inline-block; float: left; width:100%; padding: 4px; text-align:center; }
.tovar p{display: inline-block; float: left; width:100%; padding: 4px; margin-top: 8px; }
.tovar .list-marked{overflow: visible;}
/*список программ в услугах*/
.programma{display: inline-block; box-sizing: border-box; width: 100%; padding: 18px; margin-bottom: 30px; box-shadow: 2px 2px 2px #ddd;}
.programma img{float: right; width: 100px; margin-left: 10px;}
.programma_a {display: inline-block; box-sizing: border-box; width: 100%; float: left; background: #f7f7f7; padding: 4px; text-align: center;}
.programma_a a {display: inline-block; box-sizing: border-box; font-size: 14px; color: #a82501; text-decoration: none; min-height: 30px;}
.programma h3{display: inline-block; box-sizing: border-box; width: 100%; min-height: 35px;}
.grid2 .programma ul{min-height: 170px;}
@media screen and (max-width: 767px) {
.predlojenie a{margin-left: 0px; width: 100%; text-align: center; border-radius: 0px;}
.since{color: #ffffff; background: none;}
.grid3{grid-template-columns: repeat(2, 1fr);}
.grid4{grid-template-columns: repeat(2, 1fr);}
.grid5{grid-template-columns: repeat(2, 1fr);}
.grid6{grid-template-columns: repeat(2, 1fr);}
/*скрыть блок в мобильной версии*/
.mvdn{display: none;}
.programma{text-align: center;}
.programma img{float: none;}
}