<div id="footer-top-wrap">
   <div id="footer-top">
    <!-- COMPANY INFO -->
    <div class="company-info">
     <figure class="logo small">
      <img src="http://zornet.ru/ABVUN/sarunolas/Gamilsatun/zornet_ru/ava-5.png" alt="logo-small">
     </figure>
     <p>Lorem ipsum dolor sit amet, приверженец adipiscing isicing соревнования, как труд, боль и жизненная сила, но делают это очень долго.</p>
     <ul class="company-info-list">
      <li class="company-info-item">
       <span class="icon-present"></span>
       <p><span>850.296</span> Products</p>
      </li>
      <li class="company-info-item">
       <span class="icon-energy"></span>
       <p><span>1.207.300</span> Members</p>
      </li>
      <li class="company-info-item">
       <span class="icon-user"></span>
       <p><span>74.059</span> Sellers</p>
      </li>
     </ul>
     <!-- SOCIAL LINKS -->
     <ul class="social-links">
      <li class="social-link fb">
       <a href="#"></a>
      </li>
      <li class="social-link twt">
       <a href="#"></a>
      </li>
      <li class="social-link db">
       <a href="#"></a>
      </li>
      <li class="social-link rss">
       <a href="#"></a>
      </li>
     </ul>
     <!-- /SOCIAL LINKS -->
    </div>
    <!-- /COMPANY INFO -->

    <!-- LINK INFO -->
    <div class="link-info">
     <p class="footer-title">Our Community</p>
     <!-- LINK LIST -->
     <ul class="link-list">
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">How to Join us</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Buying and Selling</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="forum.html">Emerald Forum</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="blog-v1.html">Emerald Blog</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Free Goods</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Job Oportunities</a>
      </li>
     </ul>
     <!-- /LINK LIST -->
    </div>
    <!-- /LINK INFO -->

    <!-- LINK INFO -->
    <div class="link-info">
     <p class="footer-title">Member Links</p>
     <!-- LINK LIST -->
     <ul class="link-list">
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Partner Program</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Starting a Shop</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Purchase Credits</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Withdrawals</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">World Meetings</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">How to Auction</a>
      </li>
     </ul>
     <!-- /LINK LIST -->
    </div>
    <!-- /LINK INFO -->

    <!-- LINK INFO -->
    <div class="link-info">
     <p class="footer-title">Help and FAQs</p>
     <!-- LINK LIST -->
     <ul class="link-list">
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Help Center</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">FAQs</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Terms and Conditions</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Products Licenses</a>
      </li>
      <li class="link-item">
       <div class="bullet"></div>
       <a href="#">Security Information</a>
      </li>
     </ul>
     <!-- /LINK LIST -->
    </div>
    <!-- /LINK INFO -->

    <!-- TWITTER FEED -->
    <div class="twitter-feed">
     <p class="footer-title">Twitter Feed</p>
     <!-- TWEETS -->
     <ul class="tweets"><p class="loading">Loading twitter feed...</p></ul>
     <!-- /TWEETS -->
    </div>
    <!-- /TWITTER FEED -->
   </div>
  </div>
<div id="footer-bottom-wrap">
   <div id="footer-bottom">
    <p><span>©</span><a href="http://zornet.ru/">HTML + CSS</a> ZorNet.Ru — сайт для вебмастера</p>
   </div>
  </div>

#footer-top-wrap ul, ol {
  list-style: none; }
#footer-top-wrap a{text-decoration:none;}

.open {
  opacity: 1;
  visibility: visible; }

.closed {
  opacity: 0;
  visibility: hidden; }

/*------------
   WIDE
------------*/
header, .menu-bar, .banner, #services,
#product-sideshow, #subscribe-banner,
#footer-top, #footer-bottom,
.category-nav, .section-headline,
.section, .sidebar-nav, .author-profile-meta,
.dashboard-content {
  max-width: 1170px;
  width: 95%;
  margin: 0 auto; }

#footer-top-wrap {
  background-color: #2b373a; }

#footer-top {
  min-height: 345px;
  padding-bottom: 58px;
  overflow: hidden; }
  #footer-top .company-info {
    float: left;
    width: 270px;
    padding-top: 58px;
    margin-right: 30px; }
    #footer-top .company-info .logo {
      margin-bottom: 20px; }
    #footer-top .company-info p {
      color: #b2b2b2;
      font-size: 0.8125em;
      line-height: 1.53846em; }
    #footer-top .company-info .company-info-list {
      margin-top: 15px; }
      #footer-top .company-info .company-info-list .company-info-item {
        margin-bottom: 10px; }
        #footer-top .company-info .company-info-list .company-info-item .icon-present, #footer-top .company-info .company-info-list .company-info-item .icon-energy, #footer-top .company-info .company-info-list .company-info-item .icon-user {
          margin-right: 5px;
          color: #fff;
          font-size: 17px;
          position: relative;
          top: 2px; }
        #footer-top .company-info .company-info-list .company-info-item p {
          display: inline-block;
          color: #fff; }
          #footer-top .company-info .company-info-list .company-info-item p span {
            color: #16ffd8; }
  #footer-top .footer-title {
    color: #fff;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 32px; }
  #footer-top .link-info, #footer-top .twitter-feed {
    float: left;
    padding-top: 68px; }
  #footer-top .link-info {
    width: 170px;
    margin-right: 30px; }
  #footer-top .twitter-feed {
    width: 270px; }
    #footer-top .twitter-feed .tweets li {
      padding-left: 34px;
      margin-bottom: 20px;
      position: relative; }
      #footer-top .twitter-feed .tweets li:last-child {
        margin-bottom: 0; }
      #footer-top .twitter-feed .tweets li:before {
        content: url("../images/twt.png");
        position: absolute;
        top: 3px;
        left: 0; }
      #footer-top .twitter-feed .tweets li .feed-text {
        color: #fff;
        font-size: 0.8125em;
        line-height: 1.53846em;
        margin-bottom: 6px; }
        #footer-top .twitter-feed .tweets li .feed-text a {
          color: #16ffd8; }
      #footer-top .twitter-feed .tweets li .feed-timestamp a {
        color: #b2b2b2;
        font-size: 0.85714em; }

#footer-bottom-wrap {
  background-color: #21282a; }

#footer-bottom {
  min-height: 54px; }
  #footer-bottom p {
    color: #b2b2b2;
    font-size: 0.8125em;
    line-height: 54px;
    padding-left: 12px;
    position: relative; }
    #footer-bottom p span {
      position: absolute;
      top: 0;
      left: 0; }
    #footer-bottom p a {
      color: #16ffd8; }

.social-links {
  margin: 25px 0 0 5px;
  overflow: hidden; }
  .social-links .social-link {
    float: left; }
    .social-links .social-link a {
      display: block;
      position: relative; }
    .social-links .social-link.fb {
      margin-right: 30px; }
      .social-links .social-link.fb a {
        width: 7px;
        height: 14px;
        background: url("../images/fb.png") no-repeat center; }
    .social-links .social-link.twt {
      margin-right: 26px; }
      .social-links .social-link.twt a {
        width: 18px;
        height: 13px;
        background: url("../images/twt.png") no-repeat center;
        top: 1px; }
    .social-links .social-link.db {
      margin-right: 32px; }
      .social-links .social-link.db a {
        width: 16px;
        height: 17px;
        background: url("../images/db.png") no-repeat center;
        top: -1px; }
    .social-links .social-link.rss a {
      width: 12px;
      height: 13px;
      background: url("../images/rss.png") no-repeat center;
      top: 1px; }

.link-list .link-item {
  position: relative;
  margin-bottom: 12px; }
  .link-list .link-item:last-child {
    margin-bottom: 0; }
  .link-list .link-item .bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #16ffd8;
    position: absolute;
    top: 7px;
    left: 0; }
  .link-list .link-item a {
    padding-left: 15px;
    color: #b2b2b2;
    font-size: 0.8125em;
    font-weight: 600;
    line-height: 1em;
    transition: all .15s ease-in; }
    .link-list .link-item a:hover {
      color: #fff;
      padding-left: 19px; }

/*-------------------
   MEDIA QUERIES
-------------------*/
@media screen and (max-width: 1260px) {
  #footer-top {
    width: 570px;
    position: relative; }
    #footer-top .link-info:nth-child(2) {
      clear: left; }
    #footer-top .link-info:nth-child(4) {
      margin-right: 0; }
    #footer-top .twitter-feed {
      position: absolute;
      top: 0;
      right: 0; } }
@media screen and (max-width: 630px) {
  #footer-top {
    width: 270px; }
    #footer-top .company-info {
      float: none; }
    #footer-top .link-info {
      float: none;
      margin-right: 0; }
    #footer-top .twitter-feed {
      float: none;
      position: static; }

  #footer-bottom p {
    font-size: 0.75em; } }
.coming-soon-box {
  width: 630px;
  margin: 20px auto 0; }
  .coming-soon-box p {
    text-align: center; }
    .coming-soon-box p br {
      display: none; }
  .coming-soon-box .text-header {
    margin-bottom: 22px; }
  .coming-soon-box .button {
    width: 240px;
    margin: 40px auto 0; }

@media screen and (max-width: 935px) {
  .coming-soon-box {
    width: 90%; }
    .coming-soon-box p br {
      display: block; } }
.dashboard-body {
  padding: 70px 0 0 270px;
  position: relative; }

.dashboard-header {
  width: 100%;
  padding-left: 270px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  transition: all .5s ease; }
  .dashboard-header .dashboard-header-item {
    float: left;
    width: 16.25%;
    height: 70px;
    padding: 22px 0 0 14px;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background-color: #fff; }
    .dashboard-header .dashboard-header-item.title {
      padding: 0 0 0 30px; }
      .dashboard-header .dashboard-header-item.title h6 {
        line-height: 70px; }
    .dashboard-header .dashboard-header-item.form {
      float: right;
      width: 35%;
      padding-top: 14px;
      border-right: none; }
    .dashboard-header .dashboard-header-item .dashboard-search {
      position: relative; }
      .dashboard-header .dashboard-header-item .dashboard-search input[type="text"] {
        width: 60%;
        border: none; }
      .dashboard-header .dashboard-header-item .dashboard-search input[type="image"] {
        position: absolute;
        top: -14px;
        right: 70px;
        border-radius: 0; }
    .dashboard-header .dashboard-header-item.back-button {
      width: 100%;
      border: none;
      padding: 0;
      display: none;
}