/*@font-face {
	font-family: light;
	src: local(''),
	url(/fonts/light.otf) format("opentype"),
	url(/fonts/light.woff) format("woff");
}*/
.c1 {
  display: table;
  width: 100%;
  height: 100%;
}
.c1 > .c2 {
  display: table-cell;
  vertical-align: middle;
}
.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.display-flex > [class*='col-'].row-eq-height {
  flex-grow: 1;
}
html {
  width: 100%;
  overflow-x: hidden;
}
body {
  color: #000;
  font-size: 14px;
  font-family: Verdana;
}
.layout {
  /*display: table;*/
  width: 100%;
}
h1 {
  font-size: 18px;
  /*font-size: 24px;*/
}
.border-box {
  text-align: center;
  padding: 10px;
  border: 1px solid #77c003;
  color: #77c003;
}
.green-box {
  padding: 0 10px;
  height: 100%;
  color: #fff;
  background-color: #77c003;
}
.green-box input[name="q"] {
  color: #000;
  margin: 0;
  margin-left: 5px;
  height: 20px;
  /*width: 150px;*/
  padding: 0 5px;
  border: 0;
  background-color: #fff;
}
.header .logo {
  display: block;
  background-image: url(../img/logo.png);
  background-repeat: no-repeat;
  background-position: 20% center;
  background-size: 70px auto;
  padding: 10px;
  padding-left: 34%;
}
.header .logo:hover,
.header .logo:focus,
.header .logo:active {
  text-decoration: none;
}
.header .logo .text-1 {
  color: #8fbf2d;
  font-size: 54px;
  text-transform: uppercase;
  margin-bottom: -14px;
}
.header .logo .text-2 {
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
}
.header .auth-box .name {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.header .auth-box .logout-but {
  display: inline-block;
  float: left;
  border: 1px solid #7c2d1c;
  padding: 4px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #7c2d1c;
  margin-right: 120px;
}
.header .auth-box .logout-but:hover,
.header .auth-box .logout-but:focus,
.header .auth-box .logout-but:active {
  text-decoration: none;
}
.layout#items2 .fill-but {
  margin: 0;
  width: 100%;
}
.layout#items2 .row-title {
  height: auto;
}
.layout#items2 .row-title h1 {
  text-align: center;
}
.layout#items2 .items-box {
  margin-bottom: 20px;
  overflow: auto;
  white-space: nowrap;
}
.layout#items2 .items-box .item-box {
  padding: 10px;
  display: inline-block;
  white-space: normal;
 /* width: 200px;*/
  width: 17%;
}
.layout#items2 .items-box .item-box .photo-box {
  border: 1px solid #f2f2f2;
  margin-bottom: 10px;
}
.layout#items2 .items-box .item-box .text-1 {
  font-weight: bold;
  margin-bottom: 5px;
}
.layout#items2 .items-box .item-box .text-2 {
  font-size: 12px;
  color: #73706d;
  margin-bottom: 10px;
}
.layout#items2 .items-box .item-box .but {
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  border: 1px solid #8fbf2d;
  padding: 2px 20px;
  color: #8fbf2d;
  margin-bottom: 10px;
}

.layout#items2  .but_s {
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  border: 1px solid #868686;
  padding: 2px 20px;
  color: #868686;
  margin-bottom: 10px;
}

.layout#items2 .items-box .item-box .but:hover,
.layout#items2 .items-box .item-box .but:focus,
.layout#items2 .items-box .item-box .but:active {
  background-color: #8fbf2d;
  color: #fff;
}
.layout#items2 .items-box .item-box .red-but {
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  border: 1px solid #d24a48;
  padding: 2px 20px;
  color: #d24a48;
  margin-bottom: 10px;
}
.layout#items2 .items-box .item-box .red-but:hover,
.layout#items2 .items-box .item-box .red-but:focus,
.layout#items2 .items-box .item-box .red-but:active {
  background-color: #d24a48;
  color: #fff;
}
.layout#items1 .border-box {
  text-align: center;
  padding: 10px;
  border: 1px solid #77c003;
  color: #77c003;
}
.layout#items1 .green-box {
  padding: 0 50px;
  height: 100%;
  color: #fff;
  background-color: #77c003;
}


.layout#items1 .green-box input[name="q"] {
  color: #000;
  margin: 0;
  margin-left: 20px;
  height: 20px;
  padding: 0 10px;
  border: 0;
  background-color: #fff;
}
.layout#items1 .row-title {
  height: auto;
}
.layout#items1 .row-title h1 {
  text-align: center;
}
.layout#items1 .items-box {
  margin-bottom: 20px;
  overflow: auto;
  white-space: nowrap;
}
.layout#items1 .items-box .item-box {
  padding: 10px;
  display: inline-block;
  white-space: normal;
  width: 200px;
}
.layout#items1 .items-box .item-box .photo-box {
  border: 1px solid #f2f2f2;
  margin-bottom: 10px;
}
.layout#items1 .items-box .item-box .text-1 {
  font-weight: bold;
  margin-bottom: 5px;
}
.layout#items1 .items-box .item-box .text-2 {
  font-size: 12px;
  color: #73706d;
  margin-bottom: 10px;
}
.layout#items1 .items-box .item-box .but {
  cursor: pointer;
  text-align: center;
  border: 1px solid #8fbf2d;
  padding: 10px 20px;
  color: #8fbf2d;
  margin-bottom: 10px;
}
.layout#items1 .items-box .item-box .but:hover,
.layout#items1 .items-box .item-box .but:focus,
.layout#items1 .items-box .item-box .but:active {
  background-color: #8fbf2d;
  color: #fff;
}
.layout#create-item {
  padding-top: 70px;
  padding-bottom: 120px;
}
.layout#create-item .green-box {
  height: 40px;
}
.layout#create-item .sub-header .fill-but {
  width: 100%;
}
.layout#create-item .file-uploader {
  width: 100%;
  cursor: pointer;
  display: table;
  text-align: center;
  padding: 10px 20px;
  border: 0;
  background-color: #77c003;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.layout#create-item .file-uploader input {
  display: none;
}
.layout#create-item .create-item-but {
  margin-top: 5px;
  display: table;
  color: #000;
  margin-bottom: 20px;
  text-decoration: underline;
}
.layout#create-item .create-item-but:hover,
.layout#create-item .create-item-but:focus,
.layout#create-item .create-item-but:active {
  text-decoration: none;
  color: #000;
}
.layout#create-item button[type="submit"] {
  padding-left: 30px;
  padding-right: 30px;
}
.layout#create-item label:not(.file-uploader) {
  margin-top: 10px;
  float: right;
  color: #3d372f;
  font-weight: normal;
}
.layout#create-item h1 {
  margin-bottom: 40px;
}
.layout#create-item input[type="text"] {
  width: 100%;
}
.layout#registration {
  padding-top: 70px;
  padding-bottom: 120px;
}
.layout#registration .description {
  margin-bottom: 40px;
}
.layout#registration label {
  color: #3d372f;
  font-weight: normal;
}
.layout#registration h1 {
  margin-bottom: 40px;
}
.layout#registration input[type="text"] {
  width: 100%;
}
.center-container {
  margin: 0 auto;
  display: table;
}
.layout#success2 {
  padding-top: 70px;
  padding-bottom: 120px;
}
.layout#success2 h1 {
  text-align: center;
  margin-bottom: 40px;
}
.layout#success2 p {
  text-align: center;
}
.layout#success2 .center-container {
  max-width: 400px;
}
.layout#success2 .fill-but {
  margin: 0 auto;
  margin-top: 40px;
}
.layout#orders .green-box a {
  color: #fff;
  display: inline-block;
  float: left;
  padding: 0 10px;
}
.layout#orders .green-box a:hover,
.layout#orders .green-box a:focus,
.layout#orders .green-box a:active {
  color: #fff;
}
.layout#orders table {
  margin-bottom: 40px;
  width: 100%;
}
.layout#orders table thead th {
  height: 40px;
  padding: 10px;
  text-align: center;
  text-decoration: underline;
}
.layout#orders table td {
  height: 40px;
  text-align: center;
}
.layout#orders .fill-but {
  margin: 0;
  display: block;
  padding: 10px 20px;
}
.layout#item {
  padding-top: 70px;
  padding-bottom: 120px;
}
.layout#itemsd {
  padding-top: 5px;
  padding-bottom: 5px;
}
.layout#item h1 {
  margin-bottom: 40px;
}
.layout#item table {
  margin-bottom: 20px;
}
.layout#item table td {
  padding: 5px 10px;
}
.layout#item table td:nth-child(1) {
  padding-left: 0;
  text-align: right;
}
.layout#item .text-1 {
  margin-bottom: 40px;
}
.layout#item .text-2 {
  color: #73706d;
  margin-bottom: 40px;
}
.layout#item .photo-box {
  position: relative;
  border: 1px solid #7d7d7d;
}
.layout#item .photo-box .zoom-but {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #3cc102;
  background-image: url(../img/zoom-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}
.layout#success {
  padding-top: 70px;
  padding-bottom: 120px;
}
.layout#success h1 {
  margin-bottom: 40px;
}
.layout#success .center-container {
  max-width: 400px;
}
.layout#success .fill-but {
  margin-top: 20px;
}
.layout#login {
  padding-top: 70px;
  padding-bottom: 120px;
}
.layout#login .big-logo {
  margin-bottom: 50px;
  display: block;
}
.layout#login .big-logo img {
  max-width: 220px;
}
.layout#login label {
  display: block;
  color: #3d372f;
}
.layout#login input[type="text"],
.layout#login input[type="password"] {
  width: 100%;
}
.layout#login .fill-but {
  width: 100%;
}
textarea {
  resize: none;
  padding: 10px;
  border: 1px solid #7b7b7b;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}
input[type="text"],
input[type="password"] {
  padding: 0 10px;
  border: 1px solid #7b7b7b;
  height: 36px;
  margin-bottom: 10px;
}
.fill-but {
  cursor: pointer;
  display: table;
  text-align: center;
  padding: 10px 5px;
  border: 0;
  background-color: #77c003;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.fill-but-grey {
  cursor: pointer;
  display: table;
  text-align: center;
  padding: 10px 10px;
  border: 0;
  background-color: grey;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.fill-grey {
  background-color: #7f7d7d;
}
.fill-red {
  background-color: #a22121;
}
.fill-black {
  background-color: #000;
}

.fill-but:hover,
.fill-but:focus,
.fill-but:active {
  text-decoration: none;
  color: #fff;
}
.footer {
  padding: 20px 0;
  color: #fff;
  background-color: #77c003;
  position: absolute;
 /* bottom: 0;*/
  width: 100%;
}
.footer .contacts a {
  color: #fff;
}