body,html {
    margin: 0;
    padding: 0;
    height: 100vh;
    font-family: Ubuntu,sans-serif
}

body #slider,html #slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #505358
}

body #slider .slider-content,html #slider .slider-content {
    height: 100%;
    width: 200%
}

body #slider .slider-content .slider-item:first-child,html #slider .slider-content .slider-item:first-child {
    margin-left: -123px;
    margin-right: -123px
}

body #slider .slider-content .image,html #slider .slider-content .image {
    cursor: pointer;
    height: 100%;
    float: left;
    position: relative;
    transition: all .5s
}

body #slider .slider-content .image .slider-item,html #slider .slider-content .image .slider-item {
    position: relative;
    overflow: hidden;
    height: 100%;
    transform: translate3d(0,0,0) skew(-7deg,0deg)
}

body #slider .slider-content .image .slider-item .item-img-loaded,html #slider .slider-content .image .slider-item .item-img-loaded {
    transform: translate3d(0,0,0) skew(20deg,0deg) scale(1.1);
    transition: all 1s ease
}

body #slider .slider-content .image .slider-item .item-img-1.item-img-left,html #slider .slider-content .image .slider-item .item-img-1.item-img-left {
    background-position: -100px!important
}

body #slider .slider-content .image .slider-item .img1,html #slider .slider-content .image .slider-item .img1 {
    background-color: #e79622!important
}

body #slider .slider-content .image .slider-item .img2,html #slider .slider-content .image .slider-item .img2 {
    background-color: #e36225!important
}

body #slider .slider-content .image .slider-item .img3,html #slider .slider-content .image .slider-item .img3 {
    background-color: #4a4b4e!important
}

body #slider .slider-content .image .slider-item .item-img-1,html #slider .slider-content .image .slider-item .item-img-1 {
    background-blend-mode: soft-light!important;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: -115px;
    background-size: cover!important;
    background-position: center!important;
    transform: translate3d(0,0,0) skew(6deg,0deg)
}

body #slider .slider-content .image .slider-item .item-img-1 .layer,html #slider .slider-content .image .slider-item .item-img-1 .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body #slider .slider-content .image .slider-item .item-img-1 .layer1,html #slider .slider-content .image .slider-item .item-img-1 .layer1 {
    background-color: #e79622;
    opacity: .6
}

body #slider .slider-content .image .slider-item .item-img-1 .layer2,html #slider .slider-content .image .slider-item .item-img-1 .layer2 {
    background-color: #e36225;
    opacity: .6
}

body #slider .slider-content .image .slider-item .item-img-1 .layer3,html #slider .slider-content .image .slider-item .item-img-1 .layer3 {
    background-color: #4a4b4e;
    opacity: .6
}

body #slider .slider-content .image .slider-item .main-text.main-text-data-hover,html #slider .slider-content .image .slider-item .main-text.main-text-data-hover {
    left: 25%
}

body #slider .slider-content .image .slider-item .main-text.main-text-data-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-data-nohover {
    left: 17%
}

body #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover {
    left: 26%
}

body #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover {
    left: 15%
}

@media (min-width: 3500px) {
    body #slider .slider-content .image .slider-item .main-text.main-text-data-hover,html #slider .slider-content .image .slider-item .main-text.main-text-data-hover {
        left:29%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-data-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-data-nohover {
        left: 19%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-hover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-hover {
        left: 33%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover {
        left: 24%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-hover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-hover {
        left: 27%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover {
        left: 17%
    }
}

@media (max-width: 1450px) {
    body #slider .slider-content .image .slider-item .main-text.main-text-data-hover,html #slider .slider-content .image .slider-item .main-text.main-text-data-hover {
        left:18%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-data-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-data-nohover {
        left: 8%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-hover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-hover {
        left: 24%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover {
        left: 19%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-hover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-hover {
        left: 20%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover {
        left: 9%
    }
}

@media (max-width: 1300px) {
    body #slider .slider-content .image .slider-item .main-text.main-text-data-hover,html #slider .slider-content .image .slider-item .main-text.main-text-data-hover {
        left:15%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-data-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-data-nohover {
        left: 4%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-hover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-hover {
        left: 23%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover {
        left: 17%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-hover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-hover {
        left: 17%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover {
        left: 7%
    }
}

@media (max-width: 1050px) {
    body #slider .slider-content .image .slider-item .main-text.main-text-data-hover,html #slider .slider-content .image .slider-item .main-text.main-text-data-hover {
        left:10%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-data-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-data-nohover {
        left: -2%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-hover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-hover {
        left: 19%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-internet-nohover {
        left: 9%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-hover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-hover {
        left: 14%
    }

    body #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover,html #slider .slider-content .image .slider-item .main-text.main-text-shop-nohover {
        left: 2%
    }
}

body #slider .slider-content .image .slider-item .main-text,html #slider .slider-content .image .slider-item .main-text {
    width: 347px;
    transform: perspective(1px) translate3d(0,0,0) skew(7deg,0deg);
    position: absolute;
    left: 30%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all .5s ease-in-out
}

body #slider .slider-content .image .slider-item .main-text div,html #slider .slider-content .image .slider-item .main-text div {
    width: 100%
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text,html #slider .slider-content .image .slider-item .main-text {
        width:474px
    }
}

@media (min-width: 3500px) {
    body #slider .slider-content .image .slider-item .main-text,html #slider .slider-content .image .slider-item .main-text {
        width:659px
    }
}

body #slider .slider-content .image .slider-item .main-text .logo,html #slider .slider-content .image .slider-item .main-text .logo {
    margin-bottom: 6px
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text .logo,html #slider .slider-content .image .slider-item .main-text .logo {
        margin-bottom:6px
    }
}

@media (max-width: 1050px) {
    body #slider .slider-content .image .slider-item .main-text .logo,html #slider .slider-content .image .slider-item .main-text .logo {
        margin-bottom:6px
    }
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text .logo img,html #slider .slider-content .image .slider-item .main-text .logo img {
        width:25%
    }
}

body #slider .slider-content .image .slider-item .main-text .title,html #slider .slider-content .image .slider-item .main-text .title {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 41px;
    color: #fff;
    margin-left: 0;
    transition: all .5s ease-in-out
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text .title,html #slider .slider-content .image .slider-item .main-text .title {
        font-size:50px
    }
}

body #slider .slider-content .image .slider-item .main-text .text,html #slider .slider-content .image .slider-item .main-text .text {
    margin-top: 33px;
    margin-bottom: 48px;
    font-style: normal;
    font-weight: lighter;
    font-size: 26px;
    line-height: 169%;
    text-align: center;
    color: #fff
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text .text,html #slider .slider-content .image .slider-item .main-text .text {
        margin-top:19px;
        margin-bottom: 50px;
        font-size: 25px
    }
}

body #slider .slider-content .image .slider-item .main-text a.button,html #slider .slider-content .image .slider-item .main-text a.button {
    width: 139px;
    height: 48px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 50px;
    border: 1px solid #fff;
    background: linear-gradient(to left,transparent 50%,#fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .25s ease;
    box-sizing: border-box;
    border-radius: 3px;
    text-decoration: none;
    transition: all .5s
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text a.button,html #slider .slider-content .image .slider-item .main-text a.button {
        font-size:21px
    }
}

body #slider .slider-content .image .slider-item .main-text a.button:hover,html #slider .slider-content .image .slider-item .main-text a.button:hover {
    background-position: left bottom;
    color: #a6a6a6
}

body #slider .slider-content .image .slider-item .main-text .hotline,html #slider .slider-content .image .slider-item .main-text .hotline {
    margin-top: 116px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 103.4%;
    text-transform: uppercase;
    color: #fff
}

@media (max-width: 1050px) {
    body #slider .slider-content .image .slider-item .main-text .hotline,html #slider .slider-content .image .slider-item .main-text .hotline {
        margin-top:55px
    }
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text .hotline,html #slider .slider-content .image .slider-item .main-text .hotline {
        font-size:30px;
        margin-top: 90px
    }
}

body #slider .slider-content .image .slider-item .main-text a.tel,html #slider .slider-content .image .slider-item .main-text a.tel {
    font-style: normal;
    font-size: 32px;
    font-weight: lighter;
    line-height: 103.4%;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}

@media (min-width: 2300px) {
    body #slider .slider-content .image .slider-item .main-text a.tel,html #slider .slider-content .image .slider-item .main-text a.tel {
        font-size:42px
    }
}

@media (min-width: 1000px) {
    body #slider,html #slider {
        display:block
    }
}

@media (max-width: 1000px) {
    body #slider,html #slider {
        display:none
    }
}

body .mobile,html .mobile {
    height: 100%
}

@media (max-width: 1000px) {
    body .mobile,html .mobile {
        display:block
    }
}

@media (min-width: 1000px) {
    body .mobile,html .mobile {
        display:none
    }
}

body .mobile .images,html .mobile .images {
    height: 100%
}

@media (max-height: 500px) {
    body .mobile .images,html .mobile .images {
        display:flex
    }
}

body .mobile .images .image_text,html .mobile .images .image_text {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

body .mobile .images .image_text .logo,html .mobile .images .image_text .logo {
    transition: all .5s ease-in-out
}

@media (max-height: 850px) {
    body .mobile .images .image_text .logo img,html .mobile .images .image_text .logo img {
        width:45px
    }
}

@media (max-height: 600px) {
    body .mobile .images .image_text .logo img,html .mobile .images .image_text .logo img {
        width:35px
    }
}

body .mobile .images .image_text .title,html .mobile .images .image_text .title {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 41px;
    color: #fff;
    margin-left: 0;
    transition: all 1s ease-in-out
}

@media (max-height: 850px) {
    body .mobile .images .image_text .title,html .mobile .images .image_text .title {
        font-size:26px
    }
}

body .mobile .images .image_text .bottom_text,html .mobile .images .image_text .bottom_text {
    transition: all 1s ease-in-out
}

body .mobile .images .image_text .text,html .mobile .images .image_text .text {
    margin-top: 20px;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: lighter;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    color: #fff
}

@media (max-height: 850px) {
    body .mobile .images .image_text .text,html .mobile .images .image_text .text {
        margin-top:10px;
        margin-bottom: 25px;
        font-size: 16px;
        line-height: 120%
    }
}

body .mobile .images .image_text a.button,html .mobile .images .image_text a.button {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 30px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 3px;
    text-decoration: none;
    transition: all .5s
}

body .mobile .images .image_text .hotline,html .mobile .images .image_text .hotline {
    margin-top: 40px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 103.4%;
    text-transform: uppercase;
    color: #fff
}

@media (max-height: 850px) {
    body .mobile .images .image_text .hotline,html .mobile .images .image_text .hotline {
        margin-top:25px;
        font-size: 16px
    }
}

@media (max-height: 600px) {
    body .mobile .images .image_text .hotline,html .mobile .images .image_text .hotline {
        margin-top:30px
    }
}

body .mobile .images .image_text a.tel,html .mobile .images .image_text a.tel {
    font-style: normal;
    font-size: 32px;
    font-weight: lighter;
    line-height: 103.4%;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}

@media (max-height: 850px) {
    body .mobile .images .image_text a.tel,html .mobile .images .image_text a.tel {
        font-size:28px
    }
}

@media (max-height: 600px) {
    body .mobile .images .image_text a.tel,html .mobile .images .image_text a.tel {
        font-size:23px
    }
}

body .mobile .images .layer1,html .mobile .images .layer1 {
    opacity: .7
}

body .mobile .images .layer2,html .mobile .images .layer2 {
    opacity: .8
}

body .mobile .images .layer3,html .mobile .images .layer3 {
    opacity: .6
}

body .mobile .images .image1_mobile,html .mobile .images .image1_mobile {
    position: relative;
    height: 60%;
    width: 100%;
    transition: all .5s ease-in-out;
    z-index: 1
}

@media (max-height: 500px) {
    body .mobile .images .image1_mobile,html .mobile .images .image1_mobile {
        height:100%;
        width: 50%
    }
}

body .mobile .images .image1_mobile .img,html .mobile .images .image1_mobile .img {
    height: 100%;
    background-image: url(/images/internet.png);
    background-size: cover;
    background-position: center;
    background-color: #e79622!important;
    background-blend-mode: soft-light!important
}

body .mobile .images .image2_mobile,html .mobile .images .image2_mobile {
    position: relative;
    height: 20%;
    width: 100%;
    transition: all .5s ease-in-out;
    z-index: 1
}

@media (max-height: 500px) {
    body .mobile .images .image2_mobile,html .mobile .images .image2_mobile {
        height:100%;
        width: 25%
    }
}

body .mobile .images .image2_mobile .img,html .mobile .images .image2_mobile .img {
    height: 100%;
    background-image: url(/images/data.png);
    background-size: cover;
    background-position: center;
    background-color: #e36225!important;
    background-blend-mode: soft-light!important
}

body .mobile .images .image3_mobile,html .mobile .images .image3_mobile {
    position: relative;
    height: 20%;
    width: 100%;
    transition: all .5s ease-in-out;
    z-index: 1
}

@media (max-height: 500px) {
    body .mobile .images .image3_mobile,html .mobile .images .image3_mobile {
        height:100%;
        width: 25%
    }
}

body .mobile .images .image3_mobile .img,html .mobile .images .image3_mobile .img {
    height: 100%;
    background-image: url(/images/shop.png);
    background-size: cover;
    background-position: center;
    background-color: #4a4b4e!important;
    background-blend-mode: soft-light!important
}

.opacity1 {
    opacity: 1!important;
    transition: opacity .5s ease-in-out
}

.opacity0 {
    opacity: 0!important;
    transition: opacity .5s ease-in-out
}

.opacity0_first {
    opacity: 0!important
}

.d-none {
    display: none!important
}