* {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

a {
  text-decoration: none;
  color: #B9B9BD;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  height: 100%;
  background: #2A2E33;
  color: #CCCFD4; 
  font-family:verdana,tahoma,arial;
}

.header {
  float: left;
  width: 100%;
  height: 74px;
  background: url('../images/bg-top.gif') repeat-x;
}

.logo {
  float:left;
  width:212px;
  height:74px;
  background:url('../images/logo.gif') no-repeat left;
}

.logo-ant {
  float: right;
  width:188px;
  height: 74px;
  background: url('../images/shbg.gif') no-repeat right 29px;
}

.logo-01 {
  float: right;
    height: 75px;
    background: url('../images/shbg.gif') no-repeat right bottom;
}

.navbar {
    float: right;
    width: 100%;
    text-align: right;
    border-top: 1px solid #CBCED4;
    border-bottom: 1px solid #CBCED4;
    background: #336600;
    display: block;
    width: 100%;
    background-clip: content-box;
    height: 18px;
    line-height: 18px;
}

.navbar ul {
  float: right;
    list-style: none;
    margin-bottom: 0;
}

.navbar ul li {
    position: relative;
    float: left;
    margin-bottom: 0; 
}

.navbar a {
  text-transform: uppercase;
  text-decoration: none;
  float: right;
  color: #B9B9BD;
  font-size: 13px;
  padding: 0px 10px 0 20px;
  background: url('../images/raz.gif') no-repeat 5% 45%;  
}

.main {
    position: relative;
    max-width: 800px;  
    margin: auto; 
    padding: 130px 0 0 30px;

}

#empty {
height: 40px;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    line-height: 20px;
    border-top: 1px solid #CCCFD4;
    border-bottom: 1px solid #CCCFD4;
    background: #4C5357;
    width: 100%; 
    clear:both; 
    margin-bottom: 20px;
}

.footer p {
  right: 0;
  text-align: right;
  margin: auto;
  padding-right: 15px;
} 

.lang {
  float: left;
  padding-left: 15px;
}

.socialIcon {
  height: 64px;
  width: 64px;
}

.main h3 {
  font-size: 18px;
  padding-left: 7px;
  margin-top: -5px;
  font-weight: normal;
  font-style: normal;
}

.main h1 {
  font-size: 28px;
  padding-left: 7px;
 
  font-style: normal;
}

.socialLinks {
  overflow: hidden;
  *zoom: 1;
  display: inline-block;
  margin-bottom: 10px;
  text-align: center;
}

.socialLinks a {
  display: block;
  background: transparent;
  border: 1px solid #CBCED4;
  float: left;
  height: 92.4px;
  margin: 8px;
  position: relative;
  -moz-transition: background 0.1s linear, border 0.1s linear;
  -o-transition: background 0.1s linear, border 0.1s linear;
  -webkit-transition: background 0.1s linear, border 0.1s linear;
  transition: background 0.1s linear, border 0.1s linear;
  width: 92.4px;
}

.socialLinks a .socialIcon {
  left: 50%;
  margin: -32px 0 0 -32px;
  position: absolute;
  top: 50%;
}

.facebook, 
.youtube, 
.mail, 
.twitter,
.vkontakte,
.telegram,
.comments,
.googleplus,
.android,
.apple {
  color: #CBCED4;
}


.android img {
    max-width: 83px;
    display: inline-block;
    line-height: 0;
    padding-top: 33px;
}

.apple img {
    max-width: 83px;
    display: inline-block;
    line-height: 0;
    padding-top: 33px;
}

.socialLinks .behance:hover {
  background: #1769ff;
  border-color: #1769ff;
}
.socialLinks .codepen:hover {
  background: black;
  border-color: black;
}
.socialLinks .facebook:hover {
  background: #3b5998;
  border-color: #3b5998;
}
.socialLinks .googleplus:hover {
  background: #dd4b39;
  border-color: #dd4b39;
}
.socialLinks .comments:hover {
  background: #1BB920;
  border-color: #1BB920;
}
.socialLinks .mail:hover {
  background: #e24e43;
  border-color: #e24e43;
}
.socialLinks .telegram:hover {
  background: #31A1D8;
  border-color: #31A1D8;
}
.socialLinks .twitter:hover {
  background: #55acee;
  border-color: #55acee;
}
.socialLinks .youtube:hover {
  background: #e52c28;
  border-color: #e52c28;
}
.socialLinks .vkontakte:hover {
  background: #5E81A8;
  border-color: #5E81A8;
}
.socialLinks .android:hover {
  background: #5E81A8;
  border-color: #5E81A8;
}
.socialLinks .apple:hover {
  background: #5E81A8;
  border-color: #5E81A8;
}

@media (max-width: 768px) {
 .main {
  padding: 130px 0 0 20px;
 }
}

@media (max-width: 480px) {
 .logo-ant {
  background:none;
  z-index: 100;
  position: absolute;
 }
 .main {
  padding: 130px 0 0 0px;
  display: block;
  margin-left: 0%;
  margin-right: 0%;
 }

}