#page-zakupki {
    position: relative;
    overflow: hidden;
    min-width: 764px;
    min-height: 500px;
    width: 100%;
    height: 100%;
    background: url(../images/bg-zakupki.jpg) no-repeat center center;
    background-size:            auto 100%;
    -khtml-background-size:     auto 100%;
    -webkit-background-size:    auto 100%;
    -moz-background-size:       auto 100%;
    -o-background-size:         auto 100%;
}

#wrapperzakupki {
    position: relative;
    margin: 0 auto;
    min-width: 667px;
    min-height: 500px;
}

#wrapperzakupki .content {
    position: absolute;
    top: 18.9%;
    left: 10%;
    z-index: 0;
    width: 80%;
    height: 68.5%;
}

#wrapperzakupki>.inner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/zakupki.png);
}

#zakupki-thumbs {
    position: absolute;
    top: 3.5%;
    left: 13.1%;
    z-index: 2;
    width: 69.3%;
    height: 18%;
    background-image: url(../images/zakupki-thumbs.png);
}

#zakupki-home {
    position: absolute;
    top: 6.9%;
    right: 0.5%;
    z-index: 99;
    width: 14.5%;
    height: 12.5%;
}

#zakupki-home .sprite {
    top: 10%;
    left: 8%;
    z-index: 0;
    width: 83%;
    height: 70%;
    background-color: #fa3823;
}

#zakupki-home:hover .sprite {
    background-color: #0985ed;
}

#zakupki-home:active .sprite {
background-color: #6b6b6b;
}

#zakupki-home .icon {
    position: relative;
    z-index: 1;
    display: block;
    background-image: url(../images/buttons/zakupki-home.png);
}

#page-zakupki .character-1 {
    position: absolute;
    bottom: 4.5%;
    left: 3.5%;
    z-index: 3;
    width: 16%;
    height: 18%;
    background-image: url(../images/characters/char-zakupki-1.png);
}

#page-zakupki .character-2 {
    position: absolute;
    bottom: -4%;
    left: 24.5%;
    z-index: 3;
    width: 30.3%;
    height: 25.5%;
    background-image: url(../images/characters/char-zakupki-2.png);
}
#page-zakupki .character-3 {
    position: absolute;
    right: 3.3%;
    bottom: 5%;
    z-index: 3;
    width: 15.5%;
    height: 19.5%;
    background-image: url(../images/characters/char-zakupki-3.png);
}

#page-zakupki .character-4 {
    position: absolute;
    bottom: -6%;
    left: 50.9%;
    z-index: 3;
    width: 23.3%;
    height: 26.5%;
    background-image: url(../images/characters/char-zakupki-4.png);
}

.zakupki-info {
    position: absolute;
    top: 19%;
    right: -300%;
    z-index: 10;
    width: 55%;
    height: 57%;
    background-image: url(../images/zakupki-info.png);
    -webkit-transition: right 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition:      right 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:         right 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

#wrapperzakupki .zakupki-info.opened {
    right: 21% !important;
}

.zakupki-info .inner {
    position: absolute;
    top: 7%;
    left: 9%;
    width: 81.5%;
    height: 80%;
}

.zakupki-info .inner .text {
    position: absolute;
    top: 19%;
    left: 5%;
    overflow-y: scroll;
    padding-right: 3%;
    width: 94%;
    height: 82%;
}

.zakupki-info .text a {
    color: #8F4744;
}

.zakupki-info h3 {
    margin-bottom: 25px;
    color: #fff;
    font-weight: bold;
    font-size: 195%;
    padding: 2.4% 0 0 5%;
}

.zakupki-info-bags {
    position: absolute;
    top: 91.2%;
    left: 7.5%;
    width: 83%;
    height: 34%;
    background-image: url(../images/zakupki-info-bags.png);
}

.zakupki-info .zakupki-open {
    position: absolute;
    top: 39%;
    left: -3%;
    z-index: 10;
    width: 13.7%;
    height: 21.2%;
    cursor: pointer;
}

.zakupki-open-2 .icon,
.zakupki-open .icon {
    position: absolute;
    z-index: 1;
    background-image: url(../images/buttons/zakupki-icon-border.png);
}

.zakupki-open img,
.zakupki-open-2 img {
    position: absolute;
    top: 24%;
    left: 47%;
    width: 22%;
    height: 34%;
}

.zakupki-open-2 .zakupki-open-2 .normal,
.zakupki-open .normal {
    left: 42%;
}

.zakupki-menu .zakupki-open-2 .normal {
    left: 42%;
}

.zakupki-open .zakupki-open-2 .normal-2 {
    left: 47%;
}

.zakupki-menu .zakupki-open-2 .sprite,
.zakupki-info .sprite {
    position: absolute;
    top: 13%;
    left: 22%;
    z-index: 0;
    width: 70%;
    height: 57%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c3b8ae;
}

.zakupki-info .normal-2,
.zakupki-info .normal {
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 0s ease;
    -o-transition:      all 0s ease;
    transition:         all 0s ease;
}

.zakupki-menu.opened .zakupki-open-2 .normal-2,
.zakupki-menu .zakupki-open-2 .normal,
.zakupki-info.opened .normal,
.zakupki-info .normal-2 {
    display: none;
}

.zakupki-menu .zakupki-open-2 .normal-2,
.zakupki-menu.opened .zakupki-open-2 .normal,
.zakupki-info .normal,
.zakupki-info.opened .normal-2 {
    z-index: 1;
    display: block;
}

.zakupki-menu {
    position: absolute;
    top: 19%;
    left: -300%;
    z-index: 10;
    width: 36%;
    height: 66%;
    background-image: url(../images/zakupki-menu.png);
    -webkit-transition: all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition:      all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:         all 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.zakupki-menu .zakupki-open-2 {
    position: absolute;
    top: 42%;
    right: -4.5%;
    z-index: 10;
    width: 21.1%;
    height: 18.2%;
    cursor: pointer;
}

.zakupki-menu .zakupki-open-2 .normal {
    z-index: 1;
}

.zakupki-menu .zakupki-open-2:hover .hover {
    z-index: 1;
}

.zakupki-menu.opened .zakupki-open-2 .normal-2 {
    z-index: 1;
}

.zakupki-menu.opened .zakupki-open-2:hover .hover-2 {
    z-index: 1;
}

.zakupki-menu .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.zakupki-decor {
    position: absolute;
    top: 91%;
    left: 16.7%;
    z-index: 10;
    width: 30%;
    height: 29%;
    background-image: url(../images/zakupki-menu-decor.png);
}

.zakupki-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 23.6%;
}

.zakupki-menu .zakupki-link-1 {
    top: 0;
}

.zakupki-menu .zakupki-link-2 {
    top: 23.6%;
    height: 17.6%;
}

.zakupki-menu .zakupki-link-3 {
    top: 41%;
    height: 17.7%;
}

.zakupki-menu .zakupki-link-4 {
    top: 58.5%;
    height: 17.6%;
}

.zakupki-menu .zakupki-link-5 {
    bottom: 6.5%;
    height: 17.5%;
}


.zakupki-menu .inner .icon {
    z-index: 10;
    position: absolute;
    top: 0;
    background: url(../images/zakupki-menu.png) no-repeat 0 0;
    background-size:         100% 553%;
    -khtml-background-size:  100% 553%;
    -webkit-background-size: 100% 553%;
    -moz-background-size:    100% 553%;
    -o-background-size:      100% 553%;
}

.zakupki-menu .zakupki-link-1 .icon {
    background-position: 0 0;
    background-size:         100% 423%;
    -khtml-background-size:  100% 423%;
    -webkit-background-size: 100% 423%;
    -moz-background-size:    100% 423%;
    -o-background-size:      100% 423%;
}

.zakupki-menu .zakupki-link-1 .sprite {
    left: 8%;
    top: 17%;
    height: 83%;
    width: 84%;
    -webkit-border-radius: 20% 20% 0 0;
    -moz-border-radius:    20% 20% 0 0;
    border-radius:         20% 20% 0 0;
}

.zakupki-menu .zakupki-link-2 .icon {
    background-position: 0 28.6%;
    background-size:         100% 575%;
    -khtml-background-size:  100% 575%;
    -webkit-background-size: 100% 575%;
    -moz-background-size:    100% 575%;
    -o-background-size:      100% 575%;
}

.zakupki-menu .zakupki-link-2 .sprite {
    width: 88%;
    left: 6%;
}

.zakupki-menu .zakupki-link-3 .icon {
    background-position: 0 49.8%;
    background-size:         100% 570%;
    -khtml-background-size:  100% 570%;
    -webkit-background-size: 100% 570%;
    -moz-background-size:    100% 570%;
    -o-background-size:      100% 570%;
}

.zakupki-menu .zakupki-link-3 .sprite {
    width: 88%;
    left: 6%;
}

.zakupki-menu .zakupki-link-4 .icon {
    background-position: 0 71%;
    background-size:         100% 573%;
    -khtml-background-size:  100% 573%;
    -webkit-background-size: 100% 573%;
    -moz-background-size:    100% 573%;
    -o-background-size:      100% 573%;
}

.zakupki-menu .zakupki-link-4 .sprite {
    width: 88%;
    left: 6%;
}

.zakupki-menu .zakupki-link-5 .icon  {
    background-position: 0 92%;
    background-size:        100% 565%;
    -khtml-background-size:  100% 565%;
    -webkit-background-size: 100% 565%;
    -moz-background-size:    100% 565%;
    -o-background-size:      100% 565%;
}

.zakupki-menu .zakupki-link-5 .sprite {
    left: 6%;
    width: 87%;
}


.zakupki-link .sprite {
    background-color: #c3b8ae;
    width: 100%;
    height: 100%;
}

.zakupki-open-2:hover .sprite,
.zakupki-open:hover .sprite,
.zakupki-link:hover .sprite {
    background-color: #fd4944;
}

.zakupki-open-2:active .sprite,
.zakupki-open:active .sprite,
.zakupki-link:active .sprite,
.zakupki-link.active .sprite {
    background-color: #8d4341;
}

.zakupki-nav {
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.zakupki-nav a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: block;
}

.zakupki-nav img {
    position: relative;
    z-index: 10;
    width: 100%;
}

.zakupki-prev {
    top: 46.3%;
    left: 10%;
    width: 3.9%;
}

.zakupki-next {
    top: 46.2%;
    right: 10.1%;
    width: 3.9%;
}

.zakupki-prev .sprite {
    top: 12%;
    left: 4%;
    z-index: 1;
    width: 78%;
    height: 73%;
    background-color: #8d524a;
}

.zakupki-next .sprite {
    top: 14%;
    left: 15%;
    width: 87%;
    height: 75%;
    background-color: #b3635e;
}

.zakupki-prev:hover .sprite,
.zakupki-next:hover .sprite {
    background-color: #fb4525;
}

/*Slider*/

#wrapperzakupki .bxcontainer>.bxslider {
    position: absolute;
    top: 100%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#wrapperzakupki .bxslider {
    position: absolute;
    z-index: 1;
    height: 100%;
    background: #000;
}

#wrapperzakupki .bxslider li {
    width: 100%;
    height: 100%;
}

#wrapperzakupki .bxslider li img {
    width: 100%;
    height: 100%;
}

#wrapperzakupki .bxcontainer {
    margin: 0;
    width: 100%;
    height: 100%;
}

#wrapperzakupki .bx-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100% !important;
}

#wrapperzakupki .bx-wrapper.active {
    z-index: 3;
}

#wrapperzakupki .bx-viewport {
    height: 100% !important;
}

#wrapperzakupki.start .bx-viewport {
    display: none;
}

#wrapperzakupki .bx-pager {
    position: absolute;
    top: 3.6%;
    left: 13.1%;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 73%;
    height: 17.8%;
}

#wrapperzakupki .bx-pager a {
    position: absolute;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 3.7%;
    width: 23.7%;
    height: 100%;
    -webkit-border-radius: 5%;
    border-radius: 5%;
}

#wrapperzakupki .bx-pager .item-2 {
    left: 23.8%;
}

#wrapperzakupki .bx-pager .item-3 {
    left: 47.6%;
}

#wrapperzakupki .bx-pager .item-4 {
    left: 71.2%;
}

#wrapperzakupki .bx-pager a img {
    position: absolute;
    top: 10%;
    left: 7%;
    z-index: 1;
    width: 85%;
    height: 77.5%;
}

#wrapperzakupki .bx-pager a .icon {
    position: absolute;
    z-index: 2;
}

#wrapperzakupki.start .bx-pager .item-1.active .icon,
#wrapperzakupki .bx-pager .item-1 .icon {
    background-image: url(../images/zakupki-thumb-1.png);
}

#wrapperzakupki.start .bx-pager .item-1.active:hover .icon,
#wrapperzakupki .bx-pager .item-1:hover .icon {
    background-image: url(../images/zakupki-thumb-hovered-1.png);
}

#wrapperzakupki .bx-pager .item-1.active .icon {
    background-image: url(../images/zakupki-thumb-active-1.png);
}

#wrapperzakupki.start .bx-pager .item-2.active .icon,
#wrapperzakupki .bx-pager .item-2 .icon {
    background-image: url(../images/zakupki-thumb-2.png);
}

#wrapperzakupki.start .bx-pager .item-2.active:hover .icon,
#wrapperzakupki .bx-pager .item-2:hover .icon {
    background-image: url(../images/zakupki-thumb-hovered-2.png);
}

#wrapperzakupki .bx-pager .item-2.active .icon {
    background-image: url(../images/zakupki-thumb-active-2.png);
}

#wrapperzakupki.start .bx-pager .item-3.active .icon,
#wrapperzakupki .bx-pager .item-3 .icon {
    background-image: url(../images/zakupki-thumb-3.png);
}

#wrapperzakupki.start .bx-pager .item-3.active:hover .icon,
#wrapperzakupki .bx-pager .item-3:hover .icon {
    background-image: url(../images/zakupki-thumb-hovered-3.png);
}

#wrapperzakupki .bx-pager .item-3.active .icon {
    background-image: url(../images/zakupki-thumb-active-3.png);
}

#wrapperzakupki.start .bx-pager .item-4.active .icon,
#wrapperzakupki .bx-pager .item-4 .icon {
    background-image: url(../images/zakupki-thumb-4.png);
}

#wrapperzakupki.start .bx-pager .item-4.active:hover .icon,
#wrapperzakupki .bx-pager .item-4:hover .icon {
    background-image: url(../images/zakupki-thumb-hovered-4.png);
}

#wrapperzakupki .bx-pager .item-4.active .icon {
    background-image: url(../images/zakupki-thumb-active-4.png);
}

/*End Slider*/

#wrapperzakupki .zakupki-goto-site {
    display: inline-block;
    padding: 1.7% 2.8%;
    margin-left: 2%;
    line-height: 100%;
    font-size: 90%;
    background: rgb(253,71,33); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,71,33,1) 0%, rgba(238,59,56,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,71,33,1)), color-stop(100%,rgba(238,59,56,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,71,33,1) 0%,rgba(238,59,56,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,71,33,1) 0%,rgba(238,59,56,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,71,33,1) 0%,rgba(238,59,56,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,71,33,1) 0%,rgba(238,59,56,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4721', endColorstr='#ee3b38',GradientType=0 ); /* IE6-9 */
    border: 2px solid #d53617;
    font-weight: bold;
    font-family: Tahoma, "Times New Roman", Times, serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border-bottom: 2px solid #503c3c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow:         0px 1px 3px #ff6d4d inset;
    -webkit-box-shadow: 0px 1px 3px #ff6d4d inset;
    -moz-box-shadow:    0px 1px 3px #ff6d4d inset;
}