@import url(../fonts/icomoon/style.css);

@import url(../fonts/stylesheet.css);
.logo.works-post > a.logo-link + span {
	display: none;
}
body {
	font-family: "Segoe UI", sans-serif;
	background-color: #fff;
}
.upimg{
    z-index: 100!important;
}
h1 {
    font-size: 80px;
    font-family: "PFDinTextCompPro", sans-serif;
    color: #2668a6;
    line-height: 1.2;
}

h2 {
    font-size: 50px !important;
    font-family: "PFDinTextCompPro", sans-serif;
    color: #fff;
    margin-bottom: 0;
}

.title-mod h2 {
    font-size: 50px !important;
}

h3 {
    font-size: 30px;
}

li {
    font-size: 20px;
    
}

p {
    font-size: 18px;
    margin-bottom: 0;
}

h1::selection,
h2::selection,
li::selection,
p::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
a::selection,
span::selection {
    background: #d0474c;
    color: #fff;
}

.container-main {
    position: relative;
}

.container-p0 {
    padding: 0;
}
ul, li {
	list-style: none;
	margin: 0;
    padding-left: 0;
}
.home-top {
    position: absolute;
    top: 210px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 100;
}

.home-top__items--logo {
    margin-bottom: 50px;
    width: 360px;
    height: auto;
}

.home-top__items--title {
    margin-bottom: 60px;
}

.home-top__items--version {
    width: 100%;
    height: auto;
    padding-right: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 100
}

.home-top__items--link {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end;
}

.box {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #a5c2d8;
    background-color: rgba(165, 194, 216, 0.15);
    -webkit-border-radius: 18px 0;
    -moz-border-radius: 18px 0;
    border-radius: 18px 0;
    position: relative;
    cursor: default;
}

.box--info {
    position: absolute;
    width: 232%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 142%;
    color: #fff;
    font-size: 16px;
    line-height: 0;
    background-color: #606060;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 13px 0;
    -moz-border-radius: 13px 0;
    border-radius: 13px 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    outline: none;
    opacity: 0;
    pointer-events: none;
}

.box [class*='icon-']:before {
    font-size: 37px;
    color: #a5c2d8;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.box:hover .box--info {
    opacity: 1;
}

.nihtv:hover > .box--info,
.deyv:hover > .box--info {
    opacity: 1;
}

#up_block .box--info {
    top: 107%;
    width: 260%;
}

.box:hover [class*='icon-']:before {
    color: #2668a6;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.box .icon-notebook:before {
    font-size: 34px;
}

.box .icon-mobile:before {
    font-size: 40px;
}

.box .icon-integration:before {
    font-size: 29px;
}

.box .icon-link:before {
    font-size: 35px;
}

.box:nth-child(2) .box--info {
    width: 250%;
}

.box a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box a:hover {
    text-decoration: none;
}

span.typed-cursor.typed-cursor--blink,
span.typed-cursor {
    display: none;
}

h1.element {
    padding: 0;
    height: 190px;
}

.waves-block-ocean {
    width: 100%;
    height: 1300px;
    background-color: #024d85;
}

.lights {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/lights.png) 50% 0 no-repeat;
}

.about-business {
    padding: 30px;
    width: 490px;
    max-width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

.title_b30 {
    margin-bottom: 22px;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.1;
    text-transform: uppercase;
}

.about-business.about-business-sec {
    width: 415px;
    margin-left: 55px;
}

.about-business ul.list {
    max-width: 380px;
}

.about-business.about-business-sec ul.list {
    max-width: 352px;
}

ul.list.list_underline > li,
ul.list.list_underline > li span {
    cursor: default;
    -webkit-transition: border .3s;
    -moz-transition: border .3s;
    -ms-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
}

ul.list_underline:not(.list_link) > li,
ul.list_underline.list_link > li > span {
    border-bottom: 1px solid rgba(165, 194, 216, 0.4);
    color: #bddef7;
    padding: 8px 5px 9px 34px;
    display: flex;
    position: relative;
}

ul.list:not(.list_link) > li:before,
ul.list_link > li > span:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #d0474c;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

ul.list.list_underline:not(.list_link) > li:before,
ul.list_link.list_underline > li > span:before {
    top: 16px;
}

ul.list:not(.list_link) > li:hover:before,
ul.list_link > li > span:hover:before {
    background-color: #2668a6;
}

ul.list.list_dark:not(.list_link) > li:hover:before,
ul.list_link.list_dark > li > span:hover:before {
    background-color: #fff;
}

ul.list_underline:not(.list_link) > li,
ul.list_underline.list_link > li > span {
    border-bottom: 1px solid rgba(165, 194, 216, 0.4);
}

ul.list_underline:not(.list_link) > li:hover,
ul.list_underline.list_link > li > span:hover {
    border-color: #2668a6;
}

ul.list_underline.list_dark:not(.list_link) > li:hover,
ul.list_underline.list_dark.list_link > li > span:hover {
    border-color: #fff;
}

.top-block-two {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 100;
}

.top-block-two__items {
    width: 100%;
    height: auto;
}

.list_underline li:last-child span {
    border-bottom-color: transparent !important;
}

.about-business-sec {
    background-color: transparent;
}

.chart {
    position: relative;
    width: 145px;
    height: 145px;
}

.chart span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff;
    font-family: "PFDinTextCompPro", sans-serif;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.chart__items.show .chart span {
    opacity: 1;
}

.chart__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 105px;
    margin: 80px 0 140px;
}

.chart:after,
.chart:last-child:before,
.title-mod h2:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 1px;
    border-bottom: 2px dotted;
    border-bottom-color: rgba(162, 199, 229, 0.37);
    opacity: .6;
    top: 50%;
    left: -40%;
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.chart:after,
.chart:last-child:before {
    opacity: 0;
}

.chart__items.show .chart:after,
.chart__items.show .chart:last-child:before {
    opacity: 0.7;
}

.chart:last-child:before {
    right: -103%;
    left: auto;
}

.chart .label {
    text-align: center;
    color: #bddef7;
    font-size: 18px;
    font-family: 'Segoe UI Semilight';
    width: 120%;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
}

.town.reefs {
    top: 660px;
}

.reefs .dey {
    position: absolute;
    width: 100%;
    height: 430px;
    background: url(../img/reefs.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.title-mod {
    position: relative;
}

.title-mod h2 {
    color: #bddef7;
    display: inline;
}

.title-mod h2:after {
    width: 80%;
    top: 30px;
    left: -82%;
    transform: none;
}

.reefs-bg {
    position: absolute;
    width: 100%;
    height: 278px;
    bottom: 0;
    left: 0;
    background-color: #074e7f;
    z-index: 25;
}

.two-blocks {
    overflow: hidden;
}

.concept {
    width: 100%;
    height: 48.7vw;
    position: relative;
    margin-top: -260px;
}

.concept--one {
    width: 40.78vw;
    height: 44.11vw;
    background: url(../img/cons1.jpg);
    left: 50%;
    top: 0;
    margin-left: -20.39vw;
    z-index: 30;
    box-shadow: 0 32px 31px -4px rgba(85, 85, 85, 0.46);
}

.concept--two {
    width: 41.15vw;
    height: 43.8vw;
    background: url(../img/cons2.png);
    left: 31%;
    top: 2.08vw;
    margin-left: -20.05vw;
    z-index: 29;
}

.concept--three {
    width: 40.68vw;
    height: 43.75vw;
    background: url(../img/cons3.png);
    right: 31%;
    top: 2.08vw;
    margin-right: -19.27vw;
    z-index: 29;
}

.concept--four {
    width: 33.07vw;
    height: 39.11vw;
    background: url(../img/cons4.png);
    left: 0;
    top: 5.99vw;
    z-index: 28;
}

.concept--five {
    width: 34.53vw;
    height: 40.99vw;
    background: url(../img/cons5.png);
    right: 0;
    top: 5.99vw;
    z-index: 28;
}

.concept--one,
.concept--two,
.concept--three,
.concept--four,
.concept--five {
    position: absolute;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}

.concept--one:hover {
    top: -2.08vw;
}

.concept--two:hover,
.concept--three:hover {
    top: -1vw;
}

.concept--four:hover,
.concept--five:hover {
    top: 3.5vw;
}

.concept--design {
    background-color: #f2f6f9;
    position: relative;
}

.pdf {
    padding: 80px 0 60px;
    background-color: #f2f6f9;
    position: relative;
    overflow: hidden;
}

.pdf p {
    margin-top: 30px;
}

.title-mod-blue h2 {
    color: #2668a6;
}

.title-mod-blue h2:after {
    border-bottom-color: #2668a6;
}

.title-mod-white h2 {
    color: #fff;
}

.title-mod-white h2:after {
    border-bottom-color: #fff;
}

.empty-box {
    width: 100%;
    height: 29.22vw;
}

.pdf-abs {
    position: absolute;
    bottom: 60px;
    -webkit-background-size: cover;
    background-size: cover;
}

.pdf-abs--site {
    left: 3%;
    width: 45.83vw;
    height: 27.66vw;
    background: url(../img/site.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.pdf-abs--pdf1 {
    left: 49%;
    width: 26.98vw;
    height: 39.11vw;
    background: url(../img/pdf1.png);
    -webkit-background-size: cover;
    -webkit-background-size-background-size: cover;
    z-index: 10;
}

.pdf-abs--pdf2 {
    right: -0.7%;
    width: 24.58vw;
    height: 39.11vw;
    background: url(../img/pdf2.png);
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 9;
}

.pdf-abs--pdf1:before {
    content: '';
    width: 38px;
    height: 21px;
    margin-right: -38px;
    background: url(../img/pdf.svg);
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, 0);
}

.design {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 180px;
    overflow: hidden;
}

.design--img {
    width: 100%;
    height: 330px;
    border-radius: 65px 0;
    opacity: 0.95;
    background: url(../img/tug.jpg);
    -webkit-background-size: cover;
    background-size: cover;
}

.design p {
    margin-top: 40px;
    padding-right: 95px;
}

.design .pattern {
    width: 910px;
    height: 794px;
    position: absolute;
    top: -45px;
    left: 0;
    z-index: -1;
    background: url(../img/pattern.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.design:after {
    content: '';
    position: absolute;
    width: 105%;
    height: 80px;
    z-index: 0;
    top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 50%;
    background-color: #f1f5f8;
}

.design .title-mod h2:after {
    width: 100%;
    top: 30px;
    left: -104.3%;
    transform: none;
}

.waves-block-third {
    height: 375px;
}

.waves-block-third .wave .dey .vw5 {
    z-index: 5;
}

.waves-block-third .ship {
    bottom: 46px;
}

.waves-block-third .ship .b3,
.waves-block-third .ship .b2,
.waves-block-third .ship .b1 {
    position: relative;
}

.waves-block-third .ship .b3:after,
.waves-block-third .ship .b1:after {
    content: 'Буксир «Герой Игорь Асеев»';
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    left: 50%;
    top: -40%;
    font-size: 16px;
    color: #2668a6;
    font-family: 'Segoe UI Semilight';
    transform: translate(-50%, 0);
}

.waves-block-third .ship .b3:before,
.waves-block-third .ship .b1:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 70px;
    text-align: center;
    left: 50%;
    top: -24%;
    border-left: 1px dashed #2668a6;
    transform: translate(-50%, 0);
    opacity: .8;
}

.waves-block-third .ship .b2:after {
    content: 'Баржа с грузом';
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    left: 50%;
    top: -75%;
    font-size: 16px;
    color: #2668a6;
    font-family: 'Segoe UI Semilight';
    transform: translate(-50%, 0);
}

.waves-block-third .ship .b2:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 70px;
    text-align: center;
    left: 50%;
    top: -55%;
    border-left: 1px dashed #2668a6;
    transform: translate(-50%, 0);
    opacity: .8;
}

.desktop {
    width: 100%;
    height: 1545px;
    padding-top: 100px;
    background-color: #0062ad;
    position: relative;
    overflow: hidden;
}

.desktop--info {
    padding-top: 190px;
}

.desktop--info p {
    color: #bddef7;
}

.desktop:after {
    content: '';
    width: 100%;
    height: 80%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    background: url(../img/sea.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.nav {
    background-color: transparent;
    border-bottom: 1px solid #99c0de;
    border-radius: 0;
    padding-right: 270px;
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    position: relative;
    z-index: 10;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-item .nav-link {
    color: #bddef7;
    font-size: 36px;
    font-family: "PFDinTextCompPro", sans-serif;
    background-color: transparent;
    padding: 0 0 12px;
    border: none;
    border-bottom: 1px solid transparent;
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:hover {
    border-bottom-color: #fff;
    color: #fff;
}

.mac-screen {
    width: 100%;
    margin-top: 90px;
    overflow-y: scroll;
    position: relative;
    z-index: 1;
    height: 627px;
}

.mac-screen img {
    width: 100%;
    height: auto;
}

.wall-two-block .container {
    position: relative;
}

.mac-image {
    position: absolute;
    top: -41px;
    left: -45px;
    z-index: 0;
    width: 1198px;
    height: auto;
}

.mac-image img {
    width: 100%;
    height: auto;
}

.tab-content {
    position: relative;
    z-index: 10;
}

.title-block {
    width: 100%;
    height: auto;
    background-color: #0061a8;
}

.title-block .title-mod {
    padding-bottom: 70px;
}
h1.element.hightmode{
    color: #527fa8;
}

.two-blocks__items {
    width: 100%;
    height: auto;
    position: relative;
    background: url(../img/bg-foot.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
}

.two-blocks__items--img {
    width: 110%;
    height: auto;
    position: relative;
    left: 0;
    top: -20px;
}

.two-blocks__items--img img {
    width: 100%;
    height: auto;
}

.two-blocks__items--text {
    padding: 20px 0 60px;
}

.two-blocks__items--footer {
    position: relative;
    z-index: 10;
}

.macbk-image {
    width: 1486px;
    top: -39px;
    left: -188px;
}

.macbk-screen {
    width: 100%;
    height: 700px;
}

.macbk-screen__items {
    width: 100%;
    height: 100%;
    padding: 75px 85px 0;
    display: flex;
    justify-content: space-between;
    background: url(../img/mc-bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
}

.macbk-screen__items--left {
    width: 60%;
    height: auto;
}

.macbk-screen__items--right {
    width: 21%;
    height: auto;
}

.empty-box-foot {
    width: 100%;
    height: 135px;
}

.share-block {
    width: 100%;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-block ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    list-style: none;
    padding-left: 0;
    justify-content: center;
}

.share-block ul li {
    padding: 0 5px;
    list-style: none;
}

.share-block ul li a {
    text-decoration: none;
}

.shares-btn {
    width: 55px !important;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 10px 0;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background: #fff;
}

.shares-btn:hover {
    background: rgba(255, 255, 255, 0.8);
}

.table-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: url(../img/table.png);
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 0;
}

.macbk-screen__items--left h2 {
    color: #2668a6;
}

.macbk-screen__items--left p {
    margin: 40px 0 70px;
}

.macbk-screen__items--left ul li a {
    font-size: 24px;
    font-family: 'Segoe UI Semilight';
    color: #2668a6;
}

.macbk-screen__items--left ul li a:hover {
    text-decoration: underline;
}

.macbk-screen__items--left ul {
    display: flex;
    align-items: center;
}

.macbk-screen__items--left ul li a:first-child {
    margin-right: 30px;
}

.macbk-screen__items--left ul li:first-child a:hover {
    text-decoration: none;
}

.bttn {
    width: auto;
    height: 60px;
    padding: 20px 30px;
    border-radius: 13px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-family: "Segoe UI", sans-serif !important;
    font-size: 24px;
    background-color: #2668a6;
}

.bttn:hover {
    text-transform: none;
    background-color: #034d86;
}

.project-link {
    margin-top: 63px !important;
    font-size: 24px;
    font-family: 'Segoe UI Semilight';
}
.project-link a {
	color: #2668a6;
}
.project-link a:hover {
	text-decoration: underline;
}
.icon-brief:before {
    color: #fff;
    font-size: 29px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

span.icon-fb {
    line-height: 1;
    font-size: 18px;
}

span.icon-twitter {
    font-size: 18px;
}

span.icon-vk {
    font-size: 16px;
}

span.icon-share {
    font-size: 28px;
    opacity: .8;
    position: relative;
    right: 15px;
}

.macbk-screen__items--right ul {
    text-align: center;
    padding-top: 30px;
}

.macbk-screen__items--right ul li img {
    width: auto;
    height: auto;
}

.macbk-screen__items--right ul li:nth-child(3) {
    padding: 30px 0;
}

ul.list.list_underline.list_hoverbold.list_link.list_dark li,
ul.list.list_underline.list_hoverbold.list_link.list_dark li span {
    font-size: 20px;
    font-family: "Segoe UI", sans-serif;
}

ul.list.list_underline.list_hoverbold.list_link.list_dark li span {
    line-height: 1.5;
}

ul.list.list_underline.list_hoverbold.list_link.list_dark li:before {
    display: none;
}

.mac-screen.macbk-screen {
    overflow: inherit;
}

/* width */
::-webkit-scrollbar {
    width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.mac-screen {
    scrollbar-face-color: #888;
    scrollbar-track-color: #f1f1f1;
    scrollbar-arrow-color: #f1f1f1;
    scrollbar-width: thin;
    scrollbar-color: #555 #888;
}
.title-mobile {
	display: none;
}
.home-top__items--logo img{
    width: 100%;
}
@media (max-width: 768px) {
    .presentation__block{
        height: 530px;
    }
}
.cloud {
	background-color: transparent;
}
.skay {
	top: -50px;
}
.skay .dey,
.skay .niht {
	-o-background-size: cover; /* opera ≥ 9.5 */
    -webkit-background-size: cover; /* Safari ≥ 5.0, Chrome ≥ 4.0 */
    -khtml-background-size: cover; /* Konqueror ≥ 3.5.4 */
    -moz-background-size: cover; /* Firefox ≥ 3.6 */
    background-size: cover; /* браузеры с поддержкой CSS3: FF ≥ 4, Opera ≥ 10.53, IE ≥ 9.0 */
}
.skay .niht {
	background-color: #262059;
}
.mobile-please-wrap.mobile{
    display: none !important;
}
/*.presentation {
    padding-bottom: 7rem;
    overflow: hidden;
    background-color: #0061a8;
    padding-top: 6rem;
}
.presentation h2:after{
    content: '';
    position: absolute;
    height: 1px;
    border-bottom: 2px dotted;
    border-bottom-color: rgba(162, 199, 229, 0.37);
    opacity: .6;
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 80%;
    top: 30px;
    left: -42%;
}

.presentation__block {
    position: relative;
}

.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;
    cursor: default;
    z-index: 13;
}
.presentation__block--text .heading-3{
    margin-bottom: 30px;
}
.presentation__block--text li{
    position: relative;
    color: #000 !important;
}
.presentation__block--text li span{
    color: #000 !important;
}

.presentation__block--video {
    margin-top: 30px;
    position: relative;
    cursor: pointer;
}

.presentation__block--video img{
    width: 100%;
    border-radius: 1rem 1rem 1rem 1rem;
}

#player{
    width: 100%;
    object-fit: cover;
    border-radius: 1rem 1rem 1rem 1rem;
    outline: none !important;
    border: none !important;
    position: absolute;
    height: calc(100% + 1px);
    top: 0;
    left: 0;
    z-index: 12;
}

.presentation__block--video button {
    border: none;
}

.presentation__block--video button:focus {
    outline: none;
}

.presentation__block--video iframe{
    display: none;
}
.active iframe{
    display: block!important;
}
.activevideo .presentation__block--text{
    display: none!important;
}*/
/* */

.presentation {
    padding-bottom: 7rem;
    padding-top: 0rem!important;
}
.presentation .heading-2:after{
    content: '';
    position: absolute;
    height: 1px;
    border-bottom: 2px dotted;
    border-bottom-color: rgba(162, 199, 229, 0.37);
    opacity: .6;
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 80%;
    top: 30px;
    left: -42%;
}

.presentation__block {
    position: relative;
}

.presentation__block--text {
    padding: 40px 45px;
    border-radius: 70px 0px 70px 0px;
    display: block;
    width: 425px;
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    cursor: default;
    z-index: 13;
    background-color: rgb(38, 104, 166);
}

.presentation__block--text .heading-3{
    margin-bottom: 15px;
    font-weight: 300;
    text-align: center;
}
.presentation__block--text li{
    position: relative;
    color: #FEFEFE !important;
}
.presentation__block--text li span{
    color: #FEFEFE !important;
}

.presentation__block--video {
    margin-top: 30px;
    position: relative;
    cursor: pointer;
    width: 100%;
	height: 550px;
}

.presentation__block--video img{
    width: 100%;
    border-radius: 1rem 1rem 1rem 1rem;
}

#player{
    width: 100%;
    height: 100%;
/*     object-fit: cover; */
/*     border-radius: 1rem 1rem 1rem 1rem; */
    outline: none !important;
    border: none !important;
	position: relative;
    
/*
    top: 0;
    left: 0;
*/
    z-index: 12;
}

.presentation__block--video button {
    border: none;
}

.presentation__block--video button:focus {
    outline: none;
}

.presentation__block--video iframe{
    display: none;
}
.active iframe{
    display: block!important;
}
.activevideo .presentation__block--text{
    display: none!important;
}
.heading-3{
    fz50
}
.concept{
    margin-top: 200px;
}
.waves-block-ocean{
    position: absolute;
    height: calc(100% - 40vw) !important;
    width: 100% !important;
    top: 0;
}
.two-blocks, .top-block-two{
    position: relative !important;
}
.waves-block-ocean .cloud-fish {
    position: relative;
    height: 495px;
    top: auto;
}
.waves-block-ocean .reefs-bg {
    bottom: -40px;
    background-color: #044A79;
}
.waves-block-ocean .town.reefs {
    top: 460px;
}
/* СКРЫВАЕМ ОПИСАНИЕ В БЛОКЕ ВИДЕО */
.presentation__block--text,
.question-block {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.question-block {
	display: none;
}