@import "edit.css" all;

html, body {
 margin: 0;
 padding: 0;
}
textarea, input {
 outline: none;
 resize: none;
}
img, a img {
 border: none;
 outline: none;
}
















.col4 {
 width: 23.076923075%;
}












.col2, .col3, .col4, .phtTdMain {
 margin-bottom: 30px;
 margin-right: 2.564102563%;
 float: left;
}
.co2:nth-child(2n), .col3:nth-child(3n), .col4:nth-child(4n), .phtTdMain:nth-child(4n) {
 margin-right: 0 !important;
}























.cnt {
 width: 1170px;
 margin: 0 auto;
}

















.oh:after {
 content: "";
 display: block;
 clear: both;
}























#works {
 padding: 10px 0;
 background: #f6f6f6;
 border-top: 1px solid #f0f0f0;
 border-bottom: 1px solid #f0f0f0;
 text-align: center;
}
.work a.ulightbox {
 display: block;
 width: 100%;
 background: #dcdcdc;
 border-radius: 2px;
 overflow: hidden;
 position: relative;
 line-height: 0;
 height: 180px;
 overflow: hidden;
}
.work a.ulightbox img {
 width: 100%;
 min-height: 180px;
}
.workall:nth-child(4n) {
 margin-right: 2.564102563% !important;
}
.workall {width: 30.772%;}
.workall a.ulightbox img {
 min-height: 180px;
}
.workall a.ulightbox {
 height: 180px;
 overflow: hidden;
}
.workall a.ulightbox span h5 {
 font-size:13px;
}
.work a.ulightbox span {
 position: absolute;
 width: 100%;
 height: 100%;
 top: -100%;
 left: 0;
 z-index: 2;
 color: #fff;
 text-align: center;
 opacity: 0;
 transition: all .3s ease;
}
.work a.ulightbox:hover span {
 top: 0;
 opacity: 0.9;
}
.work a.ulightbox span .fa {
 font-size: 14px;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 border: 1px solid #fff;
 border-radius: 40px;
 margin-top: 17%;
}
.work a.ulightbox span h5 {
 color: #fff;
 margin: 15px 0;
 font-weight: 700;
 letter-spacing: 1px;
}
.work a.ulightbox span a {
 display: block;
}
#customers {
 padding: 90px 0;
}











.b-img {
 width: 98%;
 height: 200px;
 background-color: #dcdcdc;
 background-position: center;
 background-size: cover;
 border-radius: 2px;
}




/* Добавил этот блок- */
.b-img {
    position: relative;
   display: inline-block;
}
.b-img img {
    height: 200px;
    width: 300px;
}
.b-img  span {
    left: 1px;
    position: absolute;
    top: 150px;
    width: 100%;
}
.b-img span b {
    background: #6d6c41;
    opacity: 0.9;
    color: #fff;
    font: 12px/24px arial;
    padding: 4px 10px;
    white-space: nowrap;
    border-radius: 3px;
}


















@media screen and (max-width: 1169px) {
 .cnt {
 width: 940px;
 }


























 .e-details-right {
 padding-bottom: 20px;
 }
 .customer {
 width: 49%;
 }
  .work a, .b-img {
 height: 250px;
}
.work a.ulightbox img {
 min-height: 250px;
}
}
@media screen and (max-width: 380px) { 
.work a, .b-img {
 height: 220px;
}
.logo {font-size:21px;}
.work a.ulightbox img {
 min-height: 220px;
}
.work a, .b-img {
 height: 200px;
}
.work a.ulightbox img {
 min-height: 200px;
}
}
@media screen and (max-width:340px) {
 .top-left {display:none;}
}
@media screen and (max-width: 320px) { 
.work a, .b-img {
 height: 200px;
}
.work a.ulightbox img {
 min-height: 200px;
}
}
.phtTdMain .col4, #category {
 width: 100% !important;
 margin: 0 !Important;
}





/* Кнопка цена на главной- */

a.button7 {
  font-weight: 10;
  font-size: 14px;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(120,166,97);
  box-shadow: 0 -3px rgb(82,81,55) inset;
  transition: 0.2s;
  opacity: .9;
  border: 0px solid #5a8743;
  position: relative;
   display: inline-block;
   top: 18px;
   z-index: 1;
  
} 
a.button7:hover { background: rgb(33,147,90); }
a.button7:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}


/* Кнопка Забронировать на главной- */

a.button8 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(102,142,83);
  box-shadow: 0 -3px rgb(64,63,34) inset;
  transition: 0.2s;
  opacity: .9;
} 
a.button8:hover { background: rgb(64,63,34); }
a.button8:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}






/* Кнопка Забронировать- */

a.button15 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
a.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}