body {
  background: #f2f2f2;
  margin: 0;
  padding: 0;
  font-family: "Arial";
}
.clear {
  clear: both;
}
a,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #000;
}
.mainheader {
  display: inline-block;
  width: 100%;
  height: 80px;
  background-color: #fff;
}
.mainheader .headercontent {
  width: 1040px;
  margin: 0 auto;
}
.mainheader .headercontent > a.logo {
  display: inline-block;
  height: 80px;
  background: url('../img/logo_kordon.png') no-repeat;
  font: 20px/80px "Montserrat-Bold";
  color: #000;
  text-transform: uppercase;
  text-indent: 65px;
  vertical-align: top;
}
.mainheader .headercontent > ul.topmenu {
  display: inline-block;
  list-style: none;
  float: right;
  margin: -2px 10px 0 0;
  padding: 0;
}
.mainheader .headercontent > ul.topmenu li {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
}
.mainheader .headercontent > ul.topmenu li > a {
  display: inline-block;
  font: 14px/80px "Montserrat-Bold";
  vertical-align: middle;
  padding: 0 15px;
}
.mainheader .headercontent > ul.topmenu li > a:hover {
  background: #000;
  color: #fff;
}
.mainheader .headercontent > ul.topmenu li > a.active {
  background: #000;
  color: #fff;
}
.mainheader .headercontent .btn {
  display: inline-block;
  float: right;
  width: 33px;
  height: 33px;
  border: solid 1px #000;
  text-align: center;
  line-height: 33px;
  vertical-align: middle;
  font: 14px/33px "Montserrat-Bold";
  color: #000;
  background: #fff;
  text-transform: uppercase;
  margin: 24px 7px 0px 7px;
}
.mainheader .headercontent .btn:hover {
  background: #000;
  color: #fff;
}
.mainheader .headercontent .btn.fb {
  background: url('../img/button_fb.png');
}
.mainheader .headercontent .btn.fb:hover {
  background: url('../img/button_fb_hover.png');
  border: solid 1px #3c5a98;
}
.mainheader .headercontent > form {
  display: inline-block;
  float: right;
  width: 30px;
  height: 30px;
  margin: 24px 8px 0 0;
  padding: 0;
}
.mainheader .headercontent .shop {
  position: relative;
  display: inline-block;
  float: right;
  width: 45px;
  height: 40px;
  background: url('../img/kosar.png') 0px 5px no-repeat;
  background-size: 80%;
  margin: 25px 0 0 10px;
}
.mainheader .headercontent .shop > span {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 3px;
  background: #27bf9d;
  font: 10px/10px "Montserrat-Bold";
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.slice {
  display: inline-block;
  width: 100%;
  background: #fff;
}
.slice.gray {
  background: #efefef;
}
.slice.banners {
  color: #fff;
  background: #000;
  text-align: center;
  position: relative;
}
.slice.banners a {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
}
.slice.banners a.active {
  display: block;
}
.slice.banners img {
  vertical-align: top;
}
.slice.footer {
  background: #efefef;
}
.slice.bottom_line {
  border-bottom: solid 1px #cccccc;
}
.slice .content {
  margin: 0 auto;
  width: 1024px;
  text-align: center;
}
.slice .content h1 {
  font: 48px "Montserrat-Bold";
  text-transform: uppercase;
  margin-top: 90px;
  text-shadow: 4px 4px 0px rgba(204, 204, 204, 0.75);
}
.slice .content h3 {
  font: 18px "Arial";
  max-width: 570px;
  margin: 0 auto;
}
.slice .content h3.about {
  margin: 0 auto 80px;
}
.slice .content .kordonok {
  display: inline-block;
  width: 1024px;
  height: 445px;
  margin-top: 60px;
  background: url('../img/kordonok_1v2.png') no-repeat;
  background-position: 50px 0px;
}
.slice .content .picture_big {
  display: inline-block;
  width: 100%;
  max-height: 416px;
  overflow: hidden;
  margin: 100px auto 50px;
}
.slice .content .picture_big img {
  width: 100%;
}
.slice .content .separator_line {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: url('../img/line2.png') center bottom no-repeat;
}
.slice .content .col {
  display: inline-block;
  width: 484px;
  text-align: justify;
  font: 14px "Arial";
  margin: 50px 0 90px;
}
.slice .content .col.left {
  float: left;
}
.slice .content .col.right {
  float: right;
}
.slice .content .card_container {
  width: 100%;
  display: inline-block;
  margin: 150px 0 140px;
}
.slice .content .card_container .card {
  display: inline-block;
  float: left;
  max-width: 310px;
  text-align: center;
}
.slice .content .card_container .card .icon {
  width: 188px;
  height: 188px;
  margin: 0 auto;
}
.slice .content .card_container .card .icon.user {
  background: url('../img/circle_user.png') no-repeat;
}
.slice .content .card_container .card .icon.wheel {
  background: url('../img/circle_wheel.png') no-repeat;
}
.slice .content .card_container .card .icon.map {
  background: url('../img/circle_map.png') no-repeat;
}
.slice .content .card_container .card > h2 {
  margin: 8px 0 21px 0;
  font: 24px/74px "Montserrat-Bold";
  text-align: center;
  text-transform: uppercase;
  background: url('../img/line.png') center bottom no-repeat;
}
.slice .content .card_container .card > span {
  font: 16px "Arial";
  text-align: center;
  max-height: 115px;
}
.slice .content .card_container .card:nth-child(even) {
  margin: 0 45px;
}
.slice .content > ul.content_menu {
  display: inline-block;
  float: left;
  list-style: none;
  height: 55px;
  width: 100%;
  border-bottom: solid 1px #000;
  margin: 100px 0 40px 0;
  padding: 0;
}
.slice .content > ul.content_menu li {
  display: inline-block;
  float: left;
  height: 55px;
  font: 18px/55px "Montserrat-Bold";
  color: #fff;
  text-transform: uppercase;
}
.slice .content > ul.content_menu li > a {
  display: inline-block;
  padding: 0 40px;
  height: 55px;
  line-height: 55px;
  vertical-align: middle;
}
.slice .content > ul.content_menu li > a.active,
.slice .content > ul.content_menu li > a:hover {
  background: #000;
  color: #fff;
}
.slice .content .btn_next {
  display: inline-block;
  margin: 100px auto;
  height: 90px;
  padding: 0 40px;
  font: 20px/90px "Montserrat-Bold";
  vertical-align: middle;
  text-transform: uppercase;
  background: #000;
  color: #fff;
}
.slice .content .btn_next:hover {
  background: #252525;
  border-bottom: solid 4px #000;
  height: 86px;
}
.slice .content form {
  display: inline-block;
  width: 550px;
  float: left;
  margin: 100px 0;
}
.slice .content form label {
  display: inline-block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font: 18px "Montserrat-Bold";
  margin-bottom: 20px;
}
.slice .content form input {
  display: inline-block;
  float: left;
  width: 488px;
  height: 65px;
  padding: 0 20px;
  border: solid 1px #cccccc;
  background: #f4f4f4;
  margin-bottom: 30px;
}
.slice .content form input:focus {
  outline: solid 1px #000;
}
.slice .content form textarea {
  display: inline-block;
  float: left;
  width: 488px;
  height: 160px;
  padding: 20px;
  border: solid 1px #cccccc;
  background: #f4f4f4;
  resize: none;
}
.slice .content form textarea:focus {
  outline: solid 1px #000;
}
.slice .content form input[type="submit"] {
  display: inline-block;
  width: 530px;
  height: 90px;
  font: 18px/90px "Montserrat-Bold";
  color: #fff;
  border: 0;
  background: #000;
  text-transform: uppercase;
  text-align: center;
  margin-top: 30px;
}
.slice .content form input[type="submit"]:hover {
  background: #252525;
  border-bottom: solid 4px #000;
}
.slice .content .side_pane {
  display: inline-block;
  float: right;
  width: 360px;
  margin: 145px 0 100px 0px;
}
.slice .content .side_pane .each {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 45px;
}
.slice .content .side_pane .each > .pic {
  display: inline-block;
  width: 92px;
  height: 92px;
  float: left;
  margin-right: 10px;
}
.slice .content .side_pane .each > .pic.phone {
  background: url('../img/ico_phone.png');
}
.slice .content .side_pane .each > .pic.email {
  background: url('../img/ico_email.png');
}
.slice .content .side_pane .each > .pic.map {
  background: url('../img/ico_map.png');
}
.slice .content .side_pane .each > .pic.opening {
  background: url('../img/opening.png');
}
.slice .content .side_pane .each .text {
  display: inline-block;
  float: left;
  width: 250px;
  height: 92px;
  font: 18px/92px "Montserrat-Bold";
  color: #000;
  text-align: center;
}
.slice .content .side_pane .each .text.long {
  font: 18px/25px "Montserrat-Bold";
  margin-top: 22px;
}
.slice .content .fb_logo {
  display: inline-block;
  width: 188px;
  height: 188px;
  margin: 100px auto 45px;
  background: url('../img/circle_fb.png') no-repeat;
}
.slice .content .fb_logo:hover {
  background: url('../img/circle_fb_hover.png') no-repeat;
}
.slice .content .desc_footer {
  display: inline-block;
  max-width: 480px;
  margin: 0 auto 50px;
  font: 14px "Trebuchet MS";
  text-align: center;
}
.slice .content ul.footer_menu {
  display: inline-block;
  clear: both;
  width: 100%;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  height: 120px;
  line-height: 120px;
  vertical-align: middle;
}
.slice .content ul.footer_menu > li {
  display: inline-block;
  font: 20px/120px "Montserrat-Bold";
  text-transform: uppercase;
  vertical-align: middle;
  margin: -3px 0 0 0;
}
.slice .content ul.footer_menu > li > a {
  display: inline-block;
  padding: 0 25px;
}
.slice .content ul.footer_menu > li > a:hover,
.slice .content ul.footer_menu > li > a.active {
  background: #000;
  color: #fff;
}
.slice .content .cr {
  display: inline-block;
  width: 100%;
  margin: 45px auto 90px;
  font: 14px "Trebuchet MS";
}