.wrap{width: 620px; padding: 80px;margin: 30px auto; overflow: hidden;background: #fff; box-shadow: 0px 3px 50px rgba(0,0,0,0.3);}

body,html{min-height: 100%;}

input[type="submit"]{
  background: #c10000;color:#fff; font-weight: 600; font-size: 16px;
}

.mapsection{padding: 50px 100px 20px; float: left; width: 100%;}

.listsection{padding: 0px 75px 30px 85px; float:left;
width: 100%;}

.listsection .biuro{float:left; width: 33%; padding: 15px;
position: relative;
}
.counterw{width: 100%; float:left; text-align: center;}
.distance{position: absolute; padding:8px; background: #222; color:#fff; font-size:10px; line-height: 10px; top:15px; right: 15px;;}
.counter{ display: inline-block; padding: 10px; background: #fff0;text-align: center; font-size: 12px; font-weight: 300;}
.listsection .biuro .wrap{background: #fff; margin: 0px; transition: 0.5s all;
  padding: 60px 45px 20px;
  box-shadow: 0px 3px 20px rgba(0,0,0,0.1);
  width: 100%;
  float:left;
  min-height: 280px;
cursor:pointer;

}

.listsection .biuro:hover .wrap a{color:#fff;}
.listsection .biuro:hover .wrap{ background: #c10000; color:#fff;}
.listsection .biuro:hover .wrap h2{color:#fff;}
#kod{text-align: center; width:66%; font-size: 20px;float:left; font-weight: 300; background: #f9f9f9;}
.promien{width:33%; float: left; padding-left:15px; }
.promien select{width:100%;  background: #f9f9f9}
.listsection .biuro .wrap h2{color:#222; margin: 0px 0px 15px;transition: 0.5s all;}
.listsection .biuro .wrap  a{transition: 0.5s all;color:#c10000; margin: 10px 0px 0px; font-weight: 600; font-size: 16px; float:left; width: 100%;}

.listsection .biuro .wrap a.btn{float:left; width: auto;  font-size: 12px; line-height: 12px; padding:10px 20px;color:#fff;}
.map-wrapper{border: 10px solid #fff;}
.gmaps_content{padding: 25px;}
.gmaps_content h1{font-size: 20px; margin: 0px 0px 10px; line-height: 27px; font-weight: 600; letter-spacing: 0px; color:#333}
.gmaps_content #bodyContent {
  padding: 10px 0px!important;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}
.gm-ui-hover-effect{top:5px!important; right:5px!important}
.gm-style .gm-style-iw{font-weight: 300!important; font-size:14px;}
.gmaps_content .city{ display: block;margin-bottom: 5px;}
.gmaps_content .phone{display: block; margin-bottom: 5px; font-weight: bold; color:#222; float: none;}
.gmaps_content .desc {display: block;margin-bottom: 5px; font-size:12px; color:#888;}
.gmaps_content a{
  color:#c10000; margin: 10px 0px 20px; font-weight: 600; float:left;
}
@media only screen and (max-width: 1200px){
  .listsection .biuro{width: 50%;}
}
@media only screen and (max-width: 700px){

  .listsection .biuro{width: 100%;}
  .listsection .biuro .wrap{padding: 10px; min-height: auto;}
  .wrap{width: 100%!important; padding: 20px; margin-top: 30px!important; height: 100%!important;}
  .mapsection{padding: 10px;}
    .listsection{padding: 10px;}
}
@media only screen and (max-width: 500px){
  #kod{width: 100%;}
  .promien{width: 100%; padding: 0;}
  .wrap{width: 100%; padding: 30px;}
}