html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'AmpleSoft-Regular';
  margin-bottom: 148px;
}
a { -webkit-transition: background-color .3s linear, color .3s linear;-moz-transition: background-color .3s linear, color .3s linear;-o-transition: background-color .3s linear, color .3s linear;-ms-transition: background-color .3s linear, color .3s linear;transition: background-color .3s linear, color .3s linear;cursor:pointer;}

a { color:#121212 }
a:hover { text-decoration:none; color:#f26022 }
a:focus {
  color: #f26022;
  text-decoration:none;
}
a:focus {
  outline:none
}

h1 { margin:0; padding:0 }
h2 { font-size:28px; font-weight:400; padding:0 0 0 70px; margin:0; line-height:56px; background:url(images/icon-pin.png) no-repeat; }

.imp h2 { font-size:24px; font-weight:400; margin-top:30px; background:none; padding:0 }
.imp h3 { font-size:20px; font-weight:400 }
.imp h4 { font-size:19px; font-weight:400; margin:15px 0 5px 0; padding:0 0 0 0 }

.imp p { font-size:18px; margin:0 0 10px 0; text-align:justify }


.header { background-image: linear-gradient(to right, #f15f22, #f15f22 49%, #f2f2f2 49%); }
.head { background:url(images/bg-header.png) no-repeat; }
.head img { margin:34px 0 30px 0 }
.header ul { font-size:23px; margin:40px 0 0 35px; list-style:none }
.header li { padding:0 0 5px 20px; background:url(images/li2.png) 0 11px no-repeat }

.content { margin-top:85px }
address { font-style:normal; padding: 0 0 0 70px; margin-bottom:30px }

.contact  { margin:0; padding:0; }
.contact a { display:block; margin:0 0 10px 0; padding:0 0 0 70px; line-height:56px }

#tel { background:url(images/icon-fon.png) no-repeat; }
#eml { background:url(images/icon-mail.png) no-repeat; }
#www { background:url(images/icon-www.png) no-repeat; }

.footer { position: absolute;  bottom: 0;  width: 100%;  height: 148px; background-image: linear-gradient(to right, #f15f22, #f15f22 49%, #979797 49%); }
.foot { height:148px; background:url(images/bg-footer.png) no-repeat; color:#f2f2f2; font-size:17px; text-align:right }
.foot p { padding:84px 0 0 0 }
.foot a { color:#f2f2f2 }
.foot a:hover { color:#fff; text-decoration:none }

@media (max-width: 969px) {
.header { background-image:none; background:#f15f22 }
.head { background:none; }
.mbo { background:#f15f22 }
.mbg { background:#f2f2f2; padding-top:1px; padding-bottom:40px }
.mcenter { text-align:center }
.content { margin-top:55px }
.img-responsive {display:inline}
}
@media (max-width: 720px) {
body { font-size:20px }
.footer { background-image:none; background-color:#f15f22 }
.foot { background:#979797; font-size:15px }
.foot p { padding:80px 0 0 0 }
.header ul { margin-left:0 }
h2 { font-size:24px }
h2, address, .contact a { padding:0 0 0 60px }
}
