.media-controls-container {
display: none!important;
}
*::-webkit-media-controls-panel {
display: none!important;
-webkit-appearance: none;
} *::-webkit-media-controls-play-button {
display: none!important;
-webkit-appearance: none;
}  *::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
}
video::-webkit-media-controls {
display: none;
} video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}
body {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
font-family: 'HelveticaNeueCyr', sans-serif;
background-color: #fcfcff;
}
a {
color: inherit;
text-decoration: none;
}
.container {
max-width: 1920px;
overflow: hidden;
}
header {
position: relative;
z-index: 10;
}
.navbar {
justify-content: space-between;
background-color: inherit;
}
#navbarNav {
justify-content: center;
}
.navbar .nav-link {
font-size: 14px;
line-height: 20px;
font-weight: 400;
text-transform: uppercase;
transition:  .3s all;
color: #000000;
position: relative;
}
.navbar .nav-link::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 8px;
left: 0;
background-color: #000000;
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}
.navbar .nav-link:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0px;
padding-left: 0px;
margin-left: 16px;
margin-right: 16px;
}
.head-contacts .head-tel {
margin-right: 64px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
position: relative;
}
.head-tel::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: -4px;
left: 0;
background-color: #000000;
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}
.head-tel:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
.navbar-brand {
padding: 16px 0;
}
#head-logo {
width: 174px;
max-width: 100%;
height: auto;
}
#video-bg {
position: absolute;
top: 0;
left: auto;
right: 0;
width: 1920px;
max-width: 90%;
height: auto;
z-index: 0;
cursor: auto;
border-radius: 0px;
display: block;
object-fit: contain;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
z-index: 0;
}
#home-top {
padding-top: 104px;
padding-bottom: 104px;
}
#home-top .logo {
width: 1208px;
max-width: 100%;
margin-bottom: 104px;
position: relative;
z-index: 1;
mix-blend-mode: difference;
}
#home-top .logo img {
width: 100%;
height: auto;
}
#home-top .desc {
margin-bottom: 80px;
position: relative;
z-index: 1;
}
#home-top .desc p {
width: 530px;
max-width: 100%;
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #262626;
}
#home-top h1 {
font-size: 90px;
line-height: 1;
font-weight: 600;
font-family: 'Montserrat';
position: relative;
z-index: 1;
width: 930px;
max-width: 100%;
}
#services-section {
padding-top: 104px;
padding-bottom: 104px;
color: #ffffff;
background-color: #121212;
position: relative;
z-index: 1;
overflow: hidden;
}
.section-title {
display: flex;
flex-wrap: nowrap;
}
.section-title h3{
text-transform: uppercase;
font-weight: 400;
font-size: 18px;
line-height: 1;
position: relative;
padding-left: 20px;
width: 30%;
color: rgba(255, 255, 255, 0.7);
}
.section-title h3:before {
content: '';
border-radius: 50%;
background-color: #E5580A;
width: 13px;
height: 13px;
display: block;
position: absolute;
left: -0px;
top: 2px;
}
#projet-section .section-title h3, #contact-section  .section-title h3{
color: rgba(58, 58, 58, 1);
}
.section-desc {
font-weight: 500;
font-size: 38px;
line-height: 50px;
letter-spacing: -2px;
font-family: 'Montserrat';
width: 70%;
max-width: 100%;
margin-bottom: 0;
color: #ffffff;
margin-top: -10px;
}
#services-section hr {
margin: 80px 0;
}
.services-row {
margin-left: -12px;
margin-right: -12px;
transition: 0.7s all;
}
.services-row .single-row{
align-items: center;
display: flex;
margin-left: auto;
margin-right: auto;
transition: 0.7s all;
}
.services-row .row-title  {
padding-right: 40px;
margin-bottom: auto;
margin-top: 40px;
}
.services-row .row-title h4 {
max-width: 440px;
font-size: 30px;
line-height: 36px;
font-family: 'Montserrat';
font-weight: 500;
}
.services-row .row-text p {
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 40px;
margin-top: 40px;
}
.services-row .row-icon {
text-align: center;
position: relative;
transition: 0.7s all;
transform: scale(0);
}
.services-row .row-icon img { top: 50%;
transform: translateY(-50%) translateX(-50%) scale(0);
opacity: 0;
left:50%;
transition: 0.7s all;
animation: myAnim 2.3s ease 0s 100 normal forwards;
}
.single-row:hover {
background-color: rgba(58, 58, 58, 1);
}
.single-row:hover .row-icon {
transform: scale(.9);
}
.single-row:hover .row-icon img  {
opacity: 1;
transform: translateY(-50%) translateX(-50%) scale(1);
}
@keyframes myAnim {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
#projet-section, #contact-section {
padding-top: 104px;
padding-bottom: 104px;
overflow: hidden;
}
#projet-section .container {
overflow: visible;
}
#projet-section .section-title,
#contact-section .section-title {
display: block;
}
.section-title h2 {
width: 800px;
max-width: 100%;
font-weight: 600;
font-family: 'Montserrat';
font-size: 68px;
line-height: 72px;
letter-spacing: -2.8px;
color: rgba(18, 18, 18, 1);
padding-top: 32px;
padding-bottom: 20px;
}
.section-title > p {
width: 700px;
max-width: 100%;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: rgba(38, 38, 38, 1);
padding-bottom: 60px;
margin-bottom: 0;
}
.owl-carousel .owl-stage-outer {
overflow: visible;
} .owl-carousel .owl-stage {
display: flex;
animation: scroll linear infinite;
will-change: transform;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .owl-item {
flex: 0 0 auto;
}
.projet-carousel {
}
.form-block {
width: 800px;
max-width: 100%;
}
.form-info {
margin-bottom: 40px;
}
#contat-form input[type=text],
#contat-form input[type=tel],
#contat-form input[type=email] {
border: 1px rgba(177, 177, 177, 1) solid;
height: 56px;
font-size: 18px;
line-height: 1;
}
#contat-form input[type=text]::placeholder,
#contat-form input[type=tel]::placeholder,
#contat-form input[type=email]::placeholder {
color: rgba(177, 177, 177, 1);
}
.form-control:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(177, 177, 177, .25);
}
#contat-form input[type=checkbox]
{
height: 24px;
width: 24px;
border: 2px rgba(177, 177, 177, 1) solid;
}
#contat-form .form-check {
padding-left: 32px;
margin-top: 25px;
margin-bottom: 24px;
}
#contat-form .form-check .form-check-input{
margin-top: 0;
margin-left: -32px;
}
.form-check-input:checked {
background-color: #000000;
}
#contat-form .form-check label {
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(26, 26, 26, 1);
}
#contat-form button {
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
background: rgba(18, 18, 18, 1);
color: rgba(255, 255, 255, 1);
width: 267px;
height: 56px;
padding: 12px 20px 12px 20px;
gap: 12px;
border-radius: 4000px ;
position: relative;
}
#contat-form button:after {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background-image: url(//scriptum.agency/wp-content/themes/scriptum/img/arrow.svg);
background-size: 11px 11px;
display: inline-block;
width: 11px; 
height: 11px;
content:"";
}
footer {
background-color: rgba(18, 18, 18, 1);
overflow: hidden;
}
.footer-content {
padding-top: 80px;
}
footer p {
margin-bottom: 0;
}
.footer-title {
color: rgba(255, 255, 255, 0.3);
font-size: 14px;
line-height: 1;
font-weight: 400;
margin-bottom: 28px;
}
.footer-content .footer-l  {
text-align: left;
}
.footer-content .links p {
margin-bottom: 14px;
}
.footer-content .links a {
font-size: 14px;
line-height: 1;
color: rgba(255, 255, 255, 1);
text-transform: uppercase;
position: relative;
padding-left: 24px;
}
.footer-content .links a:before {
content: url(//scriptum.agency/wp-content/themes/scriptum/img/f_arrow.svg);
width: 16px;
height: 20px;
display: block;
position: absolute;
left: 0;
top: -2px;
}
.footer-content .links a::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -4px;
left: 0;
background-color: #ffffff;
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}
.footer-content .links a:hover::after, {
transform: scaleX(1);
transform-origin: bottom left;
}
.footer-content .info {
font-size: 18px;
line-height: 1;
color: rgba(255, 255, 255, 0.3);
font-weight: 400;
margin-top: 56px;
}
.footer-r {
text-align: right;
}
.footer-c {
text-align: center;
}
.footer-c .links a {
font-family: 'Montserrat';
font-size: 38px;
line-height: 50px;
letter-spacing: -2px;
font-weight: 500;
text-transform: none;
}
.footer-c .links a:before {
content: none;
}
.footer-logo {
width: 100%;
max-width: 100%;
padding: 0 25px;
margin-top: 80px;
}
.footer-logo img {
width: 100%;
height: auto;
max-width: 100%;
}
.animated-text {
opacity: 0;
transform: translateY(30px);
transition: all 0.5s ease-out;
}
.animated-text.visible {
opacity: 1;
transform: translateY(0);
}
.animated-text-color {
display: flex;
flex-wrap: wrap;
}
.animated-text-color span:first-child {
display: none;
}
.animated-text-color span {
transition: color 0.9s ease-out;
color: rgb(38, 38, 38);
} .animated-text-color span.active {
color: #ffffff; }
.footer-content .links a {
position: relative;
}
.footer-content .links a::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: -4px;
left: 0;
background-color: #ffffff;
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}
.footer-content .links a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
#contact-section .section-title {
margin-bottom: 40px;
}
#contat-form {
position: relative;
}
#contat-form input {
z-index: 1;
position: relative;
}
#logo_contact {
position: absolute;
right: 5%;
bottom: 0;
z-index: 2;
}
#contat-form button { 
transition: 0.25s;
}
#contat-form button:hover,
#contat-form button:focus {
box-shadow: inset 0 -3.25em 0 0 rgba(229, 88, 10, 1);
border-color: rgba(229, 88, 10, 1);
color: #fff;
}
.navbar-nav,
.head-contacts
{
margin-left: auto;
}
.form-info {
position: relative;
padding-left: 14px;
}
.form-info:before {
content: '';
background-image: url(//scriptum.agency/wp-content/themes/scriptum/img/Vector.svg);
width: 6px;
height: 6px;
display: block;
position: absolute;
left: -0px;
top: 8px;
}
.footer-c button {
transition: 0.25s;
}
.footer-c button {
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
background: rgba(18, 18, 18, 1);
color: rgba(255, 255, 255, 1);
width: 204px;
height: 56px;
padding: 12px 20px 12px 20px;
gap: 12px;
border-radius: 4000px;
border: 1px #ffffff solid;
position: relative;
margin-top: 56px;
}
.footer-c button:after {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background-image: url(//scriptum.agency/wp-content/themes/scriptum/img/arrow.svg);
background-size: 11px 11px;
display: inline-block;
width: 11px;
height: 11px;
content: "";
}
.footer-c button:hover,.footer-c button:focus {
box-shadow: inset 0 -3.25em 0 0 rgba(229, 88, 10, 1);
border-color: rgba(229, 88, 10, 1);
color: #fff;
}
.page-section {
margin: 40px 0;
}
.page-content {
margin: 40px 0;
}
.form-block-calk {
background-color: #000000;
border-radius: 16px;
width: 100%;
padding: 40px;
color: #fff;
}
.form-block-calk .form-control {
height: 56px;
background-color: #000;
color: #fff;
}
.form-block-calk .form-control::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.form-block-calk button {
height: 56px;
color: #ffffff;
border-radius: 500px;
border: 1px solid #ffffff;
padding-left: 30px;
padding-right: 30px;
}
.form-block-calk button:hover {
}
.form-block-calk .form-select {
height: 56px;
background-color: #000;
color: #fff;
}
.form-block-calk .form-select option {
color: #000;
background-color: #fff;
}
.form-block-calk .form-select::placeholder {
color: #fff;
}
.form-block-calk  button:hover, .form-block-calk  button:focus {
box-shadow: inset 0 -4.25em 0 0 rgba(229, 88, 10, 1);
border-color: rgba(229, 88, 10, 1);
color: #fff;
}
.res-btn {
display: flex;
align-items: center;
}
.res-btn .result {
font-weight: 700;
line-height: 1;
font-size: 28px;
padding-left: 40px;
margin-bottom: 0;
}
.res-btn .result span {
font-size: 20px;
}
.calk-info {
font-weight: 400;
font-size: 20px;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 0;
}
.calc-section .section-title > p {
padding-bottom: 0;
}
.page-ru a{
font-size: 22px;
color: #000;
border-radius: 500px;
border: 1px solid #000;
padding: 12px 30px;
position: relative;
z-index: 10;
transition: all .3s;
margin-bottom: 20px;
}
.page-ru a:hover {
box-shadow: inset 0 -4.25em 0 0 #f04b0c;
border-color: #f04b0c;
color: #fff;
}
#home-top.page-ru .desc {
margin-bottom: 40px;
}
#home-top.page-ru .desc p {
width: 100%;
font-size: 22px;
}
#contact-section.calc-section {
z-index: 10;
position: relative;
padding-top: 0;
}
.row-top-btn {
max-width: 500px;
flex-wrap: nowrap;
}
@media (max-width: 1920px) {
.container {
width: 100%;
padding-left: 120px;
padding-right: 120px;
}
}
@media (max-width: 1440px) {
#home-top .logo {
width: 100%;
}
.container {
padding-left: 80px;
padding-right: 80px;
}
.services-row .single-row{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.services-row .row-title {
padding-right: 0px;
margin-bottom: auto;
margin-top: 40px;
display: flex;
width: auto;
max-width: 30%;
}
.row-text,
.row-icon {
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1199px) {
#home-top {
position: relative;
}
.container {
padding-left: 40px;
padding-right:  40px;
}
.services-row .single-row {
flex-wrap: wrap;
align-items: flex-start;
flex-direction: column;
margin-bottom: 42px;
}
.services-row .row-title,
.services-row .row-text {
width: 494px;
max-width: 100%;
}
.services-row .row-text {
order: 3;
}
.services-row .row-icon img {
opacity: 1;
}
.services-row .row-icon {
transform: none;
position: absolute;
right: 0; }
.services-row:hover {
background-color: inherit;
}
#home-top h1 {
font-size: 64px;
line-height: 72px;
}
.section-desc {
font-size: 34px;
line-height: 42px;
width: 100%;
}
#services-section  .section-title h3 {
width: 100%;
margin-bottom: 40px;
}
.section-title {
flex-wrap: wrap;
}
.services-row .row-title {
margin-bottom: 20px;
margin-top: 0;
}
.services-row .row-text p {
margin-top: 0;
}
.services-row .row-title h4 {
max-width: 100%;
margin-bottom: 0;
}
.services-row:hover .row-icon {
transform: scale(1);
}
.services-row .row-icon img{
transform: scale(1.0);
animation: none;
}
.services-row .single-row:hover .row-icon img  {
opacity: 1;
transform: none;
}
#projet-section .section-title h3, 
#contact-section .section-title h3 {
color: rgba(58, 58, 58, 1);
}
.section-title h2 {
font-size: 48px;
line-height: 56px;
width: 700px;
max-width: 100%;
}
#projet-section, #contact-section, #services-section,#home-top {
padding-top: 80px;
padding-bottom: 80px;
}
.form-block {
width: 100%;
}
.footer-content .row{
flex-direction: column;
}
.footer-content .footer-l,
.footer-c,
.footer-r {
width: 100%;
text-align: left;
margin-bottom: 56px;
}
.footer-logo {
display: none;
}
.footer-content {
margin-bottom: 80px;
}
.footer-c  .links a {
padding-left: 0;
}
.footer-r {
margin-bottom: 0;
}
.navbar-expand-lg .navbar-toggler {
display: block;
}
.collapse:not(.show) {
display: none!important;
}
.navbar-expand-lg .navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
order: 10;
}
.navbar-expand-lg {
flex-wrap: wrap;
}
.head-contacts {
}
.navbar-expand-lg .navbar-nav {
flex-direction: column;
}
.navbar-expand-lg .navbar-nav .nav-link {
margin-left: 0;
}
#navbarNav {
justify-content: flex-start;
flex-direction: column-reverse;
align-items: flex-start;
}
.navbar-nav, .head-contacts {
margin-left: 0;
}
.navbar-toggler {
border: none;
padding-right: 0;
}
.navbar-toggler:focus {
box-shadow:  none;
}
}
@media (max-width: 810px) {
#home-top .logo {
display: none;
}
#video-bg {
top: -100px;
max-width: 100%;
}
#home-top {
display: flex;
flex-direction: column;
}
#home-top h1{
order: 1;
line-height: 64px;
font-size: 56px;
margin-bottom: 60px;
}
#home-top .desc {
order: 2;
}
#home-top  .row-top-btn{
order: 3;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
#projet-section, #contact-section, #services-section, #home-top {
padding-top: 72px;
padding-bottom: 72px;
}
#home-top .desc p {
margin-bottom: 20px;
}
#home-top .desc {
margin-bottom: 0;
}
.section-desc {
font-size: 28px;
line-height: 36px;
width: 100%;
}
#services-section hr {
margin: 40px 0;
}
.services-row .row-icon {
display: none;
}
.section-title h2 {
font-size: 36px;
line-height: 40px;
width: 100%;
}
#contat-form .col {
width: 100%;
flex: 1 0 auto;
}
.footer-c .links a {
font-size: 28px;
line-height: 36px;
}
.head-contacts {
margin-top: 32px;
display: flex;
justify-content: space-between;
}
#logo_contact {
bottom: 10px;
right: 0;
}
.owl-stage {
animation-duration: 150.939s!important;
}
#contact-section .section-title h3 {
width: 80%;
}
.res-btn {
flex-wrap: wrap;
}
.res-btn .result {
padding-left: 0;
margin-top: 20px;
}
.row-top-btn {
flex-wrap: wrap;
}
}
@media (max-width: 610px) {
#video-bg {
top: 100px;
}
}
@media (max-width: 510px) {
#video-bg {
top: 50px;
max-width: 160%;
left: 0;
}
}
@media (max-width: 410px) {
}