@import url("css/normalize.css");
/* :: 1.0 Import Fonts */
/*@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i|Poppins:300,300i,400,400i,500,500i,600,600i");
@import url(css/font-awesome.min.css);*/

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
.clearfix::after,
.header::after,
.grid::after {
    content: "";
    display: table;
    clear: both;
}
html {
	font-size: 100%;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #000;
	font-size: 1rem;
	line-height: 1.375;
	margin: 0;
}

.page__cell {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}
/*=====================Стили для топлайна===========================================*/
#wrapper-top-line{
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /*border: 1px solid rgba(255,255,255,.2);*/
    /*box-shadow: 0 0 6px rgb(0 0 0 / 70%);*/
    z-index: 9999;
}
#top{
 margin-top: 35px;
}
.top-line {
  max-width: 100%;
}
.inner-top-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          justify-content: space-between;
  height: auto;
  font-size: 100%;
  color: #ffffff;
  background: #0079ae;
  margin-bottom: 50px;
}
#contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px;
}
#viber img {
  display: block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

#mts img {
  display: block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

#watsapp img {
  cursor: pointer;
  display: block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}
#contact p {
  display: block;
  margin: 0;
  padding-left: 3px;
}
#contact a{
  font-size: 100%;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  cursor: pointer;
}
#contact a:hover {
  opacity: 1;
}
#phone img {
  display: none;
  width: 17px;
  height: 17px;
}
#request a {
  display: block;
  margin: 0;
  padding: 3px 2px 3px 2px;
  text-decoration: none;
  color: #ffffff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4e391+14,61c419+66 */
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top,  #b4e391 14%, #61c419 66%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4e391 14%,#61c419 66%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4e391 14%,#61c419 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
opacity: 0.9;
border-radius: 10px;
}
#request a:hover {
  display: block;
  margin: 0;
  text-decoration: none;
  opacity: 1;
}
#auth-user-info{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
          color: #f7ae69;
          background-color: #696969;
  margin: 5px;
}
#auth-user-info:hover{
  opacity: 0.9;
  cursor: pointer;
}
.user-picture{
  display: block;
  margin: 0;
  padding: 5px;
  filter: invert(1);
}
.gradulations{
  margin: 0;
  padding: 0 5px 0 0;
}
/*=====================================================================================*/
/*Стили формы входа и регистрации*/
.registration-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#reg-auth-title > a#active-button {
margin-right: 10px;
  color: #b4e391;
  text-decoration: none;
}
.top-auth {  
  margin: 0;
   cursor: pointer;
}
.registration-box p{
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.registration-box p a{
  margin-right: 10px;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
}
.registration-box p a:hover {
  margin-right: 10px;
  text-decoration: none;
  opacity: 1;
}
#reg-auth-title {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
#block-top-auth{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    /*margin: 0;*/
    margin-top: 290px;
    padding: 0px;
    position: absolute;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    z-index: 9999;
    -moz-box-shadow: 0 0 15px #dbdbdb;
    -webkit-box-shadow: 0 0 15px #dbdbdb;
    box-shadow: 0 0 15px #dbdbdb;
    display: none;
  }
  .corner{
  display: block;
  position: absolute;
    background: url(img/bulleticon.png);
    width: 15px;
    height: 10px;
    margin-top: -10px;
    margin-left: 0px;
  }
  #input-email-pass h3{
    font-family: Times New Roman,Areal;
    font-size: 16px;
    color: #454547;
    font-weight: bold;
    margin: 10px;
  }
  h4.enter{
    font-family: Times New Roman,Areal;
    font-size: 14px;
    color: #454547;
    font-weight: bold;
    margin: 10px 0 10px 10px;
  }
  #message-auth{
    margin-left: 10px;
    margin-right: 10px;
    color: red;
    font-size: 0.85rem;
    display: none;
  }
  ul#input-email-pass{
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
  }
  #input-email-pass > li{
    margin-top: 10px;
}
  #input-email-pass input#auth_login{
    width: 180px;
    height: 25px;
    font: 15px sans-serif;
    border: 1px solid #DBDBDB;
    padding-left: 5px;
    cursor: pointer;
}
input#auth_path{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 180px;
    height: 25px;
    font: 15px sans-serif;
    border: 1px solid #DBDBDB; 
    padding-left: 5px;
}
.pass-show{
   background: url(/img/open_eye.png) no-repeat;
   width: 18px;
   height: 11px; 
}
/*иконка с закрытым глазом*/
.pass-hide{ 
   width: 17px;
   height: 17px; 
}
 /*блок с глазом*/
  #input-email-pass span{
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-top: 10px;
   position: absolute;
   margin-left: -28px;
  }
  /*блок запомнить меня и забыли пароль*/
#list-auth{
    margin: 0;
    padding: 0;
  }
  /*блок запомнить меня с чекбоксом*/
   #list-auth li{
    display: flex;
    justify-content: flex-start;
    color: black;
}
/*ссылка забыли пароль*/
 #list-auth a{
  color: #f7ae69;
 }
 /*ссылка забыли пароль при наведении*/
 #list-auth a:hover{
  text-decoration: none;
 }
/*==========================*/
/*иконка с  открытым глазом*/
span#button-pass-show-hide.pass-show{   
     background: url(../img/open_eye.png) no-repeat;
    background-color: #ffffff;
    width:  17px;
    height:   17px;
    margin-top: 5px;
  
   }
/*иконка с  закрытым глазом*/
span#button-pass-show-hide.pass-hide{
  background: url(/img/eye_closed.png) no-repeat;
    margin-top: 5px;
  }
  #input-email-pass input#auth_pass{
    width: 180px;
    height: 25px;
    font: 15px sans-serif;
    border: 1px solid #DBDBDB;
    padding-left: 5px;
    cursor: pointer;
}
  input#rememberme{
    align-self: center;
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    }
   #list-auth label{
    align-self: center;
    padding: 5px;
    margin: 5px;
    cursor: pointer; 
  } 
  /*блок с загрузчиком*/
 p.auth-loading{
   position: absolute;
  margin: 0;
  padding: 0;
  display: none;
 }
  .auth-loading img{
    position: absolute;
    margin-left: 150px;
    margin-top: -23px;
    width: 16px;
    height: 11px;
  }

  #button-auth button,#button-remind button{
    margin-top: -15px;
    cursor: pointer;
    background: #c9c9c9;
    background: -webkit-linear-gradient(top, #c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), color-stop(2%, #f6f6f6), color-stop(98%, #c4c5c7), to(#757577));
    background: -o-linear-gradient(top, #c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
    background: linear-gradient(to bottom, #c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#757577',GradientType=0 );
    font:bold 13px sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid silver;
    border-radius:2px ; 
   -webkit-border-radius:2px ; 
   -moz-border-radius:2px ;  
}
 #button-auth button:hover,#button-remind button:hover{
  opacity: 0.8;
 }
/*======================Конец стилей для топлайна===================================*/
/*===========блок для восстановления пароля=========================================*/
#block-remind{
  padding-left: 15px;
  padding-right: 15px;
    display: none;
}
#block-remind  h3{
    font:15px sans-serif;
    color: black;
    margin: 10px 0px 10px 0px;
}
#block-remind  input{
    width: 180px;
    height: 25px;
    font: 15px sans-serif;
    border: 1px solid #DBDBDB;
    padding-left: 5px;
    cursor: pointer;
}
/*параграф назад*/
#block-remind  p#prev-auth{
    font:bold 13px sans-serif;
    color: #454547;
    text-decoration: underline;
    width: 10px; 
    margin-top: -32px;
    cursor: pointer;
    position: absolute;  
}
/*параграф назад по наведению*/
#block-remind  p#prev-auth:hover{
    text-decoration: none;
}
.message-remind-error{
    display: none;
    font:bold 12px sans-serif;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: red;
    background-color: #FDE7E7;
}
.message-remind-success{
    display: none;
    font:bold 12px sans-serif;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;
    background-color: #D0E7AA;
}
/*===================конец блока для восстановления пароля==========================*/
/*=========================блок выхода из профиля===================================*/
#block-user{
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    width: 140px;
    margin-top: 95px;
    margin-left: 40px;
    position: absolute;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    z-index: 9999;
    -moz-box-shadow: 0 0 15px #dbdbdb;
    -webkit-box-shadow: 0 0 15px #dbdbdb;
    box-shadow: 0 0 15px #dbdbdb;
     border: 1px solid black;
    border: 1px solid #DBDBDB;
     display: none;  
}
.inner-block-user{
margin: 0;
padding: 0;
}
.corner2{
  display: block;
  position: absolute;
  background: url(img/bulleticon.png);
  width: 15px;
  height: 10px;
  margin-top: -10px;
  margin-left: 60px;
}

#block-user ul{
  margin: 0;
  padding: 0;

}
#block-user li{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  list-style: none;

}
#block-user a{
  padding: 5px;
 margin: 0;
  text-decoration: none;
  font:bold 13px sans-serif;
  color: #57678C;
}
#block-user a:hover{
  border-bottom: 1px dashed #EF662B;
  color: #EF662B;
  cursor: pointer;

}
#block-user img{
  width: 15px;
  height: 15px;
  margin: 5px;
}
/*========================конец блока выхода из профиля=============================*/
.header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 100%;
  align-content: center;
  border-bottom: 1px solid #ccc;
}
.header-title{
  margin: 1px;
  text-align: center;
}
.logo__picture{
    padding: 5px;
}
p.header-title{
  display: block;
  margin-top: 10px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: red;
  line-height: 1;
}
h3.header-podtitle{
  font-size: 20px;
  text-align: center;
  color: #00658b;
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}
.inner-header-contact{
  display: block;
  justify-content: center;
}
.phone-number {
  font-weight: 700;
  font-size: 1.5625rem;
  color: red;
  text-decoration: none;
}
.header__email-address {
text-align: center;
margin-bottom: 5px;
}
.header__email-address a{
  padding: 5px;
}
a.email-address{
  margin: 0 auto;
  font-size: 1.2rem;
  color:#EF662B;
  font-weight: bold;
  /*text-decoration: none;*/
}
.email-address:hover {
  text-decoration: none;
}
.header__logo {
  display: block;
  text-align: center;
  align-self: center;
}
.header-box{
  flex-grow: 1;
  align-items: center;
}
.inner-header-box{           
display: flex;
max-width: 100%;
align-items: center;
justify-content: center;
flex-wrap: wrap; 
}
.main-header-title{
flex-grow: 1;
}
.header__contact {
  display: block;
  text-align: center;
}
/*=============================Мы в соцсетях============================================*/
/*генератор кнопок соцсетей: https://kalk.top/g/social-buttons*/
.social-block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;  
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.social-block p {
  margin-right: 8px;
  font-size: 16px;
  color: #00658b;
}
.social {display: inline-block;}
.social a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 8px 0px 0;
  text-align: center;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 24px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.social a:hover {
  border-color: #888;
  opacity: .8;
}
.social svg {
  margin-top: 5px;
  width: 28px;
  height: 28px;
}
.odnoklassniki a {background: #f93}
.telegram a {background: #249bd7}
.vk a {background: #4a76a8}
.youtube a {background: #c4302b}
/*===========================конец стиля мы в соцсетях==================================*/
/*------------------------------------------------------------------------------------Меню-----------------------------------------------------*/
.page_cell_menu{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}
.menu{
  margin: 0;
  padding: 0;
}
/*Убираем маркеры у списков*/
ul{
  /*list-style: none;*/
}
.ul-class{
  margin: 0;
  padding: 0;
}
.li-class{
  margin: 0;
  padding: 0;
}
.p-class{
  margin: 0;
  padding: 0;
}
/*Делаем изображения в размер */
.menu ul li a img {
    display: none;
    margin: 0;
    padding-left: 5px;
    max-width: 18px;
    height: auto;  
}
/*Делаем невидимой радиокнопку и лэйбл субменю*/
.menu [type="checkbox"],
.menu label.toggleSubmenu {
  display: none;
}

.menu label.togglemenu {
  display: none;
  
    padding-left: 10px;/*с отступом в 10 px*/ 
    align-items: center;/*Выравниваем содержимое ячеек по вертикали*/
  /*display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
  -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;*/
    width: 90px;
    height: 30px;
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: bold;
    background: #0079ae;
    border-radius: 5px;
}
.menu label.toggleMenu .fa{
 position: absolute;
 top: 15px;
 left: 12px;
}
/* Подключаем и позиционируем изображение «гамбургер»(fa-bars)*/
nav label img{
  margin: 0;
  padding: 0;
  max-width: 18px;
  height: auto;
  padding-right: 5px;
  -webkit-filter: brightness(10);
}
/*Делаем меню горизонтальным*/
.menu > ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;/*Делаем меню горизонтальным*/
  justify-content: center;/*Отцентрируем списки */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.menu > ul li {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  position: relative;
  list-style: none;
}
/*Стилизуем содержимое ячеек*/
.menu ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;/*Делаем содержимое кнопок меню горизонтальным*/
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;/*Выравниваем содержимое ячеек по горизонтали*/
  align-items: center;/*Выравниваем содержимое ячеек по вертикали*/
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease;/*Плавное исчезновение*/
}
/*Делаем шрифт при наведении на текст меню красным*/
.menu ul li a:hover{
  color: #f44336;
}
/*Запрещаем перенос слов  и делаем отступы от текста в ячейках главного меню*/
.menu ul li a p {
  white-space: pre;
  padding: 1.3rem;
}
.menu > ul li > a i.fa{
 position: absolute;
 top: 15px;
 left: 12px;
 font-size: 18px;
}
.menu ul li ul{
  z-index: 9999;
}
/*АНИМИРУЕМ МЕНЮ*/
/*стилизуем ячейки меню при наведении*/
.menu li a:hover {
  transition: all 0.3s ease;/*плавное появление*/
}
/*Делаем кнопки белыми при наведении*/
.menu li a:hover > img{
 -webkit-filter: brightness(10);
}
/*П О Д М Е Н Ю */
/*позиционируем и делаем невидимым подменю*/
.menu li ul {
  position: absolute;
  min-width: 280px;
  display: none;
  background: #ffffff;
  border: 1px solid #c7c8ca;
}
/*позиционируем текст подменю слева с отступом*/
.menu ul li ul li a {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*позиционируем подменю 2 уровня и сдвигаем его вправо*/
.menu li > ul li ul {
  position: absolute;
  right: -280px;
  top: 0;
}
/*делаем видимым подменю при наведении*/
.menu li:hover > ul {
  display: block;
  position: absolute;
}
/*Адаптация меню 1 порядка на 1280px*/
@media screen and (max-width: 1280px) {   
  .menu > ul {
    /*font-size: 75%;*/
  }
  /*позиционируем и делаем невидимым подменю*/
.menu li ul {
  position: absolute;
  min-width: 290px;
  display: none;
  border: 1px solid #c7c8ca;
}
.menu ul li ul{
  z-index: 9999;
}
/*позиционируем подменю 2 уровня*/
.menu li ul > li ul {
  position: absolute;
  right: -290px;
  top: 0;
}
}
/*Адаптируем  меню при разрешении экрана 960px*/
@media all and (max-width: 960px) {
.page_cell_menu{
    padding: 0px;
}
  .menu {
    overflow: hidden;/* Отображается только область внутри элемента, остальное будет скрыто.*/
/*Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.*/
}
/*Делаем меню блочным на маленьком экране*/
/*Пропишем display: none; для списка в медиазапросе*/
.menu ul{
  /*display: none;*/
  display: block;
  max-height: 0;
  transition: max-height 0.3s;
  -webkit-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;

}
/*Стилизуем содержимое ячеек*/
.menu ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;/*Делаем содержимое кнопок меню горизонтальным*/
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;/*Выравниваем содержимое ячеек по горизонтали*/
          align-items: center;/*Выравниваем содержимое ячеек по вертикали*/
  border-right: 1px solid #b2b3b5;
  border-right: 1px solid #c7c8ca;
  background: rgb 201, 201, 201;
  background-image: #f6f6f6 2%, #c4c5c7 98%, #757577 100%;
  background-image: -o-linear-gradient(#c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
  background-image: -webkit-linear-gradient(#c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
  background-image: -o-linear-gradient(#c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), color-stop(2%, #f6f6f6), color-stop(98%, #c4c5c7), to(#757577));
  background-image: linear-gradient(#c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), color-stop(2%, #f6f6f6), color-stop(98%, #c4c5c7), to(#757577));
  background: -webkit-linear-gradient(#c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
  background: -o-linear-gradient(#c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
  background: linear-gradient(#c9c9c9 0%, #f6f6f6 2%, #c4c5c7 98%, #757577 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#757577',GradientType=0 );
  padding: 5px 0 5px 0;
  text-decoration: none;
  color: #454547;
  /*color: #000000;*/
  transition: all 0.3s ease;/*Плавное исчезновение*/
}
/*Делаем шрифт при наведении на текст меню красным*/
.menu ul li a:hover{
  color: #ffffff;
  background: #e0e1e5;
  background: -webkit-linear-gradient(top, #e0e1e5 0%, #454547 2%, #454547 98%, #e0e1e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e1e5), color-stop(2%, #454547), color-stop(98%, #454547), to(#e0e1e5));
  background: -o-linear-gradient(top, #e0e1e5 0%, #454547 2%, #454547 98%, #e0e1e5 100%);
  background: linear-gradient(to bottom, #e0e1e5 0%, #454547 2%, #454547 98%, #e0e1e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1e5', endColorstr='#e0e1e5',GradientType=0 );
  color: #ffffff;
  -webkit-box-shadow: 1px 5px 10px -5px black;
          box-shadow: 1px 5px 10px -5px black;
          transition: all 0.3s ease;/*плавное появление*/
}
/*Запрещаем перенос слов  и делаем отступы от текста в ячейках главного меню*/
.menu ul li a p {
  padding: 5px;
  white-space: pre;
}
.menu ul li ul{
  z-index: 0000;
}
/*Позиционирование пунктов подменю второй вложенности*/
  .menu li > ul li ul {
    position: absolute;
    right: auto;
    top: auto;
  }
/* Стилизуем кнопку label. Код напишем выше медиазапросов, чтобы эти стили применялись изначально, когда страница загружается:
*/
.menu label.togglemenu {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
  /*Стилизация лэйбла  кнопки  меню при щелчке*/
  input.togglemenu:checked + label.togglemenu {
    color: #fff;
  }
  /*Стилизация гамбургера при щелчке*/
   input.togglemenu:checked +  label.togglemenu img{
    -webkit-filter: brightness(10);
  }
  /*Раскрытие главного меню при нажатии на кнопку -  отбираем щелчек по кнопке */
  input.togglemenu:checked ~ ul,
  input.toggleSubmenu:checked ~ ul {
    display: block;
    position: relative;
    max-height: 5000px;
    -webkit-transition: max-height 2s ease-in;
    -o-transition: max-height 2s ease-in;
    transition: max-height 2s ease-in;
  }
.menu ul li a{
  justify-content: flex-start;
  -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     padding-left: 10px;/*с отступом в 10 px*/  
}
/*ВЛОЖЕННЫЕ ПУНКЫ*/
/*2. Отображаем пункты по щелчку. Для этого отбираем label  в Submenu:*/
.menu label.toggleSubmenu {
   position: absolute;/*Позиционируем абсолютно*/
   top: 0;/*с нулевыми значениями*/
   right: 0;/*с нулевыми значениями*/
   width: 100%;/*растягиваем на всю ширину*/
   height: 100%;/*делаем максимальной высоту*/
   cursor: pointer;/*курсор-рука*/
   display: block;/*делаем блочным*/
  }
    /*Изменение цвета кнопкок подменю при нажатии на маленьком экране*/
  input.toggleSubmenu:checked ~ a {
    background: #454547;
    color: #fff;
  }
  /*меняем цвет картенки при нажатии на кнопки меню на маленьком экране*/
 input.toggleSubmenu:checked ~ a img{
    -webkit-filter: brightness(10);
  }
.menu ul li a img {
    display: block;
    margin: 0;
    padding-left: 5px;
    max-width: 18px;
    height: auto;  
}

/*ВЛОЖЕННЫЕ ПОДПУНКЫ*/
.menu label.toggleSubmenu .fa:before{
  content: "\f0d7";
  color: #454547;
 }
 .menu label.toggleSubmenu .fa{
  position: absolute;
  top: 15px;
  right: 30px;
 }
.menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before{
  content: "\f0d8";
  color: #ffffff;
 }
}
#block-step{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
} 


/*===========================================Для  банкетного зала=====================================================*/
ul.banketnyi_zal{
  list-style-type: circle;
  margin-left: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.text-align{
  text-align: center;
  margin: 2rem 0;
}
/*================================для главной страницы========================================================================*/
/**/
.slider__item {
	padding-top: 33.7%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.slider .owl-dot span {
	background: #fff;
	border: 1px solid #ccc;
	width: 1rem;
	height: 1rem;
	display: block;
}
.slider .owl-dot.active span,
.slider .owl-dot:hover span {
	background: #000;
	border-color: #000;
}
.slider .owl-dot {
	display: inline-block;
	margin: 0 0.40625rem;
}
.slider .owl-dots {
	text-align: center;
	position: absolute;
	bottom: 0.75rem;
	left: 0;
	right: 0;
}
.headline {
	text-align: center;
	font-weight: 400;
	margin: 2rem 15px;
}
.aboutus{
	display: block;
	width: 130px;
	margin:0  auto;
	border: 2px solid #666666;
	background: ;
	border-radius: 50%;
}
.aboutuspng{
	margin: 0 auto;
	padding: auto ;
	height: auto;
	max-width: 100%;
}
.inner-content-list h3{
  margin-left: 15px;
  margin-right: 15px;
}
.grid__item {
	float: left;
	margin-right: 1.7%;
	margin-bottom: 1.7%;
	width: 49.15%;
	position: relative;
}
.grid__overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.grid__overlay:hover {
	background: rgba(0, 0, 0, .7);
}
.grid__picture {
	max-width: 100%;
	display: block;
}
.grid__link {
	color: #fff;
	text-align: center;
	font-size: 1.8125rem;
}
.grid__text,
.icon-circle__picture {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.icon-circle {
	display: inline-block;
	width: 6.25rem;
	height: 6.25rem;
	background: #ffb9b3;
	text-align: center;
	border-radius: 50%;
	padding: 1.1rem;
}
.icon-circle__picture {
	max-width: 100%;
}
.advantage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.advantage__item {
	width: 28%;
	text-align: center;
	margin-right: 8%;
  margin-bottom: 15px;
}
.grid__item:nth-of-type(2n),
.advantage__item:last-child {
	margin-right: 0;
}
.advantage__headline {
	font-size: 1.25rem;
	margin: 0 0 0.8rem;
}
.advantage__icon {
	margin-bottom: 1.2rem;
}
.flex-container{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    /* height: 100%; */
    margin-left: 15px;
    margin-right: 15px;
}
.movie {
    width: 100%;
    max-height: 315px;
    margin: 15px;
    max-width: 560px;
}
.flex-images{
  max-width: 100%;
  height: auto;
}
a.non-style{
  text-decoration: none;
}
span.non-style{
  text-decoration: none;
  color: #000;
}
.page__row--footer {
	background: #595959;
	color: #fff;
	/*margin-top: 4.375rem;*/
}
.footer__copyright {
	text-align: right;
  margin-left: 15px;
}
.footer__link {
	color: inherit;
	text-decoration: none;
}
.footer__link:hover {
	text-decoration: underline;
}
.footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
  text-align: center;
  align-items: center;
	padding: 1rem 0;
}
.footer h1{
	flex-grow: 1;
}
.btn-nav {
	border: 0;
	background: none;
	padding: 0.7rem;
	cursor: pointer;
	border-radius: 0.2rem;
}
.btn-nav:hover {
	background: #dadada;
}
.btn-nav__line {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	background: #000;
	margin-bottom: 3px;
}
.btn-nav__line:last-child {
	margin-bottom: 0;
}
.nav__btn {
	text-align: right;
	margin: 0.7rem 0;
	display: none;
}
/*.delivery_terms{
  width: 80%;
  border: 1px solid black;
  margin: auto;
}
p.delivery_terms_time{
  margin: 0;
  padding-bottom: 5px;
  font: bold 1rem sans-serif;
  color: #00658b;
}
p.delivery_terms_sum{
 margin: 0;
  padding: 0;
  font: bold 1rem sans-serif;
  color: #00658b;
  line-height: 1.375; 
}*/
.delivery_terms{
  background-color: #0079ae;
  border-radius: 5px;
  margin: auto;
  margin-bottom: 5px;
}
p.delivery_terms_time{
  margin: 0;
  padding-top: 5px;
  font: bold 1rem sans-serif;
  color: #ffffff;
}
p.delivery_terms_sum{
 margin: 0;
  padding: 5px;
  font: bold 1rem sans-serif;
  color: #ffffff;
  line-height: 1.375; 
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
    margin: 15px auto;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.tg {
    border-collapse: collapse;
    border-spacing: 0;
}
.tg .tg-x3v1 {
    font-weight: bold;
    background-color: #d9edf7;
    color: #000000;
    text-align: center;
}
.tg th {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
}
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}
.tg .tg-s268 {
    text-align: left;
}
.tg td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
}
#mts-1 img,#mts-2 img,#mts-3 img {
  display: block;
  margin: 0;
  padding: 5px;
}
#viber-1 img,#viber-2 img,#viber-3 img {
  display: block;
  margin: 0;
  padding: 5px;
}
#contact-1,#contact-2,#contact-3{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 5px;
}
.prizyv{
	color: #ff1493;
}
.praca{
	color: #ff38a3;
}
.sectioncontact{
	line-height: 1;
}
.promo{
	color: red;
}
.central-section{
  margin: auto 15px;
}
.footer_box_two{
	margin-bottom: 10px;
	text-align: center;
}
/*Бегущая строка*/
/*Бегущая строка*/
.marquee {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #ffffff;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  /* Задаем ширину нашему родительскому блоку marquee.*/
  white-space: nowrap;
  /* запрещаем перенос слов на другую строку.*/
  overflow: hidden;
  /*обрезаем все что выходит за наш блок с бегущей строкой, чтобы не было казусов.*/
  background: #0000ff;
}

.marquee span {
  /*display: flex;
justify-content: center;
align-items: center;*/
clear: both;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;  
  color: #ffffff;
  /*font-size: 20px;*/
  display: inline-block;
  /*делаем наш span строчно-блочным элементом*/
  /*padding-left: 100%;*/
  padding-left: 780px;
  /*делаем отступ слева на всю ширину родительского блока.*/
  padding-right: 780px;
  -webkit-animation: marquee 30s infinite linear;
  /*применяем анимацию к блоку. Время выполнения анимации 10 секунд. Можете менять значение на свое.*/
  animation: marquee 30s infinite linear;
  /*применяем анимацию к блоку. Время выполнения анимации 10 секунд. Можете менять значение на свое.*/
  font-weight: bold;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}
/*Конец бегущей строки*/
  /*.marquee {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
   
    white-space: nowrap;
    overflow: hidden;
    background: #0000ff;
}
.marquee span {
    clear: both;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    padding-left: 100%;
   
    -webkit-animation: marquee 25s infinite linear;
    animation: marquee 25s infinite linear;
    font-weight: bold;
}
.marquee {
    overflow: hidden;
    white-space: nowrap; 
    animation: marquee 10s linear infinite alternate;
    background: #ffcc00;
    padding: 5px;
   }
   @keyframes marquee {
    from { text-indent: 100%; }
    to { text-indent: 0; }
   }*/
/*Правый сайдбар*/
#sidebar-right {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
   margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  width: -webkit-calc(30% - 30px);
  width: calc(33.33333% - 30px);
  min-width: 280px;
  background: #ffffff;
}
.inner-sidebar-right {
  border: 1px solid silver;
  padding: 5px;
  margin: 5px;
}
/*Скелет тела */
.all_content {
  display: block;
  max-width: 100%;
  background: #ffffff;
}
.all-content-row {
  /*@include row-flex();*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.content-block{
  display: block;
 -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: -webkit-calc(70% - 30px);
  width: calc(70% - 30px);
  min-width: 260px;
}
#content {
    /*margin-top: 15px;*/
    /*padding-top: 15px;*/
    /*margin-left: -15px;
    margin-right: -15px;*/
}
.inner-content-list {
    display: none;
    width: 100%;
    margin-top: 15px;
}
.inner-content-list p{
    margin-left: 15px;
    margin-right: 15px;
}
/*================================================о нас=======================================================================================================*/
.about-thumbnail img{
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.single-widget-area .widget-title {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-bottom: 45px;
    text-align: center;
}
.single-widget-area {
  position: relative;
  z-index: 1;
  margin-top: 50px;
}
  .single-widget-area .widget-title {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-bottom: 45px;
    text-align: center; 
  }
    .single-widget-area .widget-title::before {
      width: 100%;
      height: 14px;
      background-image: url(../images/core-img/widget-curve.png);
      background-position: center center;
      background-repeat: repeat;
      position: absolute;
      top: 4px;
      left: 0;
      z-index: 1;
      content: ''; 
    }
    .single-widget-area .widget-title h6 {
      position: relative;
      z-index: 5;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 0;
      line-height: 1;
      background-color: #ffffff;
      padding: 0 25px;
      display: inline-block; }
      .single-widget-area .about-thumbnail {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 0 auto;
    display: block; }
    .single-widget-area .about-thumbnail img {
      border-radius: 50%;
      }
  .single-widget-area .widget-content img {
    margin-top: 20px;
    margin-bottom: 15px; }
  .single-widget-area .widget-content p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6; }
  .single-widget-area .widget-social-info a {
    display: inline-block;
    padding: 0 10px; 
}
    .text-center {
    justify-content: center;
    text-align: center!important;
}
.single-widget-area .widget-content p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6; }
/*===========================================Для  банкетного зала=====================================================*/
ul.banketnyi_zal{
  list-style-type: circle;
  margin-left: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
}
.text-align{
  text-align: center;
  margin: 2rem 0;
}
/*================================для главной страницы========================================================================*/

p#nav-breadcrumbs{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
} 
/*========================Навигационная цепочка=====================================================*/
.page__cell__sorting {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
#block-sorting{
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  border-bottom: 1px solid silver;
  color: #454547;
  background: #ffffff;
}
.main-option-list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.option-list-view{
  padding: 0px;
  margin: 0;
}
.inner-option-list-view{
}
#option-list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*margin-right: 15px;*/
}
#option-list li{
  padding: 5px;
}
.option-list-sorting{
}
.inner-option-list-sorting{
}
#main-sorting-list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
ul#option-list, ul#main-sorting-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
#main-sorting-list>li{
  padding: 5px;
}
#select-sort{
  color: #454547;
  list-style: none;
  text-decoration: none;
  cursor: pointer;
}
#select-sort:hover{
  color: #0000ff;
}
#style-grid{
  cursor: pointer;
}
.fa-list-ul:fixed{
  color: red;
}
.fa-list-ul:hover{
  color: red;
}
/*для картинки-иконки*/
#style-grid img{
  width: 20px;
  height: auto;
  margin: 0;
  padding: 0;
}
/*для картинки-иконки*/
#style-list img{
  width: 20px;
  height: auto;
  margin: 0;
  padding: 0;
}
.fa-th:hover{
  color: red;
}
.fa-th:fixed{
  color: red;
}
#style-list{
  cursor: pointer;
}
#sorting-list{
  border: 1px solid silver;
  position: absolute;
  background: #ffffff;
  padding-top: 5px;
  display: none;

}
ul#sorting-list{
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  z-index: 9999;
}
#sorting-list>li{
  margin-top: 5px;
  margin-bottom: 5px;
}
#sorting-list li a{
  padding: 0 5px 0 5px ;
  text-decoration: none;
  color: #000;
}
#sorting-list li a:hover{
  text-decoration: underline;
}
/*=================конец стилей навигационной цепочки=======================*/
/*===========Для страницы регистрации=======================================*/

.container-form-registration {
    max-width: 100%;
    margin: 0 auto;
}
.h2-title{
  font-size: 20px;
  padding-top: 5px;
  margin-left: 15px; 
}
#block-content > h3.avtorisation{
  text-align: left;
  margin-left: 15px;
  padding: 0px;
  color: #454547;
} 
#block-form-registration{ 
  border-top: 1px solid #ccc;
}
ul#form-registration{
  margin: 0;
  padding: 0;
} 

#form-registration li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 15px;
  list-style: none;
}
#form-registration li input{
  padding: 10px;
}
#form-registration > li > label{
  min-width: 160px;
}
#form-registration li span>#genpass{
  margin-left: 15px;
  margin-right: 15px;
  
}
.star{
  font-size: 20px;
  color: red;
  padding-top: 5px;
  padding-right: 5px;
}
#block-captcha{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  /*margin: 15px;*/
}
#block-captcha > p {
    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: red;
    text-decoration: underline;
    cursor: pointer;
}
span#genpass{
  font: italic 14px sans-serif;
  text-decoration: underline;
  margin-left: 5px;
  cursor: pointer;
}
span#genpass:hover{
  text-decoration: none;
  cursor: pointer;
}
#reg_captcha {
  height: 52px;
  margin-left: 5px; 
}
p#reloadcaptcha{
  color: #000000;
  font: italic 14px sans-serif;
  text-decoration: underline;
  margin-left: 5px;
  cursor: pointer;
}
p#reloadcaptcha:hover{
  text-decoration:none;
}
 .error {
    font: italic 14px sans-serif;
    color: #CC0063;
    margin-left: 5px;
}
.reg_message_good{
  font:18px san-serif;
  color: black;
  background-color: #ededff;
  border: 1px solid #e6e6fe;
  z-index: 100;
}
.reg_message_error{
  font: bold 18px san-serif;
  color: red;
  background-color: #ededff;
  border: 1px solid;
  border-color: #fac8d3;
  z-index: 100;
}
#reg_message{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: none;
}
.submit-registration{
  display: flex;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 10px;
}
#form_submit{
  font-weight: 500;
  padding: 7px 15px;
   border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}
#form_submit:hover{
  background-color: #999999;
  color: #ffffff;
  border-radius: 10px;
}

input#form_submit:active{
  background-color: red;
}

@media all and (max-width: 680px) {
  h2.h2-title{
  font-size: 20px;
  margin: 0; 
} 
.container-form-registration {
    max-width: 100%;
    margin: 0 15px 0 15px;
}
ul#form-registration{
  margin: 0;
  padding: 0;
} 
#form-registration li{
  display: block;
  min-width: 280px;
  margin: 5px 0px 0px 0px;
  list-style: none;
}
#form-registration li input{
  display: block;
  width: 100%;
  padding: 5px;
}
#form-registration li span .star{
  display: block;

}
#block-captcha{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
#reg_captcha {
  height: 50px;
  flex-basis: 100px;
  margin-left: 5px; 
}

p#reloadcaptcha{
  margin-left: 5px;
  min-width: 100px;
  cursor: pointer;
  text-decoration: underline;
}
p#reloadcaptcha:hover{
  text-decoration: none;
}
span.error{
  margin-left: 5px;
}
}

/*======Конец стилей для страницы регистрации================================*/
/*--------------------------------------------------------------------------Форма поиска-----------------------------------------------------*/
.container {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  background: #ffffff;/*ОСТОРОЖНО С ФОНОМ КОНТЕЙНЕРА!!!!!!!!!!!!!*/
}
.function-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#block-search{
  display: block;
  margin: 0;
  padding: 0;
}
.searchform {
  /*max-width: 600px;*/
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 2px solid red;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  outline: none;
}
.searchform input {
  display: block;
  border: none;
  outline: none;
  color: #454547;
  cursor: pointer;
  margin-left: 10px;
}
select#search-dropdown-box{
  display: block;
  cursor: pointer;
}
button#button-search{
  display: block;
}
.searchform .search-button {
  z-index: 5;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 30px;
  background: #e62e04 no-repeat;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  -webkit-appearance: none;
}
.search-cate {
  border: none;
  outline: none;
  color: #454547;
  cursor: pointer;
}
.searchform button {
  width: 40px;
  height: 30px;
  background: red;
  color: #ffffff;
  border: none;
  font-size: 18px;
  cursor: pointer;
  /*border-radius: 0 5px 5px 0;*/
}

img.search{
  margin: 0;
  padding: 0;
  width: 28px;
  height: 28px;
}
/*-----------------------------------------------------------конец формы поиска----------------------------------------------------------------*/
/*=======Для страницы изменение профиля==========================*/
#block-profile{
  border-top: 1px solid #ccc;
}
ul#info-profile{
   margin: 0;
  padding: 0;
}
#info-profile li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 15px;
  list-style: none;
}
#info-profile li input{
  min-width: 470px;
  padding: 10px;
}
#info-profile li textarea{
  min-width: 470px;
   padding: 10px; 
}
#info-profile > li > label{
  min-width: 160px;
}

.star{
  font-size: 20px;
  color: red;
  padding-top: 5px;
  padding-right: 5px;
}
.submit_change_profile{
  display: flex;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 10px;
}
#form_submit{
  font-weight: 500;
  padding: 7px 15px;
   border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}
#form_submit:hover{
  background-color: #999999;
  color: #ffffff;
  border-radius: 10px;
}

input#form_submit:active{
  background-color: red;
}
#form-error{
    font:bold 14px sans-serif;
    color: red;
    background-color: #F7EDEF;
    border: 1px solid #FAC8D3;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#form-success{
    font:bold 14px sans-serif;
    color: black;
    background-color: #D9FFCA;
    border: 1px solid #B7E787;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
/*====================Конец страницы изменение профиля=============*/
@media all and (max-width: 680px) {
  h2.h2-title{
  font-size: 20px;
  margin: 0; 
} 
.container-form-registration {
    max-width: 100%;
    margin: 0 15px 0 15px;
}
ul#info-profile{
  margin: 0;
  padding: 0;
} 
#info-profile li{
  display: block;
  margin: 5px 0px 0px 0px;
  list-style: none;
}
#info-profile li input{
  display: block;
  width: 100%;
  min-width: 220px;
  padding: 5px;
}
#info-profile li span .star{
  display: block;

}
#info-profile li textarea {
    display: block;
    width: 100%;
    min-width: 220px;
    padding: 5px;
}
}
/*======================================Корзина товаров==================================*/
/*фон-окно для страницы корзины*/
.page_cart {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    z-index: 9999;
    -moz-box-shadow: 0 0 15px #dbdbdb;
    -webkit-box-shadow: 0 0 15px #dbdbdb;
    box-shadow: 0 0 15px #dbdbdb;
}
/*блок с шагами*/
#block-step{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;  
}
/*блок со ссылками*/
#name-step{
  flex-basis: 100%;
  margin: 1px;
}
/*список*/
#name-step ul{
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0 !important;
}
/*ссылки корзина товаров и др*/
#name-step li{
  margin: 0;
  padding-right: 5px;
  list-style: none;
}
/*сами ссылки*/
#name-step a{
    color: #00658B;
    font: bold 13px sans-serif;
    text-decoration: none;
}
/*активные ссылки*/
#name-step a.active{
    color: #EF662B;
    font: bold 14px sans-serif;
    border-bottom: 1px dashed #EF662B;   
}
/*шаг 1 из 3*/
#block-step > p{
    font: 19px sans-serif;
    color: #646464;
    margin: 0;
    padding: 0;
}
/*кнопка очистить*/
#block-step > a{
  margin: 15px;
    border: 1px solid #D98386; 
    font:bold 13px sans-serif;
    padding:4px 7px 4px 7px;  
    text-decoration: none;
    color: white;
    background-color: #e31837;  
    border-radius:5px; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
}
/*===============================*/
/*==============================стили для всей таблицы корзины*=========================================================*/
/*стили строки заголовка*/
thead {
    color: #6D6D6D;
    font: bold 1rem sans-serif;
    border-radius: 10px;
    border: none; 
}
/*стили строки заголовка*/
/*.tg th{
  border:none;
}*/
/*первая ячейка заголовка*/
.tg .tg-1fdn{
  font: bold 1rem sans-serif;
  border-radius: 10px 0 0 0;
  border: none;
  color: #ffffff;
  background-color: #0079ae;
  text-align:center;
  vertical-align: center;
  }
  /*стили для 2 ячейки заголовка*/ 
.tg .tg-2fdn{
  font: bold 1rem sans-serif;
  color: #ffffff;
  border: none;
  background-color: #0079ae;
  text-align:center;
  vertical-align: center;
}
  /*стили для 3 ячейки заголовка*/
 .tg .tg-3fdn{
  font: bold 1rem sans-serif;
  color: #ffffff;
  border: none;
  background-color: #0079ae;
  text-align:center;
  vertical-align: center;
  display: none;
}
  /*стили для 4 ячейки заголовка*/
.tg .tg-4fdn{
  font: bold 1rem sans-serif;
  color: #ffffff;
  border: none;
  background-color: #0079ae;
  text-align:center;
  vertical-align: center;
}
/*5 ячейка заголовка*/
.tg .tg-5fdn{
  font: bold 1rem sans-serif;
  color: #ffffff;
  border: none;
  background-color: #0079ae;
  text-align:center;
  vertical-align: center;
}
/*6 ячейка заголовка*/
.tg .tg-6fdn{
  font: bold 1rem sans-serif;
  border-radius: 0 10px 0 0;
  border: none;
  color: #ffffff;
  background-color: #0079ae;
  text-align:center;
  vertical-align: center;
}
/*стили 1 ячейки в 1 строке тела таблицы*/
.tg .tg-0pky-1,.tg .tg-0pky-2,.tg .tg-0pky-4,.tg .tg-0pky-5,.tg .tg-0pky-6{
  border: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ffffff;/*стили нижней границы для всех ячеек в этой строке*/
  /*text-align: center;*/
  vertical-align:center;
}
/*стили 3 ячейки в 1 строке тела таблицы*/
.tg .tg-0pky-3{
  border: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ffffff;/*стили нижней границы для всех ячеек в этой строке*/
  /*text-align:center;*/
  vertical-align:center;
   display: none;
}
/*тени для таблицы корзины*/
.tbody_cart tr{
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/*================конец стилей для всей таблицы корзины===============================*/
/*папка со списком счетчика*/
ul.input-count-style{
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;

}
/*блок с изменением количества товара*/
.input-count-style li{
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-count-style p{
  margin: 0;
  padding: 0;
}
.count-input{
  width: 36px;
  height: 24px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #e31837;
  background-color: #e31837;
}
.input_count{
  margin: 0;
  padding: 0;
}
p.count-minus{
  width: 36px;
  height: 24px;
  border: 1px solid #e31837;
 -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
}
p.count-plus{
  width: 36px;
  height: 24px;
  border: 1px solid #e31837;
 -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
}
/*======================конец блока с изменением количества товара==============================*/
/*====================свойства для содержимого таблицы корзины товаров=======================================*/
/*контейнер таблицы*/
.container_cart{
  min-width: 280px;
  max-width: 1200px;
  box-sizing: border-box;
}
/*ячейка с изображением*/
.tg-0pky-1  img{
  margin: 5px;
}
/*ячейка с товаром*/
.tg-0pky-2 > p.name-title{
  text-align: left;
  padding-left: 5px;
}
/*класс с ценами-4 ячейка*/
.price-product{
  padding-left: 15px;
  padding-right: 15px;
}
/*наименование товара*/
.tg-0pky-2 > p a.tovar-name{
  color: #00658B;
  font: bold 1rem sans-serif;
}
/*наименование товара по наведению*/
.tg-0pky-2 > p a.tovar-name:hover{
text-decoration: none;
}
/*стиль с миниописанием товара во 2 ячейке*/
.tg-0pky-2 >p.cart-mini-features{
  text-align: left;
  font-family: inherit;
  font-size: 1rem;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  margin: 1px;
}
.tg-0pky-5 > .price-product > h5 {
  font-size: 1.2rem;
  white-space: pre;
  margin: 0;
  padding: 0;
}
.tg-0pky-5 > .price-product > p{
  margin: 0;
  font-size: 1.2rem;
  white-space: pre;
  text-align: center;
}
.itog-price{
  color: #00658b;
  margin-right: 15px;
}
.delete-cart{
  padding: 5px;
}
/*====================конец стилей свойств содержимого корзины с товаром===============================*/

p.button-next{
margin-bottom: 15px;
}
.button-next > a{
  margin: 15px;
  background: green;
  padding: 7px 30px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  border: solid 1px green;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}
#clear-cart{
  font: 22px sans-serif;
  color: red;
  margin-top: 15px;
}
ul#info-radio{
  margin: 0;
  padding: 0;
}
#info-radio > li > input{
 margin-top: 7px;
 margin-right: 7px;   
}
#info-radio > li{
font:15px sans-serif;
list-style: none;  
}
/*=======================*/
ul#info-order{
    margin: 0;
    padding: 0;
}
#info-order li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 15px;
    list-style: none;
}
#info-order > li > label {
    min-width: 160px;
}
#info-order li input {
    min-width: 470px;
    padding: 10px;
}
.order_span_style{
    font: italic 14px sans-serif;
    color: #646464;
    margin-left: 5px;
}
span.order_span_style{
  font: italic 14px sans-serif;
  color: #646464;
  margin-left: 5px;
}
.order_label_style_textarea{
  list-style: none;
}
#info-order li textarea{
  min-width: 470px;
    padding: 10px;
}
input#confirm-button-next{
  margin: 15px;
    background: green;
    padding: 7px 30px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    border: solid 1px green;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}
.container-list-info{
  min-width: 280px;
  max-width: 1200px;
  box-sizing: border-box;
  border: 1px solid grey;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
ul#list-info > li{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 5px;
  list-style: none;
}
ul#list-info > li > strong{
  margin-right: 15px;
}
@media all and (max-width: 1200px) {
  .page_cart{
    opacity: 0.9;
  }
}
@media all and (max-width: 960px) {
  h2.h2-title{
  font-size: 20px;
  margin-left: 15px; 
} 
/*.container-form-registration {
    max-width: 100%;
    margin: 0 15px 0 15px;
}*/
ul#info-order{
  margin: 0;
  padding: 0;
} 
#info-order li{
  display: block;
  width: 100%;
  margin: 5px 0px 0px 0px;
  list-style: none;
}
#info-order > li > label {
  display: block;
  width: 100%;
  padding: 5px;
}
#info-order li input{
  display: block;
  width: 100%;
  min-width: 240px;
  padding: 5px;
}
#form-registration li span .star{
  display: block;
}
#info-order li textarea{
  display: block;
  width: 100%;
  padding: 5px;
}
#info-order li textarea{
  min-width: 240px;
    padding: 10px;
}
}
/*==============адаптация корзины товаров================================================================*/
@media (max-width: 460px) {
  .page_cart {
    /*opacity: 1;*//*регулируем прозрачность*/
  }
  .tg::before, .tg td::before, .tg th::before {
    border-right:1px solid #bdbdbd;
}
  /*Скроем названия в шапке таблицы.*/
   .container_cart table thead  {
     display: none;
}

/*Преобразуем строчные ряды таблицы в блочные элементы. */
 .container_cart .tg tr{
    display: block;
    margin: 10px auto;/*делаем отступ между карточками на маленьком экране*/
    z-index: 99999;
}
/*Назначим ячейку флекс-контейнером, а данные ячеек раскидаем по правому и левому краю вдоль главной оси.*/
 .container_cart table td{
     display: flex;
     justify-content: space-between;
     font-size: 14px;
}
/*При помощи псевдоэлемента before и функции attr(), подставим в каждую ячейку значение data-label.*/
.container_cart table td::before {
  content: attr(data-label);
  font-family: 'Roboto', sans-serif;
  color: #646464;
  font-weight: bold;
  width: 155px;
  padding-left: 15px;
}
.tg .tg-0pky-1, .tg .tg-0pky-2, .tg .tg-0pky-3, .tg .tg-0pky-4, .tg .tg-0pky-5, .tg .tg-0pky-6 {
     
     display: flex;
     border: 1px solid #bdbdbd; 

    height: auto;
    vertical-align: center;
}
/*не работает*/
#content-tovar tbody.tbody_cart{

}
.tg-0pky-1{
  display: flex;
  justify-content: center;
}
.tg-0pky-2{
  flex-direction: row;
  justify-content: space-between;
}
/*делаем видимым 3 ячейку заголовка*/
.tg.tg-0pky-3{
  display: block;
  height: auto;
}
.td.tg-0pky-3::before{
  width: 155px;
}
/*и скрываем описание во втором стобце*/
.tg-0pky-2 > .cart-mini-features{
  display: none;
}

.tg-0pky-4{
  flex-direction: row;
  justify-content: space-between;
}
.tg-0pky-5{
  flex-direction: row;
  justify-content: space-between;
}
.tg-0pky-6{
  flex-direction: row;
  justify-content: space-between;
}
/*ячейка с изображением*/
.tg-0pky-1  img{
  margin: 5px auto;
}
/*ячейка с товаром*/
.tg-0pky-2 > p.name-title{
    margin: 5px auto;
    text-align: center;
}
.tg .tg-0pky-3 > .cart-mini-features{
  display: flex;
  padding: 0;
  word-wrap: break-word;
  margin: auto;
  flex-basis: 125px;
  justify-content: center;
}
.tg-0pky-4 > ul.input-count-style{
    margin: 5px auto;
}
.tg-0pky-5 > .price-product{
    margin: 0px auto;
}
.tg-0pky-6 > .delete-cart{
    margin: 0px auto;
}
.cart-mini-features{
  word-wrap: break-word;
  margin: auto;
  flex-basis: 125px;
}
.cart-mini-features p{
  text-align: center;
  margin: 0 auto; 
}
}
/*==============================конец адаптации корзины товаров==========================================*/
/*===========================стили для страницы вывода товаров===========================================*/
#nav-breadcrumbs > a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    /*color: #4268B1;*/
}
#nav-breadcrumbs > a:hover{
  text-decoration: none;
}
#nav-breadcrumbs > span {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: #7F868E;
}
.info-cart{
  background-color: #ffffff;
}
#block-breadcrumbs-and-rating{
  display: flex;
  background-color: #ffffff;
    border-bottom: 1px solid #EEEEEE;
}
#nav-breadcrumbs2{
}
#nav-breadcrumbs2 > a{
    color: #4268B1;
}
#nav-breadcrumbs2 > span a:hover{
    color: #FFA1A1;
    text-decoration: none;
}
#nav-breadcrumbs2 > span a{
    /*color: #7F868E;*/
}
#nav-breadcrumbs2 >span a span{
    /*color: #7F868E;*/
    text-decoration: none;
}
#block-content-info{
  display: flex;
  /*align-items: center;*/
  background-color: #ffffff;  
  margin: 15px;
  border: 1px solid silver;
  height: auto;
}

img.info-image{
  display: block;
    margin: 15px;
    border: 1px solid silver;
}
.inner-img-eye img {
  border: none !important;
}
.inner-img-comment img{
  border: none !important;
}
#block-mini-description{
  height: auto;
/*border: 1px solid black;*/
}
#block-mini-description p{
}
#content-title{
  color: #454547;
    font-weight: bold;
    text-decoration: none;
}

#content-title p{
    margin-top: 15px;
}
/*#content-text{
    font: 15px sans-serif;
    margin-top: 10px;
    border: 1px solid black;
}*/


#style-price{
  padding-top: 15px; 
}

#add-cart-view{
    display: block;
    cursor: pointer;
}
#add-cart-view:hover{
    background: url(../images/button-buy-active.png) no-repeat;
}
#add-cart-view:active{
    background: url(../images/button-buy-click.png) no-repeat;
}

/*===========================конец стилей для страницы вывода товаров===========================================*/
/*==========================================стили модальных окон================================================*/
#block-img-slide{
    height: 85px;
    width: auto;
}
#block-img-slide li{
    padding: 3px;
    float: left;
    margin-left: 10px;
    border: 1px solid #DBDBDB;
    list-style: none;
    cursor: pointer;
}
#block-img-slide li:hover{
    border: 1px solid black;
    list-style: none;
}
#block-img-slide a{
    height: 73px;
    display: block;
}
/*======================================конец стилей модальных окон=============================================*/
/*=======================================================new tab================================================*/
ul.tabs { margin-top: 15px; padding: 0;  list-style:none; width:100%; height: 31px; border-bottom: 1px solid #E2E2E2;}
ul.tabs li:first-child {border-left:1px solid #E2E2E2; list-style: none;}
ul.tabs li {float:left; border-right:1px solid #E2E2E2; border-top:1px solid #E2E2E2; background-color:#eee; list-style: none;}
ul.tabs li.active {border-bottom:1px solid #fff; background-color:#fff; margin-bottom:-1px; list-style: none;}
ul.tabs li a {display:block; padding:7px 10px; color:#777;  outline:none; text-decoration:none; font:bold 14px sans-serif;}
ul.tabs li.active a { color:#000;}

div.tabs_content {width:100%;}
div.tabs_content > div {padding:10px; }
.tabs_content div{
    font: 15px sans-serif;
    margin-top: 5px;
    padding-bottom: 5px;
}
/*============================================end new tab=======================================================*/
/*=================================================стили для отзывов============================================*/
#link-send-review a{
    text-decoration: none;
    font: bold 13px sans-serif;
    border-bottom: 1px dashed #EF662B;
    color: #EF662B;
}
#link-send-review a:hover{
    border-bottom: none;
}
.block-reviews{
    border-bottom: 1px dashed #D8D8D8;
    margin-top: 20px;
}
.block-reviews img{
    float: left;
    margin-left: 15px;
    margin-top: 3px;
}
#send-review ul{
margin: 0;
padding: 0;
}
#send-review ul li{
    list-style: none;
}
.author-date{
    font: 14px sans-serif;
    margin-left: 20px;
    color: #8C8C8C;
}
.textrev{
    margin-left: 50px;
    margin-top: 0px;
    margin-right: 100px;
    font: 14px sans-serif;
}
.text-comment{
    font: 15px sans-serif;
}
#send-review{
    display: none;
    width: 320px;
    height: 450px;
}
#title-review{
  padding: 0;
    font: 14px sans-serif;
    color: #8C8C8C;
}
#send-review input{
    width: 195px;
    height: 25px;
    margin-left: 95px;
    margin-top: -15px;
    border: 1px solid #DBDBDB;
}
#send-review textarea{
    width: 195px;
    height: 70px;
    margin-left: 95px;
    border: 1px solid #DBDBDB;
}
#label-name{
    font: 14px sans-serif;
    margin-left: 60px;
}
#label-good{
    position: absolute;
    font: 14px sans-serif;  
}
#label-bad{
    position: absolute;
    font: 14px sans-serif;   
}
#label-comment{
    position: absolute;
    font: 14px sans-serif; 
    margin-left: 0px;     
}
#reload-img{
    display: none;
    margin-top: 35px;
    margin-left: 250px;
}
#button-send-review{
    cursor: pointer;
    background: url(img/button-send.png) no-repeat;
    width: 81px;
    height: 31px;
    margin-top: 25px;
    margin-left: 208px;
}
#button-send-review:active{
    background: url(img/button-send-active.png) no-repeat;
}
/*========================================конец стилей для отзывов==============================================*/
/*=========================================форма обратной связи=================================================*/
ul#feedback{
  margin: 0;
  padding: 0;
} 
#feedback li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 15px;
  list-style: none;
}
#feedback li input{
  min-width: 250px;
  padding: 10px;
}
#feedback > li > label{
  min-width: 160px;
}
ul#feedback li textarea {
    min-width: 250px;
    padding: 10px;
}
input#reg_captcha.feedback-captcha{
 width: 100px !important;
 min-width: 100px;
}
@media all and (max-width: 680px) {
 

ul#feedback{
  margin: 0;
  padding: 0;
} 
#feedback li{
  display: block;
  min-width: 160px;
  margin: 5px 0px 0px 0px;
  list-style: none;
}
#feedback li input{
  display: block;
  width: 100%;
  padding: 5px;
}
ul#feedback li textarea {
  display: block;
  min-width: 100%;
  padding: 5px;
}
}
/*=========================================конец формы обратной связи===========================================*/
p.mistake{
  text-align: center;
  font-weight: bold;
  color: red;
}
.err{
  font: italic 30px sans-serif;
  font-weight: bold;
  text-align: center;
  color: #CC0063;
}
h2.not_found{
  font: 30px sans-serif;
text-align: center;
}
p.uncorrect{
  margin-left: 15px;
}
.col-mb {
    margin: 0 auto;
    text-align: center;
}
.d-flex{
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap ;
    justify-content: space-around;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}
.items-error {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    min-width: 260px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 5px 5px;
    background: #ffffff;


}
.inner-items-error {
    text-align: center;
    margin: 0;
    padding: 10px;
    background: #ffffff;
    height: auto;
}
.error-block{
  width: 100%;
  margin: 0 auto;
  padding-top: 15px;
}
p.page-name{
  display: block;
  font: 1.5rem sans-serif;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}
ul.f5{
  margin: 0;
  padding: 0;
}
ul.f5 li{
  list-style: none;
  margin-top: 5px;
}
ul.f5 li a{
  color: #0000ff;
}
/*==========================для страницы свадьба============================================*/
.flex_box{
  display: flex;
  flex-direction: row;
}
/*==========================конец страницы свадьба============================================*/