.ImageWithVideo{grid-template-areas:"main";width:100%;height:100%;display:grid;overflow:hidden}.ImageWithVideo.is-editMode .ImageWithVideo__video{-webkit-clip-path:polygon(100% 0,0% 100%,100% 100%);clip-path:polygon(100% 0,0% 100%,100% 100%)}.ImageWithVideo__picture{grid-area:main;overflow:hidden}.ImageWithVideo__video{z-index:1;object-fit:cover;grid-area:main;width:100%;height:100%;max-height:100%;overflow:hidden}.RevealVideoHeader{position:relative}@media screen and (min-width:1280px){.RevealVideoHeader{width:100vw;position:relative;left:calc(50% - 50vw)}}.RevealVideoHeader__videoContainer{background-color:transparent;height:600px;position:relative}.RevealVideoHeader__videoContainer.is-whiteText{background-color:#000}@media screen and (min-width:1024px){.RevealVideoHeader__videoContainer:not(.is-editMode){height:100vh}}.RevealVideoHeader__title{z-index:2;color:#000;font-size:3.2rem}.RevealVideoHeader__title.is-whiteText{color:#fff}.RevealVideoHeader__title.is-textCentered{text-align:center;background-color:transparent;flex-direction:column;width:70%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.RevealVideoHeader__title.is-textCentered .RevealVideoHeader__bodyCopy{display:none}@media screen and (min-width:1024px){.RevealVideoHeader__title.is-textCentered{font-size:6rem}}.RevealVideoHeader__title:not(.is-textCentered){position:absolute;bottom:80px;left:24px;right:24px}@media screen and (min-width:1024px){.RevealVideoHeader__title:not(.is-textCentered){font-size:4rem;left:80px;right:128px}}.RevealVideoHeader__firstTitleElement,.RevealVideoHeader__secondTitleElement{font-family:NouvelR\, sans-serif;font-weight:700;line-height:.95}.RevealVideoHeader__bodyCopy{color:#fff;font-family:NouvelR\, sans-serif;font-size:1.8rem;font-weight:700;line-height:1.4}@media screen and (min-width:1024px){.RevealVideoHeader__bodyCopy{padding-top:0;font-size:2rem}}
Лучший частный хостинг