/** ПОЛЬЗОВАТЕЛЬСКИЙ КОД **/

/** Галерея - start **/
.imgflex {
 display: flex;
 overflow:hidden; /*скроем тень*/
}
.flitem {
 height:500px;
 flex:50%; /* = flex-basis:20%; */
 transition: flex 300ms ease;
 box-shadow: 0 0 19px 3px #000; margin: 1px; /* красивости тени */
}
.flitem:hover {
 flex: 0.1 0.1 95%;
 background-size: 100% 100%;
}
.fimg1 { background: url('/images/7.jpg') 0 0 no-repeat; }
.fimg2 { background: url('/images/8.jpg') 0 0 no-repeat; }
.fimg3 { background: url('/images/9.jpg') 0 0 no-repeat; }

/** Галерея - finish 
Вставка галереи
<div class="imgflex">
  <div class="flitem fimg1"></div>
  <div class="flitem fimg2"></div>
  <div class="flitem fimg3"></div>
</div>

**/

/** Контакты с фотографиями - старт (три колонки)**/

#witems {}
#witems:after {width:100%;height:1px; float: none;clear: both; content:" ";}
#witems .witem {width:calc(33% - 20px);margin:0;padding:10px;float:left;}
#witems .witemimg {width:auto;height:auto;}
#witems .witemtxt {width:auto;height:auto;padding:5px;}
@media only screen and (max-width: 700px){
 #witems .witem {width:calc(100% - 20px);margin-bottom: 10px;padding:10px;float:none;}
}
/** Контакты с фотографиями - финиш **/

#topline         {width: 100%; height: 47px; background: url('../images/topline-fone.gif') repeat-x;overflow: hidden;}
#adressbox       {width:auto;max-width:505px;max-height:19px;margin: 0 auto;padding: 15px 0 0 10px;}