body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figcaption,
figure {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img,
abbr {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ul li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: 0;
}
legend {
  color: #000;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
@font-face {
  font-family: MyriadProCondRegular;
  src: url("../fonts/MyriadProCondRegular/MyriadProCondRegular.eot");
  src: url("../fonts/MyriadProCondRegular/MyriadProCondRegular.woff") format('woff'), url("../fonts/MyriadProCondRegular/MyriadProCondRegular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*=================
  Base layout
====================*/
html,
body {
  height: 100%;
}
body {
  width: 100%;
  display: table;
  font-size: 21px;
  background-color: #efe5d5;
  font-family: MyriadProCondRegular;
  background: url(../images/bg.jpg) repeat 0 0;
  color: #32251b;
}
.wrapper {
  max-width: 900px;
  position: relative;
  margin: 0 auto;
  height: 100%;
}
/*=================
  Basic elements
====================*/
a {
  text-decoration: none;
}
/*=================
  Project styles
====================*/  

.main-header{
  padding-top: 18px;
}
.main-header:after{
  content: '';
  display: block;
  clear: both;
}
.main-logo{
  float: left;
  margin-left: 30px;
}
.header-slog{
  font-size: 29px;
  text-transform: uppercase;
  color: #93897b;
  float: left;
  margin-top: 28px;
  margin-left: 18px;
}
.header-phones p{
  color: #34281e;
}
section{
      background: url(../images/img4.png) no-repeat 960px 300px;
}
.container{
  display: table-cell;
  vertical-align: middle;
}
.header-phones{
  float: right;
  margin-right: 30px;
  text-align: right;
}
.main-title{
  margin-top: 25px;
  text-align: center;
  margin-bottom: 20px;
}
.feats-item > p{
  text-align: center;
  font-size: 25px;
}
.feats-item{
  position: relative;
  float: left;
  width: 33.333%;
  margin-bottom: 30px;
}
.feats-wrap:after{
  content: '';
  display: block;
  clear: both;
}
.feats-item:hover .feats-hover{
  opacity: 1;
  transition: .1s all linear;
}
.feats-item:nth-of-type(1) .feats-hover p{
  padding-left: 32px;
}.feats-item:nth-of-type(2) .feats-hover p{
  padding-left: 50px;
}
.feats-item:nth-of-type(4) .feats-hover p{
  padding-left: 90px;
}.feats-item:nth-of-type(3) .feats-hover p{
  padding-left: 35px;
}
.feats-item:nth-of-type(5) .feats-hover p{
  padding-left: 40px;
}

.feats-hover p{
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
}
.feats-hover{
  position: absolute;
  transition: .1s all linear;
  display: table;
  opacity: 0;
  //display: none;
  width: 267px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 266px;
  background: url(../images/bigspot.png) repeat 0 0;
}
.map-wrap > ymaps{
  margin: 10px auto 15px;
}
.float-img.one{
    right: 25.5%;
    top: -12px;
}
.float-img.two{
    left: -40px;
    top: 66px;

}
.float-img.three{
  left: 220px;
    top: 220px;
}
.float-img.four{
  right: -120px;
  top: 300px;
}

.float-img{
  position: absolute;
}