body{ margin: 0; padding: 0; background: #000000; font-family: 'Space Grotesk', sans-serif; font-weight: 400; font-size: 18px; color: #fff; line-height: 150% }

.page{ position: relative; min-height: 100%; display: flex; flex-direction: column }
.container{ max-width: 1400px; margin: 0 auto; width: 100% }

.nav, .navMob{ width: 100%; background: rgba(0,0,0,.1); padding: 35px 0; position: relative; z-index: 2 }
.nav > .container, .navMob > .container{ display: flex; align-items: center }
.logo{ width: 272px }
.logo img{ width: 100%; height: auto }
.nav > .container > div:nth-child(1), .nav > .container > div:nth-child(3){ width: calc(50% - 136px) }
.nav .download{ padding: 6px 30px; color: #FF3728; font-weight: 300; border: 1px solid #FF3728; display: inline-block; border-radius: 5px; text-decoration: none }
.links{ display: flex; align-items: center; justify-content: flex-end }
.links a{ display: block; text-decoration: none; color: #fff; font-weight: 700 }
.links a.active{ color: #FF3728 }
.links a:not(:first-child){ padding-left: 50px }

.content{ position: relative; z-index: 2 }
.content .container{ padding: 50px 0 40px }
h1{ font-size: 36px; font-weight: 400; font-family: 'Monument Extended', sans-serif; margin: 0 0 40px; text-transform: uppercase }
p{ margin: 0 0 14px; font-size: 16px }

.footer{ margin-top: 150px; color: rgba(255, 255, 255, .5); font-size: 21px; text-align: center }

.bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: 1; overflow: hidden }
.bg > div{ position: relative }
.left-side, .right-side{ width: 50% }
.left-side{ margin-left: -25% }
.right-side{ margin-right: -25% }
.center-side{ width: 50% }

.line-type-1{ position: absolute; left: 0; background: url("https://privatevideost.com/assets/svg/whiteLine1.svg") no-repeat center / contain }
.line-type-2{ position: absolute; left: 0; background: url("https://privatevideost.com/assets/svg/whiteLine2.svg") no-repeat center / contain }

.navMob{ display: none }

.menu{ display: none }

.contact-grow{ flex-grow: 1; display: flex; flex-direction: column }
.contact-block{ flex-grow: 1; display: flex; flex-direction: column; }
.contact-block > div:nth-child(1){ flex-grow: 1; display: flex; flex-direction: column; justify-content: center; padding-left: 150px }

.contact-el{ display: flex; align-items: center; margin-top: 20px; font-size: 21px }
.icoName{ width: 32px; height: 32px; margin-right: 10px; background: url("https://privatevideost.com/assets/svg/user.svg") no-repeat center / contain }
.icoEmail{ width: 32px; height: 32px; margin-right: 10px; background: url("https://privatevideost.com/assets/svg/email.svg") no-repeat center / contain }

@media (max-width: 1490px){
    .container{ max-width: 1000px }

    .links a{ font-size: 16px }
    .links a:not(:first-child){ padding-left: 30px }
}

@media (max-width: 1060px){
    .container{ max-width: 650px }
    .logo{ width: 170px }
    .nav > .container > div:nth-child(1){ width: calc(50% - 170px) }
    .nav > .container > div:nth-child(3){ width: 50% }
    .links a{ font-size: 14px }
    .links a:not(:first-child){ padding-left: 20px }
    .nav .download{ padding: 4px 20px; font-size: 16px }
    h1{ font-size: 28px }
    p{ font-size: 14px }
    .footer{ font-size: 18px; margin-top: 100px }
}

@media (max-width: 700px){
    .container{ max-width: 460px }
    .nav{ display: none }
    .navMob{ display: block; padding: 25px 0 }
    .download-mob{ width: 32px; height: 32px; background: url("https://privatevideost.com/assets/svg/icoDownload.svg") no-repeat center / contain; display: block; margin-left: auto }
    .menu-mob{ width: 32px; height: 32px; background: url("https://privatevideost.com/assets/svg/menu.svg") no-repeat center / contain }
    .logo{ width: 180px }
    .navMob > .container > div:nth-child(1), .navMob > .container > div:nth-child(3){ width: calc(50% - 90px) }
    .bg > div:nth-child(1), .bg > div:nth-child(3){ display: none }
    .center-side{ width: 100% }

    .menu.active{ display: block }
    .menu{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; font-size: 18px; text-align: center; background: #000; z-index: 2500 }
    .menu a{ text-decoration: none; color: #fff; margin-top: 25px; font-weight: 700 }
    .menu > div:nth-child(1){ padding: 55px 0 0; width: 400px; margin: 0 auto; position: relative; display: flex; flex-direction: column; align-items: center }
    .close-menu{ width: 32px; height: 32px; top: 15px; left: 15px; background: url("https://privatevideost.com/assets/svg/menuClose.svg") no-repeat center / contain; display: block; position: absolute }

    .content .container{ padding: 35px 0 40px }
    .footer{ font-size: 16px }

    .contact-block h1{ text-align: center }
    .contact-block > div:nth-child(1){ padding-left: 0 }
    .contact-el{ font-size: 18px }
    .icoName, .icoEmail{ width: 24px; height: 24px }
    .contact-el{ justify-content: center }
}

@media (max-width: 490px) {
    .container { width: 100%; max-width: calc(100% - 30px); }
    .logo{ width: 156px }
    .navMob > .container > div:nth-child(1), .navMob > .container > div:nth-child(3){ width: calc(50% - 78px) }
    .download-mob, .menu-mob, .close-menu{ width: 24px; height: 24px }
    h1{ font-size: 23px }
    .contact-el{ font-size: 16px }
}