@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700,300&subset=latin,latin-ext);
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/* COOKIE INFO */

#cookie-info-outer {
    position: relative;
    width: 100%;
    background: #e4e4e4;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}

#cookie-info-outer .cookie-info {
    padding: 10px 42px 10px 10px;
}

#cookie-info-outer .cookie-img {
    display: none;
}

#cookie-info-outer .cookie-text {
    color: #069bdb;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

#cookie-info-outer .cookie-text a {
    text-decoration: underline;
}

#cookie-info-outer .cookie-close {
    position: absolute;
    top: 10px;
    right: 10px;
    float: right;
}

#cookie-info-outer .cookie-close .cookie-close-link {
    width: 22px;
    height: 22px;
    background: url(../img/cookie-close.png) no-repeat 0 0;
    display: block;
}

@media only screen and (min-width: 900px) {
    #cookie-info-outer .cookie-info {
        width: 900px;
        height: 68px;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }
    #cookie-info-outer .cookie-img {
        display: block;
        float: left;
        width: 267px;
        padding-top: 12px;
        padding-left: 52px;
    }

    #cookie-info-outer .cookie-text {
        padding: 10px 42px 0 0;
        font-size: 12px;
    }

    #cookie-info-outer .cookie-close {
        position: absolute;
        top: 18px;
        right: 4px;
        float: right;
    }
}

@media only screen and (min-width: 1000px) {
    #cookie-info-outer .cookie-info {
        width: 1000px;
    }

    #cookie-info-outer .cookie-img {
        width: 317px;
    }
}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;
    left: -5px;
    background: #fff;

    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

body {
    margin: 0;
    padding: 0;
}
a,
li,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
textarea,
fieldset {
    font-family: inherit;
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    font-size: inherit;
    text-align: inherit;
}
input,
select,
textarea,
button {
    bottom: 0;
    box-sizing: content-box;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
ul,
ol,
li {
    font-family: inherit;
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: inherit;
}
header,
nav,
footer,
article,
section {
    display: block;
}
input,
textarea,
fieldset,
select {
    border: 0;
    box-sizing: content-box;
}
textarea {
    resize: none;
}
img {
    border: 0;
}
table {
    border-collapse: collapse;
}
table th {
    font-weight: normal;
}
body.no-transition {
    transition: none !important;
}
img[usemap],
map area {
    outline: none;
}
body {
    min-width: 640px;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 9045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 9044;
}
.mfp-preloader a {
    color: #cccccc;
}
.mfp-preloader a:hover {
    color: white;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 9046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
                     * Remove all paddings around the image on small screen
                     */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
@media screen and (max-width: 640px) {
    @-webkit-viewport {
        width: 640px !important;
    }
    @-moz-viewport {
        width: 640px !important;
    }
    @-ms-viewport {
        width: 640px !important;
    }
    @-o-viewport {
        width: 640px !important;
    }
    @viewport {
        width: 640px !important;
    }
}
@media screen and (min-width: 480px) {
    @-ms-viewport {
        width: 1000px !important;
    }
}
@media screen and (min-width: 640px) {
    @-webkit-viewport {
        width: 640px !important;
    }
    @-moz-viewport {
        width: 640px !important;
    }
    @-ms-viewport {
        width: 640px !important;
    }
    @-o-viewport {
        width: 640px !important;
    }
    @viewport {
        width: 640px !important;
    }
}
@media screen and (min-width: 650px) {
    @-webkit-viewport {
        width: device-width !important;
    }
    @-moz-viewport {
        width: device-width !important;
    }
    @-ms-viewport {
        width: device-width !important;
    }
    @-o-viewport {
        width: device-width !important;
    }
    @viewport {
        width: device-width !important;
    }
}
@media screen and (min-width: 900px) {
    @-webkit-viewport {
        width: 1000px !important;
    }
    @-moz-viewport {
        width: 1000px !important;
    }
    @-ms-viewport {
        width: 1000px !important;
    }
    @-o-viewport {
        width: 1000px !important;
    }
    @viewport {
        width: 1000px !important;
    }
}
@media screen and (min-width: 1200px) {
    @-webkit-viewport {
        width: 1280px !important;
    }
    @-moz-viewport {
        width: 1280px !important;
    }
    @-ms-viewport {
        width: 1280px !important;
    }
    @-o-viewport {
        width: 1280px !important;
    }
    @viewport {
        width: 1280px !important;
    }
}
@media screen and (min-width: 1280px) {
    @-webkit-viewport {
        width: device-width !important;
    }
    @-moz-viewport {
        width: device-width !important;
    }
    @-ms-viewport {
        width: device-width !important;
    }
    @-o-viewport {
        width: device-width !important;
    }
    @viewport {
        width: device-width !important;
    }
}
html,
body {
    overflow-x: hidden;
}
.clear {
    position: relative;
    clear: both;
    height: 0px;
    overflow: hidden;
    display: block;
}
table {
    border-collapse: separate;
    border: none;
    border-spacing: 1px 1px;
    font-size: 15px;
    line-height: 18px;
    width: 106% !important;
    margin-left: -3%;
    overflow: hidden;
}
@media only screen and (min-width: 900px) {
    table {
        font-size: 12px;
        line-height: 16px;
    }
}
table thead th {
    border-bottom: 15px solid #3AA9DA;
    border-color: transparent;
    padding: 0;
    background: none;
}
table thead th .text {
    padding: 12px 3px;
    text-align: center;
    background: #0072A4;
}
table thead th.without_text .text {
    background: none;
}
table th {
    border: 0;
    position: relative;
    padding: 12px 3px;
    background: #0072A4;
}
table th.without_text {
    background: none;
}
table td {
    border: 0;
    background: none;
    position: relative;
    padding: 11px 1px;
    border-bottom: 1px solid #3AA9DA;
}
table td:before {
    content: '';
    height: 110%;
    width: 0;
    position: absolute;
    right: 100%;
    top: 0;
    border-left: 1px solid #FFF;
}
table td.no_border:before {
    content: '';
    border: 0;
    display: none;
}
table td.without_border {
    padding: 0;
    border-color: transparent;
    padding-left: 15px;
    text-align: left;
}
table td.without_border .text {
    padding: 11px 13px 12px 15px;
    background: #0072A4;
    margin-top: -1px;
}
table td.without_border:before {
    content: '';
    border: 0;
    display: none;
}
table tr td:first-child.without_border {
    padding-left: 0;
    padding-right: 15px;
}
table tr td:first-child:before {
    content: '';
    border: 0;
    display: none;
}
table tr:last-child td {
    border: none;
}
.green table thead th {
    background: none;
    border-bottom: 15px solid #a1e175;
    border-color: transparent;
}
.green table thead th .text {
    background: #76a855;
}
.green table thead th.without_text .text {
    background: none;
}
.green table th {
    background: #76a855;
}
.green table th.without_text {
    background: none;
}
.green table td {
    background: none;
    border-bottom: 1px solid #a1e175;
}
.green table td.without_border {
    border-color: transparent;
}
.green table td.without_border .text {
    background: #76a855;
}
.green table tr:last-child td {
    border: none;
}
.green table thead th {
    background: none;
    border-bottom: 15px solid #a1e175;
    border-color: transparent;
}
.green table thead th .text {
    background: #76a855;
}
.green table thead th.without_text .text {
    background: none;
}
.green table th {
    background: #76a855;
}
.green table th.without_text {
    background: none;
}
.green table td {
    background: none;
    border-bottom: 1px solid #a1e175;
}
.green table td.without_border {
    border-color: transparent;
}
.green table td.without_border .text {
    background: #76a855;
}
.green table tr:last-child td {
    border: none;
}
.pink table thead th {
    background: none;
    border-bottom: 15px solid #e065bc;
    border-color: transparent;
}
.pink table thead th .text {
    background: #ff057e;
}
.pink table thead th.without_text .text {
    background: none;
}
.pink table th {
    background: #ff057e;
}
.pink table th.without_text {
    background: none;
}
.pink table td {
    background: none;
    border-bottom: 1px solid #e065bc;
}
.pink table td.without_border {
    border-color: transparent;
}
.pink table td.without_border .text {
    background: #ff057e;
}
.pink table tr:last-child td {
    border: none;
}
.purple table thead th {
    background: none;
    border-bottom: 15px solid #6167a5;
    border-color: transparent;
}
.purple table thead th .text {
    background: #2b3179;
}
.purple table thead th.without_text .text {
    background: none;
}
.purple table th {
    background: #2b3179;
}
.purple table th.without_text {
    background: none;
}
.purple table td {
    background: none;
    border-bottom: 1px solid #6167a5;
}
.purple table td.without_border {
    border-color: transparent;
}
.purple table td.without_border .text {
    background: #2b3179;
}
.purple table tr:last-child td {
    border: none;
}
.orange table thead th {
    background: none;
    border-bottom: 15px solid #df6533;
    border-color: transparent;
}
.orange table thead th .text {
    background: #be2800;
}
.orange table thead th.without_text .text {
    background: none;
}
.orange table th {
    background: #be2800;
}
.orange table th.without_text {
    background: none;
}
.orange table td {
    background: none;
    border-bottom: 1px solid #df6533;
}
.orange table td.without_border {
    border-color: transparent;
}
.orange table td.without_border .text {
    background: #be2800;
}
.orange table tr:last-child td {
    border: none;
}
.yellow table thead th {
    background: none;
    border-bottom: 15px solid #ecad33;
    border-color: transparent;
}
.yellow table thead th .text {
    background: #967131;
}
.yellow table thead th.without_text .text {
    background: none;
}
.yellow table th {
    background: #967131;
}
.yellow table th.without_text {
    background: none;
}
.yellow table td {
    background: none;
    border-bottom: 1px solid #ecad33;
}
.yellow table td.without_border {
    border-color: transparent;
}
.yellow table td.without_border .text {
    background: #967131;
}
.yellow table tr:last-child td {
    border: none;
}
html,
body {
    min-width: 640px;
}
ul {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 20px;
    margin: 0;
    list-style: none;
}
ul li {
    position: relative;
    padding-bottom: 6px;
}
ul li:before {
    content: '\25A0';
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 15px;
}
.bx-wrapper {
    margin-bottom: 0;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
}
.bx-wrapper .bx-viewport ul li:before {
    content: '';
    display: none;
}
.bx-wrapper .bx-controls-direction a {
    width: 42px;
    height: 72px;
    margin-top: -36px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 5000;
}
.bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.bx-wrapper .bx-controls-direction .bx-wrapper .bx-prev {
    background: url('../img/slider_nav_btn_prev.png') 0 0 no-repeat;
}
.bx-wrapper .bx-controls-direction .bx-wrapper .bx-next {
    background: url('../img/slider_nav_btn_next.png') 0 0 no-repeat;
}
.bx-wrapper .bx-prev {
    left: 7%;
    background: url('../img/slider_nav_btn_prev.png') 0 0 no-repeat;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next {
    right: 7%;
    background: url('../img/slider_nav_btn_next.png') 0 0 no-repeat;
}
.bx-wrapper .bx-next:hover {
    background-position: 0 0;
}
.html5_video_wrapper {
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto;
    position: relative;
}
.html5_video_wrapper video {
    width: 100%;
}
.html5_video_wrapper .mfp-close {
    top: -35px;
    color: #FFFFFF;
    right: -15px;
}
.text-common {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
@media only screen and (min-width: 900px) {
    .text-common {
        font-size: 14px;
    }
}
.text-common h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
@media only screen and (min-width: 900px) {
    .text-common h2 {
        font-size: 32px;
    }
}
.text-common h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .text-common h2 .strong {
        font-size: 32px;
    }
}
.text-common h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .text-common h2 strong {
        font-size: 32px;
    }
}
.pc-block {
    display: none !important;
}
@media only screen and (min-width: 900px) {
    .pc-block {
        display: block !important;
    }
}
.pc-inline-block {
    display: none !important;
}
@media only screen and (min-width: 900px) {
    .pc-inline-block {
        display: inline-block !important;
    }
}
.pc-inline {
    display: none !important;
}
@media only screen and (min-width: 900px) {
    .pc-inline {
        display: inline !important;
    }
}
.pc-table {
    display: none !important;
}
@media only screen and (min-width: 900px) {
    .pc-table {
        display: table !important;
    }
}
.pc-table-cell {
    display: none !important;
}
@media only screen and (min-width: 900px) {
    .pc-table-cell {
        display: table-cell !important;
    }
}
.mobile-block {
    display: block !important;
}
@media only screen and (min-width: 900px) {
    .mobile-block {
        display: none !important;
    }
}
.mobile-inline-block {
    display: inline-block !important;
}
@media only screen and (min-width: 900px) {
    .mobile-inline-block {
        display: none !important;
    }
}
.mobile-inline {
    display: inline !important;
}
@media only screen and (min-width: 900px) {
    .mobile-inline {
        display: none !important;
    }
}
.mobile-table {
    display: table !important;
}
@media only screen and (min-width: 900px) {
    .mobile-table {
        display: none !important;
    }
}
.mobile-table-cell {
    display: table-cell !important;
}
@media only screen and (min-width: 900px) {
    .mobile-table-cell {
        display: none !important;
    }
}
.page-center {
    width: 100%;
    clear: both;
    display: block;
    float: none;
}
@media only screen and (min-width: 1000px) {
    .page-center {
        width: 1000px;
        margin: 0 auto;
    }
}
.slider_top {
    display: none;
}
@media only screen and (min-width: 900px) {
    .slider_top {
        display: block;
        width: 100%;
        clear: both;
        height: 400px;
        position: relative;
        overflow: hidden;
    }
    .slider_top .bx-wrapper {
        margin-bottom: 0;
    }
    .slider_top .bx-wrapper .bx-viewport {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        left: 0;
    }
    .slider_top ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 400px;
    }
    .slider_top ul li {
        display: block;
        width: 100%;
        height: 400px;
        background-position: top center;
        background-size: cover;
        color: #FFFFFF;
        position: relative;
    }
    .slider_top ul li .play_btn {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .slider_top ul li .play_btn span {
        display: block;
        width: 198px;
        height: 198px;
        opacity: 0.78;
        filter: alpha(opacity=78);
        background: url('../img/slider_play_btn.png') no-repeat;
        position: absolute;
        margin-left: -99px;
        margin-top: -99px;
        left: 50%;
        top: 50%;
    }
    .slider_top ul li .play_btn:hover span {
        opacity: 0.95;
        filter: alpha(opacity=95);
    }
    .slider_top ul li .page-center {
        height: 400px;
    }
    .slider_top ul li .content {
        float: left;
        position: absolute;
        left: 0;
        top: 207px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 22px;
        z-index: 500;
    }
    .slider_top ul li .content b,
    .slider_top ul li .content strong {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }
    .slider_top ul li .content .title {
        font-size: 53px;
        line-height: 53px;
        margin-left: -2px;
        clear: both;
        padding-bottom: 20px;
        position: relative;
        /*                        height: 53px;
                                                    .wrapper{
                                                        position: absolute;
                                                        bottom: 16px; left: 0; width: 100%;
                                                    }*/
    }
    .slider_top ul li .content.link:after {
        content: url(../img/more-right-small.png);
        display: inline-block;
        margin-left: 5px;
        position: relative;
        top: 3px;
    }
    .slider_top ul li .slider_btn {
        width: 258px;
        height: 178px;
        background: url('../img/slider_btn.png') no-repeat;
        position: absolute;
        top: 83px;
        right: 78px;
        text-align: center;
        line-height: 178px;
    }
    .slider_top ul li .slider_btn span {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 26px;
        font-style: italic;
        padding-top: 91px;
        padding-left: 20px;
        padding-right: 16px;
        display: block;
        text-align: center;
        line-height: 28px;
        text-transform: uppercase;
    }
    .slider_top ul li .slider_btn span:after {
        content: url(../img/more-right-small.png);
        display: inline-block;
        margin-left: 15px;
    }
    .slider_top ul li .slider_btn .icon {
        vertical-align: middle;
        padding-top: 14px;
        padding-left: 12px;
        max-width: 88px;
        max-height: 88px;
        display: inline-block;
    }
    .slider_top ul li .cloud {
        width: 800px;
        height: 519px;
        background: url('../img/slider_cloud.png') no-repeat;
        position: absolute;
        bottom: 0;
        right: 609px;
    }
    .slider_top .page-center {
        width: 880px;
        margin: 0 auto;
        position: relative;
    }
    .slider_top .slider_pager {
        position: absolute;
        top: -105px;
        right: -20px;
        height: 15px;
        padding: 20px;
        z-index: 500;
    }
    .slider_top .slider_pager a {
        display: block;
        float: left;
        width: 15px;
        height: 15px;
        border-radius: 12px;
        background: #FFFFFF;
        margin: 0 1px 0 19px;
        -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.4);
        -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.4);
        box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.4);
    }
    .slider_top .slider_pager a span {
        width: 9px;
        height: 9px;
        border-radius: 10px;
        background: #07b0f8;
        margin-top: 3px;
        margin-left: 3px;
        display: none;
    }
    .slider_top .slider_pager a:hover span,
    .slider_top .slider_pager a.active span {
        display: block;
    }
    .slider_top.blue ul li .slider_btn {
        background: url('../img/slider_btn_blue.png') no-repeat;
    }
    .slider_top.blue ul li .cloud {
        background: url('../img/slider_cloud_blue.png') no-repeat;
    }
    .slider_top.blue .slider_pager a span {
        background: #07b0f8;
    }
    .slider_top.green ul li .slider_btn {
        background: url('../img/slider_btn_green.png') no-repeat;
    }
    .slider_top.green ul li .cloud {
        background: url('../img/slider_cloud_green.png') no-repeat;
    }
    .slider_top.green .slider_pager a span {
        background: #89da53;
    }
    .slider_top.dark-green ul li .slider_btn {
        background: url('../img/slider_btn_dark-green.png') no-repeat;
    }
    .slider_top.dark-green ul li .cloud {
        background: url('../img/slider_cloud_dark-green.png') no-repeat;
    }
    .slider_top.dark-green .slider_pager a span {
        background: #89da53;
    }
    .slider_top.pink ul li .slider_btn {
        background: url('../img/slider_btn_pink.png') no-repeat;
    }
    .slider_top.pink ul li .cloud {
        background: url('../img/slider_cloud_pink.png') no-repeat;
    }
    .slider_top.pink .slider_pager a span {
        background: #ff5baa;
    }
    .slider_top.yellow ul li .slider_btn {
        background: url('../img/slider_btn_yellow.png') no-repeat;
    }
    .slider_top.yellow ul li .cloud {
        background: url('../img/slider_cloud_yellow.png') no-repeat;
    }
    .slider_top.yellow .slider_pager a span {
        background: #ffc12f;
    }
    .slider_top.orange ul li .slider_btn {
        background: url('../img/slider_btn_orange.png') no-repeat;
    }
    .slider_top.orange ul li .cloud {
        background: url('../img/slider_cloud_orange.png') no-repeat;
    }
    .slider_top.orange .slider_pager a span {
        background: #dd6636;
    }
    .slider_top.purple ul li .slider_btn {
        background: url('../img/slider_btn_purple.png') no-repeat;
    }
    .slider_top.purple ul li .cloud {
        background: url('../img/slider_cloud_purple.png') no-repeat;
    }
    .slider_top.purple .slider_pager a span {
        background: #656cac;
    }
    .slider_top.erp ul li .content {
        top: 184px;
    }
    .slider_top.erp ul li .content .title {
        font-size: 48px;
        line-height: 58px;
        padding-bottom: 26px;
    }
    .slider_top.erp ul li .slider_btn {
        top: 142px;
    }
    .slider_top.erp ul li .cloud {
        right: 633px;
    }
    .slider_top.standard ul li .content {
        top: 152px;
    }
    .slider_top.standard ul li .content .title {
        font-size: 45px;
        line-height: 53px;
        padding-bottom: 16px;
    }
    .slider_top.standard ul li .cloud {
        width: 851px;
        height: 586px;
        bottom: auto;
        top: 0;
        right: 427px;
    }
    .slider_top.standard.blue ul li .cloud {
        background: url('../img/slider_cloud_big_blue.png') no-repeat;
    }
    .slider_top.standard.green ul li .cloud {
        background: url('../img/slider_cloud_big_green.png') no-repeat;
    }
    .slider_top.standard.pink ul li .cloud {
        background: url('../img/slider_cloud_big_pink.png') no-repeat;
    }
    .slider_top.standard.yellow ul li .cloud {
        background: url('../img/slider_cloud_big_yellow.png') no-repeat;
    }
    .slider_top.standard.orange ul li .cloud {
        background: url('../img/slider_cloud_big_orange.png') no-repeat;
    }
    .slider_top.standard.purple ul li .cloud {
        background: url('../img/slider_cloud_big_purple.png') no-repeat;
    }
}
body.fixed_header {
    padding-top: 253px;
}
body.fixed_header header {
    position: fixed;
    min-width: 640px;
    width: 100%;
    top: 0;
    left: 0;
    margin-bottom: 0;
    z-index: 6000;
}
@media only screen and (min-width: 900px) {
    body.fixed_header {
        padding-top: 74px;
    }
}
header {
    zoom: 1;
    clear: both;
    margin-bottom: 116px;
    background: #FFFFFF;
    position: relative;
    z-index: 4500;
    min-width: 640px;
}
header:before,
header:after {
    content: "";
    display: table;
}
header:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    header {
        margin-bottom: 0;
    }
}
header .logo {
    float: left;
    height: 98px;
    width: 55%;
    line-height: 70px;
}
@media only screen and (min-width: 900px) {
    header .logo {
        width: 26.8%;
        height: 74px;
    }
}
@media only screen and (min-width: 900px) {
    header .logo a {
        background: url(../img/logo-pc.png);
        width: 208px;
        height: 31px;
        display: block;
        margin-top: 21px;
    }
    header .logo a img {
        display: none;
    }
}
header .logo a img {
    vertical-align: middle;
    margin-top: 9px;
    margin-left: 29px;
}
header .actions {
    float: right;
    height: 98px;
    width: auto;
    zoom: 1;
    position: relative;
    top: 29px;
}
header .actions:before,
header .actions:after {
    content: "";
    display: table;
}
header .actions:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    header .actions {
        /*            width: unit(213 / @pc-page-width * 100, %);*/
        width: 21%;
        height: 74px;
    }
}
header .actions .login {
    font-size: 24.43px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: relative;
    display: block;
    float: right;
}
@media only screen and (min-width: 900px) {
    header .actions .login {
        font-size: 15px;
        margin-left: 26px;
        margin-top: 2px;
    }
}
header .actions .login:before {
    content: url(../img/icon-login.png);
    display: block;
    position: absolute;
    left: -26px;
}
header .actions .lang {
    display: block;
    width: 54px;
    height: 36px;
    margin-right: 15px;
    margin-left: 30px;
    position: relative;
    float: right;
}
header .actions .lang .dropdown_btn,
header .actions .lang .lang_btn {
    display: block;
    width: 32px;
    height: 23px;
    padding: 7px 11px 6px 11px;
}
header .actions .lang .dropdown_btn span,
header .actions .lang .lang_btn span {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    width: 32px;
    height: 23px;
}
header .actions .lang .dropdown_btn.active,
header .actions .lang .lang_btn.active {
    background: #e4e4e4;
}
header .actions .lang ul {
    position: absolute;
    display: none;
    left: 0;
    top: 100%;
    list-style: none;
    padding: 0;
    width: 100%;
    background: #e4e4e4;
    padding-bottom: 5px;
}
header .actions .lang ul li {
    padding: 0;
    display: block;
    width: 32px;
    height: 23px;
    padding: 10px 11px 8px 11px;
}
header .actions .lang ul li:before {
    content: '';
    display: none;
}
header .actions .lang ul li a {
    display: block;
}
@media only screen and (min-width: 900px) {
    header .actions .lang {
        margin-right: 0;
        margin-top: -6px;
        margin-left: 5px;
    }
    header .actions .lang .dropdown_btn,
    header .actions .lang .lang_btn {
        width: 20px;
        height: 14px;
        padding: 13px 17px 9px 17px;
    }
    header .actions .lang .dropdown_btn span,
    header .actions .lang .lang_btn span {
        width: 20px;
        height: 14px;
    }
    header .actions .lang ul {
        padding-bottom: 12px;
    }
    header .actions .lang ul li {
        width: 20px;
        height: 14px;
        padding: 9px 17px 9px 17px;
    }
}
@media only screen and (min-width: 900px) {
    header .actions .lang img {
        width: 20px;
    }
}
header .page {
    clear: both;
    background: #07b0f8;
    color: #fff;
    height: 138px;
    padding-top: 17px;
}
@media only screen and (min-width: 900px) {
    header .page {
        clear: none;
        float: left;
        width: 52.2%;
        height: 67px;
        padding-top: 7px;
        position: relative;
        z-index: 200;
    }
}
header .page .breadcrubms {
    display: none;
}
@media only screen and (min-width: 900px) {
    header .page .breadcrubms {
        display: block;
        text-transform: uppercase;
        position: absolute;
        float: right;
        min-width: 157px;
        padding: 0 34px 0 34px;
        background: #008bc6;
        color: #FFF;
        top: 100%;
        right: 0;
        font-size: 13px;
        height: 37px;
        line-height: 37px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }
    header .page .breadcrubms span {
        padding: 0 8px;
    }
}
header .page .label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 24.5px;
    width: 81.25%;
    margin: 0 auto 10px;
}
@media only screen and (min-width: 900px) {
    header .page .label {
        font-size: 14px;
        width: auto;
        margin-left: 28px;
        margin-bottom: 6px;
    }
}
header .page .page-select {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
@media only screen and (min-width: 900px) {
    header .page .page-select {
        margin-left: 28px;
        width: 206px;
    }
}
header .page .page-select .current {
    background: #ffffff;
    color: #000;
    font-size: 30px;
    margin: 0 auto;
    padding: 0;
    width: 82%;
    cursor: pointer;
    position: relative;
}
header .page .page-select .current span {
    display: block;
    padding: 10px 25px 15px 25px;
}
@media only screen and (min-width: 900px) {
    header .page .page-select .current {
        font-size: 14px;
        width: auto;
        padding: 4px 10px 6px 15px;
    }
    header .page .page-select .current span {
        padding: 0;
    }
}
header .page .page-select .current:after {
    content: url(../img/mobile-arrow-page.png);
    display: block;
    position: absolute;
    right: 35px;
    top: 15px;
}
@media only screen and (min-width: 900px) {
    header .page .page-select .current:after {
        content: url(../img/page-arrow.png);
        right: 16px;
        top: 7px;
    }
}
header .page .page-select .current:hover {
    color: #07b0f8;
}
header .page .page-select ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 5px 0 17px 0;
    width: 82%;
    position: absolute;
    z-index: 5000;
    left: 9%;
    top: 100%;
    background: #ffffff;
    color: #000;
}
header .page .page-select ul li {
    padding: 5px 25px;
}
header .page .page-select ul li:before {
    content: '';
    display: none;
}
header .page .page-select ul li a {
    display: block;
    font-size: 24px;
    line-height: 26px;
    padding: 5px 0;
}
@media only screen and (min-width: 900px) {
    header .page .page-select ul {
        padding-bottom: 8px;
        width: 100%;
        left: 0;
    }
    header .page .page-select ul li {
        padding: 2px 15px;
    }
    header .page .page-select ul li a {
        font-size: 14px;
        line-height: 15px;
    }
    header .page .page-select ul li a:hover {
        color: #07b0f8;
    }
}
header .page .contact {
    display: none;
}
@media only screen and (min-width: 900px) {
    header .page .contact {
        font-family: 'Open Sans', sans-serif;
        display: block;
        float: left;
        padding-right: 38px;
        position: absolute;
        right: 0;
        top: 18px;
        font-size: 13px;
        line-height: 16px;
    }
    header .page .contact strong,
    header .page .contact b {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
    }
    header .page .contact:before {
        content: url('../img/icon-help.png');
        position: absolute;
        display: block;
        left: -31px;
        bottom: -5px;
    }
	header .page .contact.ssoUser:before {
        content: '';
    }
	header .page .contact.ssoUser{
		float:right;
		display: inline;
		    width: 50%;
			top:0px;
	}
	header .page .contact.ssoUser img {
		max-height: 74px;
		height: 74px;
		width: auto;
		float: left;
		margin-right: 10px;
		padding-left: 20px;
    }
	header .page .contact.ssoUser div{
		margin-top:7px;
		font-size:14px;
	}
}
header.green .page {
    background: #89da53;
}
header.green .page .breadcrubms {
    background: #78b949;
}
header.green .page .page-select .current:after {
    content: url(../img/mobile-arrow-page-green.png);
}
@media only screen and (min-width: 900px) {
    header.green .page .page-select .current:after {
        content: url(../img/page-arrow-green.png);
    }
}
header.green .page .page-select .current:hover {
    color: #89da53;
}
header.green .page .page-select ul li a:hover {
    color: #89da53;
}
header.dark-green .page {
    background: #75971a;
}
header.dark-green .page .breadcrubms {
    background: #658b00;
}
header.dark-green .page .page-select .current:after {
    content: url(../img/mobile-arrow-page-dark-green.png);
}
@media only screen and (min-width: 900px) {
    header.dark-green .page .page-select .current:after {
        content: url(../img/page-arrow-dark-green.png);
    }
}
header.dark-green .page .page-select .current:hover {
    color: #658b00;
}
header.dark-green .page .page-select ul li a:hover {
    color: #658b00;
}
header.pink .page {
    background: #ff5baa;
}
header.pink .page .breadcrubms {
    background: #ff027c;
}
header.pink .page .page-select .current:after {
    content: url(../img/mobile-arrow-page-pink.png);
}
@media only screen and (min-width: 900px) {
    header.pink .page .page-select .current:after {
        content: url(../img/page-arrow-pink.png);
    }
}
header.pink .page .page-select .current:hover {
    color: #ff5baa;
}
header.pink .page .page-select ul li a:hover {
    color: #ff5baa;
}
header.yellow .page {
    background: #ffc12f;
}
header.yellow .page .breadcrubms {
    background: #e79800;
}
header.yellow .page .page-select .current:after {
    content: url(../img/mobile-arrow-page-yellow.png);
}
@media only screen and (min-width: 900px) {
    header.yellow .page .page-select .current:after {
        content: url(../img/page-arrow-yellow.png);
    }
}
header.yellow .page .page-select .current:hover {
    color: #ffc12f;
}
header.yellow .page .page-select ul li a:hover {
    color: #ffc12f;
}
header.orange .page {
    background: #dd6636;
}
header.orange .page .breadcrubms {
    background: #d43f02;
}
header.orange .page .page-select .current:after {
    content: url(../img/mobile-arrow-page-orange.png);
}
@media only screen and (min-width: 900px) {
    header.orange .page .page-select .current:after {
        content: url(../img/page-arrow-orange.png);
    }
}
header.orange .page .page-select .current:hover {
    color: #dd6636;
}
header.orange .page .page-select ul li a:hover {
    color: #dd6636;
}
header.purple .page {
    background: #656cac;
}
header.purple .page .breadcrubms {
    background: #3d4496;
}
header.purple .page .page-select .current:after {
    content: url(../img/mobile-arrow-page-purple.png);
}
@media only screen and (min-width: 900px) {
    header.purple .page .page-select .current:after {
        content: url(../img/page-arrow-purple.png);
    }
}
header.purple .page .page-select .current:hover {
    color: #656cac;
}
header.purple .page .page-select ul li a:hover {
    color: #656cac;
}
.page_navigator {
    min-height: 92px;
    width: 100%;
    clear: both;
    position: absolute;
    left: 0;
    top: 253px;
    background: url('../img/page_navigator_bg.png');
    color: #FFFFFF;
    z-index: 4000;
}
.page_navigator .page-center {
    width: 100%;
    margin: 0 auto;
}
@media only screen and (min-width: 1000px) {
    .page_navigator .page-center {
        width: 1000px;
    }
}
.page_navigator .left {
    padding: 0 9%;
    padding-bottom: 24px;
}
.page_navigator .order_now_btn {
    display: none;
}
.page_navigator .order_now_btn:hover {
    color: #49c9ff;
}
.page_navigator .title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 31px;
    line-height: 37px;
    padding-top: 20px;
    min-height: 44px;
}
.page_navigator .title strong,
.page_navigator .title b {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page_navigator .select_wrapper {
    display: block;
    position: relative;
}
.page_navigator .select_wrapper .dropdown_btn {
    font-family: 'Open Sans', sans-serif;
    line-height: 28px;
    font-size: 19px;
    display: block;
    padding-left: 43px;
    color: #49c9ff;
}
.page_navigator .select_wrapper .dropdown_btn:before {
    content: url('../img/page_nav_mobile_btn.png');
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
.page_navigator .select_wrapper ul {
    display: none;
    background: url('../img/page_navigator_bg.png');
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 21px;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 500;
    padding: 14px 0;
    width: 320px;
}
.page_navigator .select_wrapper ul li {
    display: block;
    padding: 2px 20px 2px 20px;
}
.page_navigator .select_wrapper ul li:before {
    content: '';
    display: none;
}
.page_navigator .select_wrapper ul li a {
    display: block;
    padding: 5px 0;
}
.page_navigator .select_wrapper ul li a:hover {
    color: #49c9ff;
}
.page_navigator .select_wrapper ul li.both {
    display: block;
}
.page_navigator .select_wrapper ul li.only_on_desktop {
    display: none;
}
.page_navigator.top.fixed {
    position: fixed;
    top: 0;
    z-index: 6000;
}
.page_navigator.bottom {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    background: #555555;
    min-height: 116px;
}
.page_navigator.bottom .left {
    min-height: 116px;
    background: #737373;
    height: auto;
    padding-right: 2%;
    margin-right: 287px;
}
.page_navigator.bottom .left .title {
    padding: 20px 0;
}
.page_navigator.bottom .order_now_btn {
    display: block;
    float: right;
    width: 287px;
    position: absolute;
    right: 0;
    height: 116px;
    margin-top: -58px;
    top: 50%;
    text-align: center;
    line-height: 116px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 28px;
}
.page_navigator.bottom .order_now_btn:after {
    content: url('../img/order_now_mobile_btn.png');
    display: inline-block;
    vertical-align: middle;
    padding-left: 24px;
    line-height: 24px;
}
@media only screen and (min-width: 900px) {
    .page_navigator {
        min-height: 77px;
        top: 74px;
    }
    .page_navigator.bottom {
        display: none;
    }
    .page_navigator .title {
        font-size: 21px;
        line-height: 24px;
        padding-top: 13px;
        min-height: 30px;
    }
    .page_navigator .left {
        float: left;
        padding: 0 1% 0 9%;
        max-width: 69%;
        padding-bottom: 5px;
    }
    .page_navigator .order_now_btn {
        float: right;
        display: block;
        width: 19.3%;
        text-align: center;
        height: 77px;
        line-height: 77px;
        background: #504e4f;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 20px;
    }
    .page_navigator .order_now_btn:after {
        content: url('../img/order_now_btn.png');
        display: inline-block;
        vertical-align: middle;
        padding-left: 12px;
        line-height: 24px;
    }
    .page_navigator .select_wrapper .dropdown_btn {
        font-size: 13px;
        line-height: 19px;
        padding-left: 29px;
    }
    .page_navigator .select_wrapper .dropdown_btn:before {
        content: url('../img/page_nav_btn.png');
    }
    .page_navigator .select_wrapper ul {
        font-size: 13px;
        line-height: 16px;
        top: 25px;
        padding: 10px 0;
        width: 268px;
    }
    .page_navigator .select_wrapper ul li.only_on_desktop {
        display: block;
    }
    .page_navigator .select_wrapper ul li a {
        padding: 2px 0;
    }
}
.page_navigator.green .select_wrapper .dropdown_btn {
    color: #89da53;
}
.page_navigator.green .select_wrapper .dropdown_btn:before {
    content: url('../img/page_nav_mobile_btn_green.png');
}
.page_navigator.green .select_wrapper ul li a:hover {
    color: #89da53;
}
.page_navigator.green .order_now_btn:hover {
    color: #89da53;
}
.page_navigator.green.bottom .order_now_btn:after {
    content: url('../img/order_now_mobile_btn_green.png');
}
@media only screen and (min-width: 900px) {
    .page_navigator.green .select_wrapper .dropdown_btn:before {
        content: url('../img/page_nav_btn_green.png');
    }
    .page_navigator.green .order_now_btn:after {
        content: url('../img/order_now_btn_green.png');
    }
}
.page_navigator.dark-green .select_wrapper .dropdown_btn {
    color: #75971a;
}
.page_navigator.dark-green .select_wrapper .dropdown_btn:before {
    content: url('../img/page_nav_mobile_btn_dark-green.png');
}
.page_navigator.dark-green .select_wrapper ul li a:hover {
    color: #75971a;
}
.page_navigator.dark-green .order_now_btn:hover {
    color: #75971a;
}
.page_navigator.dark-green.bottom .order_now_btn:after {
    content: url('../img/order_now_mobile_btn_dark-green.png');
}
@media only screen and (min-width: 900px) {
    .page_navigator.dark-green .select_wrapper .dropdown_btn:before {
        content: url('../img/page_nav_btn_dark-green.png');
    }
    .page_navigator.dark-green .order_now_btn:after {
        content: url('../img/order_now_btn_dark-green.png');
    }
}
.page_navigator.pink .select_wrapper .dropdown_btn {
    color: #ff5baa;
}
.page_navigator.pink .select_wrapper .dropdown_btn:before {
    content: url('../img/page_nav_mobile_btn_pink.png');
}
.page_navigator.pink .select_wrapper ul li a:hover {
    color: #ff5baa;
}
.page_navigator.pink .order_now_btn:hover {
    color: #ff5baa;
}
.page_navigator.pink.bottom .order_now_btn:after {
    content: url('../img/order_now_mobile_btn_pink.png');
}
@media only screen and (min-width: 900px) {
    .page_navigator.pink .select_wrapper .dropdown_btn:before {
        content: url('../img/page_nav_btn_pink.png');
    }
    .page_navigator.pink .order_now_btn:after {
        content: url('../img/order_now_btn_pink.png');
    }
}
.page_navigator.yellow .select_wrapper .dropdown_btn {
    color: #ffc12f;
}
.page_navigator.yellow .select_wrapper .dropdown_btn:before {
    content: url('../img/page_nav_mobile_btn_yellow.png');
}
.page_navigator.yellow .select_wrapper ul li a:hover {
    color: #ffc12f;
}
.page_navigator.yellow .order_now_btn:hover {
    color: #ffc12f;
}
.page_navigator.yellow.bottom .order_now_btn:after {
    content: url('../img/order_now_mobile_btn_yellow.png');
}
@media only screen and (min-width: 900px) {
    .page_navigator.yellow .select_wrapper .dropdown_btn:before {
        content: url('../img/page_nav_btn_yellow.png');
    }
    .page_navigator.yellow .order_now_btn:after {
        content: url('../img/order_now_btn_yellow.png');
    }
}
.page_navigator.orange .select_wrapper .dropdown_btn {
    color: #dd6636;
}
.page_navigator.orange .select_wrapper .dropdown_btn:before {
    content: url('../img/page_nav_mobile_btn_orange.png');
}
.page_navigator.orange .select_wrapper ul li a:hover {
    color: #dd6636;
}
.page_navigator.orange .order_now_btn:hover {
    color: #dd6636;
}
.page_navigator.orange.bottom .order_now_btn:after {
    content: url('../img/order_now_mobile_btn_orange.png');
}
@media only screen and (min-width: 900px) {
    .page_navigator.orange .select_wrapper .dropdown_btn:before {
        content: url('../img/page_nav_btn_orange.png');
    }
    .page_navigator.orange .order_now_btn:after {
        content: url('../img/order_now_btn_orange.png');
    }
}
.page_navigator.purple .select_wrapper .dropdown_btn {
    color: #8A95F8;
}
.page_navigator.purple .select_wrapper .dropdown_btn:before {
    content: url('../img/page_nav_mobile_btn_purple.png');
}
.page_navigator.purple .select_wrapper ul li a:hover {
    color: #8A95F8;
}
.page_navigator.purple .order_now_btn:hover {
    color: #8A95F8;
}
.page_navigator.purple.bottom .order_now_btn:after {
    content: url('../img/order_now_mobile_btn_purple.png');
}
@media only screen and (min-width: 900px) {
    .page_navigator.purple .select_wrapper .dropdown_btn:before {
        content: url('../img/page_nav_btn_purple.png');
    }
    .page_navigator.purple .order_now_btn:after {
        content: url('../img/order_now_btn_purple.png');
    }
}
.page-index .color-boxes {
    margin-top: 27px;
    zoom: 1;
    clear: both;
    position: relative;
    background: #FBFBFB;
    max-width: 100%;
    min-width: 81.25%;
}
.page-index .color-boxes:before,
.page-index .color-boxes:after {
    content: "";
    display: table;
}
.page-index .color-boxes:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes {
        margin-top: 0;
        /*margin-left: -279px;*/
    }
}
.page-index .color-boxes .part-top {
    margin: 0 auto;
    width: 81.25%;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top {
        float: left;
        /*width: 50%;*/
        width: 33.333333%;
        padding-top: 42px;
    }
}
.page-index .color-boxes .part-top .title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 40px;
    width: 66%;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top .title {
        font-size: 26.56px;
        float: right;
        clear: both;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 300px;
    }
}
.page-index .color-boxes .part-top .video_wrapper {
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top .video_wrapper {
        display: block;
        clear: both;
        float: right;
        width: 100%;
    }
    .page-index .color-boxes .part-top .video_wrapper .overlay {
        max-width: 100%;
        display: block;
        position: relative;
        float: right;
        max-height: 240px;
    }
    .page-index .color-boxes .part-top .video_wrapper .overlay .bg {
        max-height: 240px;
        display: inline-block;
        float: right;
    }
    .page-index .color-boxes .part-top .video_wrapper .overlay .play {
        width: 89px;
        height: 89px;
        position: absolute;
        margin-top: -45px;
        margin-left: -45px;
        left: 50%;
        top: 50%;
        background: url('../img/play_btn.png') 0 0 no-repeat;
    }
    .page-index .color-boxes .part-top .video_wrapper .overlay:hover .play {
        background: url('../img/play_btn_hover.png') 0 0 no-repeat;
    }
}
.page-index .color-boxes .part-top .text {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 28px;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top .text {
        font-size: 14px;
    }
}
.page-index .color-boxes .part-top .text h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top .text h2 {
        font-size: 32px;
    }
}
.page-index .color-boxes .part-top .text h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top .text h2 .strong {
        font-size: 32px;
    }
}
.page-index .color-boxes .part-top .text h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top .text h2 strong {
        font-size: 32px;
    }
}
.page-index .color-boxes .part-top .text strong {
    font-weight: bold;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-top .text {
        float: right;
        clear: both;
        width: 300px;
    }
}
.page-index .color-boxes .part-middle,
.page-index .color-boxes .middle-left,
.page-index .color-boxes .middle-bottom {
    zoom: 1;
    clear: both;
    position: relative;
    /*            @media only screen and (min-width: 1025px){
                              width: 644px;
                              float: left;
                          }*/
}
.page-index .color-boxes .part-middle:before,
.page-index .color-boxes .part-middle:after,
.page-index .color-boxes .middle-left:before,
.page-index .color-boxes .middle-left:after,
.page-index .color-boxes .middle-bottom:before,
.page-index .color-boxes .middle-bottom:after {
    content: "";
    display: table;
}
.page-index .color-boxes .part-middle:after,
.page-index .color-boxes .middle-left:after,
.page-index .color-boxes .middle-bottom:after {
    clear: both;
}
.page-index .color-boxes .middle-left {
    width: 66.666666%;
    float: right;
}

@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-middle {
        /*                width: 50%;*/
        width: 66.666666%;
        /*max-width: 644px;*/
        float: right;
        clear: none;
    }
    .page-index .color-boxes .middle-left {
        width: 33.333333%;
        float: left;
    }
    .page-index .color-boxes .middle-bottom {
        width: 100%;
        clear: both;
    }
}
.page-index .color-boxes .part-middle .box,
.page-index .color-boxes .middle-left .box,
.page-index .color-boxes .middle-bottom .box {
    width: 33.33333333%;
    float: left;
    height: 0;
    padding-bottom: 31.25%;
    position: relative;
}
.page-index .color-boxes .middle-left .box {
    width: 50%;
    padding-bottom: 46.8%;
    margin-top: -46.8%;
}
.page-index .color-boxes .middle-left .box.second {
    float: right;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-middle .box {
        width: 25%;
        /*max-width: 213px;*/
        height: 180px;
        padding-bottom: 0;
    }
    .page-index .color-boxes .middle-left .box {
        margin-top: -180px;
        height: 180px;
        padding-bottom: 0;
    }
    .page-index .color-boxes .middle-bottom .box {
        width: 16.666666%;
        height: 180px;
        padding-bottom: 0;
    }
    .page-index .color-boxes .middle-left .box.first {
        float: right;
    }
    .page-index .color-boxes .middle-left .box.second {
        float: left;
    }
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-middle .box.box-last {
        position: absolute;
        bottom: 0;
        left: -33.33333333%;
    }
}
.page-index .color-boxes .part-middle .box.box-first {
    position: absolute;
    top: -49%;
    right: 0;
}
.page-index .color-boxes .part-middle .box.box-first.third-row {
    top: -33.333333%;
}
.page-index .color-boxes .part-middle .box.box-first.one-row {
    top: -100%;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-middle .box.box-first {
        position: relative;
        top: auto;
        right: auto;
    }
}
.page-index .color-boxes .box .icon {
    text-align: center;
    margin-top: 54px;
    /*                    opacity: 0.5;
                                          -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    */
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .box .icon {
        margin-top: 37px;
    }
}
.page-index .color-boxes .box .title {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    bottom: 20%;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .box .title {
        font-size: 15.97px;
    }
}
.page-index .color-boxes .box .frame {
    position: absolute;
    width: 99%;
    width: calc(100% - 4px);
    height: 176px;
    border: 2px solid #FFFFFF;
    left: 0;
    top: 0;
    display: none;
    z-index: 2;
}
.page-index .color-boxes .middle-left .box.first .frame {
    width: calc(100% - 3px);
}
.page-index .color-boxes .middle-bottom .box:nth-child(2) .frame,
.page-index .color-boxes .middle-bottom .box:nth-child(4) .frame {
    width: calc(100% - 3px);
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .box:hover .frame {
        display: block;
    }
}
.page-index .color-boxes .bg_wrapper {
    display: block;
    width: 0;
    height: 180px;
    float: left;
    position: relative;
}
.page-index .color-boxes .box-custom {
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .box-blue {
    background: #4CBEF0;
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .box-green {
    background: #89DA53;
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .box-pink {
    background: #EE559F;
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .box-yellow {
    background: #FFB300;
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .box-orange {
    background: #EF662F;
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .box-purple {
    background: #3B4395;
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .box-dark-green {
    background: #658b00;
    position: relative;
    z-index: 3;
}
.page-index .color-boxes .bg-blue {
    background: #4CBEF0;
}
.page-index .color-boxes .bg-green {
    background: #89DA53;
}
.page-index .color-boxes .bg-pink {
    background: #EE559F;
}
.page-index .color-boxes .bg-yellow {
    background: #FFB300;
}
.page-index .color-boxes .bg-orange {
    background: #EF662F;
}
.page-index .color-boxes .bg-purple {
    background: #3B4395;
}
.page-index .color-boxes .bg-dark-green {
    background: #658b00;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .bg-top {
        opacity: 0.4;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
        position: absolute;
        z-index: 1;
        /*right: -420px;*/
        left: 100%;
        top: 0;
        /*                    width: 1000px;
                                            height: 180px;*/
        width: 3350px;
        height: 100%;
    }
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-middle .bg-bottom {
        opacity: 0.4;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
        position: absolute;
        z-index: 1;
        right: -420px;
        bottom: 0;
        width: 1000px;
        height: 180px;
    }
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-bottom-outer {
        width: 1000px;
        margin: 0 auto;
        position: relative;
    }
}
.page-index .color-boxes .part-bottom {
    font-size: 0;
    text-align: center;
}
.page-index .color-boxes .part-bottom .overlay {
    max-width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.page-index .color-boxes .part-bottom .overlay .bg {
    max-width: 100%;
    display: inline-block;
}
.page-index .color-boxes .part-bottom .overlay .play {
    width: 89px;
    height: 89px;
    position: absolute;
    margin-top: -45px;
    margin-left: -45px;
    left: 50%;
    top: 50%;
    background: url('../img/play_btn.png') 0 0 no-repeat;
}
.page-index .color-boxes .part-bottom .overlay:hover .play {
    background: url('../img/play_btn_hover.png') 0 0 no-repeat;
}
@media only screen and (min-width: 900px) {
    .page-index .color-boxes .part-bottom {
        position: absolute;
        right: 1px;
        top: 360px;
        width: 426px;
        height: 238px;
        text-align: right;
        z-index: 200;
    }
    .page-index .color-boxes .part-bottom .overlay {
        max-height: 238px;
    }
    .page-index .color-boxes .part-bottom .overlay .bg {
        max-height: 238px;
    }
}
.page-index .cloud-box {
    background: #4559a9 url(../img/clouds-bg.png) top center no-repeat;
    color: #FFF;
    padding-bottom: 66px;
    background-size: cover;
}
.page-index .cloud-box .box-title {
    font-size: 41.16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding-top: 52px;
    text-align: center;
    position: relative;
    z-index: 2;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .box-title {
        font-size: 32px;
        padding-top: 69px;
    }
}
.page-index .cloud-box .box-title strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-index .cloud-box .page-center > .text {
    position: relative;
    z-index: 2;
    width: 57%;
    margin-top: 46px;
    margin-left: 62px;
    padding-bottom: 69px;
    min-height: 180px;
    max-width: 540px;
}
.page-index .cloud-box .page-center > .text .title {
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 40px;
}
.page-index .cloud-box .page-center > .text .title strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-index .cloud-box .page-center > .text .p {
    font-size: 15px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 14px;
    line-height: 25px;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .page-center > .text .p {
        font-size: 14px;
    }
}
.page-index .cloud-box .page-center > .text .p h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .page-center > .text .p h2 {
        font-size: 32px;
    }
}
.page-index .cloud-box .page-center > .text .p h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .page-center > .text .p h2 .strong {
        font-size: 32px;
    }
}
.page-index .cloud-box .page-center > .text .p h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .page-center > .text .p h2 strong {
        font-size: 32px;
    }
}
.page-index .cloud-box .clouds {
    position: relative;
    z-index: 0;
    padding-bottom: 20px;
}
.page-index .cloud-box .clouds img {
    float: none;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.page-index .cloud-box .clouds.desktop {
    display: none;
}
.page-index .cloud-box .clouds .timeline {
    max-width: 88%;
    margin: 0 auto;
    margin-right: 10%;
}
.page-index .cloud-box .clouds .timeline .events-top {
    display: table;
    border-spacing: 21px 0;
    width: 100%;
    position: relative;
    padding-left: 22px;
}
.page-index .cloud-box .clouds .timeline .events-top .event {
    border-radius: 0 15px 0 0;
    border-bottom: 0;
    padding-bottom: 12px;
    padding-top: 25px;
    position: relative;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left {
    border-radius: 0 10px 0 0;
    padding-right: 3px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left .date {
    left: 0;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left .dot {
    right: -8px;
    bottom: -7px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud {
    border-top: 0;
    border-radius: 0;
    width: 14px;
    max-width: 14px;
    min-width: 14px;
    padding: 0;
    margin: 0;
    position: relative;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text {
    display: block;
    margin: 0;
    padding: 0;
    background: url('../img/timeline_clouds_mobile.png') no-repeat;
    position: absolute;
    width: 181px;
    height: 282px;
    bottom: 100%;
    right: 0;
    margin-right: -98px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud {
    position: absolute;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no1 {
    top: 14px;
    left: 67px;
    font-size: 7px;
    line-height: 8px;
    width: 30px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no1 span {
    font-size: 9px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no2 {
    top: 53px;
    left: 137px;
    width: 34px;
    font-size: 8px;
    line-height: 9px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no2 span {
    font-size: 9px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no3 {
    top: 90px;
    left: 27px;
    width: 45px;
    font-size: 8px;
    line-height: 11px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no3 span {
    font-size: 13px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no4 {
    top: 130px;
    left: 95px;
    width: 78px;
    font-size: 12px;
    line-height: 17px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no4 span {
    font-size: 21px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no5 {
    top: 204px;
    left: 10px;
    width: 114px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no5 span {
    font-size: 20px;
    line-height: 26px;
    padding-left: 5px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.right {
    border-radius: 15px 0 0 0;
    padding-left: 3px;
}
.page-index .cloud-box .clouds .timeline .events-top .event.right .date {
    right: 0;
}
.page-index .cloud-box .clouds .timeline .events-top .event.right .dot {
    left: -8px;
    bottom: -7px;
}
.page-index .cloud-box .clouds .timeline .events-top .event .date {
    top: -13px;
}
.page-index .cloud-box .clouds .timeline .events-top .arrow {
    width: 6px;
    height: 8px;
    background: url('../img/timeline_arrow.png') no-repeat;
    position: absolute;
    right: 16px;
    bottom: -5px;
}
.page-index .cloud-box .clouds .timeline .events-bottom {
    display: table;
    border-spacing: 21px 0;
    width: 100%;
    position: relative;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event {
    padding-top: 18px;
    padding-bottom: 25px;
    border-top: 0;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event.left {
    padding-right: 3px;
    border-radius: 0 0 15px 0;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event.left .date {
    left: 0;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event.left .dot {
    right: -8px;
    top: -7px;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event.right {
    padding-left: 3px;
    border-radius: 0 0 0 15px;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event.right .date {
    right: 0;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event.right .dot {
    left: -8px;
    top: -7px;
}
.page-index .cloud-box .clouds .timeline .events-bottom .event .date {
    bottom: -13px;
}
.page-index .cloud-box .clouds .timeline .event {
    position: relative;
    border: 2px solid #fff;
    display: table-cell;
    line-height: 10px;
    width: 350px;
}
.page-index .cloud-box .clouds .timeline .event.left {
    border-left: 0;
}
.page-index .cloud-box .clouds .timeline .event.right {
    border-right: 0;
    text-align: right;
}
.page-index .cloud-box .clouds .timeline .event .date {
    background: #FFF;
    color: #3956A2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    border-radius: 3px;
    padding: 0px 8px 0px 8px;
    white-space: nowrap;
}
.page-index .cloud-box .clouds .timeline .event .text {
    font-size: 18px;
    font-size: 9px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .clouds .timeline .event .text {
        font-size: 14px;
    }
}
.page-index .cloud-box .clouds .timeline .event .text h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .clouds .timeline .event .text h2 {
        font-size: 32px;
    }
}
.page-index .cloud-box .clouds .timeline .event .text h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .clouds .timeline .event .text h2 .strong {
        font-size: 32px;
    }
}
.page-index .cloud-box .clouds .timeline .event .text h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .clouds .timeline .event .text h2 strong {
        font-size: 32px;
    }
}
.page-index .cloud-box .clouds .timeline .event .dot {
    position: absolute;
    width: 14px;
    height: 12px;
    display: block;
    background: url('../img/timeline_dot.png') no-repeat;
}
.page-index .cloud-box .clouds .timeline .line {
    border-top: 2px solid #FFF;
}
@media only screen and (min-width: 900px) {
    .page-index .cloud-box .page-center > .text {
        min-height: 190px;
        margin-left: 0;
        margin-top: 25px;
        width: 540px;
        padding-bottom: 104px;
    }
    .page-index .cloud-box .page-center > .text .title {
        font-size: 32px;
    }
    .page-index .cloud-box .page-center > .text .p {
        font-size: 14px;
        margin-top: 16px;
        line-height: 21px;
    }
    .page-index .cloud-box .clouds.mobile {
        display: none;
    }
    .page-index .cloud-box .clouds.desktop {
        display: block;
    }
    .page-index .cloud-box .clouds .timeline .event {
        line-height: 14px;
    }
    .page-index .cloud-box .clouds .timeline .event .date {
        font-size: 22px;
        height: 33px;
        line-height: 33px;
    }
    .page-index .cloud-box .clouds .timeline .event .text {
        font-size: 12px !important;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event {
        padding-bottom: 16px;
        padding-top: 33px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event .date {
        top: -17px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud {
        width: 60px;
        min-width: 60px;
        max-width: 60px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text {
        width: 246px;
        height: 380px;
        background: url('../img/timeline_clouds.png') no-repeat;
        margin-right: -123px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no1 {
        top: 19px;
        left: 88px;
        font-size: 8px;
        line-height: 10px;
        width: 48px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no1 span {
        font-size: 11px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no2 {
        top: 72px;
        left: 179px;
        width: 57px;
        font-size: 9px;
        line-height: 13px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no2 span {
        font-size: 12px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no3 {
        top: 122px;
        left: 28px;
        width: 75px;
        font-size: 10px;
        line-height: 15px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no3 span {
        font-size: 17px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no4 {
        top: 175px;
        left: 134px;
        width: 97px;
        font-size: 17px;
        line-height: 24px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no4 span {
        font-size: 28px;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no5 {
        top: 275px;
        left: 10px;
        width: 160px;
        font-size: 11px;
        font-weight: 400;
    }
    .page-index .cloud-box .clouds .timeline .events-top .event.left.cloud .text .cloud.no5 span {
        font-size: 24px;
        line-height: 36px;
        padding-left: 6px;
    }
    .page-index .cloud-box .clouds .timeline .events-bottom .event {
        padding-top: 24px;
        padding-bottom: 36px;
    }
    .page-index .cloud-box .clouds .timeline .events-bottom .event .date {
        bottom: -17px;
    }
}
.references-box {
    position: relative;
}
@media only screen and (min-width: 900px) {
    .references-box {
        width: 1000px;
        margin: 0 auto;
    }
}
.references-box .bx-wrapper {
    margin-bottom: 0;
}
.references-box .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
}
.references-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    height: 924px !important;
    position: relative;
    z-index: 0;
}
.references-box ul li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 924px !important;
    z-index: 2000 !important;
    width: 100% !important;
}
.references-box ul li:before {
    content: '';
    display: none;
}
@media only screen and (min-width: 900px) {
    .references-box ul {
        height: 720px !important;
    }
    .references-box ul li {
        height: 720px !important;
    }
}
.references-box .list {
    zoom: 1;
    display: block;
    clear: both;
}
.references-box .list:before,
.references-box .list:after {
    content: "";
    display: table;
}
.references-box .list:after {
    clear: both;
}
.references-box .list .item-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 45px;
    height: 121px;
    line-height: 121px;
    padding-left: 60px;
    padding-bottom: 31px;
}
@media only screen and (min-width: 900px) {
    .references-box .list .item-title {
        float: left;
        padding: 0;
        height: 180px;
        width: 400px;
        line-height: 162px;
        text-align: center;
    }
}
.references-box .list .item {
    width: 33.33333333%;
    height: 193px;
    float: left;
    font-size: 0;
    text-align: center;
    position: relative;
    background: #FFFFFF;
}
@media only screen and (min-width: 900px) {
    .references-box .list .item {
        width: 200px;
        height: 180px;
        padding-bottom: 0;
    }
}
.references-box .list .item .helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.references-box .list .item img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}
.references-box .list .item.blue {
    background: #07b0f8 !important;
}
.references-box .list .item.white {
    background: #FFFFFF !important;
}
.references-box .list .item:nth-child(3) {
    background: #f0f0f0;
}
.references-box .list .item:nth-child(5) {
    background: #f0f0f0;
}
.references-box .list .item:nth-child(10) {
    background: #f0f0f0;
}
.references-box .list .item:nth-child(15) {
    background: #f0f0f0;
}
.references-box .list .item:nth-child(17) {
    background: #f0f0f0;
}
.references-box .list .item:nth-child(19) {
    background: #f0f0f0;
}
@media only screen and (min-width: 900px) {
    .references-box .list .item:not( :nth-child(2n+1)) {
        background: #FFF;
    }
    .references-box .list .item:nth-child(2n+1) {
        background: #f0f0f0;
    }
}
.references-box .pager {
    position: absolute;
    top: 222px;
    right: 0;
    width: 33.33333333%;
    text-align: center;
    height: 27px;
}
.references-box .pager a {
    display: inline-block;
    width: 27px;
    height: 27px;
    border-radius: 20px;
    margin: 0 3px;
}
.references-box .pager a span {
    display: block;
    width: 16px;
    height: 16px;
    background: #4e4b4c;
    border-radius: 12px;
    margin: 6px 5px 5px 6px;
}
.references-box .pager a:hover span {
    background: #07b0f8;
}
.references-box .pager a.active {
    width: 27px;
    height: 27px;
    background: #07b0f8;
}
.references-box .pager a.active span {
    display: none;
}
@media only screen and (min-width: 900px) {
    .references-box .pager {
        width: 200px;
        top: 86px;
    }
}
.references-box .opinion {
    background: #0491f5;
    color: #FFF;
    padding-top: 64px;
    padding-bottom: 67px;
}
@media only screen and (min-width: 900px) {
    .references-box .opinion {
        position: absolute;
        right: -200px;
        top: 180px;
        width: 800px;
        height: 360px;
        padding: 0;
    }
}
.references-box .opinion .text {
    margin: 0 auto;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 19.23px;
    width: 77%;
    line-height: 26px;
}
@media only screen and (min-width: 900px) {
    .references-box .opinion .text {
        font-size: 14px;
    }
}
.references-box .opinion .text h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
@media only screen and (min-width: 900px) {
    .references-box .opinion .text h2 {
        font-size: 32px;
    }
}
.references-box .opinion .text h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .references-box .opinion .text h2 .strong {
        font-size: 32px;
    }
}
.references-box .opinion .text h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .references-box .opinion .text h2 strong {
        font-size: 32px;
    }
}
@media only screen and (min-width: 900px) {
    .references-box .opinion .text {
        margin-top: 98px;
        font-size: 18px;
        width: 460px;
        margin-left: 91px;
        line-height: 24px;
    }
}
.references-box .opinion .text .author {
    display: block;
    padding-top: 26px;
}
.page-index .products_wrapper {
    padding: 20px 0 50px 0;
    background: #7109a2 url('../img/index_prod_bg.jpg') -100px top no-repeat;
    background-size: auto 100%;
    color: #FFFFFF;
}
.page-index .products_wrapper .list {
    position: relative;
    padding-left: 206px;
    width: 330px;
    margin: 0 auto;
}
.page-index .products_wrapper .list .comarch_logo {
    position: absolute;
    width: 161px;
    height: 24px;
    margin-top: -12px;
    top: 50%;
    left: 0;
}
.page-index .products_wrapper .list .lines {
    position: absolute;
    top: 0;
    left: 168px;
    height: 100%;
    width: 11px;
}
.page-index .products_wrapper .list .lines .tringle {
    background: url('../img/products_tringle.png') no-repeat;
    width: 12px;
    height: 140px;
    position: absolute;
    margin-top: -70px;
    top: 50%;
    right: -1px;
}
.page-index .products_wrapper .list .lines .top,
.page-index .products_wrapper .list .lines .bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 37%;
    border-right: 1px solid #ad0feb;
}
.page-index .products_wrapper .list .lines .top {
    top: 44px;
}
.page-index .products_wrapper .list .lines .bottom {
    bottom: 44px;
}
.page-index .products_wrapper .list table {
    border: 0;
    border-collapse: separate;
    border-spacing: 0 20px;
    width: 326px !important;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    overflow: visible;
}
.page-index .products_wrapper .list table tr {
    background: url(../img/product_table_tr_bg.png);
    border-spacing: 10px 0;
}
.page-index .products_wrapper .list table tr.first td.title:after {
    height: 16px;
    border-top: 1px solid #ad0feb;
    border-left: 1px solid #ad0feb;
    border-radius: 7px 0 0 0;
    margin-top: 0;
    top: 19px;
}
.page-index .products_wrapper .list table tr.last td.title:after {
    height: 16px;
    border-bottom: 1px solid #ad0feb;
    border-left: 1px solid #ad0feb;
    border-top: 0;
    border-radius: 0 0 0 7px;
    margin-top: 0;
    top: auto;
    bottom: 19px;
}
.page-index .products_wrapper .list table td {
    border: none;
    padding: 11px 0;
    background: none;
}
.page-index .products_wrapper .list table td:after,
.page-index .products_wrapper .list table td:before {
    content: '';
    display: none;
}
.page-index .products_wrapper .list table td.title {
    padding-left: 18px;
    width: 60px;
    position: relative;
}
.page-index .products_wrapper .list table td.title:after {
    content: '';
    border: 0;
    display: block;
    width: 15px;
    height: 1px;
    border-top: 1px solid #ad0feb;
    position: absolute;
    left: -27px;
    margin-top: -1px;
    top: 50%;
}
.page-index .products_wrapper .list table td.title:before {
    content: '';
    display: none;
}
.page-index .products_wrapper .list table td.products {
    padding-left: 10px;
    padding-right: 5px;
    width: 156px;
}
.page-index .products_wrapper .list table td.products a {
    display: block;
    clear: both;
    margin-bottom: 10px;
}
.page-index .products_wrapper .list table td.products a span {
    color: #07b0f8;
    padding-right: 3px;
}
.page-index .products_wrapper .list table td.products a.last {
    margin-bottom: 0;
}
.page-index .products_wrapper .right {
    width: 536px;
    margin: 0 auto;
    padding-top: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
}
.page-index .products_wrapper .right .top h2,
.page-index .products_wrapper .right .bottom h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 31px;
    line-height: 34px;
    padding-bottom: 14px;
}
.page-index .products_wrapper .right .top a,
.page-index .products_wrapper .right .bottom a {
    color: #1eb4f9;
}
.page-index .products_wrapper .right .top {
    width: 329px;
    float: right;
}
.page-index .products_wrapper .right .top .phone {
    font-size: 31px;
    line-height: 35px;
    padding-bottom: 13px;
}
.page-index .products_wrapper .right .top .additional_info {
    padding-top: 34px;
}
.page-index .products_wrapper .right .bottom {
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-index .products_wrapper {
        background-position: top center;
        background-size: cover;
        padding-top: 118px;
        padding-bottom: 107px;
    }
    .page-index .products_wrapper .list {
        width: 35%;
        padding-left: 272px;
        margin: 0;
        margin-left: 19px;
        float: left;
    }
    .page-index .products_wrapper .list .comarch_logo {
        width: 208px;
        height: 31px;
        margin-top: -16px;
    }
    .page-index .products_wrapper .list .lines {
        left: 226px;
    }
    .page-index .products_wrapper .list table {
        width: 100% !important;
        font-size: 14px;
    }
    .page-index .products_wrapper .list table td.title {
        width: 70px;
        padding-left: 29px;
    }
    .page-index .products_wrapper .list table td.title:after {
        left: -35px;
    }
    .page-index .products_wrapper .list table td.products {
        width: 130px;
    }
    .page-index .products_wrapper .right {
        width: 280px;
        margin: 0;
        float: right;
        font-size: 14px;
        line-height: 18px;
        padding-top: 16px;
    }
    .page-index .products_wrapper .right .top,
    .page-index .products_wrapper .right .bottom {
        float: none;
        clear: both;
        width: 100%;
    }
    .page-index .products_wrapper .right .top h2,
    .page-index .products_wrapper .right .bottom h2 {
        font-size: 23px;
        line-height: 25px;
        padding-bottom: 26px;
    }
    .page-index .products_wrapper .right .top {
        padding-bottom: 91px;
    }
    .page-index .products_wrapper .right .top .phone {
        font-size: 28px;
        line-height: 30px;
        padding-bottom: 12px;
        margin-top: -10px;
    }
    .page-index .products_wrapper .right .top .additional_info {
        padding-top: 26px;
    }
    .page-index .products_wrapper .right .bottom {
        display: block;
    }
}
.page-form {
    background: #224d93 url(../img/contact-bg-mobile.jpg) top center no-repeat;
    color: #FFF;
}
@media only screen and (min-width: 900px) {
    .page-form {
        background: #224d93 url(../img/contact-bg.jpg) top center no-repeat;
    }
}
.page-form .page-container {
    margin: 0 auto;
    width: 81.25%;
    zoom: 1;
    clear: both;
    padding-bottom: 45px;
}
.page-form .page-container:before,
.page-form .page-container:after {
    content: "";
    display: table;
}
.page-form .page-container:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-form .page-container {
        width: 880px;
        padding: 78px 60px 125px;
    }
}
.page-form select {
    background: rgba(71, 118, 180, 0.7) !important;
}
@media only screen and (min-width: 900px) {
    .page-form .top {
        width: 42%;
        float: left;
    }
}
.page-form .top .title {
    font-size: 52.73px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding-top: 44px;
}
@media only screen and (min-width: 900px) {
    .page-form .top .title {
        width: 255px;
        padding-top: 2px;
        line-height: 55px;
    }
}
.page-form .top .text {
    font-size: 33px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 20px;
    line-height: 39px;
}
@media only screen and (min-width: 900px) {
    .page-form .top .text {
        font-size: 22px;
        margin-top: 24px;
        line-height: 27px;
    }
}
.page-form .contact-form {
    zoom: 1;
    position: relative;
}
.page-form .contact-form:before,
.page-form .contact-form:after {
    content: "";
    display: table;
}
.page-form .contact-form:after {
    clear: both;
}
.page-form .contact-form .form-standard {
    margin-top: 84px;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-standard {
        float: right;
        width: 56.02272727%;
        margin-top: 13px;
    }
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom {
        width: 42%;
        position: absolute;
        left: 0;
        bottom: -8px;
    }
}
.page-form .contact-form .form-bottom fieldset {
    zoom: 1;
    clear: both;
}
.page-form .contact-form .form-bottom fieldset:before,
.page-form .contact-form .form-bottom fieldset:after {
    content: "";
    display: table;
}
.page-form .contact-form .form-bottom fieldset:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .agree .label {
        margin-left: 33px;
    }
}
.page-form .contact-form .form-bottom fieldset .captcha {
    float: left;
    width: 50%;
    zoom: 1;
    margin-top: 55px;
}
.page-form .contact-form .form-bottom fieldset .captcha:before,
.page-form .contact-form .form-bottom fieldset .captcha:after {
    content: "";
    display: table;
}
.page-form .contact-form .form-bottom fieldset .captcha:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .captcha {
        margin-top: 36px;
    }
}
.page-form .contact-form .form-bottom fieldset .captcha img {
    float: left;
    width: 50%;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .captcha img {
        width: 88px;
        height: auto;
    }
}
.page-form .contact-form .form-bottom fieldset .captcha input {
    width: 40%;
    float: left;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .captcha input {
        margin-bottom: 8px;
    }
}
.page-form .contact-form .form-bottom fieldset .captcha input#captcha {
    display: none;
}
.page-form .contact-form .form-bottom fieldset .captcha .label {
    font-size: 19.45px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #7ED8FE;
    margin-top: 73px;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .captcha .label {
        font-size: 13px;
        margin-top: 0;
    }
}
.page-form .contact-form .form-bottom fieldset .send {
    float: left;
    width: 50%;
    margin-top: 55px;
    text-align: center;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .send {
        margin-top: 42px;
    }
}
.page-form .contact-form .form-bottom fieldset .send .label {
    font-size: 40.26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    cursor: pointer;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .send .label {
        font-size: 21.36px;
    }
}
.page-form .contact-form .form-bottom fieldset .send .label img {
    position: relative;
    top: 9px;
    left: 10px;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form .form-bottom fieldset .send .label img {
        width: 22px;
        top: 3px;
        left: 6px;
    }
}
.page-form .contact-form fieldset {
    zoom: 1;
    clear: both;
    margin-bottom: 7px;
}
.page-form .contact-form fieldset:before,
.page-form .contact-form fieldset:after {
    content: "";
    display: table;
}
.page-form .contact-form fieldset:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset {
        margin-bottom: 0;
    }
}
.page-form .contact-form fieldset label {
    display: block;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 5px;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset label {
        width: 29.61460446%;
        float: left;
        font-size: 14px;
        margin-top: 11px;
    }
}
.page-form .contact-form fieldset input {
    display: block;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: url(../img/contact-form-input-bg.png);
    border-radius: 2px;
    transition: color;
    font-style: italic;
    color: #7ED8FE;
    padding: 8px 5% 13px 5%;
    width: 80%;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset input {
        width: 60%;
        float: left;
        font-size: 14px;
        height: 41px;
        margin-bottom: 19px;
        padding: 0 5%;
    }
}
.page-form .contact-form fieldset input.invalid {
    background: url(../img/contact-form-input-bg-invalid.png);
}
.page-form .contact-form fieldset textarea {
    display: block;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: url(../img/contact-form-input-bg.png);
    border-radius: 2px;
    transition: color;
    font-style: italic;
    color: #7ED8FE;
    padding: 8px 5% 13px 5%;
    width: 80%;
    height: 140px;
    position: relative;
    z-index: 2;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset textarea {
        width: 60%;
        float: left;
        font-size: 14px;
        height: 41px;
        margin-bottom: 19px;
        padding: 0 5%;
    }
}
.page-form .contact-form fieldset textarea.invalid {
    background: url(../img/contact-form-input-bg-invalid.png);
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset textarea {
        padding-top: 11px;
        height: 100px;
    }
}
.page-form .contact-form fieldset select {
    display: block;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: url(../img/contact-form-input-bg.png);
    border-radius: 2px;
    transition: color;
    font-style: italic;
    color: #7ED8FE;
    padding: 8px 5% 13px 5%;
    width: 80%;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset select {
        width: 60%;
        float: left;
        font-size: 14px;
        height: 41px;
        margin-bottom: 19px;
        padding: 0 5%;
    }
}
.page-form .contact-form fieldset select.invalid {
    background: url(../img/contact-form-input-bg-invalid.png);
}
.page-form .contact-form fieldset .agree {
    font-size: 19.45px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #7ED8FE;
    margin-top: 53px;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset .agree {
        font-size: 13px;
    }
}
.page-form .contact-form fieldset .agree .checkbox {
    float: left;
    height: 20px;
    width: 20px;
    background: url(../img/checkbox.png) center center no-repeat;
    cursor: pointer;
    position: relative;
}
.page-form .contact-form fieldset .agree .checkbox.checked:after {
    content: url(../img/checked.png);
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -10px;
}
.page-form .contact-form fieldset .agree .checkbox input {
    display: none;
}
.page-form .contact-form fieldset .agree .label {
    line-height: 22px;
    margin-left: 51px;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset .agree .label {
        line-height: 15px;
    }
}
.page-form .contact-form fieldset .left {
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-form .contact-form fieldset .left {
        display: block;
        color: #7ED8FE;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        text-align: right;
        position: relative;
        top: -3px;
    }
}
.thanks-text {
    display: none;
}
.thanks-text-inner {
    width: 100%;
    max-width: 500px;
    text-align: center;
    position: relative;
    margin: 0 auto;
}
.thanks-text-inner .mfp-close {
    top: -40px;
}
.thanks-text-inner .text {
    background: #FFF;
    padding: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.page-erp {
    position: relative;
}
.page-erp .box-cloud {
    position: relative;
    background: #31a9d6 url(../img/erp-cloud-overlay.png) top center repeat-y;
    background-size: 100% auto;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud {
        background-image: url(../img/erp-top-bg.png);
        background-position: top center;
    }
}
.page-erp .box-cloud .cloud {
    position: absolute;
    z-index: 0;
    background: url(../img/erp-cloud-left.png) bottom right;
    width: 405px;
    height: 429px;
    top: 32px;
    left: 0;
    opacity: 0.9;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .cloud {
        left: 50%;
        margin-left: -700px;
        width: 634px;
    }
}
.page-erp .box-cloud .cloud-image {
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .cloud-image {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
    }
}
.page-erp .box-cloud .data {
    color: #FFF;
    padding-bottom: 75px;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data {
        min-height: 488px;
        width: 1000px;
        margin: 0 auto;
    }
}
.page-erp .box-cloud .data .title {
    font-size: 54px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    padding-top: 38px;
    position: relative;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .title {
        font-size: 32px;
        padding-top: 70px;
    }
}
.page-erp .box-cloud .data .title:after {
    content: '';
    position: absolute;
    display: block;
    background: url(../img/title-line-1.png);
    width: 142px;
    height: 9px;
    left: 50%;
    margin-left: -71px;
    bottom: -26px;
}
.page-erp .box-cloud .data .text {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 43px;
    padding: 1px 62px 1px 60px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .text {
        font-size: 14px;
    }
}
.page-erp .box-cloud .data .text h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .text h2 {
        font-size: 32px;
    }
}
.page-erp .box-cloud .data .text h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .text h2 .strong {
        font-size: 32px;
    }
}
.page-erp .box-cloud .data .text h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .text h2 strong {
        font-size: 32px;
    }
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .text {
        padding-top: 1px;
    }
}
.page-erp .box-cloud .data .text h2 {
    line-height: 50px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .text h2 {
        line-height: 37px;
    }
}
.page-erp .box-cloud .data .text .p {
    line-height: 22px;
    margin-top: 11px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-cloud .data .text .p {
        width: 575px;
        margin-top: 14px;
        line-height: 21px;
    }
}
.page-erp .box-video {
    color: #FFF;
    zoom: 1;
    clear: both;
}
.page-erp .box-video:before,
.page-erp .box-video:after {
    content: "";
    display: table;
}
.page-erp .box-video:after {
    clear: both;
}
.page-erp .box-video .video {
    font-size: 0;
}
.page-erp .box-video .video a {
    display: block;
    width: 640px;
    position: relative;
    margin: 0 auto;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .video a {
        margin: 0;
        width: 100%;
        max-width: 640px;
        float: right;
    }
}
.page-erp .box-video .video a img {
    max-width: 100%;
}
.page-erp .box-video .video a:hover .play {
    background: url('../img/erp-video-play-hover.png');
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .video {
        width: 50%;
        float: left;
    }
}
.page-erp .box-video .video .play {
    position: absolute;
    width: 92px;
    height: 92px;
    background: url('../img/erp-video-play.png') no-repeat;
    margin-top: -46px;
    margin-left: -46px;
    top: 50%;
    left: 50%;
}
.page-erp .box-video .video img {
    width: 100%;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .video img {
        float: right;
        width: auto;
    }
}
.page-erp .box-video .text {
    background: #076AD5;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-top: 58px;
    padding-bottom: 101px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text {
        font-size: 14px;
    }
}
.page-erp .box-video .text h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text h2 {
        font-size: 32px;
    }
}
.page-erp .box-video .text h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text h2 .strong {
        font-size: 32px;
    }
}
.page-erp .box-video .text h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text h2 strong {
        font-size: 32px;
    }
}
.page-erp .box-video .text a {
    display: inline;
    width: auto;
    margin: auto;
}
.page-erp .box-video .text h2,
.page-erp .box-video .text .p {
    padding-left: 219px;
}
.page-erp .box-video .text h2 {
    line-height: 46px;
}
.page-erp .box-video .text h2,
.page-erp .box-video .text h2 strong {
    font-size: 41.45px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text h2,
    .page-erp .box-video .text h2 strong {
        font-size: 32px;
    }
}
.page-erp .box-video .text .p {
    font-size: 18.13px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text .p {
        font-size: 14px;
    }
}
.page-erp .box-video .text .p {
    margin-top: 20px;
    padding-right: 55px;
    line-height: 27px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text {
        padding-bottom: 69px;
        float: left;
        width: 50%;
        padding-top: 87px;
        min-height: 447px;
    }
    .page-erp .box-video .text h2 {
        line-height: 35px;
    }
    .page-erp .box-video .text .p {
        margin-top: 16px;
        line-height: 21px;
        width: 280px;
        padding-right: 0;
    }
    .page-erp .box-video .text h2,
    .page-erp .box-video .text .p {
        padding-left: 180px;
    }
}
.page-erp .box-video .text .product {
    background: #4CBEF0;
    float: left;
    width: 184px;
    height: 238px;
    font-size: 21px;
    text-align: center;
    margin-top: 119px;
}
.page-erp .box-video .text .product img {
    margin-top: 60px;
    margin-bottom: 40px;
    opacity: 0.8;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text .product img {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 900px) {
    .page-erp .box-video .text .product {
        width: 143px;
        height: 183px;
        font-size: 16px;
        margin-top: 92px;
        display: block;
    }
}
.page-erp .box-products {
    zoom: 1;
    clear: both;
    background: none;
    background-image: url(../img/erp-bottom-bg.jpg);
    background-position: center 83px;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 83px;
    background-size: cover;
    z-index: 200;
}
.page-erp .box-products:before,
.page-erp .box-products:after {
    content: "";
    display: table;
}
.page-erp .box-products:after {
    clear: both;
}
.page-erp .box-products .tabs {
    zoom: 1;
    clear: both;
    margin-top: -83px;
    position: relative;
    overflow: hidden;
    z-index: 200;
}
.page-erp .box-products .tabs:before,
.page-erp .box-products .tabs:after {
    content: "";
    display: table;
}
.page-erp .box-products .tabs:after {
    clear: both;
}
.page-erp .box-products .tabs .tab {
    text-align: center;
    display: none;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    float: left;
    /*width: unit(251 / 640 * 100, %);*/
    background: #1849A2;
    color: #FFFFFF;
    /*                &.active{
                                      color: #FFF;
                                      background: #4CBEF0;
                                      width: unit((640-251) / 640 * 100, %);
                  
                                      @media only screen and (min-width: @pc-min){
                                          width: 51%;
                                      }
                  
                                      .text{
                                          @media only screen and (min-width: @pc-min){
                                              padding-right: 45px;
                                          }
                                      }
                                  }*/
}
.page-erp .box-products .tabs .tab.label {
    text-align: left;
    display: block;
    position: absolute;
    background: #ECECEC;
    color: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    width: 31%;
    padding-left: 6%;
    height: 100%;
    margin-left: 0;
}
.page-erp .box-products .tabs .tab.label .colors {
    height: 5px;
    width: 83.3%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.page-erp .box-products .tabs .tab.label .colors .color {
    display: block;
    float: right;
    width: 16.65%;
    height: 5px;
}
.page-erp .box-products .tabs .tab.label .colors .color.blue {
    background: #50beee;
}
.page-erp .box-products .tabs .tab.label .colors .color.green {
    background: #8fc256;
}
.page-erp .box-products .tabs .tab.label .colors .color.pink {
    background: #e9579b;
}
.page-erp .box-products .tabs .tab.label .colors .color.yellow {
    background: #fdcb51;
}
.page-erp .box-products .tabs .tab.label .colors .color.orange {
    background: #ed6731;
}
.page-erp .box-products .tabs .tab.label .colors .color.purple {
    background: #3b4496;
}
.page-erp .box-products .tabs .tab.active {
    display: block;
    width: 63%;
    margin-left: 37%;
    color: #FFF;
    background: #4CBEF0;
}
.page-erp .box-products .tabs .tab .text {
    padding: 30px 5px 20px 5px;
}
.page-erp .box-products .cubes {
    position: absolute;
    background: url(../img/erp-bottom-cubes.png) left bottom;
    width: 240px;
    height: 242px;
    right: 0;
    top: 83px;
    z-index: 0;
}
.page-erp .box-products .data {
    color: #FFF;
}
.page-erp .box-products .data .text {
    padding-left: 60px;
    padding-right: 50px;
}
.page-erp .box-products .data .text h2 {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding-top: 40px;
    margin-bottom: 40px;
    line-height: 50px;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-products .data .text h2 {
        font-size: 32px;
    }
}
.page-erp .box-products .data .text h2 .strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-products .data .text h2 .strong {
        font-size: 32px;
    }
}
.page-erp .box-products .data .text h2 strong {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-products .data .text h2 strong {
        font-size: 32px;
    }
}
.page-erp .box-products .data .text .p {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-products .data .text .p {
        font-size: 14px;
    }
}
.page-erp .box-products .data .text .p ul {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 20px;
}
.page-erp .box-products .data .text .p ul li {
    padding-bottom: 30px;
    position: relative;
}
.page-erp .box-products .data .text .p ul li:before {
    content: '\25A0';
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 15px;
}
.page-erp .box-products .image {
    font-size: 0;
}
.page-erp .box-products .image img {
    display: block;
    margin: 0 auto;
}
.page-erp .box-products .more {
    clear: both;
    background: #024FC8;
    color: #FFF;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-left: 40px;
    padding-top: 35px;
    padding-bottom: 35px;
}
.page-erp .box-products .more strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp .box-products {
        padding-top: 0;
        background-position: center top;
        position: relative;
        /*            
                margin-top: 0;
                padding-bottom: 125px;
                margin-bottom: 0;
        */
        padding-bottom: 0;
        margin-bottom: 70px;
        margin-top: -70px;
        display: block;
    }
    .page-erp .box-products .text_content {
        display: none;
    }
    .page-erp .box-products .data {
        float: left;
        clear: left;
        width: 50%;
        padding-bottom: 0;
        min-height: 478px;
    }
    .page-erp .box-products .data .text {
        float: right;
        clear: both;
        width: 393px;
    }
    .page-erp .box-products .data .text h2 {
        padding-top: 75px;
        line-height: 35px;
        margin-bottom: 37px;
    }
    .page-erp .box-products .data .text .p ul li {
        line-height: 20px;
        padding-bottom: 23px;
    }
    .page-erp .box-products .tabs {
        display: none;
        margin: 0;
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        font-size: 20px;
    }
    .page-erp .box-products .tabs .page-center {
        padding: 0;
        position: relative;
    }
    .page-erp .box-products .tabs .tab {
        display: block;
        width: auto;
        text-align: center;
        margin-left: 0.5%;
    }
    .page-erp .box-products .tabs .tab .text {
        padding: 20px 10px 17px 10px;
    }
    .page-erp .box-products .tabs .tab.first {
        margin-left: 0;
    }
    .page-erp .box-products .tabs .tab.active {
        width: auto;
    }
    .page-erp .box-products .tabs .tab.label {
        display: none;
        text-align: left;
        width: 176px;
        padding-left: 0;
    }
    .page-erp .box-products .tabs .tab.label .colors {
        width: 100%;
    }
    .page-erp .box-products .tabs .tab.label .gray_bg {
        position: absolute;
        width: 3340px;
        right: 100%;
        top: 0;
        height: 100%;
        background: #ECECEC;
    }
    .page-erp .box-products .cubes {
        right: auto;
        left: 50%;
        top: 0;
        margin-left: -240px;
        width: 293px;
    }
    .page-erp .box-products .image {
        float: left;
        width: 50%;
        /*                height: auto;
                                    left: auto;
                                    padding-top: 82px;
                                    position: relative;*/
        padding-top: 0;
        left: 50%;
        position: absolute;
        height: 100%;
        z-index: 1;
    }
    .page-erp .box-products .image img {
        display: block;
        float: left;
        clear: both;
        position: absolute;
        bottom: 71px;
        left: 0;
    }
    .page-erp .box-products .more {
        background: none;
        float: right;
        clear: none;
        width: 50%;
        padding: 0;
        font-size: 17.84px;
        /*padding-top: 50px;*/
        position: absolute;
        right: 0;
        top: 100%;
    }
    .page-erp .box-products .more a {
        display: inline-block;
        background: #024FC8;
        padding: 24px 64px 23px 27px;
    }
    .page-erp .box-products.first {
        margin-top: 0;
        /*display: block;*/
    }
    .page-erp .box-products.first .text_content {
        display: block;
    }
    .page-erp .box-products.first .tabs {
        display: block;
    }
    .page-erp .box-products.first .tabs .tab.label {
        display: block;
    }
    .page-erp .box-products.last {
        /*padding-bottom: 20px;*/
    }
    .page-erp .box-products.tabs1 {
        /*                padding-bottom: 0;
                                    margin-bottom: 70px;*/
        /*                .image {
                                        padding-top: 0;
                                        position: absolute;
                                        height: 100%;
                                        left: 50%;
                                        img{
                                            position: absolute;
                                            bottom: 71px; left: 0;
                                        }
                                    }
                                    .more{
                                        padding: 0;
                                        position: absolute;
                                        right: 0;
                                        top: 100%;
                                    }*/
    }
    .page-erp .box-products.tabs1 .data {
        padding-bottom: 30px;
    }
    .page-erp .box-products.tabs1 .tabs .tab.active {
        padding-left: 25px;
        padding-right: 25px;
    }
    .page-erp .box-products.tabs1 .tabs .tab.first {
        margin-left: 176px;
    }
    .page-erp .box-products.tabs1 .tabs .tab.label {
        width: 176px;
    }
    .page-erp .box-products.tabs2 .tabs .tab {
        width: 49.5%;
        margin-left: 1%;
    }
    .page-erp .box-products.tabs2 .tabs .tab.active {
        width: 49.5%;
        padding: 0;
    }
    .page-erp .box-products.tabs2 .tabs .tab.first {
        margin-left: 0;
    }
    .page-erp .box-products.tabs2 .tabs .tab.label {
        margin-left: 0;
    }
    .page-erp .box-products.tabs2.first .tabs .tab {
        margin-left: 1%;
        width: 40.5%;
    }
    .page-erp .box-products.tabs2.first .tabs .tab.active {
        width: 40.5%;
    }
    .page-erp .box-products.tabs2.first .tabs .tab.first {
        margin-left: 18%;
    }
    .page-erp .box-products.tabs2.first .tabs .tab.label {
        margin-left: 0;
        width: 18%;
    }
    .page-erp .box-products.tabs3 .tabs .tab {
        width: 33%;
        font-size: 19px;
    }
    .page-erp .box-products.tabs3 .tabs .tab.active {
        width: 33%;
        padding: 0;
    }
    .page-erp .box-products.tabs3 .tabs .tab.first {
        margin-left: 0;
    }
    .page-erp .box-products.tabs3.first .tabs .tab {
        width: 27%;
    }
    .page-erp .box-products.tabs3.first .tabs .tab.active {
        width: 27%;
    }
    .page-erp .box-products.tabs3.first .tabs .tab.first {
        margin-left: 17.5%;
    }
    .page-erp .box-products.tabs3.first .tabs .tab.label {
        width: 17.5%;
    }
}
.page-erp.green .box-cloud {
    background: #8ada54 url(../img/erp-cloud-overlay-green.png);
}
@media only screen and (min-width: 900px) {
    .page-erp.green .box-cloud {
        background: #8ada54 url(../img/erp-top-bg-green.png);
    }
}
.page-erp.green .box-video .video .play {
    background: url('../img/erp-video-play-green.png');
}
.page-erp.green .box-video .video a:hover .play {
    background: url('../img/erp-video-play-green-hover.png');
}
.page-erp.green .box-video .text {
    background: #78b949;
}
.page-erp.green .box-video .text .product {
    background: #89da53;
}
.page-erp.green .box-products {
    background-image: url('../img/erp-bottom-bg-green.jpg');
}
.page-erp.green .box-products .tabs .tab {
    background: #387510;
}
.page-erp.green .box-products .tabs .tab.active {
    background: #89da53;
}
.page-erp.green .box-products .tabs .tab.label {
    background: #ECECEC;
}
.page-erp.green .box-products .more {
    background: #78b949;
}
@media only screen and (min-width: 900px) {
    .page-erp.green .box-products .more {
        background: none;
    }
    .page-erp.green .box-products .more a {
        background: #78b949;
    }
}
.page-erp.dark-green .box-cloud {
    background: #8ada54 url(../img/erp-cloud-overlay-green.png);
}
@media only screen and (min-width: 900px) {
    .page-erp.dark-green .box-cloud {
        background: #8ada54 url(../img/erp-top-bg-green.png);
    }
}
.page-erp.dark-green .box-video .video .play {
    background: url('../img/erp-video-play-dark-green.png');
}
.page-erp.dark-green .box-video .video a:hover .play {
    background: url('../img/erp-video-play-dark-green-hover.png');
}
.page-erp.dark-green .box-video .text {
    background: #78b949;
}
.page-erp.dark-green .box-video .text .product {
    background: #89da53;
}
.page-erp.dark-green .box-products {
    background-image: url('../img/erp-bottom-bg-dark-green.jpg');
}
.page-erp.dark-green .box-products .tabs .tab {
    background: #86a436;
}
.page-erp.dark-green .box-products .tabs .tab.active {
    background: #a7d453;
}
.page-erp.dark-green .box-products .tabs .tab.label {
    background: #ECECEC;
}
.page-erp.dark-green .box-products .more {
    background: #86a436;
}
@media only screen and (min-width: 900px) {
    .page-erp.dark-green .box-products .more {
        background: none;
    }
    .page-erp.dark-green .box-products .more a {
        background: #86a436;
    }
}
.page-erp.pink .box-cloud {
    background: #ff027c url(../img/erp-cloud-overlay-pink.png);
}
@media only screen and (min-width: 900px) {
    .page-erp.pink .box-cloud {
        background: #ff027c url(../img/erp-top-bg-pink.png);
    }
}
.page-erp.pink .box-video .video .play {
    background: url('../img/erp-video-play-pink.png');
}
.page-erp.pink .box-video .video a:hover .play {
    background: url('../img/erp-video-play-pink-hover.png');
}
.page-erp.pink .box-video .text {
    background: #ff027c;
}
.page-erp.pink .box-video .text .product {
    background: #ff5baa;
}
.page-erp.pink .box-products {
    background-image: url('../img/erp-bottom-bg-pink.jpg');
}
.page-erp.pink .box-products .tabs .tab {
    background: #DB1F7A;
}
.page-erp.pink .box-products .tabs .tab.active {
    background: #ff5baa;
}
.page-erp.pink .box-products .tabs .tab.label {
    background: #ECECEC;
}
.page-erp.pink .box-products .more {
    background: #ff027c;
}
@media only screen and (min-width: 900px) {
    .page-erp.pink .box-products .more {
        background: none;
    }
    .page-erp.pink .box-products .more a {
        background: #ff027c;
    }
}
.page-erp.purple .box-cloud {
    background: #3d4496 url(../img/erp-cloud-overlay-purple.png);
}
@media only screen and (min-width: 900px) {
    .page-erp.purple .box-cloud {
        background: #3d4496 url(../img/erp-top-bg-purple.png);
    }
}
.page-erp.purple .box-video .video .play {
    background: url('../img/erp-video-play-purple.png');
}
.page-erp.purple .box-video .video a:hover .play {
    background: url('../img/erp-video-play-purple-hover.png');
}
.page-erp.purple .box-video .text {
    background: #3d4496;
}
.page-erp.purple .box-video .text .product {
    background: #656cac;
}
.page-erp.purple .box-products {
    background-image: url('../img/erp-bottom-bg-purple.jpg');
}
.page-erp.purple .box-products .tabs .tab {
    background: #3E3E92;
}
.page-erp.purple .box-products .tabs .tab.active {
    background: #656cac;
}
.page-erp.purple .box-products .tabs .tab.label {
    background: #ECECEC;
}
.page-erp.purple .box-products .more {
    background: #3d4496;
}
@media only screen and (min-width: 900px) {
    .page-erp.purple .box-products .more {
        background: none;
    }
    .page-erp.purple .box-products .more a {
        background: #3d4496;
    }
}
.page-erp.orange .box-cloud {
    background: #d43f02 url(../img/erp-cloud-overlay-orange.png);
}
@media only screen and (min-width: 900px) {
    .page-erp.orange .box-cloud {
        background: #d43f02 url(../img/erp-top-bg-orange.png);
    }
}
.page-erp.orange .box-video .video .play {
    background: url('../img/erp-video-play-orange.png');
}
.page-erp.orange .box-video .video a:hover .play {
    background: url('../img/erp-video-play-orange-hover.png');
}
.page-erp.orange .box-video .text {
    background: #d43f02;
}
.page-erp.orange .box-video .text .product {
    background: #dd6636;
}
.page-erp.orange .box-products {
    background-image: url('../img/erp-bottom-bg-orange.jpg');
}
.page-erp.orange .box-products .tabs .tab {
    background: #BE3A05;
}
.page-erp.orange .box-products .tabs .tab.active {
    background: #dd6636;
}
.page-erp.orange .box-products .tabs .tab.label {
    background: #ECECEC;
}
.page-erp.orange .box-products .more {
    background: #d43f02;
}
@media only screen and (min-width: 900px) {
    .page-erp.orange .box-products .more {
        background: none;
    }
    .page-erp.orange .box-products .more a {
        background: #d43f02;
    }
}
.page-erp.yellow .box-cloud {
    background: #e79800 url(../img/erp-cloud-overlay-yellow.png);
}
@media only screen and (min-width: 900px) {
    .page-erp.yellow .box-cloud {
        background: #e79800 url(../img/erp-top-bg-yellow.png);
    }
}
.page-erp.yellow .box-video .video .play {
    background: url('../img/erp-video-play-yellow.png');
}
.page-erp.yellow .box-video .video a:hover .play {
    background: url('../img/erp-video-play-yellow-hover.png');
}
.page-erp.yellow .box-video .text {
    background: #e79800;
}
.page-erp.yellow .box-video .text .product {
    background: #ffc12f;
}
.page-erp.yellow .box-products {
    background-image: url('../img/erp-bottom-bg-yellow.jpg');
}
.page-erp.yellow .box-products .tabs .tab {
    background: #E29624;
}
.page-erp.yellow .box-products .tabs .tab.active {
    background: #ffc12f;
}
.page-erp.yellow .box-products .tabs .tab.label {
    background: #ECECEC;
}
.page-erp.yellow .box-products .more {
    background: #e79800;
}
@media only screen and (min-width: 900px) {
    .page-erp.yellow .box-products .more {
        background: none;
    }
    .page-erp.yellow .box-products .more a {
        background: #e79800;
    }
}
.box-single {
    background: #0994d0;
    /* Old browsers */
    background: -moz-linear-gradient(left, #0994d0 0%, #07a0c1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0994d0), color-stop(100%, #07a0c1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #0994d0 0%, #07a0c1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #0994d0 0%, #07a0c1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #0994d0 0%, #07a0c1 100%);
    /* IE10+ */
    background: linear-gradient(to right, #0994d0 0%, #07a0c1 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0994d0', endColorstr='#07a0c1', GradientType=1);
    /* IE6-9 */
    color: #FFF;
    padding-bottom: 57px;
}
@media only screen and (min-width: 900px) {
    .box-single {
        padding-bottom: 104px;
    }
}
.box-single .column {
    width: 81.25%;
    margin: 0 auto;
}
@media only screen and (min-width: 900px) {
    .box-single .column {
        width: 875px;
    }
}
.box-single .title {
    font-size: 42.31px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding-top: 56px;
    padding-bottom: 30px;
    margin-bottom: 61px;
    background: url(../img/title-line-2.png) bottom center no-repeat;
}
@media only screen and (min-width: 900px) {
    .box-single .title {
        padding-top: 70px;
        font-size: 32px;
    }
}
.box-single h2 {
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 13px;
}
@media only screen and (min-width: 900px) {
    .box-single h2 {
        font-size: 32px;
        margin-bottom: 11px;
    }
}
.box-single .p {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 30px;
}
@media only screen and (min-width: 900px) {
    .box-single .p {
        font-size: 14px;
    }
}
.box-single .p.bigger {
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 16px;
    margin-bottom: 15px;
}
@media only screen and (min-width: 900px) {
    .box-single .p.bigger {
        font-size: 18px;
        line-height: 21px;
        padding-bottom: 12px;
        margin-bottom: 30px;
        background: url(../img/arrow-text.png) bottom center no-repeat;
    }
    .box-single .p.bigger.without_small_text {
        background: none;
        margin-bottom: 0;
    }
}
.box-single.green {
    background: #8ada54;
    /* Old browsers */
    background: -moz-linear-gradient(left, #8ada54 0%, #a2e277 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8ada54), color-stop(100%, #a2e277));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #8ada54 0%, #a2e277 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #8ada54 0%, #a2e277 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #8ada54 0%, #a2e277 100%);
    /* IE10+ */
    background: linear-gradient(to right, #8ada54 0%, #a2e277 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ada54', endColorstr='#a2e277', GradientType=1);
    /* IE6-9 */
}
.box-single.green table td {
    border-bottom: 1px solid #80CE4A;
}
.box-single.green table td.without_border {
    border-color: transparent;
}
.box-single.green table tr:last-child td {
    border: none;
}
.box-single.dark-green {
    background: #668c02;
    /* Old browsers */
    background: -moz-linear-gradient(left, #668c02 0%, #86a436 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #668c02), color-stop(100%, #86a436));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #668c02 0%, #86a436 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #668c02 0%, #86a436 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #668c02 0%, #86a436 100%);
    /* IE10+ */
    background: linear-gradient(to right, #668c02 0%, #86a436 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#668c02', endColorstr='#86a436', GradientType=1);
    /* IE6-9 */
}
.box-single.dark-green table thead th {
    background: none;
    border-bottom: 15px solid #658b00;
    border-color: transparent;
}
.box-single.dark-green table thead th .text {
    background: #658b00;
}
.box-single.dark-green table thead th.without_text .text {
    background: none;
}
.box-single.dark-green table th {
    background: #658b00;
}
.box-single.dark-green table th.without_text {
    background: none;
}
.box-single.dark-green table td {
    background: none;
    border-bottom: 1px solid #658b00;
}
.box-single.dark-green table td.without_border {
    border-color: transparent;
}
.box-single.dark-green table td.without_border .text {
    background: #658b00;
}
.box-single.dark-green table tr:last-child td {
    border: none;
}
.box-single.pink {
    background: #ff027c;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff027c 0%, #ff3697 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff027c), color-stop(100%, #ff3697));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ff027c 0%, #ff3697 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ff027c 0%, #ff3697 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ff027c 0%, #ff3697 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ff027c 0%, #ff3697 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff027c', endColorstr='#ff3697', GradientType=1);
    /* IE6-9 */
}
.box-single.pink table thead th {
    background: none;
    border-bottom: 15px solid #F353C4;
    border-color: transparent;
}
.box-single.pink table thead th .text {
    background: #E0148E;
}
.box-single.pink table thead th.without_text .text {
    background: none;
}
.box-single.pink table th {
    background: #E0148E;
}
.box-single.pink table th.without_text {
    background: none;
}
.box-single.pink table td {
    background: none;
    border-bottom: 1px solid #F353C4;
}
.box-single.pink table td.without_border {
    border-color: transparent;
}
.box-single.pink table td.without_border .text {
    background: #E0148E;
}
.box-single.pink table tr:last-child td {
    border: none;
}
.box-single.yellow {
    background: #ffb402;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffb402 0%, #ffc234 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffb402), color-stop(100%, #ffc234));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffb402 0%, #ffc234 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffb402 0%, #ffc234 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffb402 0%, #ffc234 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ffb402 0%, #ffc234 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb402', endColorstr='#ffc234', GradientType=1);
    /* IE6-9 */
}
.box-single.orange {
    background: #d43f02;
    /* Old browsers */
    background: -moz-linear-gradient(left, #d43f02 0%, #dd6534 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f02), color-stop(100%, #dd6534));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d43f02 0%, #dd6534 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d43f02 0%, #dd6534 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #d43f02 0%, #dd6534 100%);
    /* IE10+ */
    background: linear-gradient(to right, #d43f02 0%, #dd6534 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d43f02', endColorstr='#dd6534', GradientType=1);
    /* IE6-9 */
}
.box-single.purple {
    background: #3d4496;
    /* Old browsers */
    background: -moz-linear-gradient(left, #3d4496 0%, #646aab 99%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3d4496), color-stop(99%, #646aab));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #3d4496 0%, #646aab 99%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #3d4496 0%, #646aab 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #3d4496 0%, #646aab 99%);
    /* IE10+ */
    background: linear-gradient(to right, #3d4496 0%, #646aab 99%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4496', endColorstr='#646aab', GradientType=1);
    /* IE6-9 */
}
.box-double {
    zoom: 1;
    clear: both;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.box-double:before,
.box-double:after {
    content: "";
    display: table;
}
.box-double:after {
    clear: both;
}
.box-double .double_wrapper {
    width: 81.25%;
    margin: 0 auto;
    position: relative;
}
@media only screen and (min-width: 900px) {
    .box-double .double_wrapper {
        width: 875px;
        padding-bottom: 114px;
    }
}
@media only screen and (min-width: 900px) {
    .box-double .bg-image {
        background: url(../img/double-bg.png);
        width: 467px;
        height: 467px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -233.5px;
        margin-top: -233.5px;
        z-index: 0;
    }
}
.box-double .title {
    padding-top: 67px;
    line-height: 36px;
    margin-bottom: 34px;
    z-index: 2;
    position: relative;
}
.box-double .title h2 {
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #076AD5;
}
@media only screen and (min-width: 900px) {
    .box-double .title h2 {
        font-size: 32px;
    }
}
.box-double .column {
    padding-bottom: 25px;
    z-index: 2;
    position: relative;
}
@media only screen and (min-width: 900px) {
    .box-double .column {
        width: 300px;
        padding-bottom: 0;
        position: static;
    }
}
.box-double .column.left {
    color: #666;
    padding-bottom: 25px;
}
@media only screen and (min-width: 900px) {
    .box-double .column.left {
        float: left;
        background: none;
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 900px) {
    .box-double .column.left .bg {
        position: absolute;
        z-index: -2;
        right: 50%;
        left: -1000px;
        top: 0;
        bottom: 0;
        background: #e4e4e4;
    }
}
.box-double .column.right {
    color: #FFF;
    padding-top: 25px;
    padding-bottom: 75px;
}
@media only screen and (min-width: 900px) {
    .box-double .column.right {
        float: right;
        background: none;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.box-double .column.right .bg {
    position: absolute;
    z-index: -1;
    left: -500px;
    right: -500px;
    top: 0;
    bottom: 0;
    background: #076ad5;
}
@media only screen and (min-width: 900px) {
    .box-double .column.right .bg {
        left: 50%;
        right: -1000px;
    }
}
.box-double .column .p {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    z-index: 2;
    position: relative;
}
@media only screen and (min-width: 900px) {
    .box-double .column .p {
        font-size: 14px;
    }
}
.box-double .column .p.bigger {
    font-size: 24px;
    line-height: 21px;
    margin-bottom: 22px;
}
@media only screen and (min-width: 900px) {
    .box-double .column .p.bigger {
        font-size: 18px;
    }
}
.box-double.green .title h2 {
    color: #5fae2a;
}
.box-double.green .column.right .bg {
    background: #77c444;
}
.box-double.pink .title h2 {
    color: #ff067e;
}
.box-double.pink .column.right .bg {
    background: #ff5baa;
}
.box-double.yellow .title h2 {
    color: #da9600;
}
.box-double.yellow .column.right .bg {
    background: #f4ab00;
}
.box-double.orange .title h2 {
    color: #d54207;
}
.box-double.orange .column.right .bg {
    background: #db5c29;
}
.box-double.purple .title h2 {
    color: #404797;
}
.box-double.purple .column.right .bg {
    background: #656cac;
}
.box-text-image {
    background: #076AD5;
    color: #FFF;
}
.box-text-image .box {
    margin: 0 auto;
    padding-top: 53px;
    padding-bottom: 36px;
    zoom: 1;
    clear: both;
}
.box-text-image .box:before,
.box-text-image .box:after {
    content: "";
    display: table;
}
.box-text-image .box:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .box-text-image .box {
        width: 1000px;
    }
}
.box-text-image .image {
    float: left;
}
.box-text-image .text {
    padding-left: 300px;
}
@media only screen and (min-width: 900px) {
    .box-text-image .text {
        padding-left: 338px;
    }
}
.box-text-image .text h2 {
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: -5px;
    line-height: 36px;
    margin-bottom: 35px;
}
.box-text-image .text h2 strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.box-text-image .text .p {
    font-size: 14px;
    line-height: 21px;
    padding-right: 60px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.box-text-image.not-scaled .image {
    float: none;
    text-align: center;
}
.box-text-image.not-scaled .text {
    padding: 20px 0 0 60px;
}
@media only screen and (min-width: 900px) {
    .box-text-image.not-scaled .image {
        float: left;
    }
    .box-text-image.not-scaled .image img {
        width: 100%;
    }
    .box-text-image.not-scaled .text {
        padding: 0;
    }
}
.box-text-image.green {
    background: #89da53;
}
.box-text-image.dark-green {
    background: #658b00;
}
.box-text-image.pink {
    background: #ff438a;
}
.box-text-image.yellow {
    background: #ffb404;
}
.box-text-image.orange {
    background: #d73e00;
}
.box-text-image.purple {
    background: #656cac;
}
.box-image-text {
    background: #076AD5;
    color: #FFF;
    background: #E4E4E4;
    color: #666;
}
.box-image-text .box {
    margin: 0 auto;
    padding-top: 53px;
    padding-bottom: 36px;
    zoom: 1;
    clear: both;
}
.box-image-text .box:before,
.box-image-text .box:after {
    content: "";
    display: table;
}
.box-image-text .box:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .box-image-text .box {
        width: 1000px;
    }
}
.box-image-text .image {
    float: left;
}
.box-image-text .text {
    padding-left: 300px;
}
@media only screen and (min-width: 900px) {
    .box-image-text .text {
        padding-left: 338px;
    }
}
.box-image-text .text h2 {
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: -5px;
    line-height: 36px;
    margin-bottom: 35px;
}
.box-image-text .text h2 strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.box-image-text .text .p {
    font-size: 14px;
    line-height: 21px;
    padding-right: 60px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.box-image-text.not-scaled .image {
    float: none;
    text-align: center;
}
.box-image-text.not-scaled .text {
    padding: 20px 0 0 60px;
}
@media only screen and (min-width: 900px) {
    .box-image-text.not-scaled .image {
        float: left;
    }
    .box-image-text.not-scaled .image img {
        width: 100%;
    }
    .box-image-text.not-scaled .text {
        padding: 0;
    }
}
.box-image-text.green {
    background: #89da53;
}
.box-image-text.dark-green {
    background: #658b00;
}
.box-image-text.pink {
    background: #ff438a;
}
.box-image-text.yellow {
    background: #ffb404;
}
.box-image-text.orange {
    background: #d73e00;
}
.box-image-text.purple {
    background: #656cac;
}
.box-image-text .box {
    padding-bottom: 61px;
}
.box-image-text .image {
    float: right;
}
.box-image-text .text {
    text-align: right;
    padding-left: 0;
    padding-right: 336px;
}
.box-image-text .text .p {
    padding-right: 0;
    padding-left: 60px;
}
.box-image-text.not-scaled .image {
    float: none;
    text-align: center;
}
.box-image-text.not-scaled .text {
    text-align: left;
    padding: 20px 60px 0 0;
}
.box-image-text.not-scaled .text h2 {
    padding-left: 60px;
}
@media only screen and (min-width: 900px) {
    .box-image-text.not-scaled .image {
        float: right;
    }
    .box-image-text.not-scaled .image img {
        width: 100%;
    }
    .box-image-text.not-scaled .text {
        text-align: right;
        padding: 0;
    }
    .box-image-text.not-scaled .text h2 {
        padding-left: 0px;
    }
}
.page-erp-standard .top-slider {
    height: 544px;
    position: relative;
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .top-slider {
        display: block;
    }
}
.page-erp-standard .top-slider .element {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -976.5px;
    width: 1953px;
}
.page-erp-standard .top-slider .element .text {
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -450px;
    color: #FFF;
}
.page-erp-standard .top-slider .element .text h2 {
    font-size: 44px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 20px;
}
.page-erp-standard .top-slider .element .text h2 strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-erp-standard .top-slider .element .text .p {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.page-erp-standard .top-slider .element .text .p:after {
    content: url(../img/more-right-small.png);
    position: relative;
    top: 3px;
    margin-left: 15px;
}
.page-erp-standard .box-spec {
    zoom: 1;
    clear: both;
    background: #0994D1;
    color: #FFF;
}
.page-erp-standard .box-spec:before,
.page-erp-standard .box-spec:after {
    content: "";
    display: table;
}
.page-erp-standard .box-spec:after {
    clear: both;
}
.page-erp-standard .box-spec .image {
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .image {
        display: block;
        width: 43.6%;
        float: left;
    }
}
.page-erp-standard .box-spec .image img {
    float: right;
}
.page-erp-standard .box-spec .data {
    padding-top: 66px;
    padding-bottom: 128px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data {
        padding-bottom: 0;
        padding-top: 53px;
    }
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data {
        width: 56.4%;
        float: left;
    }
}
.page-erp-standard .box-spec .data .table-title {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    width: 90%;
    margin: 0 auto;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data .table-title {
        font-size: 32px;
        margin: 0 0 0 67px;
        width: auto;
    }
}
.page-erp-standard .box-spec .data table {
    font-size: 15.07px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    width: 90% !important;
    margin: 67px auto 0;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: visible;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data table {
        font-size: 12px;
        width: 65% !important;
        margin-top: 55px;
        position: relative;
        left: -57px;
    }
}
.page-erp-standard .box-spec .data table th:after,
.page-erp-standard .box-spec .data table td:after,
.page-erp-standard .box-spec .data table th:before,
.page-erp-standard .box-spec .data table td:before {
    content: '';
    border: 0;
    display: none;
}
.page-erp-standard .box-spec .data table thead tr {
    border-bottom: 15px solid #0994D1;
}
.page-erp-standard .box-spec .data table thead tr th {
    background: #0072A4;
    white-space: nowrap;
    border-right: 1px solid #0994D1;
    padding: 15px 5px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data table thead tr th {
        padding: 9px 3px;
    }
}
.page-erp-standard .box-spec .data table thead tr th:first-child {
    background: none;
    border-right: 30px solid #0994D1;
}
.page-erp-standard .box-spec .data table thead tr th .text {
    padding: 0;
}
.page-erp-standard .box-spec .data table thead tr th.without_text .text {
    padding: 0;
}
.page-erp-standard .box-spec .data table tbody tr:last-child td {
    border-bottom: 0;
}
.page-erp-standard .box-spec .data table tbody tr td {
    border-right: 1px solid #FFF;
    text-align: center;
    padding: 15px 1px;
    background: none;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data table tbody tr td {
        padding: 9px 1px 8px 1px;
    }
}
.page-erp-standard .box-spec .data table tbody tr td:last-child {
    border-right: 0;
}
.page-erp-standard .box-spec .data table tbody tr td.title {
    font-size: 15.07px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: #0072A4;
    white-space: nowrap;
    border-bottom: 1px solid #0994D1;
    border-right: 30px solid #0994D1;
    text-align: left;
    padding: 15px 25px 15px 23px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data table tbody tr td.title {
        padding: 9px 13px 9px 15px;
    }
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-spec .data table tbody tr td.title {
        font-size: 12px;
    }
}
.page-erp-standard .box-spec .data table tbody tr td.without_border .text {
    padding: 0;
}
.page-erp-standard .box-gallery {
    zoom: 1;
    clear: both;
}
.page-erp-standard .box-gallery:before,
.page-erp-standard .box-gallery:after {
    content: "";
    display: table;
}
.page-erp-standard .box-gallery:after {
    clear: both;
}
.page-erp-standard .box-gallery .left {
    clear: both;
    width: 100%;
}
.page-erp-standard .box-gallery .left .title {
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #666;
    line-height: 169px;
    padding-left: 108px;
}
.page-erp-standard .box-gallery .box {
    display: block;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 33.33333333%;
}
.page-erp-standard .box-gallery .box.main {
    width: 100%;
}
.page-erp-standard .box-gallery .box.main img {
    width: 100%;
}
.page-erp-standard .box-gallery .box img {
    display: block;
    width: 100%;
}
.page-erp-standard .box-gallery .box.video {
    width: 66.66666667%;
}
.page-erp-standard .box-gallery .box .play_btn {
    position: absolute;
    width: 92px;
    height: 92px;
    margin-top: -46px;
    margin-left: -46px;
    top: 50%;
    left: 50%;
    background: url('../img/erp-video-play.png');
}
.page-erp-standard .box-gallery .box:hover .play_btn {
    background: url('../img/erp-video-play-hover.png');
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-gallery .left {
        width: 50%;
        float: left;
        clear: none;
    }
    .page-erp-standard .box-gallery .left .title {
        line-height: 180px;
        height: 33.33333333%;
        max-height: 180px;
        padding-left: 0;
        font-size: 33px;
    }
    .page-erp-standard .box-gallery .box {
        width: 20%;
    }
    .page-erp-standard .box-gallery .box.main {
        height: 66.66666667%;
        width: 100%;
        max-height: 360px;
    }
    .page-erp-standard .box-gallery .box.main img {
        width: auto;
        height: 100%;
        float: right;
    }
    .page-erp-standard .box-gallery .box.video {
        width: 40%;
    }
    .page-erp-standard .box-gallery .box.first {
        margin-left: -20%;
    }
}
.page-erp-standard .box-slider {
    position: relative;
    height: 400px;
    overflow: hidden;
}
.page-erp-standard .box-slider ul {
    width: 100%;
    height: 400px;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.page-erp-standard .box-slider ul li {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
    position: absolute;
    overflow: hidden;
    padding: 0;
}
.page-erp-standard .box-slider ul li a {
    display: block;
    text-align: center;
    /*line-height: 544px;*/
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}
.page-erp-standard .box-slider ul li img {
    max-width: 100%;
    /*max-height: 544px;*/
    vertical-align: middle;
    display: inline;
    display: inline-block;
}
.page-erp-standard .box-slider.desktop {
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-slider .bx-wrapper .bx-prev {
        left: auto;
        right: 72%;
    }
    .page-erp-standard .box-slider .bx-wrapper .bx-next {
        right: auto;
        left: 72%;
    }
}
.page-erp-standard .box-text-video {
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-video {
        display: block;
        color: #FFFFFF;
        background: #108FC2;
    }
    .page-erp-standard .box-text-video .box {
        zoom: 1;
        clear: both;
        margin: 0 auto;
        width: 1004px;
        padding-top: 69px;
        padding-bottom: 53px;
    }
    .page-erp-standard .box-text-video .box:before,
    .page-erp-standard .box-text-video .box:after {
        content: "";
        display: table;
    }
    .page-erp-standard .box-text-video .box:after {
        clear: both;
    }
    .page-erp-standard .box-text-video .text {
        float: left;
        width: 359px;
        padding-left: 63px;
    }
    .page-erp-standard .box-text-video .text h2 {
        font-size: 32px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 61px;
    }
    .page-erp-standard .box-text-video .text .p {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        line-height: 21px;
    }
    .page-erp-standard .box-text-video .text .p.bigger {
        font-size: 18px;
        margin-bottom: 43px;
    }
    .page-erp-standard .box-text-video .image {
        float: right;
        margin-top: 12px;
        position: relative;
    }
    .page-erp-standard .box-text-video .image a {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 5;
    }
    .page-erp-standard .box-text-video .image a:hover .play {
        background: url(../img/video-play-clear-blue.png);
    }
    .page-erp-standard .box-text-video .image .play {
        background: url(../img/video-play-clear.png);
        display: block;
        width: 110px;
        height: 110px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -55px;
        margin-top: -55px;
    }
}
.page-erp-standard .box-image-video {
    background: #0A95D4;
    zoom: 1;
    clear: both;
    position: relative;
    display: none;
}
.page-erp-standard .box-image-video:before,
.page-erp-standard .box-image-video:after {
    content: "";
    display: table;
}
.page-erp-standard .box-image-video:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-image-video {
        display: block;
    }
}
.page-erp-standard .box-image-video .image {
    font-size: 0;
    position: relative;
    z-index: 1;
    float: left;
    width: 54%;
    zoom: 1;
    clear: both;
}
.page-erp-standard .box-image-video .image:before,
.page-erp-standard .box-image-video .image:after {
    content: "";
    display: table;
}
.page-erp-standard .box-image-video .image:after {
    clear: both;
}
.page-erp-standard .box-image-video .image .bg {
    background: #128EBD;
    position: absolute;
    z-index: 1;
    right: 0;
    left: -1000px;
    top: 0;
    bottom: 0;
}
.page-erp-standard .box-image-video .image img {
    position: relative;
    z-index: 2;
    float: right;
}
.page-erp-standard .box-image-video .video {
    font-size: 0;
    top: 84px;
    left: 47%;
    position: absolute;
    z-index: 2;
}
.page-erp-standard .box-image-video .video a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 5;
}
.page-erp-standard .box-image-video .video a:hover .play {
    background: url(../img/video-play-clear-blue.png);
}
.page-erp-standard .box-image-video .video .play {
    background: url(../img/video-play-clear.png);
    display: block;
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -55px;
    margin-top: -55px;
}
.page-erp-standard .box-text-slider {
    position: relative;
    padding-top: 75px;
    margin: 0 auto;
    zoom: 1;
    clear: both;
    display: block;
}
.page-erp-standard .box-text-slider:before,
.page-erp-standard .box-text-slider:after {
    content: "";
    display: table;
}
.page-erp-standard .box-text-slider:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider {
        height: 461px;
        width: 944px;
        display: block;
    }
}
.page-erp-standard .box-text-slider .bg {
    position: absolute;
    background: url(../img/slider-text-img.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1960px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -980px;
    z-index: 1;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider .bg {
        height: 563px;
    }
}
.page-erp-standard .box-text-slider .bx-wrapper {
    position: relative;
    z-index: 2;
}
.page-erp-standard .box-text-slider .bx-wrapper .bx-viewport {
    background: none;
    overflow: visible !important;
}
.page-erp-standard .box-text-slider .bx-wrapper .bx-prev {
    left: 10%;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider .bx-wrapper .bx-prev {
        right: 54.2%;
        left: auto;
    }
}
.page-erp-standard .box-text-slider .bx-wrapper .bx-prev:hover {
    background: url('../img/slider_nav_btn_prev_blue.png') 0 0 no-repeat;
}
.page-erp-standard .box-text-slider .bx-wrapper .bx-next {
    right: 10%;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider .bx-wrapper .bx-next {
        right: -1.7%;
    }
}
.page-erp-standard .box-text-slider .bx-wrapper .bx-next:hover {
    background: url('../img/slider_nav_btn_next_blue.png') 0 0 no-repeat;
}
.page-erp-standard .box-text-slider ul {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider ul {
        padding-left: 20px;
        padding-bottom: 10px;
        padding-top: 20px;
    }
}
.page-erp-standard .box-text-slider ul li:before {
    content: '';
    display: none;
}
.page-erp-standard .box-text-slider ul li .text {
    position: relative;
    z-index: 5;
    width: 81.25%;
    margin: 0 auto;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider ul li .text {
        width: 345px;
        float: left;
        height: 415px;
        margin: 0;
    }
}
.page-erp-standard .box-text-slider ul li .text h2 {
    font-size: 32px;
    color: #07B0F8;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 20px;
}
.page-erp-standard .box-text-slider ul li .text h2 strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-erp-standard .box-text-slider ul li .text .p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    line-height: 19px;
}
.page-erp-standard .box-text-slider ul li .text .p.bigger {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;
}
.page-erp-standard .box-text-slider ul li .slider {
    position: relative;
    z-index: 5;
    margin-top: 15px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider ul li .slider {
        float: right;
    }
}
.page-erp-standard .box-text-slider ul li .slider .element img {
    display: block;
    margin: 0 auto;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider ul li .slider .element img {
        margin: 0;
    }
}
.page-erp-standard .box-text-slider ul li .slider .number {
    position: absolute;
    color: #FFF;
    right: 0;
    bottom: -61px;
    font-size: 22.68px;
    height: 61px;
    width: 160px;
    padding-right: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: #A4A4A4;
    line-height: 61px;
    text-align: right;
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-text-slider ul li .slider .number {
        display: block;
    }
}
.page-erp-standard .box-text-slider ul li .slider .number strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-erp-standard .box-functions {
    background: #07B0F8;
    padding-top: 172px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions {
        padding-bottom: 30px;
    }
}
.page-erp-standard .box-functions .wrapper {
    zoom: 1;
    clear: both;
    width: 542px;
    margin: 0 auto;
}
.page-erp-standard .box-functions .wrapper:before,
.page-erp-standard .box-functions .wrapper:after {
    content: "";
    display: table;
}
.page-erp-standard .box-functions .wrapper:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .wrapper {
        width: 1030px;
    }
}
.page-erp-standard .box-functions .function {
    width: 179px;
    padding: 0 35px 0 35px;
    height: 470px;
    float: left;
    background: red;
    margin-right: 11px;
    margin-left: 11px;
    margin-bottom: 52px;
    color: #FFF;
    position: relative;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function {
        width: 126px;
        padding: 0 30px 0 30px;
        margin-right: 7px;
        margin-left: 8px;
        height: 340px;
    }
}
.page-erp-standard .box-functions .function.function-1 {
    background: #1087B9;
}
.page-erp-standard .box-functions .function.function-2 {
    background: #2C8CA4;
}
.page-erp-standard .box-functions .function.function-3 {
    background: #2276C5;
}
.page-erp-standard .box-functions .function.function-4 {
    background: #4D7BBE;
}
.page-erp-standard .box-functions .function.function-5 {
    background: #1087B9;
}
.page-erp-standard .box-functions .function.promoted:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: -22px;
    right: -22px;
    top: -87px;
    bottom: -25px;
    border: 1px solid #FFF;
    border-left-width: 22px;
    border-right-width: 22px;
    border-bottom-width: 25px;
    border-top-width: 87px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function.promoted:before {
        left: -15px;
        right: -15px;
        bottom: -20px;
        border-left-width: 15px;
        border-right-width: 15px;
        border-bottom-width: 20px;
    }
}
.page-erp-standard .box-functions .function .promoted-title {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: -65px;
    font-size: 30.25px;
    color: #199097;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    white-space: nowrap;
    text-align: center;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function .promoted-title {
        font-size: 22px;
    }
}
.page-erp-standard .box-functions .function .price {
    font-size: 24.02px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: right;
    position: relative;
    z-index: 3;
    margin-top: 37px;
    margin-bottom: 54px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function .price {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
.page-erp-standard .box-functions .function .price strong {
    font-size: 37.05px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function .price strong {
        font-size: 27.77px;
    }
}
.page-erp-standard .box-functions .function .text {
    font-size: 18.68px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 3;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function .text {
        font-size: 13px;
    }
}
.page-erp-standard .box-functions .function .text ul {
    margin-top: 20px;
    padding: 0;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function .text ul {
        margin-top: 13px;
    }
}
.page-erp-standard .box-functions .function .text ul li {
    padding: 0;
    font-size: 17.35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.page-erp-standard .box-functions .function .text ul li:before {
    content: url(../img/function-bullet.png);
    position: relative;
    margin-right: 5px;
    top: -3px;
    left: auto;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function .text ul li {
        font-size: 13px;
    }
    .page-erp-standard .box-functions .function .text ul li:before {
        top: -1px;
    }
}
.page-erp-standard .box-functions .function .more {
    font-size: 21.31px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: url(../img/function-more.png) right center no-repeat;
    padding-right: 45px;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 45px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-functions .function .more {
        font-size: 15.97px;
        line-height: 25px;
        bottom: 30px;
    }
}
.page-erp-standard .box-functions .function .more .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.page-erp-standard .box-functions .function .more .txt:after {
    content: url(../img/more-right-small.png);
    position: relative;
    top: 4px;
    margin-left: 10px;
}
.page-erp-standard .box-functions .function .more .txt:hover {
    color: #07B0F8;
}
.page-erp-standard .box-functions .function .more .txt:hover:after {
    content: url(../img/more-right-small-blue.png);
}
.page-erp-standard .box-download {
    background: #EAEAEA;
    zoom: 1;
    clear: both;
    display: none;
    padding-top: 78px;
    padding-bottom: 81px;
}
.page-erp-standard .box-download:before,
.page-erp-standard .box-download:after {
    content: "";
    display: table;
}
.page-erp-standard .box-download:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-download {
        display: block;
    }
}
.page-erp-standard .box-download .left {
    zoom: 1;
}
.page-erp-standard .box-download .left:before,
.page-erp-standard .box-download .left:after {
    content: "";
    display: table;
}
.page-erp-standard .box-download .left:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-download .left {
        float: left;
        width: 50%;
    }
}
.page-erp-standard .box-download .left .data {
    float: right;
    margin-right: 96px;
}
.page-erp-standard .box-download .left .data h2 {
    font-size: 32px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.page-erp-standard .box-download .left .data h2 strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-erp-standard .box-download .left .data .image {
    margin-top: 38px;
    width: 173px;
    height: 180px;
    background: url('../img/download-img.png');
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-download .right {
        float: left;
        width: 35%;
        padding-right: 15%;
    }
}
.page-erp-standard .box-download .right ul {
    margin-top: 7px;
    padding: 0;
}
.page-erp-standard .box-download .right ul li {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    margin-bottom: 38px;
    position: relative;
    padding-left: 46px;
}
.page-erp-standard .box-download .right ul li:before {
    content: url(../img/download-bullet.png);
    display: block;
    position: absolute;
    left: -12px;
    top: 0;
}
.page-erp-standard .box-download .right ul li a {
    color: #07B0F8;
}
.page-erp-standard .box-download .right ul li a:hover {
    color: #FFFFFF;
}
.page-erp-standard .box-download .right ul li a:hover:after {
    content: url(../img/more-mini-white.png);
}
.page-erp-standard .box-download .right ul li a:after {
    content: url(../img/more-mini-blue.png);
    position: relative;
    top: 3px;
    margin-left: 3px;
}
.page-erp-standard .box-media {
    background: #027DF3;
    color: #FFF;
    zoom: 1;
    clear: both;
    padding-bottom: 50px;
    display: none;
}
.page-erp-standard .box-media:before,
.page-erp-standard .box-media:after {
    content: "";
    display: table;
}
.page-erp-standard .box-media:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media {
        display: block;
        padding-top: 66px;
    }
}
.page-erp-standard .box-media .box {
    width: 1000px;
    margin: 0 auto;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .box > .left {
        float: left;
        width: 28.5%;
    }
}
.page-erp-standard .box-media .box > .left h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 50.13px;
    padding-top: 25px;
    margin-bottom: 40px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .box > .left h2 {
        font-size: 32px;
        margin-left: 49px;
        margin-top: -33px;
        line-height: 40px;
    }
}
.page-erp-standard .box-media .box > .left h2 strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-erp-standard .box-media .right-side {
    zoom: 1;
    clear: both;
    margin: 0 auto;
}
.page-erp-standard .box-media .right-side:before,
.page-erp-standard .box-media .right-side:after {
    content: "";
    display: table;
}
.page-erp-standard .box-media .right-side:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .right-side {
        float: left;
        clear: none;
        width: 500px;
    }
}
.page-erp-standard .box-media .right-side .left {
    zoom: 1;
    clear: both;
    margin-bottom: 30px;
}
.page-erp-standard .box-media .right-side .left:before,
.page-erp-standard .box-media .right-side .left:after {
    content: "";
    display: table;
}
.page-erp-standard .box-media .right-side .left:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .right-side .left {
        margin-bottom: 0;
    }
}
.page-erp-standard .box-media .right-side .left .image {
    float: left;
}
.page-erp-standard .box-media .right-side .left .text {
    float: left;
}
.page-erp-standard .box-media .right-side .left .text .more:before {
    content: url(../img/more-left-small.png);
    position: relative;
    top: 4px;
    margin-right: 15px;
}
.page-erp-standard .box-media .right-side .left .text .more:hover {
    color: #0063C2;
}
.page-erp-standard .box-media .right-side .left .text .more:hover:before {
    content: url(../img/more-left-small-dark-blue.png);
}
.page-erp-standard .box-media .right-side .right {
    zoom: 1;
    clear: both;
    margin-bottom: 30px;
}
.page-erp-standard .box-media .right-side .right:before,
.page-erp-standard .box-media .right-side .right:after {
    content: "";
    display: table;
}
.page-erp-standard .box-media .right-side .right:after {
    clear: both;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .right-side .right {
        margin-bottom: 0;
    }
}
.page-erp-standard .box-media .right-side .right .image {
    float: right;
}
.page-erp-standard .box-media .right-side .right .text {
    float: left;
}
.page-erp-standard .box-media .right-side .right .text .wrapper {
    padding-right: 30px;
    padding-left: 0;
}
.page-erp-standard .box-media .right-side .right .text .more {
    text-align: right;
}
.page-erp-standard .box-media .right-side .right .text .more:after {
    content: url(../img/more-right-small.png);
    position: relative;
    top: 4px;
    margin-left: 15px;
}
.page-erp-standard .box-media .right-side .right .text .more:hover {
    color: #0063C2;
}
.page-erp-standard .box-media .right-side .right .text .more:hover:after {
    content: url(../img/more-right-small-dark-blue.png);
}
.page-erp-standard .box-media .right-side .text {
    height: 172px;
    font-size: 0;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .right-side .text {
        height: 146px;
    }
}
.page-erp-standard .box-media .right-side .text .helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.page-erp-standard .box-media .right-side .text .wrapper {
    display: inline-block;
    vertical-align: middle;
    font-size: 21.05px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-left: 30px;
    width: 300px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .right-side .text .wrapper {
        font-size: 15px;
        width: auto;
    }
}
.page-erp-standard .box-media .right-side .text .wrapper .more {
    margin-top: 15px;
    display: block;
}
.page-erp-standard .box-media .right-side .image {
    background: #0063C2;
    text-align: center;
    width: 190px;
    height: 172px;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-media .right-side .image {
        height: 146px;
        width: 162px;
    }
}
.page-erp-standard .box-media .right-side .image .helper {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.page-erp-standard .box-media .right-side .image img {
    vertical-align: middle;
}
.page-erp-standard .box-clients {
    background: url(../img/clients-bg.png);
    min-height: 231px;
    padding-bottom: 80px;
    display: none;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-clients {
        display: block;
    }
}
.page-erp-standard .box-clients .box {
    width: 900px;
    margin: 0 auto;
    zoom: 1;
    clear: both;
}
.page-erp-standard .box-clients .box:before,
.page-erp-standard .box-clients .box:after {
    content: "";
    display: table;
}
.page-erp-standard .box-clients .box:after {
    clear: both;
}
.page-erp-standard .box-clients .title {
    color: #666;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 10px;
}
.page-erp-standard .box-clients .title strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.page-erp-standard .box-clients .clients {
    text-align: center;
}
.page-erp-standard .box-clients .clients .client {
    text-align: center;
    height: 100px;
    vertical-align: bottom;
    width: 176px;
    display: inline-block;
}
.page-erp-standard .box-clients .clients .client .helper {
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
}
.page-erp-standard .box-clients .clients .client img {
    display: inline-block;
    vertical-align: bottom;
}
.page-erp-standard .box-related {
    padding-bottom: 63px;
    color: #FFF;
    display: none;
    background: #128dbc;
    /* Old browsers */
    background: -moz-linear-gradient(left, #128dbc 0%, #0698e0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #128dbc), color-stop(100%, #0698e0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #128dbc 0%, #0698e0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #128dbc 0%, #0698e0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #128dbc 0%, #0698e0 100%);
    /* IE10+ */
    background: linear-gradient(to right, #128dbc 0%, #0698e0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#128dbc', endColorstr='#0698e0', GradientType=1);
    position: relative;
}
.page-erp-standard .box-related .cloud_bg {
    width: 801px;
    height: 519px;
    background: url('../img/related_cloud_bg.png') no-repeat;
    position: absolute;
    bottom: 0;
    left: 52%;
    opacity: 0.1;
    filter: alpha(opacity=10);
    z-index: 0;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-related {
        display: block;
    }
}
.page-erp-standard .box-related .title {
    font-size: 32px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding-top: 101px;
    padding-bottom: 26px;
    margin-bottom: 94px;
    background: url(../img/title-line-2.png) bottom center no-repeat;
    position: relative;
    z-index: 2;
}
.page-erp-standard .box-related .box {
    text-align: center;
}
@media only screen and (min-width: 900px) {
    .page-erp-standard .box-related .box {
        width: 100%;
        margin: 0 auto;
        max-width: 1000px;
    }
}
.page-erp-standard .box-related .box .related {
    width: 213px;
    height: 179px;
    margin: 0 5.8% 80px 5.8%;
    position: relative;
    z-index: 2;
    display: inline-block;
}
.page-erp-standard .box-related .box .related img {
    display: block;
    margin: 40px auto 0;
    opacity: 0.8;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.page-erp-standard .box-related .box .related .text {
    text-align: center;
    font-size: 16.24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.page-erp-standard .box-related .box .related .text:after {
    content: url(../img/more-right-small.png);
    position: relative;
    margin-left: 10px;
    top: 4px;
}
.page-erp-standard .box-related .box .related:hover {
    border: 2px solid #FFFFFF;
    width: 209px;
    height: 175px;
    background: none;
}
.page-erp-standard .box-related .box .related:hover img {
    margin-top: 38px;
}
.page-erp-standard .box-related .box .related:hover .text {
    bottom: 28px;
}
.page-erp-standard .box-related .box .blue {
    background: #4CBEF0;
}
.page-erp-standard .box-related .box .green {
    background: #89DA53;
}
.page-erp-standard .box-related .box .pink {
    background: #EE559F;
}
.page-erp-standard .box-related .box .yellow {
    background: #FFB300;
}
.page-erp-standard .box-related .box .orange {
    background: #EF662F;
}
.page-erp-standard .box-related .box .purple {
    background: #3B4395;
}
.page-erp-standard.green .box-gallery .box .play_btn {
    background: url('../img/erp-video-play-green.png');
}
.page-erp-standard.green .box-gallery .box:hover .play_btn {
    background: url('../img/erp-video-play-green-hover.png');
}
.page-erp-standard.green .box-text-video {
    background: #89da53;
    /* Old browsers */
    background: -moz-linear-gradient(left, #89da53 0%, #b8f474 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #89da53), color-stop(100%, #b8f474));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #89da53 0%, #b8f474 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #89da53 0%, #b8f474 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #89da53 0%, #b8f474 100%);
    /* IE10+ */
    background: linear-gradient(to right, #89da53 0%, #b8f474 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89da53', endColorstr='#b8f474', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.green .box-text-video .image a:hover .play {
    background: url('../img/video-play-clear-green.png') no-repeat;
}
.page-erp-standard.green .box-image-video {
    background: #78b949;
}
.page-erp-standard.green .box-image-video .image .bg {
    background: #78b949;
}
.page-erp-standard.green .box-image-video .video a:hover .play {
    background: url('../img/video-play-clear-green.png');
}
.page-erp-standard.green .box-text-slider ul li .text h2 {
    color: #5fae2a;
}
.page-erp-standard.green .box-text-slider .bx-wrapper .bx-prev:hover {
    background: url('../img/slider_nav_btn_prev_green.png');
}
.page-erp-standard.green .box-text-slider .bx-wrapper .bx-next:hover {
    background: url('../img/slider_nav_btn_next_green.png');
}
.page-erp-standard.green .box-functions {
    background: #89da53;
}
.page-erp-standard.green .box-functions .function .more .txt:hover {
    color: #89da53;
}
.page-erp-standard.green .box-functions .function .more .txt:hover:after {
    content: url(../img/more-right-small-green.png);
}
.page-erp-standard.green .box-functions .function .text ul li:before {
    content: url(../img/function-bullet-yellow.png);
}
.page-erp-standard.green .box-functions .function.function-1 {
    background: #6ba048;
}
.page-erp-standard.green .box-functions .function.function-2 {
    background: #6dd02c;
}
.page-erp-standard.green .box-functions .function.function-3 {
    background: #8a9b2d;
}
.page-erp-standard.green .box-functions .function.function-4 {
    background: #789b2d;
}
.page-erp-standard.green .box-functions .function.function-5 {
    background: #6ba048;
}
.page-erp-standard.green .box-functions .function .promoted-title {
    color: #6ba048;
}
.page-erp-standard.green .box-media {
    background: #7eb858;
}
.page-erp-standard.green .box-media .right-side .image {
    background: #5b9634;
}
.page-erp-standard.green .box-media .right-side .text .wrapper .more:hover {
    color: #5b9634;
}
.page-erp-standard.green .box-media .right-side .left .text .more:hover:before {
    content: url(../img/more-left-small-dark-green.png);
}
.page-erp-standard.green .box-media .right-side .right .text .more:hover:after {
    content: url(../img/more-right-small-dark-green.png);
}
.page-erp-standard.green .box-related {
    background: #7cb756;
    /* Old browsers */
    background: -moz-linear-gradient(left, #7cb756 0%, #54a61c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7cb756), color-stop(100%, #54a61c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #7cb756 0%, #54a61c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #7cb756 0%, #54a61c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #7cb756 0%, #54a61c 100%);
    /* IE10+ */
    background: linear-gradient(to right, #7cb756 0%, #54a61c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cb756', endColorstr='#54a61c', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.green .box-spec {
    background: #89da53;
}
.page-erp-standard.green .box-spec .data table tbody tr td.title {
    background: #76a855;
    border-bottom: 1px solid #89da53;
    border-right: 30px solid #89da53;
}
.page-erp-standard.green .box-spec .data table tbody tr:last-child td {
    border-bottom: 0;
}
.page-erp-standard.green .box-spec .data table thead tr {
    border-bottom: 15px solid #89da53;
}
.page-erp-standard.green .box-spec .data table thead tr th {
    background: #76a855;
    border-right: 1px solid #89da53;
}
.page-erp-standard.green .box-spec .data table thead tr th:first-child {
    background: none;
    border-right: 30px solid #89da53;
}
.page-erp-standard.green .box-download .left .data .image {
    background: url('../img/download-img-green.png');
}
.page-erp-standard.green .box-download .right ul li:before {
    content: url(../img/download-bullet-green.png);
}
.page-erp-standard.green .box-download .right ul li a {
    color: #89da53;
}
.page-erp-standard.green .box-download .right ul li a:after {
    content: url(../img/more-mini-green.png);
}
.page-erp-standard.green .box-download .right ul li a:hover {
    color: #FFFFFF;
}
.page-erp-standard.green .box-download .right ul li a:hover:after {
    content: url(../img/more-mini-white.png);
}
.page-erp-standard.dark-green .box-gallery .box .play_btn {
    background: url('../img/erp-video-play-dark-green.png');
}
.page-erp-standard.dark-green .box-gallery .box:hover .play_btn {
    background: url('../img/erp-video-play-dark-green-hover.png');
}
.page-erp-standard.dark-green .box-text-video {
    background: #688e04;
    /* Old browsers */
    background: -moz-linear-gradient(left, #688e04 0%, #addc5b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #688e04), color-stop(100%, #addc5b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #688e04 0%, #addc5b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #688e04 0%, #addc5b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #688e04 0%, #addc5b 100%);
    /* IE10+ */
    background: linear-gradient(to right, #688e04 0%, #addc5b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#688e04', endColorstr='#addc5b', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.dark-green .box-text-video .image a:hover .play {
    background: url('../img/video-play-clear-green.png') no-repeat;
}
.page-erp-standard.dark-green .box-image-video {
    background: #658b00;
}
.page-erp-standard.dark-green .box-image-video .image .bg {
    background: #658b00;
}
.page-erp-standard.dark-green .box-image-video .video a:hover .play {
    background: url('../img/video-play-clear-dark-green.png');
}
.page-erp-standard.dark-green .box-text-slider ul li .text h2 {
    color: #658b00;
}
.page-erp-standard.dark-green .box-text-slider .bx-wrapper .bx-prev:hover {
    background: url('../img/slider_nav_btn_prev_green.png');
}
.page-erp-standard.dark-green .box-text-slider .bx-wrapper .bx-next:hover {
    background: url('../img/slider_nav_btn_next_green.png');
}
.page-erp-standard.dark-green .box-functions {
    background: #89da53;
}
.page-erp-standard.dark-green .box-functions .function .more .txt:hover {
    color: #89da53;
}
.page-erp-standard.dark-green .box-functions .function .more .txt:hover:after {
    content: url(../img/more-right-small-green.png);
}
.page-erp-standard.dark-green .box-functions .function .text ul li:before {
    content: url(../img/function-bullet-yellow.png);
}
.page-erp-standard.dark-green .box-functions .function.function-1 {
    background: #6ba048;
}
.page-erp-standard.dark-green .box-functions .function.function-2 {
    background: #6dd02c;
}
.page-erp-standard.dark-green .box-functions .function.function-3 {
    background: #8a9b2d;
}
.page-erp-standard.dark-green .box-functions .function.function-4 {
    background: #789b2d;
}
.page-erp-standard.dark-green .box-functions .function.function-5 {
    background: #6ba048;
}
.page-erp-standard.dark-green .box-functions .function .promoted-title {
    color: #6ba048;
}
.page-erp-standard.dark-green .box-media {
    background: #79a700;
}
.page-erp-standard.dark-green .box-media .right-side .image {
    background: #5e8101;
}
.page-erp-standard.dark-green .box-media .right-side .text .wrapper .more:hover {
    color: #5e8101;
}
.page-erp-standard.dark-green .box-media .right-side .left .text .more:hover:before {
    content: url(../img/more-left-small-dark-dark-green.png);
}
.page-erp-standard.dark-green .box-media .right-side .right .text .more:hover:after {
    content: url(../img/more-right-small-dark-dark-green.png);
}
.page-erp-standard.dark-green .box-related {
    background: #7cb756;
    /* Old browsers */
    background: -moz-linear-gradient(left, #648c00 0%, #4b9800 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #648c00), color-stop(100%, #4b9800));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #648c00 0%, #4b9800 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #648c00 0%, #4b9800 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #648c00 0%, #4b9800 100%);
    /* IE10+ */
    background: linear-gradient(to right, #648c00 0%, #4b9800 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#648c00', endColorstr='#4b9800', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.dark-green .box-spec {
    background: #75971a;
}
.page-erp-standard.dark-green .box-spec .data table tbody tr td.title {
    background: #658b00;
    border-bottom: 1px solid #75971a;
    border-right: 30px solid #75971a;
}
.page-erp-standard.dark-green .box-spec .data table tbody tr td.title .text {
    background: #658b00;
}
.page-erp-standard.dark-green .box-spec .data table tbody tr:last-child td {
    border-bottom: 0;
}
.page-erp-standard.dark-green .box-spec .data table thead tr {
    border-bottom: 15px solid #75971a;
}
.page-erp-standard.dark-green .box-spec .data table thead tr .text {
    background: #658b00;
}
.page-erp-standard.dark-green .box-spec .data table thead tr .without_text .text {
    background: none;
}
.page-erp-standard.dark-green .box-spec .data table thead tr th {
    background: #658b00;
    border-right: 1px solid #75971a;
}
.page-erp-standard.dark-green .box-spec .data table thead tr th:first-child {
    background: none;
    border-right: 30px solid #75971a;
}
.page-erp-standard.dark-green .box-download .left .data .image {
    background: url('../img/download-img-dark-green.png');
}
.page-erp-standard.dark-green .box-download .right ul li:before {
    content: url(../img/download-bullet-dark-green.png);
}
.page-erp-standard.dark-green .box-download .right ul li a {
    color: #658b00;
}
.page-erp-standard.dark-green .box-download .right ul li a:after {
    content: url(../img/more-mini-dark-green.png);
}
.page-erp-standard.dark-green .box-download .right ul li a:hover {
    color: #FFFFFF;
}
.page-erp-standard.dark-green .box-download .right ul li a:hover:after {
    content: url(../img/more-mini-white.png);
}
.page-erp-standard.pink .box-gallery .box .play_btn {
    background: url('../img/erp-video-play-pink.png');
}
.page-erp-standard.pink .box-gallery .box:hover .play_btn {
    background: url('../img/erp-video-play-pink-hover.png');
}
.page-erp-standard.pink .box-text-video {
    background: #ff037b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff037b 0%, #ff6380 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff037b), color-stop(100%, #ff6380));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ff037b 0%, #ff6380 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ff037b 0%, #ff6380 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ff037b 0%, #ff6380 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ff037b 0%, #ff6380 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff037b', endColorstr='#ff6380', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.pink .box-text-video .image a:hover .play {
    background: url('../img/video-play-clear-pink.png') no-repeat;
}
.page-erp-standard.pink .box-image-video {
    background: #ff5c80;
}
.page-erp-standard.pink .box-image-video .image .bg {
    background: #ff5c80;
}
.page-erp-standard.pink .box-image-video .video a:hover .play {
    background: url('../img/video-play-clear-pink.png');
}
.page-erp-standard.pink .box-text-slider ul li .text h2 {
    color: #ff007b;
}
.page-erp-standard.pink .box-text-slider .bx-wrapper .bx-prev:hover {
    background: url('../img/slider_nav_btn_prev_pink.png');
}
.page-erp-standard.pink .box-text-slider .bx-wrapper .bx-next:hover {
    background: url('../img/slider_nav_btn_next_pink.png');
}
.page-erp-standard.pink .box-functions {
    background: #ff007b;
}
.page-erp-standard.pink .box-functions .function .more .txt:hover {
    color: #ff007b;
}
.page-erp-standard.pink .box-functions .function .more .txt:hover:after {
    content: url(../img/more-right-small-pink.png);
}
.page-erp-standard.pink .box-functions .function .text ul li:before {
    content: url(../img/function-bullet-yellow.png);
}
.page-erp-standard.pink .box-functions .function.function-1 {
    background: #ff4ca2;
}
.page-erp-standard.pink .box-functions .function.function-2 {
    background: #e416c9;
}
.page-erp-standard.pink .box-functions .function.function-3 {
    background: #e53ef9;
}
.page-erp-standard.pink .box-functions .function.function-4 {
    background: #da0253;
}
.page-erp-standard.pink .box-functions .function.function-5 {
    background: #ff4ca2;
}
.page-erp-standard.pink .box-functions .function .promoted-title {
    color: #e416c9;
}
.page-erp-standard.pink .box-media {
    background: #ff4ca2;
}
.page-erp-standard.pink .box-media .right-side .image {
    background: #da0253;
}
.page-erp-standard.pink .box-media .right-side .text .wrapper .more:hover {
    color: #da0253;
}
.page-erp-standard.pink .box-media .right-side .left .text .more:hover:before {
    content: url(../img/more-left-small-dark-pink.png);
}
.page-erp-standard.pink .box-media .right-side .right .text .more:hover:after {
    content: url(../img/more-right-small-dark-pink.png);
}
.page-erp-standard.pink .box-related {
    background: #ff037c;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff037c 0%, #ff93a5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff037c), color-stop(100%, #ff93a5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ff037c 0%, #ff93a5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ff037c 0%, #ff93a5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ff037c 0%, #ff93a5 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ff037c 0%, #ff93a5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff037c', endColorstr='#ff93a5', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.pink .box-spec {
    background: #d83fab;
}
.page-erp-standard.pink .box-spec .data table tbody tr td.title {
    background: #ff057e;
    border-bottom: 1px solid #d83fab;
    border-right: 30px solid #d83fab;
}
.page-erp-standard.pink .box-spec .data table thead tr {
    border-bottom: 15px solid #d83fab;
}
.page-erp-standard.pink .box-spec .data table thead tr th {
    background: #ff057e;
    border-right: 1px solid #d83fab;
}
.page-erp-standard.pink .box-spec .data table thead tr th:first-child {
    background: none;
    border-right: 30px solid #d83fab;
}
.page-erp-standard.pink .box-download .left .data .image {
    background: url('../img/download-img-pink.png');
}
.page-erp-standard.pink .box-download .right ul li:before {
    content: url(../img/download-bullet-pink.png);
}
.page-erp-standard.pink .box-download .right ul li a {
    color: #ff5baa;
}
.page-erp-standard.pink .box-download .right ul li a:after {
    content: url(../img/more-mini-pink.png);
}
.page-erp-standard.pink .box-download .right ul li a:hover {
    color: #FFFFFF;
}
.page-erp-standard.pink .box-download .right ul li a:hover:after {
    content: url(../img/more-mini-white.png);
}
.page-erp-standard.yellow .box-gallery .box .play_btn {
    background: url('../img/erp-video-play-yellow.png');
}
.page-erp-standard.yellow .box-gallery .box:hover .play_btn {
    background: url('../img/erp-video-play-yellow-hover.png');
}
.page-erp-standard.yellow .box-text-video {
    background: #e79900;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e79900 0%, #efb900 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e79900), color-stop(100%, #efb900));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e79900 0%, #efb900 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e79900 0%, #efb900 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e79900 0%, #efb900 100%);
    /* IE10+ */
    background: linear-gradient(to right, #e79900 0%, #efb900 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e79900', endColorstr='#efb900', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.yellow .box-text-video .image a:hover .play {
    background: url('../img/video-play-clear-yellow.png') no-repeat;
}
.page-erp-standard.yellow .box-image-video {
    background: #ffaa00;
}
.page-erp-standard.yellow .box-image-video .image .bg {
    background: #ffaa00;
}
.page-erp-standard.yellow .box-image-video .video a:hover .play {
    background: url('../img/video-play-clear-yellow.png');
}
.page-erp-standard.yellow .box-text-slider ul li .text h2 {
    color: #da9600;
}
.page-erp-standard.yellow .box-text-slider .bx-wrapper .bx-prev:hover {
    background: url('../img/slider_nav_btn_prev_yellow.png');
}
.page-erp-standard.yellow .box-text-slider .bx-wrapper .bx-next:hover {
    background: url('../img/slider_nav_btn_next_yellow.png');
}
.page-erp-standard.yellow .box-functions {
    background: #ffb402;
}
.page-erp-standard.yellow .box-functions .function .more .txt:hover {
    color: #ffb402;
}
.page-erp-standard.yellow .box-functions .function .more .txt:hover:after {
    content: url(../img/more-right-small-yellow.png);
}
.page-erp-standard.yellow .box-functions .function .text ul li:before {
    content: url(../img/function-bullet-yellow.png);
}
.page-erp-standard.yellow .box-functions .function.function-1 {
    background: #dc9b00;
}
.page-erp-standard.yellow .box-functions .function.function-2 {
    background: #ffa200;
}
.page-erp-standard.yellow .box-functions .function.function-3 {
    background: #f3976f;
}
.page-erp-standard.yellow .box-functions .function.function-4 {
    background: #e8a300;
}
.page-erp-standard.yellow .box-functions .function.function-5 {
    background: #dc9b00;
}
.page-erp-standard.yellow .box-functions .function .promoted-title {
    color: #da9600;
}
.page-erp-standard.yellow .box-media {
    background: #f8ad07;
}
.page-erp-standard.yellow .box-media .right-side .image {
    background: #ff8a00;
}
.page-erp-standard.yellow .box-media .right-side .text .wrapper .more:hover {
    color: #ff8a00;
}
.page-erp-standard.yellow .box-media .right-side .left .text .more:hover:before {
    content: url(../img/more-left-small-dark-yellow.png);
}
.page-erp-standard.yellow .box-media .right-side .right .text .more:hover:after {
    content: url(../img/more-right-small-dark-yellow.png);
}
.page-erp-standard.yellow .box-related {
    background: #ff8c04;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff8c04 0%, #ffc180 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8c04), color-stop(100%, #ffc180));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ff8c04 0%, #ffc180 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ff8c04 0%, #ffc180 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ff8c04 0%, #ffc180 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ff8c04 0%, #ffc180 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c04', endColorstr='#ffc180', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.yellow .box-spec {
    background: #e79800;
}
.page-erp-standard.yellow .box-spec .data table tbody tr td.title {
    background: #967131;
    border-bottom: 1px solid #e79800;
    border-right: 30px solid #e79800;
}
.page-erp-standard.yellow .box-spec .data table thead tr {
    border-bottom: 15px solid #e79800;
}
.page-erp-standard.yellow .box-spec .data table thead tr th {
    background: #967131;
    border-right: 1px solid #e79800;
}
.page-erp-standard.yellow .box-spec .data table thead tr th:first-child {
    background: none;
    border-right: 30px solid #e79800;
}
.page-erp-standard.yellow .box-download .left .data .image {
    background: url('../img/download-img-yellow.png');
}
.page-erp-standard.yellow .box-download .right ul li:before {
    content: url(../img/download-bullet-yellow.png);
}
.page-erp-standard.yellow .box-download .right ul li a {
    color: #ffa200;
}
.page-erp-standard.yellow .box-download .right ul li a:after {
    content: url(../img/more-mini-yellow.png);
}
.page-erp-standard.yellow .box-download .right ul li a:hover {
    color: #FFFFFF;
}
.page-erp-standard.yellow .box-download .right ul li a:hover:after {
    content: url(../img/more-mini-white.png);
}
.page-erp-standard.orange .box-gallery .box .play_btn {
    background: url('../img/erp-video-play-orange.png');
}
.page-erp-standard.orange .box-gallery .box:hover .play_btn {
    background: url('../img/erp-video-play-orange-hover.png');
}
.page-erp-standard.orange .box-text-video {
    background: #ee652e;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ee652e 0%, #de4a0e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ee652e), color-stop(100%, #de4a0e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ee652e 0%, #de4a0e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ee652e 0%, #de4a0e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ee652e 0%, #de4a0e 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ee652e 0%, #de4a0e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee652e', endColorstr='#de4a0e', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.orange .box-text-video .image a:hover .play {
    background: url('../img/video-play-clear-orange.png') no-repeat;
}
.page-erp-standard.orange .box-image-video {
    background: #df4c10;
}
.page-erp-standard.orange .box-image-video .image .bg {
    background: #df4c10;
}
.page-erp-standard.orange .box-image-video .video a:hover .play {
    background: url('../img/video-play-clear-orange.png');
}
.page-erp-standard.orange .box-text-slider ul li .text h2 {
    color: #d54207;
}
.page-erp-standard.orange .box-text-slider .bx-wrapper .bx-prev:hover {
    background: url('../img/slider_nav_btn_prev_orange.png');
}
.page-erp-standard.orange .box-text-slider .bx-wrapper .bx-next:hover {
    background: url('../img/slider_nav_btn_next_orange.png');
}
.page-erp-standard.orange .box-functions {
    background: #ef662f;
}
.page-erp-standard.orange .box-functions .function .more .txt:hover {
    color: #ef662f;
}
.page-erp-standard.orange .box-functions .function .more .txt:hover:after {
    content: url(../img/more-right-small-orange.png);
}
.page-erp-standard.orange .box-functions .function .text ul li:before {
    content: url(../img/function-bullet-yellow.png);
}
.page-erp-standard.orange .box-functions .function.function-1 {
    background: #c25022;
}
.page-erp-standard.orange .box-functions .function.function-2 {
    background: #ef662f;
}
.page-erp-standard.orange .box-functions .function.function-3 {
    background: #db4001;
}
.page-erp-standard.orange .box-functions .function.function-4 {
    background: #eb4300;
}
.page-erp-standard.orange .box-functions .function.function-5 {
    background: #c25022;
}
.page-erp-standard.orange .box-functions .function .promoted-title {
    color: #c25022;
}
.page-erp-standard.orange .box-media {
    background: #ef662f;
}
.page-erp-standard.orange .box-media .right-side .image {
    background: #db4001;
}
.page-erp-standard.orange .box-media .right-side .text .wrapper .more:hover {
    color: #db4001;
}
.page-erp-standard.orange .box-media .right-side .left .text .more:hover:before {
    content: url(../img/more-left-small-dark-orange.png);
}
.page-erp-standard.orange .box-media .right-side .right .text .more:hover:after {
    content: url(../img/more-right-small-dark-orange.png);
}
.page-erp-standard.orange .box-related {
    background: #ef6730;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ef6730 0%, #fa8453 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ef6730), color-stop(100%, #fa8453));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ef6730 0%, #fa8453 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ef6730 0%, #fa8453 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ef6730 0%, #fa8453 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ef6730 0%, #fa8453 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6730', endColorstr='#fa8453', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.orange .box-spec {
    background: #d73e00;
}
.page-erp-standard.orange .box-spec .data table tbody tr td.title {
    background: #be2800;
    border-bottom: 1px solid #d73e00;
    border-right: 30px solid #d73e00;
}
.page-erp-standard.orange .box-spec .data table thead tr {
    border-bottom: 15px solid #d73e00;
}
.page-erp-standard.orange .box-spec .data table thead tr th {
    background: #be2800;
    border-right: 1px solid #d73e00;
}
.page-erp-standard.orange .box-spec .data table thead tr th:first-child {
    background: none;
    border-right: 30px solid #d73e00;
}
.page-erp-standard.orange .box-download .left .data .image {
    background: url('../img/download-img-orange.png');
}
.page-erp-standard.orange .box-download .right ul li:before {
    content: url(../img/download-bullet-orange.png);
}
.page-erp-standard.orange .box-download .right ul li a {
    color: #dd6636;
}
.page-erp-standard.orange .box-download .right ul li a:after {
    content: url(../img/more-mini-orange.png);
}
.page-erp-standard.orange .box-download .right ul li a:hover {
    color: #FFFFFF;
}
.page-erp-standard.orange .box-download .right ul li a:hover:after {
    content: url(../img/more-mini-white.png);
}
.page-erp-standard.purple .box-gallery .box .play_btn {
    background: url('../img/erp-video-play-purple.png');
}
.page-erp-standard.purple .box-gallery .box:hover .play_btn {
    background: url('../img/erp-video-play-purple-hover.png');
}
.page-erp-standard.purple .box-text-video {
    background: #646bab;
    /* Old browsers */
    background: -moz-linear-gradient(left, #646bab 0%, #49519d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #646bab), color-stop(100%, #49519d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #646bab 0%, #49519d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #646bab 0%, #49519d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #646bab 0%, #49519d 100%);
    /* IE10+ */
    background: linear-gradient(to right, #646bab 0%, #49519d 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646bab', endColorstr='#49519d', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.purple .box-text-video .image a:hover .play {
    background: url('../img/video-play-clear-purple.png') no-repeat;
}
.page-erp-standard.purple .box-image-video {
    background: #3b4395;
}
.page-erp-standard.purple .box-image-video .image .bg {
    background: #3b4395;
}
.page-erp-standard.purple .box-image-video .video a:hover .play {
    background: url('../img/video-play-clear-purple.png');
}
.page-erp-standard.purple .box-text-slider ul li .text h2 {
    color: #3b4395;
}
.page-erp-standard.purple .box-text-slider .bx-wrapper .bx-prev:hover {
    background: url('../img/slider_nav_btn_prev_purple.png');
}
.page-erp-standard.purple .box-text-slider .bx-wrapper .bx-next:hover {
    background: url('../img/slider_nav_btn_next_purple.png');
}
.page-erp-standard.purple .box-functions {
    background: #3b4395;
}
.page-erp-standard.purple .box-functions .function .more .txt:hover {
    color: #3b4395;
}
.page-erp-standard.purple .box-functions .function .more .txt:hover:after {
    content: url(../img/more-right-small-purple.png);
}
.page-erp-standard.purple .box-functions .function .text ul li:before {
    content: url(../img/function-bullet-yellow.png);
}
.page-erp-standard.purple .box-functions .function.function-1 {
    background: #303674;
}
.page-erp-standard.purple .box-functions .function.function-2 {
    background: #4c54a3;
}
.page-erp-standard.purple .box-functions .function.function-3 {
    background: #2535d9;
}
.page-erp-standard.purple .box-functions .function.function-4 {
    background: #2e357e;
}
.page-erp-standard.purple .box-functions .function.function-5 {
    background: #303674;
}
.page-erp-standard.purple .box-functions .function .promoted-title {
    color: #3b4395;
}
.page-erp-standard.purple .box-media {
    background: #636aab;
}
.page-erp-standard.purple .box-media .right-side .image {
    background: #4c54a3;
}
.page-erp-standard.purple .box-media .right-side .text .wrapper .more:hover {
    color: #4c54a3;
}
.page-erp-standard.purple .box-media .right-side .left .text .more:hover:before {
    content: url(../img/more-left-small-dark-purple.png);
}
.page-erp-standard.purple .box-media .right-side .right .text .more:hover:after {
    content: url(../img/more-right-small-dark-purple.png);
}
.page-erp-standard.purple .box-related {
    background: #3d4597;
    /* Old browsers */
    background: -moz-linear-gradient(left, #3d4597 0%, #6872dc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3d4597), color-stop(100%, #6872dc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #3d4597 0%, #6872dc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #3d4597 0%, #6872dc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #3d4597 0%, #6872dc 100%);
    /* IE10+ */
    background: linear-gradient(to right, #3d4597 0%, #6872dc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4597', endColorstr='#6872dc', GradientType=1);
    /* IE6-9 */
}
.page-erp-standard.purple .box-spec {
    background: #3a418e;
}
.page-erp-standard.purple .box-spec .data table tbody tr td.title {
    background: #2b3179;
    border-bottom: 1px solid #3a418e;
    border-right: 30px solid #3a418e;
}
.page-erp-standard.purple .box-spec .data table thead tr {
    border-bottom: 15px solid #3a418e;
}
.page-erp-standard.purple .box-spec .data table thead tr th {
    background: #2b3179;
    border-right: 1px solid #3a418e;
}
.page-erp-standard.purple .box-spec .data table thead tr th:first-child {
    background: none;
    border-right: 30px solid #3a418e;
}
.page-erp-standard.purple .box-download .left .data .image {
    background: url('../img/download-img-purple.png');
}
.page-erp-standard.purple .box-download .right ul li:before {
    content: url(../img/download-bullet-purple.png);
}
.page-erp-standard.purple .box-download .right ul li a {
    color: #3b4395;
}
.page-erp-standard.purple .box-download .right ul li a:after {
    content: url(../img/more-mini-purple.png);
}
.page-erp-standard.purple .box-download .right ul li a:hover {
    color: #FFFFFF;
}
.page-erp-standard.purple .box-download .right ul li a:hover:after {
    content: url(../img/more-mini-white.png);
}
@media only screen and (min-width: 900px) {
    footer .wrapper {
        margin: 0 auto;
        width: 1000px;
    }
}
footer .company {
    float: left;
    font-size: 18.83px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 50px;
    margin-left: 10.3%;
    width: 39.7%;
    height: 88px;
}
@media only screen and (min-width: 900px) {
    footer .company {
        margin-left: 0;
        margin-top: 27px;
        font-size: 15px;
        line-height: 30px;
        padding-left: 5px;
    }
}
footer .roxx {
    float: right;
    font-size: 20.86px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: right;
    padding-top: 75px;
    padding-right: 10%;
    width: 40%;
    height: 63px;
}
@media only screen and (min-width: 900px) {
    footer .roxx {
        padding-right: 114px;
        padding-top: 65px;
        font-size: 13px;
        height: 73px;
    }
}
@media only screen and (min-width: 900px) {
    footer .roxx img {
        width: 35px;
        margin-left: 1px;
    }
}
footer .colors {
    clear: both;
}
footer .colors .color-1 {
    width: 16.66666667%;
    float: left;
    height: 10px;
    background: #50BEEE;
}
@media only screen and (min-width: 900px) {
    footer .colors .color-1 {
        width: 11.09375%;
    }
}
@media only screen and (min-width: 900px) {
    footer .colors .color-1 {
        width: 27.8125%;
    }
}
footer .colors .color-2 {
    width: 16.66666667%;
    float: left;
    height: 10px;
    background: #FDCB51;
}
@media only screen and (min-width: 900px) {
    footer .colors .color-2 {
        width: 11.09375%;
    }
}
footer .colors .color-3 {
    width: 16.66666667%;
    float: left;
    height: 10px;
    background: #E9579B;
}
@media only screen and (min-width: 900px) {
    footer .colors .color-3 {
        width: 11.09375%;
    }
}
footer .colors .color-4 {
    width: 16.66666667%;
    float: left;
    height: 10px;
    background: #8FC256;
}
@media only screen and (min-width: 900px) {
    footer .colors .color-4 {
        width: 11.09375%;
    }
}
footer .colors .color-5 {
    width: 16.66666667%;
    float: left;
    height: 10px;
    background: #ED6731;
}
@media only screen and (min-width: 900px) {
    footer .colors .color-5 {
        width: 11.09375%;
    }
}
footer .colors .color-6 {
    width: 16.66666667%;
    float: left;
    height: 10px;
    background: #3B4496;
}
@media only screen and (min-width: 900px) {
    footer .colors .color-6 {
        width: 11.09375%;
    }
}
@media only screen and (min-width: 900px) {
    footer .colors .color-6 {
        width: 27.8125%;
    }
}
.box-price-list {
    display: block;
    width: 100%;
    clear: both;
    background: #ffffff;
    padding: 0;
    margin: 0;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 36px;
}
.fouc { opacity: 0; filter: alpha(opacity=0); }
.box-price-list .desktop { display: none; }
.box-price-list .left-col { display: none; }
.box-price-list ul li:before { content: ''; display: none; }
.box-price-list .top-text { padding: 50px 45px 60px 45px; }
.box-price-list .top-text h2 {
    font-size: 42.31px;
    font-weight: 700;
    padding-bottom: 30px;
}
.box-price-list .tooltip-info {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url('../img/price-list-sptites.png') 0 0 no-repeat;
    overflow: hidden;
    position: absolute;
    margin-top: -30px;
    top: 50%;
}
.box-price-list .arrow {
    display: block;
    width: 46px;
    height: 28px;
    position: absolute;
    margin-top: -14px;
    top: 50%;
}
.box-price-list .arrow:after {
    content: '';
    top: -1px;
    left: -1px;
    position: absolute;
    width: 48px;
    height: 30px;
    background: url('../img/price-list-sptites.png') -61px 0 no-repeat;
    z-index: 1;
}
.box-price-list .thick {
    display: block;
    width: 38px;
    height: 29px;
    position: absolute;
    margin-top: -14px;
    top: 50%;
}
.box-price-list .thick:after {
    content: '';
    top: -1px;
    left: -1px;
    position: absolute;
    width: 40px;
    height: 31px;
    background: url('../img/price-list-sptites.png') -110px 0 no-repeat;
    z-index: 1;
}
.box-price-list .minus {
    background: #bbbcbc;
    position: absolute;
    margin-top: -2px;
    top: 50%;
    right: 9px;
    display: block;
    width: 28px;
    height: 10px;
    overflow: hidden;
    vertical-align: middle;
}
.box-price-list .show-all-funct-ico, .box-price-list .hide-all-funct-ico {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    margin-top: -21px;
    top: 50%;
}
.box-price-list .show-all-funct-ico:after, .box-price-list .hide-all-funct-ico:after {
    content: '';
    top: -1px;
    left: -1px;
    position: absolute;
    width: 44px;
    height: 44px;
    background: url('../img/price-list-sptites.png') -62px -62px no-repeat;
    z-index: 1;
}
.box-price-list .hide-all-funct-ico:after { background-position: -107px -62px; }
.box-price-list .highlight {
    display: block;
    color: #ffffff;
    font-size: 38px;
    line-height: 45px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
}
.box-price-list .highlight p { background: #ff4e00; padding: 26px 45px; position: relative; }
.box-price-list .highlight p:after {
    content: '';
    position: absolute;
    top: 100%;
    margin-top: -1px;
    width: 0; 
    height: 0; 
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 23px solid #ff4e00;
    margin-left: -22px;
    left: 50%;
}

.box-price-list .price-option { 
    display: block;
    clear: both;
    background: #64b500;
    color: #ffffff;
    margin-bottom: 14px;
}
.box-price-list .price-option.even {
    background: #83c433;
}
.box-price-list .title {
    padding: 63px 45px 13px 45px;
    font-size: 42px;
    line-height: 48px;
    color: #425c00;
    text-align: center;
    font-weight: 700;
}

.box-price-list .price {
    font-weight: 700;
    font-size: 114px;
    line-height: 114px;
    text-align: center;
    padding: 10px 45px 30px 45px;
    min-height: 209px;
}
.box-price-list .price span {
    font-size: 35px;
    line-height: 35px;
    position: relative;
    top: -20px;
    margin-left: 10px;
}
.box-price-list .price .price-desc {
    padding-top: 18px;
    font-weight: 400;
    font-size: 31px;
    line-height: 31px;
}
.box-price-list .btn1-wrapper, .box-price-list .btn2-wrapper {
    min-height: 79px;
    margin-bottom: 32px;
}
.box-price-list .price-list-btn {
    display: block;
    width: 282px;
    padding: 19px 36px 20px 36px;
    border: 2px solid #ffffff;
    font-weight: 400;
    color: #ffffff;
    font-size: 23px;
    line-height: 36px;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}
.box-price-list .price-list-btn strong { font-weight: 700; font-size: 30px; clear: both; }
.box-price-list .price-list-btn.two-lines { line-height: 23px; padding-bottom: 10px; padding-top: 12px; }
.box-price-list .price-list-btn.two-lines strong { line-height: 30px; }

.box-price-list .price-list-btn strong {
    display: block;
    clear: both;
}
.box-price-list .price-list-btn:after {
    content: '\203A';
    width: 10px;
    height: 20px;
    position: absolute;
    right: 22px;
    margin-top: -31px;
    top: 50%;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
}
.box-price-list .description, .box-price-list .option-functionalities {
    padding: 35px 45px;
    background: #ffffff;
    display: block;
    clear: both;
    color: #666666;
}
.box-price-list .description .desc_header {
    text-align: center;
    font-weight: 700;
    font-size: 38px;
    line-height: 42px;
    padding-bottom: 10px;
}
.box-price-list .desc_paragraphs .desc_p {
    position: relative;
    padding: 22px 0;
    text-align: center;
}
.box-price-list .desc_paragraphs .desc_p .tooltip-wrapper { position: relative; width: 0; }
.box-price-list .desc_paragraphs .desc_p.with_tooltip { padding-right: 58px; }
.box-price-list .desc_paragraphs .tooltip-info {
    margin-top: -28px;
    right: -84px;
}
.box-price-list .option-functionalities {
    padding-top: 56px;

}
.box-price-list .option-functionalities .functionality { margin-bottom: 34px; }
.box-price-list .option-functionalities .functionality .show-hide-btn {
    position: relative;
    padding: 20px 45px;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    display: block;
}
.box-price-list .option-functionalities .functionality .arrow {
    left: -23px;
}
.box-price-list .option-functionalities .functionality .show-hide-btn.active .arrow:after {
    background-position: -61px -31px;
}
.box-price-list .option-functionalities .functionality .thick {
    right: 5px;
}
.box-price-list .option-functionalities .functionality ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.box-price-list .option-functionalities .functionality ul li {
    display: block;
    padding: 20px 45px 20px 55px;
    position: relative;
}
.box-price-list .option-functionalities .functionality ul li .tooltip-info { right: 50px; }
.box-price-list .option-functionalities .functionality ul li.with_tooltip { padding-right: 115px; }

.box-price-list .show-all-func { display: block; clear: both; padding: 58px 45px 60px 22px; background: #f0f0f0; }
.box-price-list .show-all-func .show-all-func-btn, .box-price-list .show-all-func .hide-all-func-btn { display: block; position: relative; font-weight: 700; font-size: 33px; line-height: 40px; padding: 0 0 0 79px; }
.box-price-list .show-all-func .show-all-func-btn span, .box-price-list .show-all-func .hide-all-func-btn span { display: block; }
.box-price-list .show-all-func .show-all-func-btn .show-all-funct-ico, .box-price-list .show-all-func .hide-all-func-btn .hide-all-funct-ico { left: 0; }
.box-price-list .show-all-func .hide-all-func-btn { display: none; }
/*price-list-sptites.png*/

.box-price-list .bottom-text { padding: 30px 45px 70px 45px; }
.box-price-list .bottom-text .right { padding-top: 30px; }

.ui-helper-hidden-accessible { display: none; }
.ui-tooltip {
    position: absolute;
    z-index: 9999;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 32px;
}
.ui-tooltip-content {
    color: #ffffff;
    padding: 30px 25px;
    max-width: 360px;
    background: #666666;
    position: relative;
    left: 29px;
}
.ui-tooltip-content:after {
    content: "";
    position: absolute;
    width: 0; 
    height: 0;
    border-right: 13px solid transparent;
    border-top: 13px solid #666666;
    top: 100%;
    margin-top: -1px;
    left: 0;
}

.horiz-right .ui-tooltip-content { left: auto; right: 29px; }
.vart-bottom.horiz-right .ui-tooltip-content:after,
.vart-top.horiz-right .ui-tooltip-content:after{ border-left: 13px solid transparent; border-right: 0; left: auto; right: 0; }
.vart-top .ui-tooltip-content:after { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-top: 0; border-bottom: 13px solid #666666;  }


@media only screen and (min-width: 900px) {

    .ui-tooltip { font-size: 11px; line-height: 14px; }
    .ui-tooltip-content { left: 7px; max-width: 165px; padding: 30px 38px; }
    .horiz-right .ui-tooltip-content { right: 7px; }

    .box-price-list { font-size: 14px; line-height: 21px; padding-top: 50px; }
    .box-price-list .desktop { display: block; }
    .box-price-list .mobile { display: none; }
    .box-price-list.cols-no-3 .tab-cell { width: 33%; max-width: 33%; }
    .box-price-list.cols-no-3 .left-col { width: 30%; }
    .box-price-list.cols-no-3 .right-col { width: 70%; min-width: 620px; }
    .box-price-list.cols-no-2 .tab-cell { width: 50%; max-width: 50%; }
    .box-price-list.cols-no-2 .left-col { width: 40%; }
    .box-price-list.cols-no-2 .right-col { width: 60%; min-width: 530px; }
    .box-price-list.cols-no-1 .tab-cell { width: 100%; max-width: 100%; }
    .box-price-list.cols-no-1 .left-col { width: 50%; }
    .box-price-list.cols-no-1 .right-col { width: 50%; min-width: 450px; }
    .box-price-list .minus {
        display: inline-block;
        position: relative;
        width: 9px;
        height: 4px;
        margin-top: 0;
        top: auto;
        right: auto;
    }
    .box-price-list .tooltip-info {
        width: 18px;
        height: 18px;
        background-position: -133px -32px;
        margin-top: -9px;
        vertical-align: middle;
    }
    .box-price-list .thick {
        width: 20px;
        height: 15px;
        vertical-align: middle;
    }
    .box-price-list .thick:after {
        width: 22px;
        height: 17px;
        background-position: -110px -32px;
    }
    .box-price-list .show-all-funct-ico, .box-price-list .hide-all-funct-ico {
        width: 19px;
        height: 19px;
        margin-top: -11px;
    }
    .box-price-list .show-all-funct-ico:after, .box-price-list .hide-all-funct-ico:after {
        width: 21px;
        height: 21px;
        background-position: 0 -79px;
    }
    .box-price-list .hide-all-funct-ico:after { background-position: -22px -79px; }
    .box-price-list .arrow { width: 14px; height: 8px; margin-top: -3px; left: -28px; }
    .box-price-list .arrow:after { width: 16px; height: 10px; background-position: -110px -51px; }
    .box-price-list .active .arrow:after { background-position: -127px -51px; }
    .box-price-list .odd .arrow:after { background-position: -44px -90px; }
    .box-price-list .odd .active .arrow:after { background-position: -44px -79px; }
    .box-price-list .content-wrapper { display: table; border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; max-width: 1000px; margin: 0 auto; }
    .box-price-list .left-col { display: table-cell; width: 22%; min-width: 195px; padding: 0; margin: 0; }
    .box-price-list .right-col { display: table-cell; width: 78%; min-width: 680px; padding: 0; margin: 0; }
    .box-price-list .top-text, .box-price-list .show-all-func, .box-price-list .table-header, 
    .box-price-list .functionalities-content, .box-price-list .functionalities, .box-price-list .bottom-text { display: table-row; width: 100%; padding: 0; margin: 0; }
    .box-price-list .table-header .header-table { display: table; border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; }
    .box-price-list .tab-row { display: table-row; width: 100%;  padding: 0; margin: 0; }
    .box-price-list .tab-cell { display: table-cell; width: 25%; max-width: 25%; }
    .box-price-list .highlight { font-size: 14px; line-height: 18px; }
    .box-price-list .highlight.odd { background: #ffffff; }
    .box-price-list .highlight p { padding: 12px; }
    .box-price-list .highlight p:after {
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 13px solid #ff4e00;
        margin-left: -11px;
    }
    .box-price-list .top-text h2 { font-size: 32px; line-height: 32px; padding-bottom: 16px; }
    .box-price-list .top-text .right-col { padding-bottom: 25px; }
    .box-price-list .title { font-size: 18px; line-height: 24px; padding: 25px 10px 5px 10px; }
    .box-price-list .price { font-size: 49px; line-height: 49px; color: #ffffff; min-height: 0; padding: 4px 10px 22px 10px; }
    .box-price-list .price span { font-size: 17px; line-height: 17px; margin-left: 4px; top: -8px; }
    .box-price-list .price .price-desc { font-size: 12px; line-height: 13px; padding-top: 0; }
    .box-price-list .price-list-btn {
        width: 124px;
        padding: 9px 14px;
        border: 1px solid #ffffff;
        font-size: 10px;
        line-height: 14px;
        margin: 5px auto;
    }
    .box-price-list .price-list-btn strong { font-size: 13px; }

    .box-price-list .price-list-btn:after {
        width: 0px;
        height: 20px;
        right: 14px;
        margin-top: -13px;
        top: 50%;
        font-size: 24px;
        line-height: 20px;
    }
    .box-price-list .price-list-btn.two-lines { line-height: 10px; padding-top: 6px; padding-bottom: 5px; }
    .box-price-list .price-list-btn.two-lines strong { line-height: 13px; margin-bottom: -2px; }
    .box-price-list .btn2-wrapper .price-list-btn { margin-bottom: 15px; }
    .box-price-list .description { padding: 24px 10px 11px 10px; text-align: center; }
    .box-price-list .description.odd { background: #e9e9e9; }
    .box-price-list .description .desc_header { font-size: 14px; line-height: 15px; padding: 0; margin-bottom: -2px; }
    .box-price-list .desc_paragraphs .desc_p { padding: 7px 0; font-size: 12px; line-height: 16px; }
    .box-price-list .desc_paragraphs .desc_p.with_tooltip { padding-right: 16px; }
    .box-price-list .desc_paragraphs .tooltip-info { margin-top: -9px; right: -21px; }
    .box-price-list .functionality_tab { overflow: hidden; font-size: 13px; line-height: 16px; color: #666666; display: table; border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; max-width: 1000px; margin: 0 auto; }
    .box-price-list .functionality_tab a { color: #666666; }
    .box-price-list .functionality_tab .thick, .box-price-list .functionality_tab .tooltip-info { position: relative; display: inline-block; margin: 0 4px; top: auto; }
    .box-price-list .functionality_tab .tooltip-info { margin-right: -25px; }
    .box-price-list .functionality_tab .tab-cell { text-align: center; vertical-align: middle; padding: 14px 0 100px 0; }
    .box-price-list .odd { background: #efefef; }
    .box-price-list .functionality.odd .thick:after{ background-position: 0 -61px; }
    .box-price-list .odd .thick:after{ background-position: 0 -61px; }
    .box-price-list .show-all-func { background: #ffffff; }
    .box-price-list .functionality_tab .tab-cell:nth-child(odd) { background: #efefef; }
    .box-price-list .functionality_tab .tab-cell:nth-child(odd) .thick:after{ background-position: 0 -61px; }
    .box-price-list .odd .functionality_tab .tab-cell:nth-child(odd) { background: #e4e4e4; }
    .box-price-list .odd .functionality_tab .tab-cell:nth-child(odd) .thick:after { background-position: -23px -61px; }
    .box-price-list .functionality_tab .right-col { vertical-align: middle; position: relative; }
    .box-price-list .functionality_tab .right-col .functionality_tab { position: absolute; left: 0; top: 0; height: 100%; }
    .box-price-list .functionality_tab .right-col:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
    .box-price-list .functionality_tab .left-col { padding: 13px 20px 14px 45px; min-width: 130px; }
    .box-price-list .functionality .functionality_tab .left-col { font-weight: 700; font-size: 15px; line-height: 20px; }
    .box-price-list .functionality_tab .left-col, .box-price-list .functionality_tab .right-col, .box-price-list .functionality_tab .tab-cell { min-height: 20px; height: 20px; }
    .box-price-list .functionality-content { display: none; }
    .box-price-list .functionality_tab .show-hide-btn { display: block; position: relative; }
    .box-price-list .functionality_tab .tab-row.top-padd .left-col, .box-price-list .functionality_tab .tab-row.top-padd .right-col, 
    .box-price-list .functionality_tab .tab-row.top-padd .tab-cell { min-height: 21px; height: 21px; padding: 0; overflow: hidden; }
    .box-price-list .functionality_tab .tab-row.bottom-padd .left-col, .box-price-list .functionality_tab .tab-row.bottom-padd .right-col, 
    .box-price-list .functionality_tab .tab-row.bottom-padd .tab-cell { min-height: 22px; height: 22px; padding: 0; overflow: hidden; }
    .box-price-list .bottom-btns-wrapper .btn1-wrapper .price-list-btn { margin-top: 15px; }
    .box-price-list .bottom-btns-wrapper { display: none; }
    .box-price-list .show-all-func .right-col { padding: 47px 0 55px 0; }
    .box-price-list .show-all-func .show-all-func-btn, .box-price-list .show-all-func .hide-all-func-btn { font-size: 15px; line-height: 19px; padding: 5px 20px 5px 35px; float: left; }
    .box-price-list .show-all-func .show-all-func-btn span, .box-price-list .show-all-func .hide-all-func-btn span { display: inline; }
    .box-price-list .show-all-func .show-all-func-btn .show-all-funct-ico, .box-price-list .show-all-func .hide-all-func-btn .hide-all-funct-ico { display: block; left: 1px; }
    .box-price-list .bottom-text { color: #666666; font-size: 12px; line-height: 15px; }
    .box-price-list .bottom-text .left, .box-price-list .bottom-text .right { width: 46.5%; float: left; }
    .box-price-list .bottom-text .right { float: right; padding-top: 0; }
    .box-price-list .bottom-text .right-col { padding-bottom: 50px; }
}

@media only screen and (min-width: 1000px) {
    .box-price-list .left-col { width: 26.8%; }
    .box-price-list .right-col { width: 73.2%; }
    .box-price-list .description { padding-left: 17px; padding-right: 17px; }
    .box-price-list .desc_paragraphs .desc_p.with_tooltip { padding-right: 9px; }
}