#page-evo {
    position: relative;
    overflow: hidden;
    min-width: 764px;
    min-height: 500px;
    width: 100%;
    height: 100%;
    background: url(../images/bg-evo.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%;
}

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

#wrapperevo .content {
    position: absolute;
    top: 14%;
    left: 15%;
    z-index: 0;
    width: 72%;
    height: 70%;
    /*background-image: url(../images/content/evo-main.jpg);*/
}

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

#evo-home {
    position: absolute;
    top: .5%;
    right: 4.5%;
    z-index: 99;
    width: 18%;
    height: 20.2%;
    cursor: pointer;
}

.evo-home-decor {
    position: absolute;
    z-index: 10;
    width: 20%;
    height: 62%;
    top: 80%;
    right: 26%;
    background-image: url(../images/buttons/evo-home-decor.png);
}

#evo-home .sprite {
    top: 16%;
    left: 10%;
    z-index: 0;
    width: 80%;
    height: 70%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
    background-color: #b32222;
}

#evo-home:hover .sprite {
    background-color: #2a8d08;
}

#evo-home:active .sprite {
    background-color: #464646;
}

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

.bg-evo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    min-height: 500px;
    max-height: 1600px;
    height: 100%;
}

.bg-evo-2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    display: block;
    min-height: 500px;
    max-height: 1600px;
    height: 100%;
}

#page-evo .character-2 {
    position: absolute;
    bottom: 0%;
    left: 22%;
    z-index: 3;
    width: 30.5%;
    height: 28.2%;
    background-image: url(../images/characters/char-evo-2.png);
}
#page-evo .character-3 {
    position: absolute;
    right: 21.5%;
    bottom: 0%;
    z-index: 3;
    width: 25%;
    height: 30%;
    background-image: url(../images/characters/char-evo-3.png);
}

.evo-info {
    position: absolute;
    top: 19%;
    right: -300%;
    z-index: 10;
    width: 55%;
    height: 57%;
    background-image: url(../images/evo-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);
}

#wrapperevo .evo-info.opened {
    right: 21% !important;
}

.evo-info .inner {
    position: absolute;
    top: 14%;
    left: 10%;
    overflow-y: scroll;
    padding-right: 3%;
    width: 78%;
    height: 73%;
}

.evo-info {
    font-size: 95%;
}

.evo-info p {
    line-height: 140%;
}

.evo-info ul {
    list-style: disc outside;
    margin-left: 6%;
}

.evo-info h2 {
    color: #d21f1f;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 150%;
}

.evo-info h3 {
    color: #d21f1f;
    font-style: italic;
    font-size: 110%;
}

#page-evo .btn-toggle .sprite {
    width: 88%;
    height: 89%;
    top: 5%;
    left: 5%;
    background-color: #c10000;
}

#page-evo .btn-toggle:hover .sprite {
    background-color: #2a8d08;
}

#page-evo .btn-toggle:active .sprite {
    background-color: #464646;
}

.evo-info .evo-open {
    position: absolute;
    top: 41%;
    left: -4%;
    z-index: 10;
    width: 12.5%;
    height: 17.5%;
    cursor: pointer;
}

.evo-info .evo-close {
    position: absolute;
    top: -1%;
    right: -1%;
    z-index: 10;
    width: 12.5%;
    height: 17.5%;
    cursor: pointer;
}

.evo-open .icon {
    position: relative;
    z-index: 10;
}

.evo-close .icon {
    background-image: url(../images/buttons/evo-close.png);
    z-index: 10;
    position: absolute;
}

.evo-open img,
.evo-close img,
.evo-open img {
    position: absolute;
    top: 12%;
    left: 12%;
    width: 78%;
    height: 79%;
}

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

.evo-info .evo-open .icon {
    background-image: url(../images/buttons/evo-open-left.png);
}

.evo-info.opened .evo-open .icon {
    background-image: url(../images/buttons/evo-open-right.png);
}

.evo-close:hover .normal,
.evo-open:hover .normal {
    opacity: 0;
}

.evo-menu {
    position: absolute;
    top: 13%;
    left: -300%;
    z-index: 10;
    width: 34%;
    height: 67%;
    background-image: url(../images/evo-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);
}

.evo-decor {
    position: absolute;
    bottom: -26.5%;
    left: 22%;
    z-index: 10;
    width: 18%;
    height: 33%;
    background-image: url(../images/evo-menu-decor.png);
}

.evo-menu .evo-open {
    position: absolute;
    top: 42%;
    right: -6%;
    z-index: 10;
    width: 20.1%;
    height: 14.8%;
    cursor: pointer;
}

.evo-menu .evo-open .icon {
    background-image: url(../images/buttons/evo-open-right.png);
}

.evo-menu.opened .evo-open .icon {
    background-image: url(../images/buttons/evo-open-left.png);
}

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

.evo-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 22.2%;
}


.evo-link .sprite {
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #bd1515;
}

.evo-link .icon {
    top: 0;
    z-index: 10;
    position: absolute;
}

.evo-link:hover .sprite {
    background-color: #2a8d08;
}

.evo-link:active .sprite {
    background-color: #464646;
}

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

.evo-menu .evo-link-2 {
    top: 22.2%;
    height: 18.5%;
}

.evo-menu .evo-link-3 {
    top: 40.7%;
    height: 18.4%;
}

.evo-menu .evo-link-4 {
    top: 59.1%;
    height: 18.6%;
}

.evo-menu .evo-link-5 {
    bottom: 0;
}



.evo-menu .inner .icon {
    z-index: 10;
    position: absolute;
    top: 0;
    background: url(../images/evo-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%;
}

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

.evo-menu .evo-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;
}

.evo-menu .evo-link-2 .icon {
    background-position: 0 27.3%;
}

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

.evo-menu .evo-link-3 .icon {
    background-position: 0 49.8%;
}

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

.evo-menu .evo-link-4 .icon {
    background-position: 0 72.5%;
    background-size:         100% 543%;
    -khtml-background-size:  100% 543%;
    -webkit-background-size: 100% 543%;
    -moz-background-size:    100% 543%;
    -o-background-size:      100% 543%;
}

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

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

.evo-menu .evo-link-5 .sprite {
    left: 6%;
    width: 88%;
    height: 90%;
    border-radius: 0 0 20px 20px;
}


/*Slider*/


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

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

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

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

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

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

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

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

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

#wrapperevo .bx-pager {
    position: absolute;
    top: 2%;
    left: 14.4%;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 73%;
    height: 19.9%;
}

#wrapperevo .bx-pager a {
    position: absolute;
    display: block;
    float: left;
    overflow: hidden;
    width: 22.4%;
    height: 100%;
    -webkit-border-radius: 5%;
    border-radius: 5%;
}

#wrapperevo .bx-pager .item-2 {
    left: 22.3%;
    width: 21.1%;
}

#wrapperevo .bx-pager .item-3 {
    left: 43.2%;
    width: 21.2%;
}

#wrapperevo .bx-pager .item-4 {
    left: 64.3%;
    width: 21.2%;
}

#wrapperevo .bx-pager a img {
    position: absolute;
    top: 15%;
    left: 15%;
    z-index: 1;
    width: 70%;
    height: 54%;
}

#wrapperevo .bx-pager a .icon {
    position: absolute;
    z-index: 2;
    background-image: url(../images/evo-thumbs.png);
    background-size:            100% 1200%;
    -khtml-background-size:     100% 1200%;
    -webkit-background-size:    100% 1200%;
    -moz-background-size:       100% 1200%;
    -o-background-size:         100% 1200%;
}

#wrapperevo.start .bx-pager .item-1.active .icon,
#wrapperevo .bx-pager .item-1 .icon {
    background-position: 0 -.62%;
}

#wrapperevo.start .bx-pager .item-1.active:hover .icon,
#wrapperevo .bx-pager .item-1:hover .icon {
    background-position: 0 72.66%;
}

#wrapperevo .bx-pager .item-1.active .icon {
    background-position: 0% 36.35%;
}

#wrapperevo.start .bx-pager .item-2.active .icon,
#wrapperevo .bx-pager .item-2 .icon {
    background-position: -1px 8.66%;
}

#wrapperevo.start .bx-pager .item-2.active:hover .icon,
#wrapperevo .bx-pager .item-2:hover .icon {
    background-position: 0 81.76%;
}

#wrapperevo .bx-pager .item-2.active .icon {
    background-position: 0 45.4%;
}

#wrapperevo.start .bx-pager .item-3.active .icon,
#wrapperevo .bx-pager .item-3 .icon {
    background-position: 1px 17.6%;
}

#wrapperevo.start .bx-pager .item-3.active:hover .icon,
#wrapperevo .bx-pager .item-3:hover .icon {
    background-position: 0% 90.88%;
}

#wrapperevo .bx-pager .item-3.active .icon {
    background-position: 0 54.52%;
}

#wrapperevo.start .bx-pager .item-4.active .icon,
#wrapperevo .bx-pager .item-4 .icon {
    background-position: 0 26.85%;
}

#wrapperevo.start .bx-pager .item-4.active:hover .icon,
#wrapperevo .bx-pager .item-4:hover .icon {
    background-position: 0% 100%;
}

#wrapperevo .bx-pager .item-4.active .icon {
    background-position: 1px 63.65%;
}

/*End Slider*/