@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);

::selection {
    background: rgba(69, 69, 69, 0.7);
    color: #fff;
}
.grey_block ::selection,
footer ::selection {
    background: #fff;
    color: #454545;
}

html, body {
    min-height: 100%;
    height: auto !important;
}
body {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    color: #000;
    line-height: 20px;
}
body, input, textarea {
    font-family: 'Open Sans', sans-serif;
}


html {
    position: relative;
}

* {
    outline: none;
}

a {
    color: #ed1c24;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a[href$='.pdf'] {
    background: url(../images/pdf.png) no-repeat left center;
    display: inline-block;
    padding-left: 40px;
    line-height: 32px;
}

img {
    max-width: 100%;
    height: auto;
}



.navigation {
    color: #4e4e4e;
    font: 14px/18px 'Open Sans', sans-serif;
    padding-bottom: 40px;
}
    .navigation a {
        color: inherit;
        font: inherit;
    }
    .navigation a:hover {
        text-decoration: underline;
    }


h1, h2, h3, h4 {
    color: #2a83ba;
}

.main_padding {
    padding-bottom: 82px;
    overflow: hidden;
}



.wrapper {
    position: relative;
    width: 1140px;
    margin: 0 auto;
    z-index: 2;
}

.obratnaya_svyaz
{
  position    : absolute;
  left        : 50%;
  top         : 0;
  margin-left : -570px;
}

header {
    position: relative;
}

header .info {
    position: relative;
    padding: 22px 0;
    overflow: hidden;
}

header .info .contact {
    float: right;
    position: relative;
    z-index: 100;
}

header .info .contact div {
    background: no-repeat 0 4px;
    background-size: 28px;
    float: left;
    padding-left: 38px;
    line-height: 32px;
    font-weight: bold;
    font-size: 22px;
    color: #383838;
}
header .info .contact .phone {
    background-image: url(../images/phone.png);
    margin-right: 26px;
}
header .info .contact .mail {
    background-image: url(../images/mail.png);
}
    header .info .contact .phone a,
    header .info .contact .mail a {
        color: inherit;
    }

header .info .logo {
    float: left;
    display: block;
    margin-left: 10px;
}
    header .info .logo img {
        max-height: 150px;
    }



header .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
}

header .menu .level_0 {
    background: rgba(69, 69, 69, 0.9);
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 0 90px;
    padding: 0;
    list-style: none;
    height: 80px;
}
    header .menu .level_0:before {
        content: '';
        position: absolute;
        top: 0;
        right: 100%;
        width: 0;
        height: 0;
        border-bottom: 80px solid transparent;
        border-right: 80px solid rgba(69, 69, 69, 0.9);
    }
    header .menu .level_0:after {
        content: '';
        background: rgba(69, 69, 69, 0.9);
        position: absolute;
        top: 0;
        left: 100%;
        right: 100%;
        bottom: 0;
        width: 100vw;
    }
    header .menu .level_0 > li {
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin: 0 15px;
        padding: 9px 0;
    }
    header .menu .level_0 > li:last-child {
        margin-right: 0;
    }
        header .menu .level_0 > li > a {
            position: relative;
            display: block;
            padding: 0 3px;
            font-size: 20px;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }
            header .menu .level_0 > li > a > span.border {
                background: #e61919;
                position: absolute;
                top: 100%;
                left: -4px;
                right: 0;
                height: 0;
                -webkit-transform: skew(-50deg);
                -moz-transform: skew(-50deg);
                -o-transform: skew(-50deg);
                transform: skew(-50deg);
                margin-top: 5px;
                transition: 0.2s ease-out 0s;
            }
            header .menu .level_0 > li._s > a > span.border,
            header .menu .level_0 > li:hover > a > span.border {
                height: 3px;
            }

header .submenu {
    background: rgba(69, 69, 69, 0.8);
    position: absolute;
    width: 250px;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-out 0.1s;
    box-shadow: 2px 2px 3px #e61919;
}
header li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
    header .submenu li {
        position: relative;
    }
        header .submenu li a {
            display: block;
            font-size: 18px;
            color: #fff;
            text-decoration: none;
            padding: 6px 15px;
            transition: 0.2s ease-out 0s;
        }
        header .submenu li a:hover {
            color: #e61919;
        }
header .submenu.level_1 {
    top: 100%;
    left: -20px;
}
header .submenu .submenu {
    top: 0;
    left: 100%;
}



.item {
    text-align: center;
}
    .item a:hover {
        text-decoration: none;
    }
        .item .image {
            display: flex;
            align-items: center;
            justify-content: center;
        }
            .item .image img {
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
            }
        .item .caption {
            font-size: 18px;
            color: #454545;
            font-weight: bold;
            transition: 0.2s ease-out 0s;
        }
        .item a:hover .caption {
            color: #e61919;
        }
#category_list {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 40px;
}
    #category_list .item {
        width: 30%;
        margin-bottom: 12px;
    }
        #category_list .item .image {
            height: 280px;
            margin-bottom: 10px;
        }
#product_list {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
    #product_list .item {
        width: 24%;
        margin-top: 10px;
    }
        #product_list .item .image {
            height: 240px;
        }



.img_about {
    background : url(../images/about.jpg) no-repeat center;
    position: relative;
    overflow: overlay;
}
    .img_about .wrapper {
        height: 450px;
    }

.img_service {
    background : url(../images/service.jpg) no-repeat center;
    position: relative;
    overflow: overlay;
}
    .img_service .wrapper {
        height: 450px;
    }


.img1 {
    background : url("../images/img1.jpg") no-repeat center;
    position   : relative;
    height     : 484px;
}

.img1 .text {
  height     : 114px;
  padding    : 20px 10px 20px 30px;
  position   : absolute;
  left       : 0;
  top        : 150px;
  font       : bold 48px/54px 'Open Sans', sans-serif;
  color      : #fff;
  background : rgba(249, 201, 55, 0.8);
}

.img1 .text .conor
{
  width      : 58px;
  height     : 154px;
  position   : absolute;
  right      : -58px;
  top        : 0;
  background : url("../images/text_conor.png") no-repeat right center;
}

.img2
{
  height     : 1188px;
  background : url("../images/img2.jpg") no-repeat center;
  padding    : 0 !important;
}

.shadow
{
  width      : 100%;
  height     : 100%;
  background : rgba(0, 0, 0, 0.5);
  position   : absolute;
  top        : 0;
  left       : 0;
  z-index    : 1;
}

.map .shadow
{
  background : rgba(0, 0, 0, 0.7);
}

.img2 .pogruz
{
  padding-top : 55px;
}

.img2 .pogruz table td > div
{
  display        : inline-block;
  vertical-align : top;
  margin         : 0 8px 30px;
}

.img2 .pogruz table td > div .title
{
  font       : bold 18px/38px 'Open Sans', sans-serif;
  color      : #f9c937;
  text-align : left;
}

.img2 .pogruz table td > div .desc
{
  font       : 14px/18px 'Open Sans', sans-serif;
  color      : #fff;
  text-align : left;
}

.img2 .pogruz table td > div .img
{
  display : block;
  width   : 330px;
  height  : 330px;
}

.img2 .pogruz a.all
{
  display        : inline-block;
  vertical-align : top;
  width          : 194px;
  height         : 34px;
  border         : 3px solid #f9c937;
  font           : bold 18px/34px 'Open Sans', sans-serif;
  color          : #fff;
}

.img2 .pogruz a.all:hover
{
  text-decoration : none;
}

.img3
{
  height     : 544px;
  background : url("../images/img3.jpg") no-repeat center;
  position   : relative;
}

.img3 .texts
{
  position : absolute;
  top      : 150px;
  left     : 170px;
  font     : 30px/32px 'Open Sans', sans-serif;
  color    : #fff;
}

.img3 .texts h3
{
  font   : bold 60px/62px 'Open Sans', sans-serif;
  color  : #fff;
  margin : 0 0 30px;
}

.img3 .texts b
{
  font : bold 36px/54px 'Open Sans', sans-serif;
}

.img3 h2
{
  margin     : 0;
  padding    : 60px 0 60px 190px;
  font       : bold 30px/32px 'Open Sans', sans-serif;
  color      : #fff;
  text-align : left;
}

.img3 ul
{
  margin     : 0 0 0 190px;
  padding    : 0;
  list-style : none;
  text-align : left;
}

.img3 ul li
{
  padding-left   : 24px;
  background     : url("../images/stellah_ul.png") no-repeat 0 center;
  font           : bold 16px/18px 'Open Sans', sans-serif;
  color          : #fff;
  text-transform : uppercase;
  margin         : 0 0 20px;
}

.img3 .form
{
  background : #2a83ba;
  width      : 315px;
  height     : 342px;
  padding    : 0 20px 40px;
  position   : absolute;
  top        : 75px;
  right      : 95px;
  font       : normal 16px/20px 'Open Sans', sans-serif;
  color      : #fff;
}

.img3 .form .zag
{
  font          : normal 16px/18px 'Open Sans', sans-serif;
  text-align    : center;
  padding       : 33px 0 22px;
  color         : #fff;
  border-bottom : 1px dashed #fff;
  margin-bottom : 10px;
}

.img3 .form input[type="text"]
{
  padding       : 0 10px;
  margin        : 5px 0 10px;
  width         : 100%;
  box-sizing    : border-box;
  height        : 45px;
  border        : 0;
  border-radius : 5px;
  background    : #fff;
}

.img3 .form input[type="submit"]
{
  font          : normal 16px/45px 'Open Sans', sans-serif;
  margin-top    : 20px;
  cursor        : pointer;
  width         : 100%;
  height        : 45px;
  border        : 0;
  border-radius : 5px;
  background    : #f9c937;
  color         : #000;
  text-align    : center;
}

.img3 .form input[type="submit"]:hover
{
  background : #f9c022;
}

.img4
{
  height     : 710px;
  background : url("../images/img4.jpg") no-repeat center;
  position   : relative;
}

.img4 .str
{
  width      : 45px;
  height     : 77px;
  background : url("../images/str.png") no-repeat 0 0;
  position   : absolute;
  top        : -27px;
  left       : 50%;
  z-index    : 1;
}

.img4 .shadow
{
  background : rgba(0, 0, 0, 0.2);
}

.img4 h3
{
  font       : bold 30px/34px 'Open Sans', sans-serif;
  color      : #fff;
  padding    : 70px 0 0;
  text-align : center;
  margin     : 0;
}

.teh_form
{
  width       : 450px;
  margin      : auto;
  color       : #fff;
  text-align  : left;
  padding-top : 40px;
  position    : relative;
}

.teh_form .file_block
{
  position : absolute;
  bottom   : 63px;
  left     : 0;
}

.teh_form input[type="file"]
{
  font-size : 14px;
  color     : #fff;
}

.teh_form .upload
{
  position    : relative;
  padding-top : 13px;
  height      : 30px;
}

.teh_form .upload .file
{
  display       : block;
  width         : 120px;
  height        : 30px;
  font          : 16px/30px 'Open Sans', sans-serif;
  color         : #010101;
  margin        : 0;
  background    : #f9c937;
  text-align    : center;
  border        : 0;
  border-radius : 5px;
  position      : absolute;
  top           : 10px;
  left          : 0;
  cursor        : pointer;
}

@-moz-document url-prefix()
{
  .teh_form .upload .file
  {
    width         : 80px;
  }
}


.img3 input[type="reset"],
.teh_form input[type="reset"]
{
  display : none;
}



.img5
{
  height     : 338px;
  background : url("../images/img5.jpg") no-repeat center;
  position   : relative;
  text-align : center;
}

.img5 h3
{
  font    : bold 36px/40px 'Open Sans', sans-serif;
  color   : #fff;
  margin  : 0;
  padding : 80px 0 0;
}

.img5 p
{
  font   : bold 30px/32px 'Open Sans', sans-serif;
  color  : #fff;
  margin : 15px 0 40px;
}

.img5 p span
{
  color : #f9c937;
}

.img5 a
{
  display         : inline-block;
  vertical-align  : top;
  width           : 314px;
  height          : 45px;
  font            : 16px/45px 'Open Sans', sans-serif;
  color           : #010101;
  margin          : 0;
  text-decoration : none;
  background      : #f9c937;
  border          : 0;
  border-radius   : 5px;
}

.img5 a:hover
{
  text-decoration : none;
}

.conorok {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    /*margin-right : -40px;*/
    height: 38px;
    width: 50%;
}

.conorok.foot
{
  top          : -38px;
  margin-right : 0;
}

.conorok.top
{
  top         : 0;
  left        : 0;
  margin-left : -40px;
}

.conorok.white {
    background-color: #fff;
}
.conorok.grey {
    background-color: #454545;
}

.conorok .conor {
    width: 0;
    height: 0;
    border-top: 38px solid transparent;
    margin-left: -40px;
}

.conorok.white .conor {
    border-right: 40px solid #fff;
}
.conorok.grey .conor {
    border-right: 40px solid #454545;
}

.conorok.top.white .conor {
    border-top: 38px solid #fff;
}
.conorok.top.grey .conor {
    border-top: 38px solid #454545;
}

.conorok.top .conor {
    float: right;
    margin-right: -40px;
    border-right: 40px solid transparent;
}

.blk {
    padding-bottom: 90px;
    position: relative;
    overflow: hidden;
}

.white_block {
    background: #fff;
}
.grey_block {
    background: #454545;
}

.blk .wrapper
{
  text-align : center;
}

.blk .wrapper .border {
    background: #e61919;
    width: 600px;
    height: 5px;
    margin: 0 auto;
}

.blk .wrapper .ops
{
  width  : 600px;
  margin : 20px auto 45px;
  color  : #fff;
  font   : bold 16px/18px 'Open Sans', sans-serif;
}

.blk h2 {
    font: bold 30px/40px 'Open Sans', sans-serif;
    text-align: center;
    margin: 40px 0 20px;
}

.blk.with_top h2 {
    margin-top: 80px;
}

.white_block h2 {
    color: #454545;
}
.grey_block h2 {
    color: #fff;
}

.blk p {
    text-align: center;
    font-weight: normal;
}

.white_block p {
    color: #2a2a2a;
}

.white_block p strong,
.white_block p b {
    color: #e61919;
}


.blk .teh
{
  padding-top : 50px;
  font        : bold 18px/20px 'Open Sans', sans-serif;
  color       : #fff;
  text-align  : left;
}

.blk .teh table td > div {
    background: no-repeat left center;
    display: flex;
    align-items: center;
    padding-left: 230px;
    width: 510px;
    height: 124px;
    margin: 0 20px 12px;
    box-sizing: border-box;
}

.blk .teh table td > div span {
    display: table-cell;
    vertical-align: middle;
    height: 124px;
}

.blk .teh .teh1 {
    background-image: url(../images/icon01.png);
}
.blk .teh .teh2 {
    background-image: url(../images/icon02.png);
}
.blk .teh .teh3 {
    background-image: url(../images/icon03.png);
}
.blk .teh .teh4 {
    background-image: url(../images/icon04.png);
}
.blk .teh .teh5 {
    background-image: url(../images/icon05.png);
}
.blk .teh .teh6 {
    background-image: url(../images/icon06.png);
}

.blk .shema {
    padding-top: 60px;
}

.blk .shema > div
{
  width  : 584px;
  height : 88px;
  border : 5px solid #fff;
  margin : 0 auto;
}

.blk .shema > div .img
{
  width        : 88px;
  height       : 88px;
  border-right : 5px solid #fff;
  float        : left;
  background   : #f9c937 no-repeat center;
}

.blk .shema > div .text
{
  padding        : 0 20px;
  font           : 16px/18px 'Open Sans', sans-serif;
  color          : #fff;
  text-align     : left;
  display        : table-cell;
  vertical-align : middle;
  height         : 84px;
}

.blk .shema .shema1 .img
{
  background-image : url("../images/shema/1.png");
}

.blk .shema .shema2 .img
{
  background-image : url("../images/shema/2.png");
}

.blk .shema .shema3 .img
{
  background-image : url("../images/shema/3.png");
}

.blk .shema .shema4 .img
{
  background-image : url("../images/shema/4.png");
}

.blk .shema .shema5 .img
{
  background-image : url("../images/shema/5.png");
}

.blk .shema p
{
  margin : 0;
}

.blk .shema p span.str
{
  display        : inline-block;
  vertical-align : top;
  width          : 14px;
  height         : 34px;
  background     : url("../images/shema_str.png") no-repeat center 0;
}

.blk .partners
{
  padding-top : 60px;
}

.blk .partners > div
{
  display           : inline-block;
  vertical-align    : top;
  background        : no-repeat center;
  border            : 4px solid #2a83ba;
  width             : 200px;
  height            : 117px;
  transform         : skew(-20deg);
  -webkit-transform : skew(-20deg);
  -moz-transform    : skew(-20deg);
  -o-transform      : skew(-20deg);
  margin            : 0 4px 25px;
  overflow          : hidden;
}

.blk .partners > div > div
{
  display        : table-cell;
  vertical-align : middle;
  width          : 200px;
  height         : 117px;
}

.blk .partners > div img
{
  transform         : skew(20deg);
  -webkit-transform : skew(20deg);
  -moz-transform    : skew(20deg);
  -o-transform      : skew(20deg);
}

.blk .partners > div.partner11
{
  background : #411524;
}

.blk .stellahs h3
{
  font       : bold 24px/26px 'Open Sans', sans-serif;
  color      : #f9c937;
  margin     : 50px 0 40px;
  text-align : center;
}

.blk .stellahs ul
{
  margin     : 0 0 0 130px;
  padding    : 0;
  list-style : none;
  text-align : left;
}

.blk .stellahs ul li
{
  padding-left : 24px;
  background   : url("../images/stellah_ul.png") no-repeat 0 center;
  font         : 16px/18px 'Open Sans', sans-serif;
  color        : #fff;
  margin       : 0 0 20px;
}

.blk .stellahs table
{
  margin : auto;
}

.blk .stellahs table td a:hover
{
  text-decoration : none;
}

.blk .stellahs .img
{
  display : block;
  width   : 233px;
  height  : 154px;
  margin  : auto;
  border  : 3px solid #fff;
}

.blk .stellahs .text
{
  font       : bold 18px/20px 'Open Sans', sans-serif;
  color      : #fff;
  display    : block;
  text-align : center;
  width      : 239px;
  margin     : 25px auto 0;
}

.blk .what_do h3
{
  font   : bold 24px/26px 'Open Sans', sans-serif;
  color  : #2a83ba;
  margin : 0;
}

.blk .what_do ul
{
  margin     : 50px 0 50px 130px;
  padding    : 0;
  list-style : none;
  text-align : left;
}

.blk .what_do ul li
{
  padding-left   : 32px;
  background     : url("../images/what_do_ul.png") no-repeat 0 center;
  font           : bold 16px/22px 'Open Sans', sans-serif;
  color          : #2a83ba;
  margin         : 0 0 20px;
  text-transform : uppercase;
}

.map
{
  height     : 550px;
  text-align : center;
  position   : relative;
}

.map #map
{
  width   : 100%;
  height  : 550px;
  padding : 0;
  margin  : 0;
}

.map.obr,
.map.obr #map
{
  height : 700px;
}

.content {
    padding: 40px 0;
    overflow: hidden;
}
header + .content {
    padding-top: 110px;
}


.content #content
{
  overflow : hidden;
}


.content #content h2 {
    text-align: left;
    border-bottom: 5px solid #454545;
    display: inline-block;
    vertical-align: top;
    padding-right: 80px;
    padding-bottom: 15px;
    margin: 0;
    color: #2a83ba;
    font: bold 30px/40px 'Open Sans', sans-serif;
}

.content #content h3 {
    line-height: 28px;
    font-size: 24px;
    color: #454545;
    margin: 40px 0 20px;
}

.content #content h4 {
    line-height: 20px;
    font-size: 18px;
    color: #454545;
}

.content #content p b,
.content #content p strong {
    color: #454545;
}

table.contacts {
    margin: auto;
}
    table.contacts :first-child {
        margin-top: 0;
    }
    table.contacts :last-child {
        margin-bottom: 0;
    }
    table.contacts img {
        margin-right: 4px;
    }
    table.contacts td {
        font: 24px/32px 'Open Sans', sans-serif;
        color: #454545;
        padding-bottom: 20px;
    }

.content #content table.pross {
    margin-top: 30px;
}

.content #content table.pross td {
    vertical-align: top;
    font: bold 14px/18px 'Open Sans', sans-serif;
    color: #e61919;
    padding-top: 10px;
}

.content #content table.pross tr:first-child td
{
  vertical-align : middle;
  padding        : 1px;
}

.content #content table:not(.contacts):not(.pross)
{
  border-collapse : collapse;
}

.content #content table:not(.contacts):not(.pross) tbody th
{
  font       : bold 18px/20px 'Open Sans', sans-serif;
  color      : #fff;
  background : #e61919;
  border     : 1px solid #454545;
  border-top : none;
  padding    : 20px;
}

.content #content table:not(.contacts):not(.pross) tbody th:first-child
{
  border-left : none;
}

.content #content table:not(.contacts):not(.pross) tbody th:last-child
{
  border-right : none;
}

.content #content table:not(.contacts):not(.pross) tbody td
{
  font    : 14px/18px 'Open Sans', sans-serif;
  color   : #000;
  border  : 1px solid #f9c937;
  padding : 20px;
}

.content #content table:not(.contacts):not(.pross) tbody tr:nth-child(odd) td
{
  background : #ffe187;
}

.content #content table:not(.contacts):not(.pross) tbody tr:nth-child(even) td
{
  background : #ffeebc;
}

.content #content ul
{
  margin     : 0;
  padding    : 0;
  list-style : none;
}

.content #content ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 25px;
}
    .content #content ul li:before {
        content: '•';
        position: absolute;
        left: 0;
        font-size: 24px;
        color: #e61919;
    }

.content #content ul li,
.content #content ul li a {
    font: 16px/18px 'Open Sans', sans-serif;
    color: #454545;
}

.content #content ul li a {
    text-decoration: underline;
}

.content #content ul li a:hover {
    text-decoration: none;
}

.content .title
{
  padding : 0 0 30px;
}

.content .title h1 {
    color: #454545;
    font: bold 30px/40px 'Open Sans', sans-serif;
    text-align: center;
    margin: 0 0 13px;
}

.content .title h1.cat_title
{
  text-align     : left;
  border-bottom  : 5px solid #f9c937;
  display        : inline-block;
  vertical-align : top;
  padding-right  : 80px;
  padding-bottom : 15px;
  margin         : 0;
}

.content .title .border {
    background: #e61919;
    width: 600px;
    height: 5px;
    margin: 0 auto;
}

.content .left_side {
    background: #f9c937;
    position: relative;
    float: left;
    width: 270px;
    margin-right: 20px;
    padding-bottom: 24px;
}

.content .left_side .triangle-topright
{
  width       : 0;
  height      : 0;
  border-top  : 20px solid #fff;
  border-left : 20px solid transparent;
  position    : absolute;
  right       : 0;
  top         : 0;
}

.content .left_side .triangle-bottomleft
{
  width         : 0;
  height        : 0;
  border-bottom : 24px solid #fff;
  border-right  : 24px solid transparent;
  position      : absolute;
  left          : 0;
  bottom        : 0;
}

.content .left_side ul
{
  margin     : 0;
  padding    : 0;
  list-style : none;
}

.content .left_side > ul li a
{
  display         : block;
  text-align      : center;
  padding         : 20px 0;
  font            : bold 16px/18px 'Open Sans', sans-serif;
  color           : #2a83ba;
  text-decoration : none;
  text-transform  : uppercase;
}

.content .left_side ul.submenu > li a
{
  display         : block;
  padding         : 15px 20px;
  font            : 14px/18px 'Open Sans', sans-serif;
  color           : #fff;
  text-decoration : none;
  margin-top      : 1px;
  background      : #2a83ba;
  text-align      : left;
  text-transform  : none;
}

.content .left_side ul.submenu > li:first-child a
{
  margin-top : 0;
}

.content .left_side ul.submenu li._s a,
.content .left_side ul.submenu li a:hover
{
  color           : #f9c937;
  font-weight     : bold;
  text-decoration : underline;
}

.content .left_side ul.submenu li._s a:hover
{
  text-decoration : none;
}

footer {
    background: #454545;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 82px;
}

footer span {
    display: table-cell;
    vertical-align: middle;
    height: 82px;
    font: 14px/18px 'Open Sans', sans-serif;
    color: #fff;
    padding-right: 20px;
}

footer a {
    color: #fff;
}

footer .saitex {
    float: right;
    font: 14px/18px 'Open Sans', sans-serif;
    text-decoration: underline;
    margin-top: 37px;
}

footer .saitex:hover {
    text-decoration: none;
}


#SlideItMoo_outer {
    margin-top: 20px;
}
    .SlideItMoo_element {
        text-align: center;
    }
        .SlideItMoo_element img {
            max-height: 500px;
        }



.feedback_title {
    text-align: center;
    margin: 45px 0 0;
    color: #454545;
}
.feedback {
    padding: 40px 0 80px;
    width: 450px;
    margin: auto;
}
    .feedback label {
        color: #454545;
    }
    .feedback input[type='text'], .feedback textarea, .feedback select {
        border: 1px solid #454545;
        transition: 0.2s ease-out 0s;
        font-size: 16px;
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
        border-radius: 5px;
        margin: 10px 0 15px;
    }
    .feedback input[type='text'], .feedback select {
        height: 45px;
    }
    .feedback textarea {
        height: 110px;
        padding: 10px;
        resize: none;
    }
    .feedback select {
        padding: 0 5px;
    }
    .feedback input[type='text']:focus, .feedback textarea:focus, .feedback select:focus {
        box-shadow: 0 0 15px rgba(230, 25, 25, 0.3) inset;
        border-color: #e61919;
    }
    .feedback input[type='submit'] {
        background: none;
        display: block;
        margin-top: 20px;
        font-size: 18px;
        color: #454545;
        transition: 0.2s ease-out 0s;
        cursor: pointer;
        width: 100%;
        height: 45px;
        border: 1px solid #454545;
        border-radius: 5px;
        text-align: center;
    }
    .feedback input[type='submit']:hover {
        box-shadow: 0 0 15px rgba(230, 25, 25, 0.3) inset;
        border-color: #e61919;
    }
    .feedback input[type='submit']:active {
        box-shadow: 0 0 35px rgba(230, 25, 25, 0.3) inset;
    }
#captcha_block {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
    #feedback_captcha {
        display: block;
    }
    #feedback_captcha_update {
        font-size: 14px;
        color: #454545;
        transition: 0.2s ease-out 0s;
    }
    #feedback_captcha_update:hover {
        text-decoration: none;
        box-shadow: 0 -1px 0 #e61919 inset;
    }
        #feedback_captcha_update:before {
            content: '\27F3';
            margin-right: 5px;
        }
#feedback_captcha_input {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin: 0 0 0 20px;
    height: 50px;
    font-size: 22px;
}


#notification {
    font-size: 18px;
    color: #454545;
    margin: 20px 0;
}
    #notification .error {
        color: #e61919;
    }










@media screen and (max-width: 1150px) {
    .wrapper {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    header .info {
        padding: 20px 10px;
    }
    header .menu {
        background: rgba(69, 69, 69, 0.9);
    }
        header .menu .level_0 {
            background: none;
            margin: 0;
        }
            header .menu .level_0:before, header .menu .level_0:after {
                content: none;
            }
            header .menu .level_0 > li {
                margin-right: 5px;
            }

    table.contacts {
        width: auto;
    }

    .page-92-nashi_partnery p,
    .page-93-tyagovye_akkumu p {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .page-92-nashi_partnery img,
    .page-93-tyagovye_akkumu img{
        margin: 0 5px 5px;
    }
}


@media screen and (max-width: 1100px) {
    .teh tr {
        display: flex;
        flex-direction: column;
    }
        .blk .teh table td > div {
            margin-left: auto;
            margin-right: auto;
        }

    table.contacts {
        max-width: 560px;
    }
        table.contacts tr {
            display: flex;
            flex-wrap: wrap;
        }
            table.contacts td {
                width: auto !important;
            }
            table.contacts td:nth-child(2n - 1) {
                flex: 1 0 55px;
            }
            table.contacts td:nth-child(2n) {
                flex: 1 0 calc(100% - 55px);
            }
}


@media screen and (max-width: 950px) {
    header .menu {
        text-align: center;
        padding: 6px 0;
        font-size: 0;
        line-height: 1;
    }
        header .menu .level_0 {
            flex-direction: column;
            height: auto;
        }
            header .menu .level_0 > li {
                height: 0;
                margin: 0;
                padding: 0 5px;
                transition: 0.2s ease-out 0s;
            }
                header .menu .level_0 > li > a {
                    height: 0;
                    overflow: hidden;
                }
            header .menu #top_menu_box:checked ~ .level_0 > li {
                height: auto;
                margin: 8px 0;
            }
                header .menu #top_menu_box:checked ~ .level_0 > li > a {
                    height: 20px;
                }

        #top_menu_toggle {
            /*background: url(../images/menu.png) no-repeat center;*/
            /*background-size: 55px;*/
            display: inline-block;
            /*width: 55px;*/
            height: 55px;
            line-height: 55px;
            transition: 0.4s ease-out 0s;
        }
            #top_menu_toggle:before {
                content: attr(data-title);
                font-size: 30px;
                color: #fff;
                font-weight: bold;
                transition: 0.2s ease-out 0s;
            }
        #top_menu_box:checked ~ #top_menu_toggle {
            /*background-image: url(../images/menu_close.png);*/
            /*transform: rotate3d(0, 1, 0, 180deg);*/
        }
            #top_menu_box:checked ~ #top_menu_toggle:before {
                color: #e61919;
            }

    header .submenu {
        background: none;
        position: static;
        padding: 0;
        box-shadow: none;
    }
        header .submenu li {
            height: 0;
            overflow: hidden;
        }
            header .submenu li a {
                height: 0;
            }
    header li:hover > .submenu.level_1 {
        margin-top: 6px;
        border: solid #e61919;
        border-width: 1px 0;
    }
        header li:hover > .submenu.level_1 > li {
            height: auto;
        }
            header li:hover > .submenu.level_1 > li > a {
                height: auto;
                text-shadow: 0 0 1px;
            }
}


@media screen and (max-width: 750px) {
    .blk h2 {
        line-height: 1;
    }
    .blk .wrapper .border {
        width: 80vw;
    }

    .content iframe {
        width: 100%;
    }

    #product_list .item {
        width: 30%;
    }
}


@media screen and (max-width: 600px) {
    .content * {
        clear: both;
    }

    table.contacts td {
        font-size: 20px;
        padding-bottom: 10px;
    }
        table.contacts img {
            width: 35px;
            margin-left: 5px;
        }
}


@media screen and (max-width: 550px) {
    header .info .contact {
        float: none;
        text-align: center;
    }
        header .info .contact div {
            background-position: left 2px;
            background-size: 24px;
            float: none;
            display: inline-block;
            vertical-align: top;
            font-size: 18px;
            line-height: 24px;
        }

    .blk h2 {
        font-size: 28px;
    }

    .blk .teh table td > div {
        width: auto;
    }

    .feedback {
        width: auto;
    }
    #feedback_captcha_input {
        float: right;
    }

    #category_list .item {
        width: 48%;
    }
    #product_list .item {
        width: 48%;
    }
}


@media screen and (max-width: 450px) {
    .blk .teh table td > div {
        background-position: center top;
        justify-content: center;
        text-align: center;
        height: auto;
        padding: 130px 0 0;
        margin-bottom: 30px;
    }

    .main_padding {
        padding-bottom: 150px;
    }

    footer {
        height: auto;
    }
        footer span {
            height: auto;
            padding-top: 15px;
            padding-bottom: 15px;
        }

    table.contacts td {
        font-size: 18px;
    }
        table.contacts img {
            width: 30px;
        }
}


@media screen and (max-width: 360px) {
    #feedback_captcha_input {
        width: calc(100% - 140px);
    }

    #category_list .item {
        width: 100%;
    }
    #product_list .item {
        width: 100%;
    }
}