* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.2em;

  color: #000000;
  background: url(../images/bg.jpg) no-repeat left top #FFE5B4;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
    -ms-overflow-y: scroll;
      overflow-y: scroll;
}

.clearfix:before ,
.clearfix:after ,
.cleaner:before ,
.cleaner:after ,
.clear:before ,
.clear:after ,
.clr:before ,
.clr:after {
  display: table;

  content: "";
}
.clearfix:after ,
.cleaner:after ,
.clear:after ,
.clr:after {
  clear: both;
}
.clearfix ,
.cleaner ,
.clear ,
.clr {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.wrapper {
  position: relative;
  z-index: 100;

  width: 1026px;
  min-height: 643px;
  margin: 10px auto;
  padding: 30px 20px;
  /*   border: 1px solid #908266;
    background: url(../images/bg.jpg) no-repeat left top transparent;
    -webkit-box-shadow: 0 0 5px 0 #000;
            box-shadow: 0 0 5px 0 #000;*/
}



.page-header__logo {
  float: left;
  /*width: 170px;*/

  width: 220px;
  margin: 0;
}

.page-header__logo img {
  width: 220px;
}

.page-header__title-contacts {
  /*float: right;*/
  /*width: 814px;*/
  /*    width: expression(100% - 170px);
    width: calc(100% - 175px);*/
  width: auto;
  margin-left: 235px;
}

.page-header__title {
  font-family: Calibri,  Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 49px;

  padding: 0 19px;

  white-space: nowrap;
  letter-spacing: 0px;
  text-transform: uppercase;

  color: white;
  background: #FE070F;
  background: -webkit-linear-gradient(left, #FE070F 0%, #FF0008 0%, #FF0009 23%, #F90108 28%, #D2070B 46%, #8A140F 72%, #6F1711 83%, #611A10 89%, #4F1D12 100%);
  background:      -o-linear-gradient(left, #FE070F 0%, #FF0008 0%, #FF0009 23%, #F90108 28%, #D2070B 46%, #8A140F 72%, #6F1711 83%, #611A10 89%, #4F1D12 100%);
  background:         linear-gradient(to right, #FE070F 0%, #FF0008 0%, #FF0009 23%, #F90108 28%, #D2070B 46%, #8A140F 72%, #6F1711 83%, #611A10 89%, #4F1D12 100%);
}


.page-header__contacts {
  float: right;

  text-align: right;
}

.page-header__mail {
  font-size: 22px;
  font-weight: bold;
  line-height: 45px;

  padding: 0px 27px 0 0;

  text-decoration: none;
  letter-spacing: -1px;

  color: white;
}


.page-header__phone {
  font-family: Calibri, Helvetica, Arial, sans-serif;
  font-size: 50px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;

  margin: 15px 2px 20px 0;

  letter-spacing: 1px;

  color: #4F1C11;
}

.main {
  position: relative;

  padding-top: 13px;
}

.main__title {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.1em;

  margin-bottom: 26px;
  padding-left: 52px;

  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;

  color: #F20208;
  text-shadow: 5px 0 5px white, -5px 0 5px white, 0 5px 5px white, 0 -5px 5px white;
}


.main__menu {
  /*display: table;*/
  width: 70%;
  margin: 0 auto;
  padding: 0 0 0 77px;

  list-style-type: none;
}

.main__menu-item {
  /*display: table-cell;*/
  float: left;
}

.main__menu-item + .main__menu-item {
  float: right;

  margin-right: 40px;
}
.main__menu-item > a {
  display: block;

  text-align: center;
}

.main__menu-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;

  margin-bottom: 13px;
  letter-spacing: 0.9px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;

  color: black;
  text-shadow: 0 0 3px #FFFFFF;
  text-shadow: 5px 0 5px white, -5px 0 5px white, 0 5px 5px white, 0 -5px 5px white;
}

.menu__menu-img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.main__menu-img > img {
  width: 276px;

  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);

  -webkit-box-shadow: 5px 0 5px 0px #FFFFFF,-5px 0 5px 0px #FFFFFF,0px 5px 5px 0px #FFFFFF,0px -5px 5px 0px #FFFFFF;
          box-shadow: 5px 0 5px 0px #FFFFFF,-5px 0 5px 0px #FFFFFF,0px 5px 5px 0px #FFFFFF,0px -5px 5px 0px #FFFFFF;
}

.main__menu-img:hover > img {
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
      -ms-transition: all .2s linear;
       -o-transition: all .2s linear;
          transition: all .2s linear;
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);

  -webkit-box-shadow: 3px 0 3px 0px #FFFFFF,-3px 0 3px 0px #FFFFFF,0px 5px 3px 0px #FFFFFF,0px -3px 3px 0px #FFFFFF;
          box-shadow: 3px 0 3px 0px #FFFFFF,-3px 0 3px 0px #FFFFFF,0px 5px 3px 0px #FFFFFF,0px -3px 3px 0px #FFFFFF;
}

.wrapper__compass {
  position: absolute;
  z-index: -1;
  top: 143px;
  right: -9px;

  width: 333px;
  height: 279px;

  content: "";

  background: url(../images/img4.png) no-repeat;
}



.wrapper__slogan {
  position: absolute;
  z-index: -1;
  top: 392px;
  right: -1px;

  width: 383px;
  height: 77px;

  content: "";

  background: url(../images/slogan2.png) no-repeat;
}