@import url(../fonts/icomoon/style.css);
@font-face {
    font-family: 'PFDinTextCompPro-Light';
    src: url("../fonts/PFDinTextCompPro-Light.eot");
    src: url("../fonts/PFDinTextCompPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PFDinTextCompPro-Light.woff") format("woff"), url("../fonts/PFDinTextCompPro-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Italic';
    src: url("../fonts/SegoeUI-Italic.eot");
    src: url("../fonts/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Italic.woff") format("woff"), url("../fonts/SegoeUI-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Semiboldit';
    src: url("../fonts/SegoeUI-Semiboldit.eot");
    src: url("../fonts/SegoeUI-Semiboldit.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Semiboldit.woff") format("woff"), url("../fonts/SegoeUI-Semiboldit.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Regular';
    src: url("../fonts/SegoeUI-Regular.eot");
    src: url("../fonts/SegoeUI-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Regular.woff") format("woff"), url("../fonts/SegoeUI-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Bold';
    src: url("../fonts/SegoeUI-Bold.eot");
    src: url("../fonts/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Bold.woff") format("woff"), url("../fonts/SegoeUI-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Semibold';
    src: url("../fonts/SegoeUI-Semibold.eot");
    src: url("../fonts/SegoeUI-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Semibold.woff") format("woff"), url("../fonts/SegoeUI-Semibold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Light';
    src: url("../fonts/SegoeUI-Light.eot");
    src: local("../fonts/SegoeUI-Light"), local("SegoeUI-Light"), url("../fonts/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Light.woff") format("woff"), url("../fonts/SegoeUI-Light.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI-Semilight';
    src: url("../fonts/SegoeUI-Semilight.eot");
    src: url("../fonts/SegoeUI-Semilight.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Semilight.woff") format("woff"), url("../fonts/SegoeUI-Semilight.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.logo.works-post > a.logo-link + span {
	display: none;
}
.tip.show h1 {
    font-family: 'PF Light';
    color: #005190;
    font-size: 25px;
}

span.twentytwenty-left-arrow:before,
.twentytwenty-handle .twentytwenty-left-arrow:after {
    display: none;
}

.twentytwenty-handle .twentytwenty-left-arrow {
    margin-left: -16px;
    z-index: 99;
}

.message,
.success {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.message {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.message {
    color: #333;
    background: url("../img/logo.png");
}

.success {
    border-color: green;
}

* {
    outline: none !important;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span {
    margin-bottom: 0;
}

h2 {
    color: #fff;
    font-size: 50px;
    font-family: 'PFDinTextCompPro-Light';
}

p,
li {
    font-family: 'SegoeUI-Regular';
}

p::selection,
h1::selection,
h2::selection,
a::selection,
br::selection,
a::selection,
span::selection,
li::selection {
    background: #41395e;
    /* Safari */
}

p::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
a::-moz-selection,
,
br::-moz-selection,
a::selection,
span::selection,
li::selection {
    background: #41395e;
    /* Firefox */
}

p::selection,
h2::selection {
    color: #fff;
}

p::-moz-selection,
h2::-moz-selection {
    color: #fff;
}

ul,
li {
    list-style: none;
    margin-bottom: 0;
}

/*
.block1 {
    width: 100%;
    height: 1035px;
    background-image: url(../img/bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 240px 0 195px;
    position: relative;
}
*/
.block1 {
    width: 100%;
    height: auto;
    background-image: url(../img/bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12.5vw 0 10.2vw;
    position: relative;
    background-position: center center;
}

.block1__item-logo {
    width: 280px;
    height: 72px;
}

.block1__item-offer {
    padding: 60px 0px;
}

.block1__item-offer h1 {
    font-family: 'PFDinTextCompPro-Light';
    font-size: 100px;
    line-height: 90px;
    color: #fff;
    padding-bottom: 0;
    height: 270px;
}

.block1__item-versions {}

.block1__item-versions ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    pointer-events: none;
    padding-left: 0;
    flex-wrap: wrap;
}

.block1__item-versions ul li {
    font-size: 16px;
    color: #fff;
    margin: 0 5px 5px 0;
    text-transform: uppercase;
    width: auto;
    height: auto;
    padding: 17px 18px 17px 55px;
    position: relative;
    cursor: pointer;
}

.block1__item-versions ul li:nth-child(1) {
    background: rgba(0, 54, 78, 0.6);
    padding-left: 70px;
}

.block1__item-versions ul li:nth-child(2) {
    background: rgba(65, 57, 94, 0.6);
    ;
}

.block1__item-versions ul li:nth-child(3) {
    background: rgba(227, 38, 54, 0.6);
}

.block1__item-versions [class*='icon-']:before {
    position: absolute;
    left: 25px;
}

.block1__item-versions .icon-computer:before {
    font-size: 32px;
    top: 13px;
    left: 22px;
}

.block1__item-versions .icon-mobile:before {
    font-size: 28px;
    top: 15px;
    left: 17px;
}

.block1__item-versions .icon-integration:before {
    font-size: 23px;
    top: 17px;
    left: 19px;
}

.block1__item-site {
    padding-top: 64px;
}

.block1__item-site a {
    color: #fff;
    font-size: 30px;
}

.block1__item-site a [class*='icon-']:before {
    color: #00364e;
    font-size: 32px;
    position: relative;
    top: 3px;
    left: 4px;
}

.block1__item-site a:hover {
    text-decoration: none;
}

.block1__item-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

.info-box:nth-child(1) {
    margin-bottom: 70px;
}

.info-box:nth-child(2) {
    margin-left: 68px;
    margin-bottom: 70px;
}

.info-box:nth-child(3) {}

.info-box:nth-child(4) {
    margin-left: 68px;
}

.info-box--img {
    width: 132px;
    height: 152px;
    background-repeat: no-repeat;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'PFDinTextCompPro-Light';
    font-size: 70px;
    color: #fff;

}

.info-box:nth-child(1) .info-box--img {
    background-image: url(../img/infobgred.png);
}

.info-box:nth-child(2) .info-box--img {
    background-image: url(../img/infobgviolet.png);
}

.info-box:nth-child(3) .info-box--img {
    background-image: url(../img/infobgblue.png);
}

.info-box:nth-child(4) .info-box--img {
    background-image: url(../img/infobggreen.png);
}

.info-box--text {
    width: auto;
    height: auto;
    text-align: center;
}

.info-box--text span {
    font-size: 20px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 0px 5px 5px;
}

.info-box:nth-child(1) .info-box--text span {
    background: #e32636;
}

.info-box:nth-child(2) .info-box--text span {
    background: #41395e;
}

.info-box:nth-child(3) .info-box--text span {
    background: #0099cd;
}

.info-box:nth-child(4) .info-box--text span {
    background: #34c924;
}

/*BLOCK 2*/
/*
.block2 {
    width: 100%;
    height: 1110px;
    background-image: url(../img/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -54px;
}
*/
.block2 {
    width: 100%;
    height: auto;
    background-image: url(../img/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -3.2vw;
}

.block2__item__list {
    padding: 9.3vw 0 31vw;
}

.block2__item__list ul {
    display: block;
    margin-top: 30px;
    padding-left: 20px;

}

.block2__item__list li {
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
    position: relative;
    line-height: 22px
}

.block2__item__list li:last-child {
    margin-bottom: 0;
}

.block2__item__list li:before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: -17px;
    top: 11px;
    border: 1px solid #ffc10f;
    border-radius: 50%;
}

/*BLOCK 3*/
.block3 {
    width: 100%;
    height: 1120px;
    background-image: url(../img/bg3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: 74%;
    margin-top: -0.1vw;
}

.block3__item {
    margin-top: -160px;
}

.block3__item--data {
    margin-top: 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.data-box {
    width: 400px;
    height: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

}

.data-box--left {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-right: 15px;
    border: 4px solid #a09daf;
    position: relative;
}

.data-box--left:before {
    content: "\e904";
    font-family: 'icomoon' !important;
    position: absolute;
    font-size: 26px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.data-box--right {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    padding-top: 5px;
    height: auto;
    width: 320px;

}

.data-box--left.grey {
    background: #616161;
}

.data-box--left.yellow {
    background: #ffc10f;
}

div#container1 {
    padding: 0px;
    margin-top: 69px;
}

.n-p {
    padding: 0 !important;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    display: none;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 2px;
    background: #ffc10f;
    height: 9999px;
    left: 50%;
    margin-left: -1px;
    box-shadow: none;
}

.twentytwenty-handle {
    height: 58px;
    width: 12px;
    position: absolute;
    background: #ffc10f;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -22px;
    border: 0px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 100;
    cursor: pointer;
}

span.twentytwenty-left-arrow {
    display: none;
}

span.twentytwenty-right-arrow {
    border: none;
    margin-right: 0px;
    right: 0px;
    position: relative;
}

.twty-box {
    width: 100%;
    height: auto;
    position: relative;
}

.twentytwenty-wrapper {
    position: relative;
    z-index: 10;
}

.img-mac {
    position: absolute;
    top: 32px;
    left: -200px;
    z-index: 0;
    pointer-events: none;
}

.img-mac img {
    max-width: initial;
}

span.twentytwenty-right-arrow {
    border: none;
    margin-right: 8px;
    right: 0px;
    width: 1px;
    height: 17px;
    background: #fff;
    display: flex;
    position: relative;
    left: 3px;
    top: 27px;
}

span.twentytwenty-left-arrow {
    border: none;
    margin-right: 8px;
    right: 0px;
    width: 1px;
    height: 17px;
    background: #fff;
    display: flex;
    position: absolute;
    left: 24px;
    top: 27px;
}

.typed-cursor {
    display: none;
}

/*BLOCK 4*/
.block4 {
    width: 100%;
    height: auto;
    background-image: url(../img/bg4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}

.block4__item--tab {
    width: 100%;
    height: auto;
    margin-top: -56px;
}

.container-two {
    max-width: 1290px;
    padding: 0px 30px;
    position: relative;
}

.mac-window {
    width: 1230px;
    height: 750px;
    background: #e2e2e2;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 14px 37px 8px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 14px 37px 8px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 14px 37px 8px rgba(0, 0, 0, 0.43);
}

.mac-window-header {
    width: 100%;
    height: 34px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 1px 1px #eaeaea;
    border: 1px solid #b8b8b8;
    background-color: #e2e2e2;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgb(241, 241, 241)), color-stop(0.86, rgb(215, 215, 215)), color-stop(1, rgb(215, 215, 215)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top, rgb(241, 241, 241) 0%, rgb(215, 215, 215) 86%, rgb(215, 215, 215) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom, rgb(241, 241, 241) 0%, rgb(215, 215, 215) 86%, rgb(215, 215, 215) 100%);
    background-image: -ms-repeating-linear-gradient(top, rgb(241, 241, 241) 0%, rgb(215, 215, 215) 86%, rgb(215, 215, 215) 100%);

}

.mac-window-header ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-left: 15px;
    padding-top: 10px;
}

.mac-window-header ul li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 7px;

}

.mac-window-header ul li:nth-child(1) {
    background-color: #fc615c;
    border: 1px solid #df4845;
}

.mac-window-header ul li:nth-child(2) {
    background-color: #fbb739;
    border: 1px solid #dea034;
}

.mac-window-header ul li:nth-child(3) {
    background-color: #c8c8c8;
    border: 1px solid #b8b8b8;
}

.block4__item--info {
    width: 100%;
    height: auto;
    padding: 2.9vw 0px 2.3vw 0px;
}

.block4__item--info p {
    color: #fff;
    font-size: 16px;
    position: relative;
    padding-left: 30px;
}

.block4__item--info p::before {
    content: '';
    width: 0.6vw;
    height: 100%;
    display: block;
    background: #ffc10f;
    position: absolute;
    left: 0px;
}

.block4__item--tab a.nav-item {
    padding: 15px 38px 15px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 5px;
}

.block4__item--tab .nav-tabs {
    border-bottom: 0px;
}

.block4__item--tab .nav-tabs .nav-item.show .nav-link,
.block4__item--tab .nav-tabs .nav-link.active {
    color: #fff;
    background-image: url(../img/bg-tab.png);
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
    background-image: url(../img/bg-tab.png);
    color: #fff !important;
}

.block4__item--tab a.nav-item:nth-child(1) {
    background-color: #fff;
    color: #41395e;
}

.block4__item--tab a.nav-item:nth-child(2) {
    background-color: #053950;
}

.block4__item--tab a.nav-item:nth-child(3) {
    background-color: #0588b5;
}

.block4__item--tab a.nav-item:nth-child(4) {
    background-color: #bb2b3b;
}

.block4__item--tab a.nav-item:nth-child(5) {
    background-color: #30ad2d;
    margin-right: 59px;
}

.block4__item--tab a.nav-item:nth-child(6) {
    background-color: #d3a61b;
    margin-right: 0;
    display: none;
}

.block4__item--tab a.nav-item:nth-child(6) .icon-video:before {
    position: relative;
    line-height: 0px;
    font-size: 30px;
    top: 7px;
    left: -9px;
}

.swiper-container {
    padding: 0;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    width: 95%;
    bottom: -40px;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #fff;
    opacity: 0.5;
    margin-right: 5px
}

.swiper-button-next {
    right: -10px !important;
    background-image: none !important;
}

.swiper-button-prev {
    left: -10px !important;
    background-image: none !important;
    transform: rotate(180deg);
    top: 49%;
}

.swiper-button-next:before,
.swiper-button-prev:before {
    content: "\e905";
    color: #fff;
    font-family: 'icomoon' !important;
    font-size: 26px;
}

.mobile-block {
    position: relative;
    overflow: hidden;
    height: auto;

}

.mobile-block h2 {
    padding-top: 7.8vw;

}

.mobile-block .block4__item--info {
    padding-top: 47.6vw;
}

.mobile-block--mob1 img,
.mobile-block--mob2 img,
.mobile-block--mob3 img,
.mobile-block--mob4 img {
    width: 100%;
    height: auto;
}

.mobile-block--mob1,
.mobile-block--mob2,
.mobile-block--mob3,
.mobile-block--mob4 {
    position: absolute;
    width: 29vw;
    height: 37vw;
}

.mobile-block--mob1 {
    top: 13vw;
    right: 29vw;
}

.mobile-block--mob2 {
    top: 9.2vw;
    right: 4vw;
}

.mobile-block--mob3 {
    top: 43vw;
    right: 20.8vw;
}

.mobile-block--mob4 {
    top: 37.5vw;
    right: -5.1vw;
}

.empty-block {
    width: 100%;
    height: 21vw;
}

.empty-block--two {
    width: 100%;
    height: 28.25vw;
    position: relative;
}

/*BLOCK5*/
.block5 {
    width: 100%;
    height: 1220px;
    background-image: url(../img/br5.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -0.1vw;
}

.btn {
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #00364e;
    background-color: transparent;
    border: 2px solid #0099cd;
    font-family: 'SegoeUI-Semibold';
    padding: 20px 30px;
    margin-bottom: 20px;
    border-radius: 0px;
    position: relative;
    height: 64px;
}

.btn:hover {
    background-color: #0099cd;
    color: #fff !important;
}

.block5 h2 {
    color: #00364e;
    margin-bottom: 35px;
}

.block5__item--left {
    padding-top: 152px;
}

.block5__item--left p {
    font-size: 18px;
    color: #333;
    line-height: 27px;
}

.block5__item--center {
    width: 431px;
    height: 430px;
    margin: 0px auto;
    background-image: url(../img/prop-bg.png);
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 83px;
    left: -6px;
}

.block5__item--right {
    padding-top: 215px;
}

.block5__item--right .btn:nth-child(2) {
    text-transform: none;
    font-family: 'SegoeUI-Regular';
    font-size: 30px;
    padding: 10px 30px 20px;
}

.btn [class*='icon-']:before {
    position: relative;
    line-height: 0px;
}

.block5__item--right .btn .icon-link:before {
    padding-left: 5px;
    top: 4px;
}

.block5__item--right .icon-brief:before {
    position: relative;
    font-size: 36px;
    padding-right: 5px;
    left: -4px;
    top: 6px;
}

.vent {
    position: relative;
    width: auto;
}

.block5__item--center img {
    width: 100%;
    height: auto;
}

.vent-img {
    animation: spin 4s linear infinite;
    -webkit-animation: spin 4s linear infinite;
}

.shares-btn {
    height: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.8rem;
    border-radius: 4px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    background-color: transparent;
    border: 1px solid #ffc10f;
    cursor: pointer;
    width: auto;
}

.shares-btn:hover {
    text-decoration: none;
}

.share-block {
    position: absolute;
    bottom: 50px;
    width: auto;
    left: 50%;
    transform: translate(-50%);
}

.share-block ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.share-block ul li {
    padding: 0px 3px;
}

.share-block .icon-vk:before {
    content: "\e909";
    color: #4f78a3;
    font-size: 22px;
    line-height: 0px;
    position: relative;
    top: 3px;
}

.share-block .icon-share:before {
    content: "\e908";
    color: #5e7b88;
    font-size: 24px;
    line-height: 0px;
    position: relative;
    padding-right: 5px;
    top: 3px;
}

/*VIDEO*/
.presentation__block {
    position: relative;
}

.presentation__block--video {
    overflow: hidden;
}

.presentation__block--video video {
    width: 100%;
    object-fit: cover;
    padding: 30px;
}

.presentation__block--text {
    padding: 4rem;
    border-radius: 1rem;
    border: 1px solid #dddde2;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%);
    background-color: #fff;
}

h2.heading-2 {
    color: #00364e;
    margin-bottom: 35px;
}

.presentation__block--text ul {
    padding: 0px;
}

.presentation__block--text ul li {
    color: #333;
}

.technology {}

.technology img {
    padding: 10px;
}

/*СНЕГ*/
.snow,
.snowtwo,
.snowfive,
.snowsix {
    background-repeat: no-repeat;
    -webkit-pointer-events: none;
    pointer-events: none;
    position: absolute;
}

.snow:nth-child(2) {
    width: 80px;
    height: 80px;
    background-size: cover;
    -webkit-animation: snowthree 29s linear infinite;
    -moz-animation: snowthree 29s linear infinite;
    -ms-animation: snowthree 29s linear infinite;
    animation: snowthree 29s linear infinite;
}

.snow {
    width: 120px;
    height: 120px;
    background-image: url(../img/snow1.png);
    -webkit-animation: snow 33s linear infinite;
    -moz-animation: snow 33s linear infinite;
    -ms-animation: snow 33s linear infinite;
    animation: snow 33s linear infinite;
}

.snowtwo {
    width: 120px;
    height: 140px;
    background-size: cover;
    background-image: url(../img/snow2.png);
    -webkit-animation: snowtwo 24s linear infinite;
    -moz-animation: snowtwo 24s linear infinite;
    -ms-animation: snowtwo 24s linear infinite;
    animation: snowtwo 24s linear infinite;
}

.snowfive {
    width: 140px;
    height: 160px;
    background-image: url(../img/snow3.png);
    -webkit-animation: snowfive 20s linear infinite;
    -moz-animation: snowfive 20s linear infinite;
    -ms-animation: snowfive 20s linear infinite;
    animation: snowfive 20s linear infinite;
}

.snow:nth-child(3) {
    width: 50px;
    height: 50px;
    background-image: url(../img/snow3.png);
    -webkit-animation: snowfour 30s linear infinite;
    -moz-animation: snowfour 30s linear infinite;
    -ms-animation: snowfour 30s linear infinite;
    animation: snowfour 30s linear infinite;
    background-size: cover;
}

.snowsix {
    width: 140px;
    height: 160px;
    background-image: url(../img/snow3.png);
    -webkit-animation: snowsix 36s linear infinite;
    -moz-animation: snowsix 36s linear infinite;
    -ms-animation: snowsix 36s linear infinite;
    animation: snowsix 36s linear infinite;
    background-size: cover;
}

.snowseven {
    width: 120px;
    height: 120px;
    position: absolute;
    background-image: url(../img/snow1.png);
    -webkit-animation: snowseven 23s linear infinite;
    -moz-animation: snowseven 23s linear infinite;
    -ms-animation: snowseven 23s linear infinite;
    animation: snowseven 23s linear infinite;
    background-size: cover;
}

.snoweight {
    width: 120px;
    height: 120px;
    position: absolute;
    background-image: url(../img/snow1.png);
    -webkit-animation: snoweight 30s linear infinite;
    -moz-animation: snoweight 30s linear infinite;
    -ms-animation: snoweight 30s linear infinite;
    animation: snoweight 30s linear infinite;
    background-size: cover;
}

.snownine {
    width: 80px;
    height: 80px;
    position: absolute;
    background-image: url(../img/snow1.png);
    -webkit-animation: snownine 50s linear infinite;
    -moz-animation: snownine 50s linear infinite;
    -ms-animation: snownine 50s linear infinite;
    animation: snownine 50s linear infinite;
    background-size: cover;
}

@-webkit-keyframes snow {
    from {
        top: -50px;
        opacity: 0.9;
        left: 20px;
        transform: rotate(90deg)
    }

    to {
        top: 900px;
        opacity: 0.7;
        left: 400px;
    }
}

@-webkit-keyframes snowtwo {
    from {
        top: -250px;
        opacity: 0.5;
        left: 300px;
        transform: rotate(120deg)
    }

    to {
        top: 900px;
        opacity: 0.4;
        left: 760px;
    }
}

@-webkit-keyframes snowthree {
    from {
        top: -400px;
        opacity: 0.4;
        left: 200px;
        transform: rotate(60deg)
    }

    to {
        top: 900px;
        opacity: 0.4;
        left: 680px;
    }
}

@-webkit-keyframes snowfour {
    from {
        top: -300px;
        opacity: 0.3;
        left: 600px;
        transform: rotate(60deg)
    }

    to {
        top: 900px;
        opacity: 0.3;
        left: 980px;
    }
}

@-webkit-keyframes snowfive {
    from {
        top: -100px;
        opacity: 0.3;
        left: 800px;
        transform: rotate(60deg)
    }

    to {
        top: 900px;
        opacity: 0.3;
        left: 1220px;
    }
}

@-webkit-keyframes snowsix {
    from {
        top: -400px;
        opacity: 0.3;
        right: 30%;
        transform: rotate(60deg)
    }

    to {
        top: 900px;
        opacity: 0.3;
        right: 10%;
    }
}

@-webkit-keyframes snowseven {
    from {
        top: -180px;
        opacity: 0.6;
        right: 15%;
        transform: rotate(60deg)
    }

    to {
        top: 900px;
        opacity: 0.6;
        right: 0%;
    }
}

@-webkit-keyframes snoweight {
    from {
        top: -500px;
        opacity: 0.2;
        left: 50%;
        transform: rotate(60deg)
    }

    to {
        top: 900px;
        opacity: 0.2;
        left: 70%;
    }
}

@-webkit-keyframes snownine {
    from {
        top: -420px;
        opacity: 0.6;
        left: 70%;
        transform: rotate(60deg)
    }

    to {
        top: 900px;
        opacity: 0.6;
        left: 85%;
    }
}

.block-two--wind,
.block-two--wind2 {
    position: absolute;
    width: 21vw;
    height: 13vw;
    top: auto;
    background-image: url(../img/wind.png);
    -webkit-animation: wind 10s linear infinite;
    -moz-animation: wind 10s linear infinite;
    -ms-animation: wind 10s linear infinite;
    animation: wind 10s linear infinite;
    background-size: cover;
}

.block-two--wind2 {
    -webkit-animation: wind2 15s linear infinite;
    -moz-animation: wind2 15s linear infinite;
    -ms-animation: wind2 15s linear infinite;
    animation: wind2 15s linear infinite;
}

@-webkit-keyframes wind {
    from {
        opacity: 0.3;
        left: 320px;
    }

    25% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.5;
    }

    to {
        opacity: 0.1;
        left: 90%;
    }
}

@-webkit-keyframes wind2 {
    from {
        opacity: 0;
        left: 220px;
    }

    25% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.5;
    }

    to {
        opacity: 0.1;
        left: 80%;
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media screen and (max-width:1200px) {
	.block2 {
	    margin-top: -5.2vw;
	    background-position: 60% 50%;
	}
	.block1__item-offer h1 {
	    line-height: 1;
	    height: auto;
	    display: block;
	}
	.block1__item-info {
		justify-content: space-between;
	}
	.info-box.wow.fadeIn.animated {
	    width: 50%;
	    margin: 0;
	}
	.info-box--img {
		margin: 0 auto;
	}
	.block1__item-site {
	    padding-top: 30px;
	    margin-bottom: 30px;
	}
	.block2 {
	    padding: 25px 0 62px;
	    height: auto;
    }
    .mobile-block .col-md-5.offset-md-2 {
	 	margin-left: 0;
	 	-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;   
    }
}
@media screen and (max-width:1024px) {
    .block1__item-offer h1 {
        font-size: 65px;
    }
}

.block5__item--right .btn:first-child {
    width: 250px;
    height: 52px;
    font-size: 18px;
    text-transform: none;
    padding: 14px 30px;
}

.block5__item--right .icon-brief:before {
    font-size: 30px;
    top: 6px;
}
/* СКРЫВАЕМ ОПИСАНИЕ В БЛОКЕ ВИДЕО */
.presentation__block--text,
.question-block {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.question-block {
	display: none;
}
@media (max-width: 1320px) {
	.swiper-button-next {
    	right: 0 !important;
    }
    .swiper-button-prev {
	    left: 0 !important;
    }
}
@media (max-width: 1280px) {
	.nav {
		justify-content: center;
	}
	.mac-window {
		width: 100%;
		height: auto;
	}
	.block4__item--tab a.nav-item:nth-child(5) {
		margin: 0;
	}
	.img-mac img {
	    max-width: 100%;
	}
	.img-mac {
	    top: 33px;
	    left: 50%;
	    z-index: 0;
	    right: auto;
	    width: 136%;
	    transform: translate(-50%, 0);
	}
	.data-box:first-child {
 	   margin-right: 0;
	}
	.block3__item--data {
		justify-content: space-between;
	}
	.block3 {
		height: auto;
		padding-bottom: 25vw;
	}
	.swiper-button-next, .swiper-button-prev {
		display: none;
	}
	.block4__item--info {
	    padding: 40px 0;
	}
}
@media (max-width: 991.98px) {
	.info-box {
	    width: 25%;
	}
	.block1__item-info {
	    justify-content: center;
	}
	.block3__item--data {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.data-box:first-child {
 	   margin-bottom: 20px;
	}
	div#container1 {
		margin-top: 65px;
	}
	.container {
 	   max-width: 100%;
	}
	.block4__item--tab a.nav-item {
    	padding: 15px 20px;
    }
    .block4__item--info p br {
	    display: none;
    }
    .block5__item--left {
	    padding-top: 70px;
	    text-align: center;
	}
	.block5 .row div:nth-child(1) {
		order: 1
	}
	.block5 .row div:nth-child(2) {
		order: 3
	}
	.block5 .row div:nth-child(3) {
		order: 2
	}
	.block5__item--right {
	    padding-top: 0;
	    margin-top: 50px;
	    text-align: center;
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap
	}
	.block5__item--right .btn {
	    width: auto !important;
	    height: auto !important;
	    font-size: 18px;
	    text-transform: none;
	    padding: 20px 30px !important;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0 10px 10px;
	}
	.block5__item--center {
	    width: 320px;
	    height: 320px;
	    margin: 0px auto;
	    background-image: url(../img/prop-bg.png);
	    background-position: center;
	    background-size: cover;
	    position: absolute;
	    top: 83px;
	    left: 50%;
	    transform: translate(-50%, 0);
	}
	.block1 {
		padding-top: 120px;
	}
}
@media (max-width: 800px) {
	div#container1 {
	    margin-top: 60px;
	}
	.block4 {
		padding-bottom: 170px;
	}
}
@media (min-width: 768px) {
	.b-mobile {
		display: none;
	}
}
@media (max-width: 767.98px) {
	.b-mobile-desctop {
		display: none;
	}
	.block2__item__list {
	    padding: 30px;
	    background: rgba(63, 55, 96, 0.95);
	    border-radius: 20px;
	}
	.block3__item {
	    margin-top: 0;
	}
	.block2 {
	    padding: 60px 0 120px;
	    height: auto;
		margin-top: -50px;
	}
	.block3 {
	    padding-bottom: 100px;
	}
	.block4__item--tab {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.nav-tabs .nav-link {
		border-radius: .25rem;
	}
	.block4__item--tab .nav-tabs .nav-item.show .nav-link, .block4__item--tab .nav-tabs .nav-link.active {
	    color: #000 !important;
	    background-image: none;
	    background-color: #fcc011;
	    border-color: transparent;
	}
	.block4__item--tab a.nav-item {
		margin-bottom: 5px !important;
	}
	div#container1 {
 	   margin-top: 0;
	}
	.data-box:last-child {
    	margin-bottom: 50px;
	}
	.img-mac {
    	top: -20px;
    }
    .img-mac {
	    width: 137%;
    }

	.mobile-block .block4__item--info {
 	   padding-top: 40px;
	}
	.mobile-block .col-md-5.offset-md-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.empty-block {
		height: 0;
	}
	.b-mobile__item,
	.b-mobile__item img {
		width: 100%;
		height: auto;
	}
	.row-row {
		flex-direction: row;
	}
	.share-block ul {
		padding: 0;
	}
	.share-block {
	    bottom: 110px;
	}
}
@media (max-width: 680px) {
	.info-box.wow.fadeIn.animated {
	    width: 50%;
	    margin-bottom: 30px;
	}
}
@media (max-width: 500px) {
	.img-mac {
	    top: -17px;
	}
	.block3 {
 	   padding-bottom: 65px;
	}
    .data-box--right, .data-box{
        width: 100%;
    }
    .data-box--left{
        flex-shrink: 0;
    }
    .data-box br{
        display: none;
    }
}
@media (max-width: 400px) {
	.img-mac {
	    top: -14px;
	}
}
@media (max-width: 350px) {
	.img-mac {
	    top: -10px;
	}
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
	.mobile-please-wrap.mobile.horizontal {
	    display: none;
	}
}