@font-face {
    font-family: 'raleway-black';
    src: url("../fonts/raleway-black.eot");
    src: local("☺"), url("../fonts/raleway-black.woff") format("woff"), url("../fonts/raleway-black.ttf") format("truetype"), url("../fonts/raleway-black.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-black-italic';
    src: url("../fonts/raleway-black-italic.eot");
    src: local("☺"), url("../fonts/raleway-black-italic.woff") format("woff"), url("../fonts/raleway-black-italic.ttf") format("truetype"), url("../fonts/raleway-black-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-bold';
    src: url("../fonts/raleway-bold.eot");
    src: local("☺"), url("../fonts/raleway-bold.woff") format("woff"), url("../fonts/raleway-bold.ttf") format("truetype"), url("../fonts/raleway-bold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-bold-italic';
    src: url("../fonts/raleway-bold-italic.eot");
    src: local("☺"), url("../fonts/raleway-bold-italic.woff") format("woff"), url("../fonts/raleway-bold-italic.ttf") format("truetype"), url("../fonts/raleway-bold-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-extrabold';
    src: url("../fonts/raleway-extrabold.eot");
    src: local("☺"), url("../fonts/raleway-extrabold.woff") format("woff"), url("../fonts/raleway-extrabold.ttf") format("truetype"), url("../fonts/raleway-extrabold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-extrabold-italic';
    src: url("../fonts/raleway-extrabold-italic.eot");
    src: local("☺"), url("../fonts/raleway-extrabold-italic.woff") format("woff"), url("../fonts/raleway-extrabold-italic.ttf") format("truetype"), url("../fonts/raleway-extrabold-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-extralight';
    src: url("../fonts/raleway-extralight.eot");
    src: local("☺"), url("../fonts/raleway-extralight.woff") format("woff"), url("../fonts/raleway-extralight.ttf") format("truetype"), url("../fonts/raleway-extralight.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-extralight-italic';
    src: url("../fonts/raleway-extralight-italic.eot");
    src: local("☺"), url("../fonts/raleway-extralight-italic.woff") format("woff"), url("../fonts/raleway-extralight-italic.ttf") format("truetype"), url("../fonts/raleway-extralight-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-light';
    src: url("../fonts/raleway-light.eot");
    src: local("☺"), url("../fonts/raleway-light.woff") format("woff"), url("../fonts/raleway-light.ttf") format("truetype"), url("../fonts/raleway-light.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-light-italic';
    src: url("../fonts/raleway-light-italic.eot");
    src: local("☺"), url("../fonts/raleway-light-italic.woff") format("woff"), url("../fonts/raleway-light-italic.ttf") format("truetype"), url("../fonts/raleway-light-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-Medium';
    src: url("../fonts/raleway-Medium.eot");
    src: local("☺"), url("../fonts/raleway-Medium.woff") format("woff"), url("../fonts/raleway-Medium.ttf") format("truetype"), url("../fonts/raleway-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-Medium-italic';
    src: url("../fonts/raleway-Medium-italic.eot");
    src: local("☺"), url("../fonts/raleway-Medium-italic.woff") format("woff"), url("../fonts/raleway-Medium-italic.ttf") format("truetype"), url("../fonts/raleway-Medium-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-regular';
    src: url("../fonts/raleway-regular.eot");
    src: local("☺"), url("../fonts/raleway-regular.woff") format("woff"), url("../fonts/raleway-regular.ttf") format("truetype"), url("../fonts/raleway-regular.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-regular-italic';
    src: url("../fonts/raleway-regular-italic.eot");
    src: local("☺"), url("../fonts/raleway-regular-italic.woff") format("woff"), url("../fonts/raleway-regular-italic.ttf") format("truetype"), url("../fonts/raleway-regular-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-Semibold';
    src: url("../fonts/raleway-Semibold.eot");
    src: local("☺"), url("../fonts/raleway-Semibold.woff") format("woff"), url("../fonts/raleway-Semibold.ttf") format("truetype"), url("../fonts/raleway-Semibold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-Semibold-italic';
    src: url("../fonts/raleway-Semibold-italic.eot");
    src: local("☺"), url("../fonts/raleway-Semibold-italic.woff") format("woff"), url("../fonts/raleway-Semibold-italic.ttf") format("truetype"), url("../fonts/raleway-Semibold-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-Thin';
    src: url("../fonts/raleway-Thin.eot");
    src: local("☺"), url("../fonts/raleway-Thin.woff") format("woff"), url("../fonts/raleway-Thin.ttf") format("truetype"), url("../fonts/raleway-Thin.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'raleway-Thin-italic';
    src: url("../fonts/raleway-Thin-italic.eot");
    src: local("☺"), url("../fonts/raleway-Thin-italic.woff") format("woff"), url("../fonts/raleway-Thin-italic.ttf") format("truetype"), url("../fonts/raleway-Thin-italic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

* {
    margin: 0;
    padding: 0
}

.clearfix {
    display: block
}

body, html {
    width: 100%;
    margin: 0;
    padding: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* html .clearfix {
    height: 1%
}

.header {
    height: 92px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 700
}

.header .mobile_menu_bg {
    display: none
}

.container {
    margin: 0 auto;
    width: 1070px;
    position: relative
}

.smc {
    display: none
}

.header .flex-container {
    width: 632px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    float: left;
    margin-left: 35px;
    height: 92px;
    font-family: 'raleway-regular';
    color: #444444;
    font-size: 16px
}

.header .flex-container .flex-item {
    text-align: center;
    padding-top: 6px;
    cursor: pointer
}

.header .flex-container .flex-item .anim {
    height: 4px;
    background: #ec6600;
    margin-top: 4px;
    width: 0;
    -webkit-transition: width 0.2s;
    transition: width 0.2s
}

.header .flex-container .item-1 {
    -webkit-flex-basis: 106px;
    -ms-flex-preferred-size: 106px;
    flex-basis: 106px
}

.header .flex-container .item-1:hover .anim {
    width: 58px
}

.header .flex-container .item-1 .anim {
    margin-left: 24px
}

.header .flex-container .item-2 {
    -webkit-flex-basis: 105px;
    -ms-flex-preferred-size: 105px;
    flex-basis: 105px
}

.header .flex-container .item-2 {
    -webkit-flex-basis: 105px;
    -ms-flex-preferred-size: 105px;
    flex-basis: 105px
}

.header .flex-container .item-2:hover .anim {
    width: 64px
}

.header .flex-container .item-2 .anim {
    margin-left: 19px
}

.header .flex-container .item-3 {
    -webkit-flex-basis: 166px;
    -ms-flex-preferred-size: 166px;
    flex-basis: 166px
}

.header .flex-container .item-3:hover .anim {
    width: 115px
}

.header .flex-container .item-3 .anim {
    margin-left: 26px
}

.header .flex-container .item-4 {
    -webkit-flex-basis: 128px;
    -ms-flex-preferred-size: 128px;
    flex-basis: 128px
}

.header .flex-container .item-4:hover .anim {
    width: 90px
}

.header .flex-container .item-4 .anim {
    margin-left: 20px
}

.header .flex-container .item-5 {
    -webkit-flex-basis: 125px;
    -ms-flex-preferred-size: 125px;
    flex-basis: 125px
}

.header .flex-container .item-5:hover .anim {
    width: 70px
}

.header .flex-container .item-5 .anim {
    margin-left: 28px
}

.header .right {
    float: left;
    width: 390px;
    padding-top: 34px
}

.header .right .phone {
    margin-left: 94px;
    font-family: 'raleway-bold';
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    color: #444444
}

.header .right .phone .green {
    color: #ec6602
}

.screen1 {
    height: 640px;
    position: relative
}

.screen1 .container {
    position: relative
}

.screen1 .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 1070px;
    min-height: 640px;
    z-index: -10
}

.screen1 .left {
    float: left;
    width: 500px;
    height: 100px
}

.screen1 .left .datapro {
    width: 200px;
    height: 98px;
    float: left;
    margin-left: 70px;
    margin-top: 200px;
    background: url("../files/siemens_logo.svg") center center no-repeat;
    background-size: 200px 98px
}

.screen1 .left .atlex {
    width: 320px;
    height: 80px;
    float: left;
    margin-left: 200px;
    margin-top: 90px;
    background: url("../files/logo1.png") center center no-repeat;
    background-size: 320px 80px
}

.screen1 .center {
    position: absolute;
    float: left;
    width: 70px;
    height: 100px
}

.screen1 .right {
    float: left;
    margin-left: 179px;
    width: 360px;
    margin-top: 220px
}

.screen1 .right .head {
    font-family: 'raleway-bold';
    font-size: 64px;
    line-height: 66px;
    color: #ffff
}

.screen1 .right .subhead {
    font-family: 'raleway-regular';
    font-size: 20px;
    line-height: 46px;
    letter-spacing: 2.4px;
    margin-left: 2px;
    color: #444444
}

.screen1 .right .more {
    font-family: 'raleway-bold';
    font-size: 14px;
    height: 40px;
    width: 250px;
    background: #ec6602;
    color: #ffffff;
    border: 0;
    text-transform: uppercase;
    margin-top: 18px;
    margin-left: 5px;
    padding-left: 4px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    cursor: pointer
}

.screen1 .right .more:hover {
    background: #ef812f
}

.screen1 .arrow {
    position: absolute;
    top: 177px;
    left: 525px;
    width: 42px;
    height: 423px;
    background: url(../files/arrow1.png) center bottom;
    -webkit-transition: height 6s;
    transition: height 6s
}

.screen1 .arrow.animate {
    height: 1080px
}

.screen1 .arrow .row {
    position: absolute;
    width: 0px;
    height: 2px;
    background: #ec6602;
    left: 10px;
    -webkit-transition: width 1s;
    transition: width 1s
}

.screen1 .arrow .row.row-1 {
    top: 608px
}

.screen1 .arrow .row.row-1.animate {
    width: 110px;
    -webkit-transition-delay: 1400ms;
    transition-delay: 1400ms
}

.screen1 .arrow .row.row-2 {
    top: 648px
}

.screen1 .arrow .row.row-2.animate {
    width: 110px;
    -webkit-transition-delay: 1650ms;
    transition-delay: 1650ms
}

.screen1 .arrow .row.row-3 {
    top: 688px
}

.screen1 .arrow .row.row-3.animate {
    width: 110px;
    -webkit-transition-delay: 1900ms;
    transition-delay: 1900ms
}

.screen1 .arrow .row.row-4 {
    top: 728px
}

.screen1 .arrow .row.row-4.animate {
    width: 110px;
    -webkit-transition-delay: 2200ms;
    transition-delay: 2200ms
}

.screen1 .arrow .row.row-5 {
    top: 768px
}

.screen1 .arrow .row.row-5.animate {
    width: 110px;
    -webkit-transition-delay: 2500ms;
    transition-delay: 2500ms
}

.screen1 .arrow .row.row-6 {
    top: 808px
}

.screen1 .arrow .row.row-6.animate {
    width: 110px;
    -webkit-transition-delay: 2800ms;
    transition-delay: 2800ms
}

.screen1 .arrow .row.row-7 {
    top: 848px
}

.screen1 .arrow .row.row-7.animate {
    width: 110px;
    -webkit-transition-delay: 3300ms;
    transition-delay: 3300ms
}

.screen1 .arrow .row.row-8 {
    top: 888px
}

.screen1 .arrow .row.row-8.animate {
    width: 110px;
    -webkit-transition-delay: 3550ms;
    transition-delay: 3550ms
}

.screen1 .arrow .row.row-9 {
    top: 928px
}

.screen1 .arrow .row.row-9.animate {
    width: 110px;
    -webkit-transition-delay: 3800ms;
    transition-delay: 3800ms
}

.screen1 .arrow .row.row-10 {
    top: 968px
}

.screen1 .arrow .row.row-10.animate {
    width: 110px;
    -webkit-transition-delay: 4050ms;
    transition-delay: 4050ms
}

.screen2 {
    height: 650px;
    position: relative
}

.screen2 .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 1070px;
    z-index: -9
}

.screen2 .left {
    float: left;
    width: 500px;
    padding-left: 60px;
    padding-top: 20px
}

.screen2 .left .datapro {
    height: 80px;
    width: 324px;
    margin-top: 2px;
    background-image: url("../files/logo1.png");
    background-size: 324px 80px
}

.screen2 .left .head {
    margin-top: 0px;
    font-family: raleway-bold;
    font-size: 20px;
    letter-spacing: 0.4px;
    height: 20px;
    color: #ec6602
}

.screen2 .left .text {
    font-family: raleway-regular;
    font-size: 14px;
    margin-top: 24px;
    letter-spacing: 0.27px;
    width: 303px;
    line-height: 20px;
    color: #fff
}

.screen2 .right {
    float: left;
    width: 379px;
    padding-left: 78px;
    padding-top: 92px
}

.screen2 .right .head {
    font-family: raleway-bold;
    font-size: 20px;
    letter-spacing: 0.4px;
    height: 20px;
    color: #ec6602
}

.screen2 .right .list {
    padding-top: 24px
}

.screen2 .right .list .block {
    margin-bottom: 20px;
    width: 100%;
    position: relative
}

.screen2 .right .list .block .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    padding-left: 1px;
    margin-top: 6px;
    background-color: #ec6602
}

.screen2 .right .list .block .txt {
    float: left;
    width: 340px;
    margin-left: 20px;
    color: #fff;
    font-size: 14px;
    font-size: 14px;
    font-family: raleway-regular;
    letter-spacing: 0.29px;
    line-height: 20px
}

.options {
    height: 1000px;
    background-color: #fff;
    z-index: -8
}

.options .head.main {
    font-family: raleway-bold;
    font-size: 24px;
    padding-top: 76px;
    margin-left: 61px;
    letter-spacing: 0.45px;
    height: 66px
}

.options .head.enterprise {
    font-family: raleway-Semibold;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 51px;
    margin-left: 60px;
    color: #ec6602;
    letter-spacing: 0.5px
}

.options .head.smb {
    font-family: raleway-Semibold;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 57px;
    margin-left: 60px;
    color: #ec6602;
    letter-spacing: 0.5px
}

.options .block.enterprise {
    margin-top: 10px;
    margin-left: 43px
}

.options .block.enterprise .child {
    height: 360px;
    width: 276px;
    border: 1px solid #f7f7f7;
    float: left;
    margin-left: 17px;
    position: relative
}

.options .block.enterprise .child .plus {
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.options .block.enterprise .child .plus:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.options .block.enterprise .child .popup {
    position: absolute;
    padding: 0px 2px 8px 24px;
    border: 2px solid #ec6602;
    border-radius: 24px;
    width: 390px;
    z-index: 700;
    background: rgba(255, 255, 255, 0.9);
    display: none
}

.options .block.enterprise .child .popup .list {
    padding-top: 24px
}

.options .block.enterprise .child .popup .list .block {
    margin-bottom: 17px;
    width: 100%;
    position: relative
}

.options .block.enterprise .child .popup .list .block .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    padding-left: 1px;
    margin-top: 6px;
    background-color: #ec6602
}

.options .block.enterprise .child .popup .list .block .txt {
    float: left;
    width: 340px;
    margin-left: 20px;
    color: #1a1a1a;
    font-size: 14px;
    font-size: 14px;
    font-family: raleway-regular;
    letter-spacing: 0.29px;
    line-height: 19px
}

.options .block.enterprise .child:hover .image {
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

.options .block.enterprise .child:hover .childhead {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.options .block.enterprise .child:hover .childsubhead {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.options .block.enterprise .child .childhead {
    font-family: 'raleway-bold';
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0.4px;
    width: 247px;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.options .block.enterprise .child .childsubhead {
    font-family: 'raleway-regular';
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 0.2px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.options .block.enterprise .child .button {
    font-family: 'raleway-bold';
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: -1px;
    height: 53px;
    width: 319px;
    line-height: 50px;
    padding-top: 7px;
    letter-spacing: 0.2px;
    padding-left: 3px;
    color: #FFF;
    background: #e56d4c;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    cursor: pointer
}

.options .block.enterprise .child .button:hover {
    background: #f08163
}

.options .block.enterprise .child .image {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s
}

.options .block.enterprise .child.child-1 .popup {
    top: -28px;
    left: 231px
}

.options .block.enterprise .child.child-1 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #009999;
    top: 86px;
    background: RGBA(255, 255, 255, 0.5);
    left: 188px;
    z-index: 8
}

.options .block.enterprise .child.child-1 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #009999;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.enterprise .child.child-1 .image {
    height: 207px;
    width: 276px;
    background-image: url("../files/lithoskop.jpg")
}

.options .block.enterprise .child.child-2 .popup {
    top: -10px;
    left: 236px
}

.options .block.enterprise .child.child-2 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #009999;
    top: 86px;
    background-color: rgba(255, 255, 255, 0.5);
    left: 188px;
    z-index: 8
}

.options .block.enterprise .child.child-2 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #009999;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.enterprise .child.child-2 .image {
    height: 207px;
    width: 276px;
    background-image: url("../files/essenza1.jpg")
}

.options .block.enterprise .child.child-2 .childsubhead {
    padding-left: 10px
}

.options .block.enterprise .child.child-2 .childhead {
    padding-left: 10px
}

.options .block.enterprise .child.child-3 {
    margin-left: 19px
}

.options .block.enterprise .child.child-3 .popup {
    top: -42px;
    right: 250px
}

.options .block.enterprise .child.child-3 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #009999;
    top: 86px;
    background: RGBA(255, 255, 255, 0.5);
    left: 188px;
    z-index: 8
}

.options .block.enterprise .child.child-3 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #009999;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.enterprise .child.child-3 .image {
    height: 207px;
    width: 276px;
    background-image: url("../files/essenza2.jpg")
}

.options .block.enterprise .child.child-4 .popup {
    top: -320px;
    left: 250px
}

.options .block.enterprise .child.child-4 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #009999;
    top: 86px;
    background: RGBA(255, 255, 255, 0.5);
    left: 188px;
    z-index: 8
}

.options .block.enterprise .child.child-4 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #009999;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.enterprise .child.child-4 .image {
    height: 207px;
    width: 276px;
    background-image: url("../files/essenza3.jpg")
}

.options .block.enterprise .child.child-5 .popup {
    top: -320px;
    left: 250px
}

.options .block.enterprise .child.child-5 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #009999;
    top: 86px;
    background: RGBA(255, 255, 255, 0.5);
    left: 188px;
    z-index: 8
}

.options .block.enterprise .child.child-5 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #009999;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.enterprise .child.child-5 .image {
    height: 207px;
    width: 276px;
    background-image: url("../files/ofekt1.jpg")
}

.options .block.enterprise .child.child-6 .popup {
    top: -50px;
    left: 250px
}

.options .block.enterprise .child.child-6 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #009999;
    top: 86px;
    background: RGBA(255, 255, 255, 0.5);
    left: 188px;
    z-index: 8
}

.options .block.enterprise .child.child-6 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #009999;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.enterprise .child.child-6 .image {
    height: 207px;
    width: 276px;
    background-image: url("../files/somatom-definition-as.jpg")
}

.options .block.smb {
    margin-top: 15px;
    margin-left: 40px
}

.options .block.smb .child {
    height: 495px;
    width: 318px;
    border: 1px solid #f7f7f7;
    float: left;
    margin-left: 20px;
    position: relative
}

.options .block.smb .child .popup {
    position: absolute;
    padding: 0px 2px 8px 24px;
    border: 2px solid #ec6602;
    border-radius: 24px;
    width: 390px;
    z-index: 700;
    background: rgba(255, 255, 255, 0.9);
    display: none
}

.options .block.smb .child .popup .list {
    padding-top: 24px
}

.options .block.smb .child .popup .list .block {
    margin-bottom: 17px;
    width: 100%;
    position: relative
}

.options .block.smb .child .popup .list .block .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    padding-left: 1px;
    margin-top: 6px;
    background-color: #ec6602
}

.options .block.smb .child .popup .list .block .txt {
    float: left;
    width: 340px;
    margin-left: 20px;
    color: #1a1a1a;
    font-size: 14px;
    font-size: 14px;
    font-family: raleway-regular;
    letter-spacing: 0.29px;
    line-height: 19px
}

.options .block.smb .child:hover .image {
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

.options .block.smb .child:hover .childhead {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.options .block.smb .child:hover .childsubhead {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.options .block.smb .child .childhead {
    font-family: 'raleway-bold';
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0.4px;
    width: 200px;
    margin: 0 auto;
    padding-right: 5px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.options .block.smb .child .button {
    font-family: 'raleway-bold';
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: -1px;
    height: 53px;
    width: 317px;
    line-height: 50px;
    padding-top: 7px;
    letter-spacing: 0.4px;
    padding-left: 3px;
    color: #FFF;
    background: #e56d4c;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    cursor: pointer
}

.options .block.smb .child .button:hover {
    background: #f08163
}

.options .block.smb .child .plus {
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.options .block.smb .child .plus:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.options .block.smb .child .image {
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.options .block.smb .child.child-1 .popup {
    top: 131px;
    left: 215px
}

.options .block.smb .child.child-1 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #81bc48;
    top: 128px;
    background: RGBA(255, 255, 255, 0.9);
    left: 212px;
    z-index: 8
}

.options .block.smb .child.child-1 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #81bc48;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.smb .child.child-1 .image {
    height: 333px;
    width: 320px;
    background-image: url("../files/server.png")
}

.options .block.smb .child.child-2 .popup {
    top: 130px;
    left: 214px
}

.options .block.smb .child.child-2 .plus {
    position: absolute;
    height: 53px;
    width: 53px;
    border-radius: 29px;
    border: 3px solid #81bc48;
    top: 128px;
    background-color: rgba(255, 255, 255, 0.9);
    left: 211px;
    z-index: 8
}

.options .block.smb .child.child-2 .plus:after {
    content: '+';
    font-family: 'raleway-Thin';
    font-size: 64px;
    line-height: 54px;
    color: #81bc48;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 54px;
    height: 54px
}

.options .block.smb .child.child-2 .image {
    height: 333px;
    width: 320px;
    background-image: url("../img/colocation.png")
}

.order2 {
    height: 245px;
    min-width: 1070px;
    position: relative
}

.order2 .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 1070px;
    height: 245px;
    z-index: -3
}

.order2 .subtxt {
    color: #bebebe;
    margin-left: 342px;
    margin-top: -9px;
    font-size: 13px;
    font-family: raleway-regular
}

.order2 .item-container {
    margin-left: 60px;
    padding-top: 40px
}

.order2 .item-container .block-1 {
    float: left;
    width: 300px
}

.order2 .item-container .block-1 .head {
    font-family: 'raleway-bold';
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    color: #ec6602
}

.order2 .item-container .block-1 .text {
    font-family: 'raleway-bold';
    font-size: 15px;
    letter-spacing: 0.2px;
    width: 255px;
    line-height: 19px;
    color: #444444
}

.order2 .item-container .block-1 .text .adr {
    font-family: 'raleway-regular';
    margin-bottom: 5px;
    line-height: 16px;
    color: #444444
}

.order2 .item-container .block-1 .text .phones {
    margin-top: 1px;
    color: #ec6602;
    margin-bottom: 5px
}

.order2 .item-container .block-2 {
    float: left;
    width: 380px
}

.order2 .item-container .block-2 .item-1 input {
    width: 247px;
    height: 39px;
    padding-left: 13px;
    font-family: 'raleway-regular';
    font-size: 14px;
    margin: 5px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0)
}

.order2 .item-container .block-2 .item-2 input {
    width: 247px;
    height: 39px;
    padding-left: 13px;
    font-family: 'raleway-regular';
    font-size: 14px;
    margin: 5px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0)
}

.order2 .item-container .block-2 .head {
    font-family: 'raleway-bold';
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
    color: #ec6602
}

.order2 .item-container .block-2 .text {
    font-family: 'raleway-bold';
    font-size: 15px;
    letter-spacing: 0.2px;
    width: 355px;
    line-height: 19px;
    color: #222222
}

.order2 .item-container .block-2 .text .adr {
    font-family: 'raleway-regular';
    margin-bottom: 25px;
    line-height: 16px;
    color: #444444
}

.order2 .item-container .block-2 .text .tel {
    font-family: 'raleway-regular';
    margin-bottom: 5px;
    line-height: 16px;
    color: #ec6602
}

.order2 .item-container .block-2 .text .email {
    font-family: 'raleway-regular';
    margin-bottom: 5px;
    line-height: 16px;
    color: #8c3602
}

.order2 .item-container .block-2 .item-2 .err {
    border: 1px solid #e91c1c
}

.order2 .item-container .block-2 .item-3 input {
    width: 247px;
    height: 39px;
    padding-left: 13px;
    font-family: 'raleway-regular';
    font-size: 14px;
    margin: 5px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0)
}

.order2 .item-container .block-9 {
    float: right;
    width: 260px
}

.order2 .item-container .block-9 .head {
    font-family: 'raleway-bold';
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 56px;
    color: #ec6602
}

.order2 .item-container .block-9 .text {
    font-family: 'raleway-bold';
    font-size: 15px;
    letter-spacing: 0.2px;
    width: 355px;
    line-height: 19px;
    color: #222222
}

.order2 .item-container .block-9 .text .adr {
    font-family: 'raleway-regular';
    margin-bottom: 25px;
    line-height: 16px;
    color: #444444
}

.order2 .item-container .block-9 .text .tel {
    font-family: 'raleway-regular';
    margin-bottom: 5px;
    line-height: 16px;
    color: #ec6602
}

.order2 .item-container .block-9 .text .email {
    font-family: 'raleway-regular';
    margin-bottom: 5px;
    line-height: 16px;
    color: #8c3602
}