.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#eu-cookie-bar {
display: none;
direction: ltr;
color: #ffffff;
min-height: 20px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99999;
padding:3px 20px 2px;
background-color: #2e363f;
text-align: center;
font-size: 12px;
}
#eu-cookie-bar a {
color: #ffffff;
text-decoration: underline;
}
button#euCookieAcceptWP {
margin:0 10px;
line-height:20px;
background:#45AE52;
border:none;
color: #ffffff;
padding:2px 12px;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-Black.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-ExtraBold.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-Light.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-ExtraLight.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(//ntr.ai/wp-content/themes/newntr2/assets/fonts/Montserrat-Thin.ttf) format("truetype");
}.menu-item-763 a {
color: #FF5C00 !important;
}
.grecaptcha-badge {
z-index: 5 !important;
opacity: 0.1 !important;
bottom: 68px !important;
position: relative !important;
height: 0 !important;
right: unset !important;
left: calc(100% - 70px) !important;
overflow: visible !important;
transition: left 0.3s !important;
box-shadow: unset  !important;
}
.grecaptcha-badge:hover {
left: calc(100% - 256px) !important;
opacity: 0.3 !important;
}
.grecaptcha-logo {
box-shadow: gray 0px 0px 5px;
}
#eu-cookie-bar {
margin: 0 20px;
width: calc(100% - 40px);
bottom: 10px;
border-radius: 4px;
border: 1px solid #2b3243;
box-shadow: 0px 0px 6px #2b3243, 0px 0px 6px #ffffff;
}
html {
overflow: hidden;
}
html, body {
height: 100%;
}
body {
touch-action: pan-y;
display: block;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
body::-webkit-scrollbar {
width: 10px;
height: 10px;
}
body::-webkit-scrollbar-track {
background: #F1F1F1;
}
body::-webkit-scrollbar-thumb {
background: #CCCCCC;
}
body::-webkit-scrollbar-thumb:hover {
background:  #A3A3A3;
}
body, :root {
scrollbar-color: #CCCCCC #F1F1F1;
scrollbar-width: thin;
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}footer {
padding-top: 80px;
color: #fff;
background: #2B3243;
}
footer .ntr-title {
margin-left: -15px;
}
footer .ntr-title.mb {
margin-bottom: 100px;
}
footer .row {
justify-content: space-between;
}
footer .row > div {
width: 30%;
}
footer h3 {
margin-bottom: 20px;
}
footer ul {
margin-bottom: 60px;
}
footer a {
color: #00A3FF;
}
footer a:hover {
color: #fff;
}
footer .footer-bottom {
padding: 20px 0;
font-size: 14px;
text-transform: uppercase;
}
footer .footer-policy {
display: inline-block;
margin-bottom: 30px;
}
footer .footer-bottom .footer-company {
text-align: right;
color: #c4c4c4;
}
footer .ntr-container .ntr-subcontainer {
margin: 0;
max-width: 100%;
}
.contacts-page__wrapper footer .ntr-container .ntr-subcontainer {
margin: 0 auto;
max-width: 940px;
}
.contacts-page__wrapper footer {
padding-top: 40px;
background: unset;
color: #2B3243;
}
.contacts-page__wrapper footer a:hover {
color: #0000fe;
}
footer .ntr-container.digital-container {
margin-top: 100px;
margin-bottom: 150px;
}
footer .digital-block {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 32px;
}
footer .digital-block__video {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 20px;
flex-wrap: wrap;
}
footer .digital-heading {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 32px;
width: max-content;
color: #FFF;
transition: color 0.2s ease-in-out;
}
footer .digital-icon {
display: block;
width: 80px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
transition: opacity 0.2s ease-in-out;
}
footer .digital-icon_tg {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/telegram.svg);
}
footer .digital-icon_yt {
width: 83px;
height: 83px;
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/youtube.svg);
}
footer .digital-icon_rt {
display: block;
width: 65px;
height: 65px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/rutube.svg);
}
footer .digital-icon_vk {
display: block;
width: 60px;
height: 60px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/vk-video.svg);
}
footer .digital-heading:hover {
color: #00A3FF;
}
footer .digital-heading:hover .digital-icon {
opacity: 0.66;
}
footer .digital-title {
font-size: 36px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
footer .digital-title.long {
font-size: 24px;
}
footer .digital-text {
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
@media (max-width: 1024px) {
footer .row > div:not(.digital-block) {
width: 100%;
font-size: 14px;
}
footer .row > div:not(.digital-block):last-child {
width: 100%;
margin-bottom: 60px;
}
footer .footer-policy {
margin-bottom: 10px;
}
footer .ntr-title.mb {
margin-bottom: 70px;
}
footer .ntr-container.digital-container {
margin-top: 50px;
margin-bottom: 100px;
}
footer .digital-block {
gap: 24px;
}
footer .digital-heading {
gap: 24px;
}
footer .digital-icon {
width: 60px;
height: 60px;
}
footer .digital-icon_yt {
width: 70px;
height: 70px;
}
footer .digital-title {
font-size: 24px;
}
footer .digital-title.long {
font-size: 18px;
}
footer .digital-text {
font-size: 14px;
}
}
@media (max-width: 767px) {
.front-page__wrapper footer .ntr-container .ntr-subcontainer {
margin: 5%;
}
footer .row > div {
width: 100%;
}
footer .ntr-title {
margin-left: 30px;
padding: 0;
}
footer {
padding-top: 30px;
margin-top: 30px;
position: relative;
}
.about-us-page__wrapper footer,
.front-page__wrapper footer {
padding-top: 60px;
margin-top: 0;
}
footer .footer__background {
position: absolute;
background: #2B3243;
height: 150px;
width: 150vw;
top: -50px;
z-index: 2;
transform: rotate(-5deg);
}
footer .footer-bottom {
text-align: center;
}
footer .footer-bottom .footer-company {
text-align: center;
}
.contacts-page__wrapper footer .row {
margin: 0 auto;
}
footer .ntr-container.digital-container {
margin-top: 0;
margin-bottom: 50px;
}
footer .digital-block {
gap: 4px;
margin-bottom: 20px;
}
footer .digital-heading {
gap: 16px;
}
footer .digital-icon {
width: 60px;
height: 60px;
}
footer .digital-icon_yt {
width: 70px;
height: 70px;
}
footer .digital-title {
font-size: 24px;
}
footer .digital-title.long {
font-size: 18px;
}
footer .digital-text {
font-size: 13px;
}
}@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}header {
position: absolute;
top: 0;
left: 0;
right: 0;
}
header ul {
list-style-type: none;
}
header .header-wrapper {
position: relative;
padding: 35px 10%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 15;
background-color: #2B3243;
transition: all ease 0.3s 0.2s;
}
header .header-wrapper a {
display: flex;
}
header .header-wrapper .header-humb {
display: block;
font-size: 50px;
color: #fff;
cursor: pointer;
}
header .header-wrapper .header-close {
display: none;
font-size: 50px;
}
header .header-wrapper img {
user-select: none;
}
header .header-wrapper ul a {
margin-left: 35px;
padding: 10px 15px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
color: #fff;
line-height: 16px;
display: flex;
}
header .header-mobile-wrapper {
position: relative;
display: flex;
flex-direction: column;
transform: translateY(-150%);
transition: all ease 0.5s;
background: #fff;
z-index: 14;
}
header .header-mobile-wrapper a {
padding: 16px 0;
display: block;
font-size: 16px;
font-weight: 700;
text-align: center;
color: #202020;
border-bottom: 1px solid #d4d4d4;
}
header.white .header-wrapper .header-close,
header.white .header-wrapper .header-humb {
color: #fff;
}
header.js_open .header-wrapper {
background: #fff;
}
header.js_open .header-wrapper .header-close,
header.js_open .header-wrapper .header-humb {
color: #202020 !important;
}
header.js_open .header-wrapper .header-humb {
display: none;
}
header.js_open .header-wrapper .header-close {
display: block;
cursor: pointer;
}
header.js_open .header-mobile-wrapper {
transform: translateY(0);
}
header.white .header-wrapper ul a {
color: #fff;
}
header.header-robotics {
padding: 42px 50px;
}
header.header-robotics a svg {
color: #00B4FF;
}
.menu-item-953 {
position: relative;
}
.menu-item-953 .sub-menu {
display: none;
position: absolute;
background-color: #2b3243;
}
.menu-item-953 .sub-menu li {
padding: 10px 0;
width: 100%;
min-width: max-content;
}
.menu-item-953:hover .sub-menu {
display: block;
}
.menu-item-953:hover .sub-menu li:hover {
background-color: hsl(223, 22%, 29%);
}
@media (max-width: 991px) {
.menu-item-953 .sub-menu {
position: static;
background-color: #fff;
}
}
@media (max-width: 767px) {
header.header-robotics {
padding: 30px;
}
header.header-robotics a svg {
color: #fff;
}
}
@media (min-width: 992px) and (max-width: 1560px) {
header .header-wrapper ul a {
margin-left: 16px;
}
header .header-wrapper {
padding: 35px 9% 35px 6%;
}
}
@media (max-width: 1200px) {
header .header-wrapper ul a {
margin-left: 0;
}
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 170%;
color: #2B3243;
background: #fafbff;
overflow-x: hidden;
}
button, input {
font-family: "Montserrat", sans-serif;
}
body.js_hidden {
overflow: hidden;
}
li {
list-style-type: none;
}
h2 {
font-size: 40px;
font-weight: 800;
line-height: 49px;
}
h3 {
font-size: 28px;
line-height: 120%;
}
@media (max-width: 371px) {
h3 {
font-size: 24px;
line-height: 120%;
} 
}
@media (max-width: 320px) {
h3 {
font-size: 22px;
line-height: 120%;
} 
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
font-weight: 500;
}
a {
text-decoration: none;
color: #202020;
transition: all ease 0.2s;
}
a:hover {
color: #0000fe;
}
.img-fluid {
max-width: 100%;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.fs-15 {
font-size: 15px !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-17 {
font-size: 17px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #0000fe !important;
}
.text-accent {
color: #d65529 !important;
}
.text-dark {
color: #2B3243 !important;
}
.text-light {
color: #eff0f4 !important;
}
.text-grey {
color: #727272 !important;
}
.bg-white {
background: #fff !important;
}
.bg-primary {
background: #0000fe !important;
}
.bg-dark {
background: #202020 !important;
}
.bg-accent {
background: #d65529 !important;
}
.bg-accent-light {
background: #e9d0c3 !important;
}
.bg-light {
background: #eff0f4 !important;
}
.cursor-pointer {
cursor: pointer;
}
.owl-carousel .owl-dots {
display: flex;
justify-content: center;
}
.owl-carousel .owl-dots button.owl-dot {
margin: 0 8px;
outline: 0;
}
.owl-carousel .owl-dots button.owl-dot span {
display: block;
height: 8px;
width: 8px;
border-radius: 50%;
background-color: rgba(34, 34, 34, 0.4);
}
.owl-carousel .owl-dots button.owl-dot.active span {
background: #202020;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
outline: 0;
transition: all ease 0.2s;
}
.owl-carousel .owl-nav button.owl-next i,
.owl-carousel .owl-nav button.owl-prev i {
font-size: 20px;
}
.ntr-section {
position: relative;
}
.ntr-section.py {
padding: 80px 0;
}
.ntr-section.pb {
padding-bottom: 80px;
}
.ntr-section.pt {
padding-top: 80px;
}
.ntr-top {
padding: 200px 0 60px 0;
}
.ntr-top h1 {
font-size: 58px;
line-height: 120%;
}
.ntr-top p {
margin-top: 30px;
font-size: 50px;
font-weight: 700;
line-height: 100%;
opacity: 0.6;
}
.ntr-top .mixed p {
font-size: 28px;
font-weight: 600;
}
.ntr-top.grey {
background: #eff0f4;
}
.ntr-top.blue {
background: #c3cbe9;
}
.ntr-container {
padding: 0 10%;
width: 100%;
position: relative;
z-index: 2;
}
.ntr-container video,
.ntr-container img {
max-width: 100%;
}
.ntr-container .ntr-subcontainer {
margin: 0 auto;
max-width: 940px;
}
.ntr-container .ntr-subcontainer.projects__description {
margin: 0 0 4rem;
max-width: unset;
}
.ntr-container .ntr-subcontainer.projects__description .cases-filter h5 {
margin-top: 20px;
}
.ntr-container .px-0 {
padding: 0 !important;
}
.ntr-container .pl-0 {
padding-left: 0 !important;
}
.ntr-container .pr-0 {
padding-right: 0 !important;
}
.ntr-pre-title {
padding-top: 40px;
padding-bottom: 60px;
}
.ntr-title {
padding-left: 10%;
display: flex;
align-items: center;
}
.ntr-title::after {
margin-left: 5%;
content: "";
height: 1px;
flex: 1;
background: #c4c4c4;
}
.front-page__wrapper .ntr-title::after {
display: none;
}
.ntr-title.white {
color: #fff;
}
.ntr-title.dark {
color: #2B3243;
}
.ntr-title.white::after {
background: #fff;
}
.ntr-title.mb {
margin-bottom: 120px;
position: relative;
z-index: 2;
}
.ntr-title.mt, .row.mt {
margin-top: 100px;
}
.ntr-title.my {
margin: 60px 0;
}
.ntr-slider {
position: relative;
}
.ntr-slider__item {
display: flex;
align-items: center;
justify-content: center;
}
.ntr-slider__item img {
max-width: 100%;
}
.ntr-slider .owl-nav {
margin: 0 -80px;
position: absolute;
top: 50%;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.ntr-slider .owl-nav button.owl-next,
.ntr-slider .owl-nav button.owl-prev {
font-size: 40px;
color: #c4c4c4;
}
.ntr-slider .owl-nav button.owl-next:hover,
.ntr-slider .owl-nav button.owl-prev:hover {
color: #202020;
}
.ntr-btn {
border-radius: 2px;
padding: 8px 20px;
display: inline-block;
font-size: 15px;
text-decoration: none;
color: #fff;
background: #202020;
cursor: pointer;
transition: all ease 0.3s;
}
.ntr-btn.border {
padding: 14px 20px;
display: flex;
justify-content: space-between;
gap: 30px;
font-size: 16px;
text-decoration: none;
background-color: transparent;
cursor: pointer;
border-radius: 4px;
transition: all ease 0.3s;
}
.ntr-btn.light.border {
color: #fff;
border: 1px solid #fff;
}
.ntr-btn.dark.border {
color: #2B3243;
border: 1px solid #2B3243;
}
.ntr-btn.small {
padding: 2px 15px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
}
.ntr-btn.grey {
background: #cacacd;
color: #202020;
}
.ntr-btn.grey.active,
.ntr-btn.grey:hover {
background: #0000fe;
color: #fff;
}
.ntr-btn.primary,
ul.ntr-btn-list .ntr-btn.primary {
background: #6E41EE;
}
.ntr-btn.secondary,
ul.ntr-btn-list .ntr-btn.secondary {
background: #FF6B00;
}
.ntr-btn.accent {
background: #f93f16;
}
.ntr-btn:hover {
color: #fff;
}
.ntr-icon-btn {
min-height: 40px;
min-width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.ntr-icon-btn.primary {
color: #fff;
background: #0000fe;
}
.ntr-icon-btn.grey {
background: #cacacd;
color: #202020;
}
.ntr-icon-btn.grey.active,
.ntr-icon-btn.grey:hover {
background: #0000fe;
color: #fff;
}
.ntr-btn-c {
padding: 4px 15px;
font-size: 15px;
text-transform: uppercase;
border-radius: 5px;
color: #fff;
background: #0000fe;
}
.ntr-btn-c:hover {
color: #fff;
}
.ntr-text-content * {
word-wrap: break-word;
}
.ntr-text-content h2,
.ntr-text-content h3,
.ntr-text-content h4,
.ntr-text-content h5,
.ntr-text-content h6,
.ntr-text-content img {
margin-bottom: 20px;
}
.ntr-text-content p {
margin-bottom: 20px;
}
.ntr-text-content a {
color: #0000fe;
}
.ntr-text-content img {
max-width: 100%;
height: auto;
}
.content-news {
width: 75%;
font-size: 22px;
}
ul.ntr-btn-list {
margin-top: 8px;
padding-left: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
list-style-type: none;
gap: 8px;
line-height: normal;
}
ul.ntr-btn-list li {
list-style-type: none;
text-align: center;
}
ul.ntr-btn-list li a {
font-weight: 700;
}
@media(max-width: 768px) {
.content-news {
width: 100%;
font-size: 22px;
}
}
ul.ntr-btn-list .ntr-btn {
background: #00A3FF;
padding: 4px 10px;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 130%;
border-radius: 4px;
transition: background 0.4s ease;
}
ul.ntr-btn-list .ntr-btn:hover {
background: rgba(0, 0, 0, 0.1);
}
#clients-slider {
display: flex;
gap: 80px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
max-width: 920px;
margin: 0 auto;
}
#clients-slider .ntr-slider__item {
display: flex;
align-items: center;
justify-content: center;
width: 170px;
height: 170px;
background: #EEEEEE;
border-radius: 40px;
padding: 20px;
transform: rotate(15deg);
}
#clients-slider .ntr-slider__item img {
height: calc(320px / 3);
width: calc(320px / 3);
max-width: calc(320px / 3);
max-height: calc(320px / 3);
transform: rotate(-15deg);
}
#news-slider .owl-nav {
color: #2B3243;
}
.front-page__wrapper .cases-list__item:nth-child(even), .video-page .cases-list__item:nth-child(even) {
position: relative;
top: 100px;
}
.front-page__wrapper {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 170%;
color: #fff;
background-color: #2B3243;
overflow: hidden;
}
.front-page__wrapper .main.owl-carousel .owl-stage-outer {
overflow: visible;
}
.front-page__wrapper h2 {
width: min-content;
}
.front-page__wrapper .ntr-container .ntr-subcontainer {
margin: 0;
max-width: 100%;
}
.txt-appear.txt-static {
animation: appear 8s infinite;
}
@keyframes appear {
0% {
opacity: 0;
}
5% {
opacity: 0;
}
10% {
opacity: 1;
}
95% {
opacity: 1;
} 100% {
opacity: 0;
}
}
.retail__all_text {
height: 100vh;
width: 89vw;
position: absolute;
top: -33vh;
}
.retail__all_text p {
position: absolute;
font-size: 45px;
}
.retail__text_top {
top: 0;
animation: moveTop 9s infinite;
animation-fill-mode: both;
}
@keyframes moveTop {
0% {
transform: translateY(0);
opacity: 1;
}
5% {
transform: translateY(30vh);
opacity: 1;
}
85% {
transform: translateY(30vh);
opacity: 1;
}
90% {
transform: translateY(30vh);
opacity: 0;
}
100% {
transform: translateY(30vh);
opacity: 0;
}
}
.retail__text_center {
left: 0;
top: 50%;
animation: moveCenter 9s infinite;
animation-fill-mode: both;
}
@keyframes moveCenter {
0% {
transform: translate(70vw, -12vh);
opacity: 1;
}
5% {
transform: translate(0vw, -12vh);
opacity: 1;
}
85% {
transform: translate(0vw, -12vh);
opacity: 1;
}
90% {
transform: translate(0vw, -12vh);
opacity: 0;
}
100% {
transform: translate(0vw, -12vh);
opacity: 0;
}
}
.retail__text_bottom {
bottom: 0;
animation: moveBottom 9s infinite;
animation-fill-mode: both;
}
@keyframes moveBottom {
0% {
transform: translateY(-10vh);
opacity: 1;
}
5% {
transform: translateY(-50vh);
opacity: 1;
}
85% {
transform: translateY(-50vh);
opacity: 1;
}
90% {
transform: translateY(-50vh);
opacity: 0;
}
100% {
transform: translateY(-50vh);
opacity: 0;
}
}
.main__animation {
position: relative;
width: 3vh;
height: 3vh;
font-weight: 800;
transform: rotate(15deg);
font-size: 10px;
line-height: normal;
z-index: 1;
}
.main__animation a {
display: block;
max-width: 22vw;
max-height: 22vw;
}
.main__animation .fintech {
box-shadow: inset 0px 0px 0px 3px #FF6B00;
color: #FF6B00;
position: absolute;
border-radius: 60px;
overflow: hidden;
animation: moveFintech 40s infinite;
}
.main__animation .fintech-bg {
background-color: #FF6B00;
position: absolute;
bottom: -22%;
left: -24%;
width: 171%;
transform: rotate(-15deg);
animation: fillFintech 40s infinite;
}
@keyframes fillFintech {
0% {
min-height: 0;
}
37% {
min-height: 0;
}
40% {
min-height: 160%;
}
52% {
min-height: 160%;
}
55% {
min-height: 0;
}
100% {
min-height: 0;
}
}
@keyframes moveFintech {
0% {
transform: translate(-100%, -100%);
color: #FF6B00;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
34% {
transform: translate(-100%, -100%);
color: #FF6B00;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
37% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
55% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
58% {
transform: translate(10%, 10%);
color: #FF6B00;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
76% {
transform: translate(10%, 10%);
color: #FF6B00;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
79% {
transform: translate(10%, -100%);
color: #FF6B00;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
97% {
transform: translate(10%, -100%);
color: #FF6B00;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
100% {
transform: translate(-100%, -100%);
color: #FF6B00;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
}
.main__animation .fintech span {
position: absolute;
top: 39%;
left: 43%;
transform: rotate(-90deg) translateY(-50%);
z-index: 2;
}
.main__animation .industry {
box-shadow: inset 0px 0px 0px 3px #5F65FF;
color: #5F65FF;
position: absolute;
border-radius: 60px;
overflow: hidden;
animation: moveIndustry 40s infinite;
}
.main__animation .industry-bg {
background-color: #5F65FF;
position: absolute;
bottom: -22%;
left: -24%;
width: 171%;
transform: rotate(-15deg);
animation: fillIndustry 40s infinite;
}
@keyframes fillIndustry {
0% {
min-height: 0;
}
58% {
min-height: 0;
}
61% {
min-height: 160%;
}
73% {
min-height: 160%;
}
76% {
min-height: 0;
}
100% {
min-height: 0;
}
}
@keyframes moveIndustry {
0% {
transform: translate(10%, -100%);
color: #5F65FF;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
34% {
transform: translate(10%, -100%);
color: #5F65FF;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
37% {
transform: translate(-100%, -100%);
color: #5F65FF;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
55% {
transform: translate(-100%, -100%);
color: #5F65FF;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
58% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
76% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
79% {
transform: translate(10%, 10%);
color: #5F65FF;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
97% {
transform: translate(10%, 10%);
color: #5F65FF;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
100% {
transform: translate(10%, -100%);
color: #5F65FF;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
}
.main__animation .industry span {
width: min-content;
display: inline-block;
position: absolute;
top: 15%;
left: 10%;
z-index: 2;
}
.main__animation .retail {
box-shadow: inset 0px 0px 0px 3px #00A3FF;
color: #00A3FF;
position: absolute;
border-radius: 60px;
overflow: hidden;
animation: moveRetail 40s infinite;
}
.main__animation .retail-bg {
background-color: #00A3FF;
position: absolute;
border-radius: 60px;
bottom: -22%;
left: -24%;
width: 171%;
transform: rotate(-15deg);
animation: inititalFill 10s, fillRetail 40s infinite;
}
@keyframes inititalFill {
0% {
height: 160%;
}
50% {
height: 160%;
}
100% {
height: 160%;
}
}
@keyframes fillRetail {
0% {
min-height: 0;
}
17% {
min-height: 0;
}
20% {
min-height: 160%;
}
31% {
min-height: 160%;
}
34% {
min-height: 0;
}
100% {
min-height: 0;
}
}
@keyframes moveRetail {
0% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
34% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
37% {
transform: translate(10%, 10%);
color: #00A3FF;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
55% {
transform: translate(10%, 10%);
color: #00A3FF;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
58% {
transform: translate(10%, -100%);
color: #00A3FF;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
76% {
transform: translate(10%, -100%);
color: #00A3FF;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
79% {
transform: translate(-100%, -100%);
color: #00A3FF;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
97% {
transform: translate(-100%, -100%);
color: #00A3FF;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
100% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
}
.main__animation .retail span {
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.main__animation .sector {
box-shadow: inset 0px 0px 0px 3px #FFED48;
color: #FFED48;
position: absolute;
border-radius: 60px;
overflow: hidden;
animation: moveSector 40s infinite;
}
.main__animation .sector-bg {
background-color: #FFED48;
position: absolute;
border-radius: 60px;
bottom: -22%;
left: -24%;
width: 171%;
transform: rotate(-15deg);
animation: fillSector 40s infinite;
}
@keyframes fillSector {
0% {
min-height: 0;
}
79% {
min-height: 0;
}
82% {
min-height: 160%;
}
94% {
min-height: 160%;
}
97% {
min-height: 0;
}
100% {
min-height: 0;
}
}
@keyframes moveSector {
0% {
transform: translate(10%, 10%);
color: #FFED48;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
34% {
transform: translate(10%, 10%);
color: #FFED48;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
37% {
transform: translate(10%, -100%);
color: #FFED48;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
55% {
transform: translate(10%, -100%);
color: #FFED48;
width: 17vw;
height: 17vw;
font-size: 2.8em;
}
58% {
transform: translate(-100%, -100%);
color: #FFED48;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
76% {
transform: translate(-100%, -100%);
color: #FFED48;
width: 12vw;
height: 12vw;
font-size: 2.4em;
}
79% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
97% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
100% {
transform: translate(10%, 10%);
color: #FFED48;
width: 24vw;
height: 24vw;
font-size: 4.8em;
}
}
.main__animation .sector span {
position: absolute;
bottom: 30%;
transform: rotate(-90deg);
width: min-content;
z-index: 2;
}
.home-slider {
position: relative;
}
.home-slider__item {
position: relative;
padding: 0 10% 0 10%;
min-height: 900px;
height: auto;
width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
section.main .home-slider__item {
padding: 0 20% 0 10%;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.home-slider__item-main-title {
max-width: 750px;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 140%;
color: #fff;
display: flex;
flex-direction: column;
gap: 40px;
}
.home-slider__item-main-title h2 {
font-weight: 800;
font-size: 56px;
line-height: 110%;
text-transform: uppercase;
}
.home-slider__item-main-title h2 span {
white-space: nowrap;
}
.home-slider__item-title {
margin-bottom: 30px;
max-width: 750px;
font-weight: 700;
font-size: 48px;
line-height: 140%;
}
.home-slider__item-desc {
max-width: 750px;
font-size: 15px;
}
.home-slider__item-number {
margin: 70px 55px 0 55px;
font-weight: 700;
font-size: 1.76em;
}
.home-slider__item-wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: start;
z-index: 10;
width: 60%;
}
.home-slider__item-video {
position: absolute;
top: 50%;
left: 50%;
max-width: 90%;
width: 1100px;
height: 520px;
transform: translate(-50%, -50%);
opacity: 0.8;
z-index: 9;
}
.home-slider__item-video video {
height: 85%;
width: 100%;
object-fit: cover;
}
.home-slider__item .ntr-btn {
margin-top: 80px;
}
.home-slider .owl-nav {
position: absolute;
left: 0;
right: 0;
bottom: 50%;
display: flex;
justify-content: space-between;
transform: translateY(50%);
}
.home-slider .owl-nav button.owl-next,
.home-slider .owl-nav button.owl-prev {
margin: 15px 35px;
}
.home-slider .owl-nav button.owl-next i,
.home-slider .owl-nav button.owl-prev i {
font-size: 40px;
}
.home-slider .owl-dots {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 25px 0;
}
.ntr-section .systems__background {
position: absolute;
background-repeat: no-repeat;
background-size: 95%;
z-index: 1;
width: 100%;
height: 180%;
top: -1%;
background-position: 0% 0%;
}
.ntr-section .solutions__background {
position: absolute;
background-repeat: no-repeat;
background-size: 95%;
z-index: 1;
width: 100%;
height: 220%;
top: -5%;
background-position: 0% 0%;
}
ul.home-systems {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px 0;
margin-right: 5%;
font-weight: 700;
}
.front-page__wrapper ul.home-systems {
width: 90%;
}
.home-systems li {
padding: 20px 0;
width: 45%;
display: flex;
align-items: center;
gap: 33px;
}
.home-systems li:nth-child(even) {
position: relative;
top: 40px;
}
.home-systems li a {
font-size: 20px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
}
.home-systems li a:hover {
color: #0000fe;
}
.clients .ntr-title {
display: flex;
justify-content: flex-start;
padding-right: 10%;
}
.clients .ntr-title h2 {
width: auto;
}
.clients__background {
position: absolute;
background-repeat: no-repeat;
background-size: 30%, 100%;
background-position: 100% 0%, -1% 41%;
z-index: 2;
width: 100%;
height: 100%;
top: -5%;
background-color: white;
}
.pub-list__item {
display: flex;
margin-top: 55px;
padding-bottom: 40px;
margin-bottom: 30px;
display: flex;
border-bottom: 1px solid #cadce2;
}
.pub-list__item .left-wrapper .img-wrapper,
.pub-list__item .left-wrapper .not-img-wrapper {
position: relative;
margin-bottom: 16px;
width: 100%;
max-width: 320px;
}
.pub-list__item .left-wrapper .img-wrapper {
min-width: 300px;
}
.pub-list__item .left-wrapper .img-wrapper img {
max-width: 100%;
}
.pub-list__item .left-wrapper .img-wrapper .date {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0 16px;
display: flex;
justify-content: flex-end;
font-size: 16px;
font-weight: 700;
color: #fff;
background: #757584;
}
.pub-list__item .left-wrapper .not-img-wrapper {
cursor: default;
color: #e6e6e6;
transition: all ease 0.2s;
}
.pub-list__item .left-wrapper .not-img-wrapper .date {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 16px;
text-align: right;
font-size: 48px;
font-weight: 700;
line-height: 50px;
color: #8c8c9d;
transition: all ease 0.2s;
}
.pub-list__item .left-wrapper .not-img-wrapper:hover {
color: #a2a4e4;
}
.pub-list__item .left-wrapper .not-img-wrapper:hover .date {
color: #fff;
}
.pub-list__item .left-wrapper .resource {
display: block;
text-align: right;
text-overflow: ellipsis;
}
.pub-list__item .content-wrapper {
margin-left: 80px;
}
.pub-list__item .content-wrapper p {
margin-top: 16px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #727272;
}
.pub-list__item .content-wrapper ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pub-list__item .content-wrapper ul li {
margin: 16px 20px 0 0;
}
.date .text-right {
display: block;
text-align: center !important; 
width: 100%;
}
@media (max-width: 320px) {
.pub-list_item {
display: flex;
flex-direction: column; 
}
.left-wrapper {
display: flex;
flex-direction: column;
align-items: center; 
}
.img-wrapper {
width: 100%;
max-width: 320px; 
margin-bottom: 8px; 
}
.img-wrapper img {
width: 100%;
}
.date {
width: 100%; 
max-width: 320px; 
text-align: center;  
}
.date .text-right {
display: block;
text-align: center !important; 
width: 100%;
}
}
.pub-filter {
display: flex;
flex-wrap: wrap;
}
.pub-filter p {
margin: 24px 20px 0 0;
font-size: 16px;
color: #606060;
}
.pub-filter ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pub-filter ul li {
margin: 16px 20px 0 0;
}
.news__background-1 {
position: absolute;
background-repeat: no-repeat;
background-size: 100%;
z-index: 1;
width: 100%;
height: 75%;
top: 0%;
background-position: 0% 0%;
}
.news__background-2 {
position: absolute;
background-repeat: no-repeat;
background-size: 100%;
z-index: 1;
width: 100%;
height: 75%;
top: 50%;
background-position: 0% 100%;
}
.pub-page__top {
margin-bottom: 20px;
}
.pub-page__top a {
margin-top: 20px;
}
.pub-page .excerpt {
margin: 20px 0;
}
.web-tags {
padding-left: 10%;
padding-top: 20px;
}
.web-list {
margin-bottom: 25px;
}
.web-list__item {
margin-bottom: 20px;
padding: 20px;
font-size: 16px;
border: 1px solid #d4d4d4;
transition: all ease 0.2s;
}
.web-list__item .ntr-icon-btn {
margin-left: 12px;
}
.web-list__item:hover {
background-color: #f8faff;
}
.web-filter {
display: flex;
align-items: center;
margin-bottom: 40px;
}
@media  (max-width: 821px) {
.web-filter {
display: inline;
}
}
.web-filter li a {
padding: 9px 32px;
display: block;
font-size: 16px;
font-weight: 400;
text-align: center;
border-bottom: 2px solid transparent;
background: #f8f8f8;
}
.web-filter li.ui-tabs-active a {
border-bottom: 2px solid #1313ee;
color: #222;
background: #fff;
}
.web-title a {
padding: 3px 0;
display: block;
font-size: 16px;
font-weight: 400;
text-align: center;
border-bottom: 2px solid #1313ee;
color: #222;
margin-bottom: 30px;
}
ul.web-content li.web-content__item {
margin-top: 20px;
padding-bottom: 20px;
}
ul.web-content li h5 {
margin-bottom: 4px;
opacity: 0.6;
}
ul.web-content li.web-content__item:not(:last-of-type) {
border-bottom: 1px solid #c4c4c4;
}
.news.ntr-section .ntr-container {
padding: 0;
}
.news .ntr-title {
margin-top: 80px;
margin-bottom: 140px;
}
.news .ntr-title h2 span {
white-space: nowrap;
}
.news .owl-stage {
display: flex;
}
.news .owl-carousel.owl-drag .owl-item {
display: flex;
justify-content: center;
align-items: center;
min-height: 550px;
}
.news .news-list .square-wrapper {
border-radius: 100px;
transform: rotate(15deg);
overflow: hidden;
z-index: 1;
width: 450px;
height: 450px;
}
.news-list .owl-item.active:nth-child(n) .square-wrapper {
background-color: #FF6B00;
}
.news-list .owl-item.active:nth-child(2n) .square-wrapper {
background-color: #00A3FF;
}
.news-list .owl-item.active:nth-child(3n) .square-wrapper {
background-color: #6E41EE;
}
.news .news-list__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 30px;
transform: rotate(-15deg);
position: relative;
top: -35px;
left: -17px;
min-width: 108%;
margin: 0 auto 30px auto;
padding-bottom: 20px;
max-width: 450px;
min-height: 450px;
border: none;
}
.news-list__item {
min-width: 100%;
margin: 0 auto 30px auto;
padding-bottom: 20px;
max-width: 300px;
min-height: 470px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border: 1px solid #bcbdc0;
}
.news-list__item.dark img {
filter: grayscale(100%);
}
.news .news-list__item img {
padding-left: 5px;
max-width: 108%;
width: 105%;
height: 260px;
object-fit: cover;
}
.news-list__item img {
width: 100%;
height: 165px;
object-fit: cover;
}
.news .news-list__item .date {
font-size: 15px;
color: #fff;
position: absolute;
bottom: -20px;
right: 100px;
}
.news-list__item .date {
font-size: 14px;
font-weight: 700;
color: #d65529;
}
.news-list__item p {
padding: 0 45px;
margin-bottom: 30px;
font-size: 18px;
}
.news-list__item p a {
color: #fff;
}
.news-list__item .ntr-btn-c {
margin-top: auto;
}
.news-list .owl-dots {
padding: 25px 0;
}
.news .row {
margin-top: 60px;
margin-bottom: 40px;
padding-left: 10%;
}
#news-slider-small {
display: none;
}
.awards {
padding: 0;
}
.awards__background {
position: absolute;
background-repeat: no-repeat;
background-size: calc(101% + 50px);
background-position: -50px 100%;
z-index: 1;
width: 100%;
height: 180%;
top: -25%;
}
.awards__rectangle {
padding-top: 100px;
position: relative;
z-index: 2;
width: 100%;
height: 700px;
}
.awards__items {
display: flex;
flex-direction: column;
gap: 40px;
}
.awards__item {
display: flex;
gap: 28px;
}
.awards__place {
width: 64px;
min-width: 64px;
max-width: 64px;
height: 64px;
}
.awards__texts {
display: flex;
flex-direction: column;
gap: 16px;
}
.awards__title {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%;
max-width: 600px;
}
.awards__info {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.key-projects__background {
position: absolute;
background-repeat: no-repeat;
background-size: 110%, 100% 110%;
z-index: 1;
width: 100%;
height: 190%;
top: 3%;
}
.cases-list {
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
gap: 90px 0;
justify-content: space-between;
}
.cases-list__item {
width: 45%;
margin-bottom: auto;
min-height: 150px;
}
.cases-list__item p {
margin-top: 20px;
font-size: 14px;
line-height: 19px;
font-weight: 500;
color: #2B3243;
}
.cases-list__item-content a {
font-size: 20px;
line-height: 26px;
color: #2B3243;
}
.cases-filter {
padding-bottom: 20px;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 50px;
}
.cases-filter h5 {
margin-top: 40px;
}
.key-projects .row {
margin-top: 190px;
}
.solutions-item {
position: relative;
margin-bottom: 35px;
padding: 25px;
min-height: 370px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
color: #fff;
border-radius: 30px;
overflow: hidden;
}
.front-page__wrapper > .ntr-section > .ntr-container > .row > div.col-12.d-flex > a {
white-space: nowrap;
}
.solutions-item__title {
font-size: 44px;
font-weight: 700;
line-height: 130%;
}
.solutions-item__top {
position: relative;
padding: 20px;
z-index: 4;
}
.solutions-item__content {
position: relative;
padding: 20px;
min-height: 130px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
line-height: 170%;
border-radius: 8px;
backdrop-filter: blur(15px);
z-index: 4;
}
.solutions-item.accent-100 .solutions-item__content {
background: rgba(134, 80, 17, 0.31);
}
.solutions-item.green .solutions-item__content {
background: rgba(17, 134, 106, 0.3);
}
.solutions-item.accent-200 .solutions-item__content {
background: rgba(134, 80, 17, 0.3);
}
.solutions-item.blue .solutions-item__content {
background: rgba(17, 106, 134, 0.3);
}
.solutions-item .solutions-item__overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0.5) 51.04%, #000 100%);
opacity: 0.3;
z-index: 3;
}
.solutions-form-body p {
font-size: 13px;
}
.solutions-form-body a {
color: #0000fe;
}
.solutions-form-body__acceptance {
display: flex;
}
.solutions-form-body__acceptance .wpcf7-list-item {
margin: 0 9px 0 0;
}
.sol-btn {
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
text-align: center;
color: #fff;
border-radius: 10px;
}
.sol-btn:hover {
color: #fff;
}
.sol-btn.accent-100 {
background: #fb6d3a;
}
.sol-btn.accent-200 {
background: #f27e12;
}
.sol-btn.green {
background: #169274;
}
.sol-btn.blue {
color: #202020;
background: #b9e6ff;
}
.sol-btn.blue:hover {
color: #202020;
}
.sol-sec-btn {
padding: 10px 8px;
min-width: 185px;
text-align: center;
display: inline-block;
font-size: 15px;
color: #fff;
border: none;
font-family: "Montserrat", sans-serif;
font-weight: 500;
border-radius: 4px;
}
.sol-sec-btn:hover {
color: #fff;
}
.sol-sec-btn.small {
padding: 4px 4px;
min-width: 125px;
}
.sol-sec-btn.accent-100 {
background: #fb6d3a;
}
.sol-sec-btn.accent-200 {
background: #f27e12;
}
.sol-sec-btn.green {
background: #169274;
}
.sol-sec-btn.blue {
color: #202020;
background: #b9e6ff;
}
.sol-sec-btn.blue:hover {
color: #202020;
}
.sol-sec-btn.grey {
color: #202020;
background: #e7e7e7;
}
.sol-input {
padding: 10px 15px;
max-width: 100%;
font-size: 13px;
font-weight: 500;
background: #eff0f3;
border: none;
outline: 0;
resize: none;
}
.sol-input::placeholder {
font-family: "Montserrat", sans-serif;
color: #a1a1a1;
}
.sol-input.accent {
color: #fb6d3a;
}
.sol-input.accent-200 {
color: #f27e12;
}
.sol-input.green {
color: #169274;
}
.sol-input.blue {
color: #0063ab;
}
.sol-title {
display: flex;
align-items: center;
}
.sol-title h2 {
margin: 0 80px;
flex: 1 0 auto;
text-transform: uppercase;
}
.sol-title::after,
.sol-title::before {
content: "";
height: 1px;
width: 100%;
background: #c4c4c4;
}
.sol-title.py {
padding: 60px 0;
}
.sol-main {
overflow: hidden;
padding-top: 70px;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
color: #fff;
}
.sol-main__content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.sol-main__content-btn-list a {
margin-right: 12px;
}
.sol-main__content h1 {
margin-bottom: 20%;
font-size: 58px;
line-height: 1em;
}
.sol-main__content p {
margin-bottom: 20px;
font-size: 28px;
font-weight: 500;
line-height: 125%;
}
.sol-main__content-btns .sol-sec-btn {
margin-right: 20px;
}
.sol-main__content .sol-sec-btn {
margin-top: 40px;
}
.sol-main__safeai {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/safeai/safeai.jpg);
}
.sol-main__assigence {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/assigence/assigence.jpeg);
}
.sol-main__ntrmobile {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/ntrmobile/ntrmobile.jpg);
}
.sol-main__ntrmobile .sol-main__content h1 {
margin-bottom: 28px;
}
.sol-main__ntrmobile .sol-main__content .sol-sec-btn {
margin-top: 30px;
}
.sol-contact {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/contact.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: -30px;
padding-bottom: 110px !important;
}
.sol-contact__form {
padding: 35px;
background: #fff;
line-height: 120%;
}
.sol-contact__form p {
margin: 0;
}
.sol-contact__form .wpcf7-form h3 {
margin-bottom: 30px;
}
.sol-contact__form .wpcf7-form input[type="text"],
.sol-contact__form .wpcf7-form textarea,
.sol-contact__form .wpcf7-form input[type="email"] {
width: 100%;
}
.sol-contact__form .wpcf7-form br {
display: none;
}
.sol-contact__form .wpcf7-form .sol-sec-btn {
width: 100%;
}
.safeai-about {
padding: 70px 0;
background: #eff0f4;
}
.safeai-about p {
margin-bottom: 16px;
}
.safeai-sol {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/safeai/solutions-bg.svg);
background-position: center;
background-repeat: no-repeat;
}
.safeai-sol__item {
margin-top: 70px;
}
.safeai-sol__item h3 {
margin-bottom: 24px;
}
.safeai-sol__item p {
margin-bottom: 16px;
}
.safeai-sol__list {
margin-top: 70px;
}
.safeai-sol__list h3 {
margin-bottom: 40px;
text-align: center;
}
.safeai-sol__list-content {
display: flex;
align-items: center;
}
.safeai-sol__list-content ul {
padding: 6px 0 0 25px;
}
.safeai-sol__list-content ul li {
padding-left: 24px;
margin-bottom: 8px;
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/safeai/safeai-list-item.svg);
background-position: top 6px left;
background-repeat: no-repeat;
}
.safeai-peculiarities {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/safeai/squares-bg.svg);
background-position: top right;
background-repeat: no-repeat;
}
.safeai-peculiarities__item {
margin-top: 40px;
max-width: 320px;
display: flex;
flex-direction: column;
align-items: center;
}
.safeai-peculiarities__item img {
margin-bottom: 30px;
}
.safeai-peculiarities__item p {
text-align: center;
}
.assigence-slider {
background: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/assigence/slider-bg.svg);
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
}
.assigence-slider .owl-carousel .owl-dots {
padding: 20px 0;
}
.assigence-slider .owl-carousel .owl-dots button.owl-dot {
margin: 0 5px;
}
.assigence-slider .owl-carousel .owl-dots button.owl-dot span {
height: 16px;
width: 16px;
background: #61cab7;
border: 2px solid transparent;
}
.assigence-slider .owl-carousel .owl-dots button.owl-dot.active span {
background: 0 0;
border: 2px solid #61cab7;
}
.assigence-slider .owl-carousel .owl-nav {
position: absolute;
bottom: 240px;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
}
.assigence-slider__item {
display: flex;
flex-direction: column;
}
.assigence-slider__item h3,
.assigence-slider__item img,
.assigence-slider__item p,
.assigence-slider__item ul {
margin-bottom: 24px;
}
.assigence-slider__item img {
max-width: 85%;
margin: 0 auto;
}
.assigence-slider__item-image {
display: flex;
align-items: center;
}
.assigence-arch {
background: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/assigence/arch-bg.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.assigence-arch__content {
display: flex;
justify-content: center;
}
.assigence-arch__content img {
max-width: 100%;
}
.ntrmobile-desc__item {
position: relative;
margin-top: 40px;
}
.ntrmobile-desc__item span {
margin-bottom: 30px;
display: inline-block;
color: #0063ab;
}
.ntrmobile-desc__item img {
max-width: 100%;
}
.ntrmobile-app {
position: relative;
}
.ntrmobile-app__bg {
position: absolute;
top: 140px;
right: 8%;
z-index: -1;
}
.ntrmobile-app__subtitle {
margin-bottom: 30px;
text-align: center;
color: #0063ab;
}
.ntrmobile-app__list {
padding: 6px 0 0 25px;
}
.ntrmobile-app__list li {
padding-left: 24px;
margin-bottom: 8px;
background: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/ntrmobile/list-item.svg);
background-position: top 6px left;
background-repeat: no-repeat;
}
.ntrmobile-exam__slider {
padding-left: 90px;
}
.ntrmobile-exam__slider .owl-stage-outer {
padding: 20px 0;
}
.ntrmobile-exam__slider .owl-stage-outer::after {
position: absolute;
top: 0;
content: "";
display: block;
width: 250px;
height: 100%;
z-index: 1;
}
.ntrmobile-exam__slider .owl-stage-outer::after {
right: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.ntrmobile-exam__slider .owl-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
transform: translateY(-50%);
}
.ntrmobile-exam__slider .owl-dots {
padding: 20px 0;
}
.ntrmobile-exam__slider .owl-dots button.owl-dot span {
height: 12px;
width: 12px;
}
.ntrmobile-exam__slider .owl-dots button.owl-dot.active span {
background: #33b6ff;
}
.ntrmobile-exam__slider-item {
box-shadow: 0 2px 8px rgba(18, 75, 187, 0.3);
border-radius: 8px;
overflow: hidden;
}
.ntrmobile-exam__slider-item__footer {
position: relative;
padding: 16px 50px 16px 110px;
min-height: 140px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
background: #f4fbfe;
}
.ntrmobile-exam__slider-item__footer img {
position: absolute;
top: -50px;
left: 30px;
max-width: 55px;
}
.ntrmobile-exam__slider-item__footer p {
margin-bottom: 12px;
color: #0063ab;
}
.ntrmobile-intro-item {
margin-top: 45px;
max-width: 270px;
display: flex;
flex-direction: column;
align-items: center;
}
.ntrmobile-intro-item p {
margin-top: 20px;
text-align: center;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.pagination h2 {
display: none;
}
.pagination .nav-links {
display: flex;
align-items: center;
}
.pagination .nav-links .page-numbers {
margin: 0 8px;
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.pagination .nav-links .page-numbers:hover {
color: #0000fe;
}
.pagination .nav-links .page-numbers.current {
background: #202020;
color: #fff;
}
.pagination .nav-links .page-numbers.current:hover {
color: #fff;
}
.robotics-btn {
padding: 15px 24px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
border: none;
border-radius: 4px;
background: #00b4ff;
color: #fff;
outline: none;
cursor: pointer;
transition: all ease 0.2s;
-webkit-appearance: none;
}
.robotics-field {
padding: 15px 12px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
border-radius: 4px;
border: none;
background: #eaeaea;
outline: none;
resize: none;
}
.robotics-field::placeholder {
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 22px;
}
.robotics-btn:hover {
background: #02a3e6;
}
.robotics-btn_icon {
margin: 0 -5px;
padding: 15px 16px 15px 18px;
}
.robotics-btn_icon span,
.robotics-btn_icon i {
margin: 0 5px;
}
.robotics-page {
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 22px;
overflow: hidden;
}
.robotics-page h2 {
font-weight: 800;
text-transform: none;
}
.robotics-preview {
padding-top: 170px;
width: 100vw;
height: 100vh;
background-size: cover;
background-position-y: 40px;
background-repeat: no-repeat;
overflow: hidden;
}
.robotics-preview__wrapper {
position: relative;
height: 100%;
}
.robotics-preview__block {
position: absolute;
overflow: hidden;
}
.robotics-preview__block::after {
content: "";
position: absolute;
display: block;
overflow: hidden;
}
.robotics-preview__block:nth-of-type(1) {
top: -422px;
right: -300px;
height: 753px;
width: 753px;
border-radius: 160px;
background: #00b4ff;
transform: rotate(17deg);
}
.robotics-preview__block:nth-of-type(1)::after {
bottom: -83%;
right: -78%;
height: 827px;
width: 827px;
background: #57ceff;
border-radius: 160px;
transform: rotate(2deg);
}
.robotics-preview__text {
position: relative;
right: -120px;
}
.robotics-preview h1 {
font-size: 2.6rem;
font-weight: 800;
line-height: 40px;
color: #fff;
}
.robotics-preview h1 span {
white-space: nowrap;
}
.robotics-preview__logo {
position: absolute;
top: 140px;
left: 50px;
height: 20px;
width: 172px;
z-index: 0;
}
.contacts-page .robotics-preview {
height: 450px;
}
.contacts-page .robotics-preview__block:nth-of-type(1) {
top: -522px;
left: -378px;
right: unset;
transform: rotate(77deg);
}
.contacts-page .robotics-preview__text {
right: -80px;
}
.robotics-about {
position: relative;
padding: 100px 0;
}
.robotics-description {
position: relative;
padding: 120px 0;
}
.robotics-description .container {
position: relative;
}
.robotics-description h2 {
margin-bottom: 36px;
}
.robotics-description p {
margin-bottom: 16px;
}
.robotics-description_first {
padding: 120px 0 240px 0;
background: #efefef;
overflow: hidden;
}
.robotics-description_first-block {
position: absolute;
}
.robotics-description_first h2 {
position: relative;
color: white;
z-index: 2;
}
.robotics-description_first-block:nth-of-type(1) {
top: -410px;
left: -55px;
height: 700px;
width: 700px;
border-radius: 160px;
transform: rotate(15deg);
overflow: hidden;
z-index: 1;
}
.robotics-description_first-block__overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.robotics-description_first-block:nth-of-type(1) video {
position: absolute;
bottom: -40px;
left: -20px;
width: 120%;
transform: rotate(-15deg);
}
.robotics-description_first-block:nth-of-type(2) {
top: -250px;
left: 445px;
height: 291px;
width: 291px;
border-radius: 70px;
background: #5e50ff;
transform: rotate(15deg);
}
.robotics-description_first-block:nth-of-type(3) {
bottom: -370px;
right: 115px;
height: 238px;
width: 238px;
border-radius: 55px;
background: #a3e31a;
transform: rotate(17deg);
}
.robotics-description_last {
background: #edf8ff;
overflow: hidden;
}
.robotics-description_last-block {
position: absolute;
}
.robotics-description_last-block__overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.robotics-description_last-block:nth-of-type(1) {
bottom: -450px;
right: -245px;
height: 720px;
width: 720px;
border-radius: 160px;
transform: rotate(15deg);
overflow: hidden;
}
.robotics-description_last-block:nth-of-type(1) video {
position: absolute;
top: -75px;
left: -80px;
width: 120%;
transform: rotate(-14deg);
}
.robotics-peculiarities_first-block {
position: absolute;
top: -48px;
right: -11px;
height: 170px;
width: 170px;
border-radius: 50px;
background: #ffffff;
transform: rotate(105deg);
z-index: 1;
overflow: hidden;
}
.robotics-peculiarities_first-block::after {
content: "";
position: absolute;
left: -101px;
top: 87px;
height: 170px;
width: 170px;
border-radius: 40px;
background: #00B4FF;
}
.robotics-about__offer {
font-size: 1.25rem;
line-height: 28px;
font-weight: 500;
}
.robotics-about__rf {
margin-top: 30px;
display: flex;
gap: 20px;
align-items: center;
}
.robotics-about__rf span {
color: rgba(0, 0, 0, 0.50);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
text-align: left;
max-width: 68%;
}
.robotics-about__price {
font-weight: 400;
margin-top: 40px;
}
.robotics-about.container ul.styled-list li {
align-items: flex-start;
}
.robotics-about.container ul.styled-list li::before {
margin-top: 6px;
}
.robotics-about__block {
position: absolute;
top: -120px;
left: -210px;
height: 256px;
width: 256px;
border-radius: 60px;
background-color: #fafbff;
transform: rotate(-165deg);
overflow: hidden;
}
.robotics-about__block::after {
content: "";
position: absolute;
top: 150px;
right: 150px;
height: 256px;
width: 256px;
border-radius: 60px;
background-color: #a3e31a;
}
.robotics-advantage {
position: relative;
padding: 245px 0 145px 0;
}
.robotics-advantage__image {
position: absolute;
left: -50px;
top: 200px;
height: 400px;
width: 400px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 90px;
background: #00b4ff;
transform: rotate(15deg);
}
.robotics-advantage h2 {
margin-bottom: 50px;
}
.robotics-advantage p:not(:last-of-type) {
margin-bottom: 24px;
}
.robotics-advantage__block {
position: absolute;
overflow: hidden;
}
.robotics-advantage__block:nth-of-type(1) {
top: -120px;
left: 380px;
height: 256px;
width: 256px;
border-radius: 60px;
background: #edf8ff;
transform: rotate(14deg);
}
.robotics-advantage__block:nth-of-type(1)::after {
content: "";
position: absolute;
bottom: -50px;
left: -100px;
height: 170px;
width: 170px;
border-radius: 50px;
background: #57ceff;
}
.robotics-advantage__block:nth-of-type(2) {
bottom: -124px;
right: -272px;
height: 170px;
width: 170px;
border-radius: 50px;
background: #ffffff;
transform: rotate(105deg);
z-index: 1;
}
.robotics-advantage__block:nth-of-type(2)::after {
content: "";
position: absolute;
left: -101px;
top: 87px;
height: 170px;
width: 170px;
border-radius: 40px;
background: #a3e31a;
}
.robotics-peculiarities {
position: relative;
padding: 100px 0 80px 0;
background: #00b4ff;
color: #fff;
overflow: visible;
}
.robotics-peculiarities h2 {
margin-bottom: 120px;
text-align: center;
}
.robotics-peculiarities__item {
margin-bottom: 80px;
display: flex;
flex-direction: column;
align-items: start;
justify-content: flex-start;
text-align: left;
}
.robotics-peculiarities__item h3 {
margin: 50px 0 20px 0;
font-size: 1.25rem;
line-height: 1.4rem;
}
.robotics-peculiarities__item img {
width: 64px;
}
.robotics-peculiarities__item p {
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.robotics-contact {
padding: 100px 0 230px 0;
background: #3a3a3a;
}
.robotics-contact__wrapper {
position: relative;
}
.robotics-contact__block {
position: absolute;
top: 0px;
right: -92px;
height: 578px;
width: 578px;
border-radius: 130px;
background: #00b4ff;
transform: rotate(15deg);
}
.robotics-contact h2 {
margin-bottom: 60px;
color: #fff;
} #wpcf7-f821-p819-o1 form .wpcf7-form-control-wrap {
margin-bottom: 0 !important;
}
#wpcf7-f821-p819-o1 form .wpcf7-form-control-wrap textarea,
#wpcf7-f821-p819-o1 form .wpcf7-form-control-wrap input,
#wpcf7-f821-p819-o1 form .robotics-btn {
width: 100%;
}
#wpcf7-f821-p819-o1 form .wpcf7-response-output {
border-radius: 4px;
color: #fff;
}
.robotics-contact__document p {
color: #fff;
font-size: 1.25rem;
line-height: 1.4rem;
}
.robotics-contact__document a {
padding: 14px 45px;
margin-top: 48px;
display: inline-block;
font-weight: 500;
border-radius: 4px;
background: #fff;
}
.robotics-drone {
height: 0px;
position: relative;
}
.robotics-drone img {
position: absolute;
z-index: 2;
top: -120px;
right: -30px;
border-radius: 90px;
background: #00b4ff;
transform: rotate(14deg);
display: block;
padding: 50px;
}
.video-page {
font-family: "Montserrat", sans-serif;
background-color: #fff;
font-size: 10px;
line-height: 26px;
overflow: hidden;
}
.video-preview {
position: relative;
padding-top: 170px;
width: 100vw;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.video-preview__wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10%;
}
.video-preview__wrapper h1 {
font-size: 4.8em;
font-weight: 800;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.video-preview__wrapper p {
font-size: 2em;
font-weight: 700;
line-height: 1.7em;
}
.video-about {
position: relative;
padding: 100px 0;
min-height: 45vh;
}
.video-about__block {
position: absolute;
top: -120px;
left: -20px;
height: 256px;
width: 256px;
border-radius: 60px;
background-color: #00DEB6;
transform: rotate(-165deg);
overflow: hidden;
}
.video-about__block::after {
content: "";
position: absolute;
top: 150px;
right: 150px;
height: 256px;
width: 256px;
border-radius: 60px;
background-color: #31C0B8;
}
.video-about .content {
justify-content: center;
position: relative;
}
.video-about__offer {
font-size: 2em;
line-height: 32px;
font-weight: 400;
}
.video-about__info {
font-size: 16px;
line-height: 32px;
font-weight: 400;
}
.video-about__container {
gap: 40px;
}
.problem {
position: relative;
padding: 120px 0;
}
.problem h2 {
margin-bottom: 1em;
font-size: 4em;
font-weight: 800;
}
.problem p, .problem ol {
margin-bottom: 1.5em;
font-size: 1.6em;
}
.problem li {
margin-bottom: 1em;
list-style-type: auto;
margin-left: 1.5em;
padding-left: 0.5em;
}
.problem__img-wrapper {
position: absolute;
right: -121px;
top: 25%;
}
.problem__img-wrapper .block {
position: absolute;
top: -110px;
right: -50px;
height: 359px;
width: 359px;
border-radius: 90px;
background: #BE6AEA;
transform: rotate(15deg);
}
.problem__img-overlay {
right: 0;
height: 720px;
width: 609px;
transform: rotate(15deg);
overflow: hidden;
position: relative;
}
.problem__img-overlay img {
transform: rotate(-15deg);
position: absolute;
left: -63px;
top: -43px;
}
.benefit {
position: relative;
padding-top: 5em;
padding-bottom: 31em;
}
.benefit__background-block {
position: absolute;
width: 98%;
height: 105vh;
background-color: #00DEB6;
border-radius: 150px;
transform: rotate(15deg);
left: -91px;
}
.benefit .content {
position: relative;
font-size: 2em;
}
.benefit .content h2 {
margin-bottom: 2em;
}
.cases {
position: relative;
top: -194px;
padding-top: 13em;
}
.cases__background-block {
position: absolute;
width: 98%;
height: 105vh;
background-color: #fff;
border-radius: 150px;
transform: rotate(15deg);
left: -91px;
}
.cases h2 {
margin-top: 2em;
margin-bottom: 1em;
} .cases__items {
display: flex;
position: relative;
font-size: 1.6em;
gap: 2em;
}
.videoai-case {
width: 258px;
height: 350px;
display: flex;
flex-direction: column;
gap: 0;
justify-content: space-between;
}
.videoai-case img,
.videoai-case h3,
.videoai-case a {
width: 100%;
max-width: 258px;
box-sizing: border-box;
}
.videoai-case h3 {
color: #1A1F36;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 170%;
margin-bottom: 10px; 
}
.videoai-case img {
width: 258px;
height: 162px;
border-radius: 12px;
margin-bottom: 32px;
border: 1px solid #1A1F36;
box-shadow: 0px 0px 10px rgb(26 31 54 / 0.2);
}
.videoai-case a {
display: inline-flex;
padding: 15px 10px 15px 20px;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 24px;
border-radius: 12px;
border: 1px solid #1A1F36;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
color: #1A1F36;
margin-top: auto;
transition: background 0.4s ease;
}
.videoai-case a::after {
content: "";
background: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/unios/link-arrow.svg) no-repeat center;
height: 24px;
width: 24px;
max-width: 24px;
min-width: 24px;
display: block;
}
.videoai-case a:hover {
background: rgba(0, 0, 0, 0.1);
}
@media(max-width: 1024px) {
.cases__items {
display: flex;
justify-content: space-around;
}
}
@media(max-width: 767px) {
.cases__items {
display: flex;
justify-content: space-around;
}
}
@media(max-width: 425px) {
.cases__items {
display: flex;
justify-content: space-around;
}
}
.video-contact {
padding: 152px 0 230px 0;
background: #3a3a3a;
color: #fff;
height: 100vh;
line-height: 28px;
position: relative;
}
.video-contact h2 {
margin-bottom: 40px;
}
.video-contact p {
margin-bottom: 1em;
}
.video-contact__wrapper {
position: relative;
font-size: 2em;
}
.video-contact__document-wrapper {
position: relative;
}
.video-contact__block {
position: absolute;
top: 0px;
right: -92px;
height: 578px;
width: 578px;
border-radius: 130px;
transform: rotate(15deg);
background: #BE6AEA;
}
.video-contact__document {
position: relative;
top: 50%;
}
.video-contact__document a {
padding: 14px 45px;
margin-top: 1em;
display: inline-block;
font-weight: 500;
border-radius: 4px;
background: #fff;
}
@media (min-width: 1921px) {
.front-page__wrapper .main__animation {
margin-top: 180px;
}
.front-page__wrapper .ntr-section.systems {
padding-bottom: 120px;
}
.front-page__wrapper .key-projects__background {
background-size: 110%, 0%;
background-position: 0% 0%, 0%;
top: -8%;
}
.front-page__wrapper .news__background-2 {
top: 64%;
}
.front-page__wrapper .news .ntr-title {
margin-bottom: 365px;
}
.front-page__wrapper .ntr-section.news {
margin-bottom: 490px;
}
}
@media (max-width: 1400px) {
.main__animation a {
max-width: 24vw;
max-height: 24vw;
min-width: 150px;
min-height: 150px;
}
section.main .home-slider__item {
padding: 0 22% 15% 10%;
}
.key-projects__background {
background-position-y: 0, 24%;
background-size: 100%, contain;
}
}
@media (max-width: 1365px) {
.front-page__wrapper h2 {
font-size: 36px;
}
.ntr-section .systems__background {
background-size: 125%;
}
.ntr-title {
padding-left: 70px;
}
.web-tags {
padding-left: 70px;
}
.ntr-container {
padding: 0 70px;
}
.ntr-pre-title {
padding-top: 30px;
padding-bottom: 50px;
}
header .header-wrapper {
padding: 35px 50px 24px 6%;
}
.awards__title {
font-size: 18px;
max-width: 560px;
}
.awards__info {
font-size: 15px;
}
.robotics-preview h1 {
font-size: 2.25rem;
}
}
@media (max-width: 1024px) {
.cases-list {
gap: 50px;
}
.cases-list__item {
width: 100%;
}
.cases-list__item:nth-child(even) {
position: static;
}
.front-page__wrapper .cases-list__item:nth-child(even) {
top: unset;
}
.robotics-preview h1 {
font-size: 2.2rem;
}
.retail__all_text p {
font-size: 38px;
}
.home-slider__item-main-title {
font-size: 22px;
}
.main__animation a {
min-width: 230px;
min-height: 230px;
}
.main__animation {
right: -225px;
bottom: 117px;
}
.main__animation .retail-bg {
width: 400px;
max-width: 400px;
}
.main__animation .sector-bg {
width: 400px;
max-width: 400px;
}
.main__animation .industry-bg {
width: 400px;
max-width: 400px;
}
.main__animation .fintech-bg {
width: 400px;
max-width: 400px;
}
@keyframes moveFintech {
0% {
transform: translate(200px, 200px);
}
34% {
transform: translate(200px, 200px);
}
37% {
transform: translate(-100%, 10%);
color: #fff;
font-size: 2.6em;
width: 14vw;
height: 14vw;
}
55% {
transform: translate(-100%, 10%);
color: #fff;
font-size: 2.6em;
width: 14vw;
height: 14vw;
}
58% {
transform: translate(200px, 200px);
}
100% {
transform: translate(200px, 200px);
}
}
@keyframes moveIndustry {
0% {
transform: translate(200px, 200px);
}
55% {
transform: translate(200px, 200px);
}
58% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
76% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
79% {
transform: translate(200px, 200px);
}
100% {
transform: translate(200px, 200px);
}
}
@keyframes moveRetail {
0% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
34% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
37% {
transform: translate(200px, 200px);
}
97% {
transform: translate(200px, 200px);
}
100% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
}
@keyframes moveSector {
0% {
transform: translate(200px, 200px);
}
76% {
transform: translate(200px, 200px);
}
79% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
97% {
transform: translate(-100%, 10%);
color: #fff;
width: 14vw;
height: 14vw;
font-size: 2.6em;
}
100% {
transform: translate(200px, 200px);
}
}
.clients__background {
height: 110%;
}
}
@media (min-width: 1030px) and (max-width: 1920px) {
.front-page__wrapper .ntr-section.news {
margin-bottom: 222px;
}
}
@media (min-width: 1030px) and (max-width: 1350px) {
.main__animation {
font-size: 8px;
}
}
@media (min-width: 1030px) and (max-width: 1199px) {
.solutions-item__title {
margin-bottom: 16px;
}
.sol-main__content {
padding: 40px;
backdrop-filter: blur(15px);
border-radius: 12px;
}
.robotics-advantage__image {
left: -128px;
top: 210px;
}
.robotics-peculiarities_first-block {
right: -40px;
}
.robotics-advantage__block:nth-of-type(2) {
right: -116px;
}
.robotics-contact__block {
right: -167px;
}
.robotics-advantage__block:nth-of-type(1) {
left: 200px;
}
.key-projects__background {
width: 110%;
}
}
@media (min-width: 900px) and (max-width: 1029px) {
.robotics-preview__text {
right: -80px;
}
}
@media (min-width: 768px) and (max-width: 899px) {
.robotics-preview__text {
right: -20px;
}
}
@media (min-width: 768px) and (max-width: 1029px) {
.robotics-peculiarities_first-block {
right: -40px;
}
.home-slider__item-wrapper {
width: 90%;
}
.home-slider__item-video {
max-height: 50%;
}
.solutions-item__title {
margin-bottom: 16px;
}
.sol-main__content {
padding: 40px;
backdrop-filter: blur(15px);
border-radius: 12px;
}
.robotics-description_first {
padding: 120px 0;
}
.robotics-description_first-block:nth-of-type(1) {
top: -492px;
left: -130px;
}
.robotics-description_first-block:nth-of-type(2) {
top: -220px;
left: 380px;
}
.robotics-description_first-block:nth-of-type(3) {
bottom: -250px;
right: 490px;
}
.robotics-description_first-text {
margin-top: 225px;
}
.robotics-advantage__image {
left: -244px;
top: 248px;
}
.robotics-contact__block {
top: 644px;
right: -117px;
}
.robotics-contact__document {
margin-top: 230px;
}
.robotics-plug__block:nth-of-type(1) {
top: -309px;
left: -191px;
}
.robotics-plug__block:nth-of-type(2) {
right: 293px;
}
.robotics-plug__block:nth-of-type(3) {
bottom: -221px;
right: -149px;
}
.robotics-description_last {
padding-bottom: 390px;
}
.robotics-description_last-block:nth-of-type(1) {
bottom: -778px;
right: -112px;
}
.robotics-advantage__block:nth-of-type(1) {
top: -120px;
left: -155px;
}
.key-projects__background {
width: 177%;
height: 250%;
background-size: 115%, contain;
}
.ntr-section .systems__background {
width: 130%;
}
.ntr-section .solutions__background {
width: 140%;
}
.news__background-2 {
top: 40%;
}
.problem__img-wrapper {
bottom: -27%;
top: auto;
right: -37%;
}
.video-about {
padding: 200px 0;
}
.benefit__background-block {
width: 107%;
height: 115vh;
}
.benefit .content h2 {
margin: 1em 0 2em 1em;
}
.cases__background-block {
top: 8em;
}
.video-contact__document {
top: -95%;
}
.cases__items {
flex-wrap: wrap;
}
.cases__item {
width: 45%;
;
}
.problem__img-wrapper .block {
top: -452px;
right: 142px;
}
.clients__background {
height: 110%
}
.front-page__wrapper .ntr-section.news {
margin-bottom: 100px;
}
}
.ntrmobile-list li {
padding-left: 24px;
margin-bottom: 8px;
background: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/ntrmobile/list-item.svg);
background-position: top 6px left;
background-repeat: no-repeat;
}
.ntrmobile-app__wrapper {
position: relative;
margin-bottom: 60px;
font-size: 15px;
color: #0063ab;
}
.ntrmobile-app__wrapper-bg {
position: absolute;
left: 50%;
top: 50%;
width: 90%;
height: 90%;
background-color: #dbe8f3;
z-index: -1;
transform: translate(-50%, -50%);
}
.ntrmobile-app__wrapper-content {
display: grid;
grid-auto-columns: 1fr;
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-areas:
". . ."
". details-area details-area"
". details-area details-area";
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: 70px 70px 70px 70px;
grid-template-rows: 70px 70px 70px 70px;
}
.ntrmobile-app__wrapper-content__item {
position: relative;
padding: 8px 8px 8px 12px;
border-radius: 8px;
background: #f4fbfe;
box-shadow: 0 2px 8px 0 rgb(18 75 187 / 30%);
cursor: pointer;
}
.ntrmobile-app__wrapper-content__item:hover {
background: #fbfeff;
color: #202020;
}
.ntrmobile-app__wrapper-content__details {
grid-area: details-area;
padding: 10px;
display: flex;
align-items: center;
}
.ntrmobile-app__wrapper-content__details img {
margin-right: 12px;
}
.ntr-modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.ntr-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0.4;
z-index: -1;
}
.ntrmobile-modal__wrapper {
position: relative;
}
.ntrmobile-modal {
max-height: 80vh;
background: #f4fbfe;
box-shadow: 0px 2px 8px rgba(18, 75, 187, 0.3);
border-radius: 8px;
overflow-y: scroll;
}
.ntrmobile-modal::-webkit-scrollbar {
display: none;
}
.ntrmobile-modal__close {
position: absolute;
right: -18px;
top: -18px;
z-index: 1;
cursor: pointer;
}
.ntrmobile-modal__header {
position: relative;
height: 320px;
max-width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.ntrmobile-modal__header::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 165px;
display: block;
background: linear-gradient(180deg, rgba(244, 251, 254, 0) 0%, #f4fbfe 100%);
}
.ntrmobile-modal__header img {
max-height: 100%;
width: auto;
object-fit: cover;
}
.ntrmobile-modal__body {
padding: 35px;
}
.ntrmobile-modal__body h1,
.ntrmobile-modal__body h2,
.ntrmobile-modal__body h3,
.ntrmobile-modal__body h4,
.ntrmobile-modal__body h5,
.ntrmobile-modal__body h6 {
margin-bottom: 20px;
color: #0063ab;
}
.ntrmobile-modal__body p,
.ntrmobile-modal__body ul {
margin-bottom: 20px;
}
.ntr-modal {
opacity: 0;
visibility: hidden;
transition: all ease 0.2s;
}
.ntr-modal.show {
opacity: 1;
visibility: visible;
}
.wpcf7 .wpcf7-spinner {
margin: -32px 0 32px 8px;
display: block;
}
.wpcf7 .wpcf7-submit {
cursor: pointer;
}
.wpcf7-form.accent-200 input,
.wpcf7-form.accent-200 textarea {
color: #fb6d3a;
}
.wpcf7-form.accent-200 input[type="submit"] {
background: #fb6d3a;
color: #fff;
}
.wpcf7-form.accent-100 input,
.wpcf7-form.accent-100 textarea {
color: #f27e12;
}
.wpcf7-form.accent-100 input[type="submit"] {
background: #f27e12;
color: #fff;
}
.wpcf7-form.green input,
.wpcf7-form.green textarea {
color: #169274;
}
.wpcf7-form.blue input[type="submit"] {
background: #33b6ff;
color: #fff;
}
.wpcf7-form.blue input,
.wpcf7-form.blue textarea {
color: #33b6ff;
}
.wpcf7-form.green input[type="submit"] {
background: #169274;
color: #fff;
}
.wpcf7-not-valid-tip {
font-size: 12px;
}
.wpcf7-form-control-wrap {
margin-bottom: 20px;
display: block;
}
.wpcf7-form.invalid .wpcf7-form-control-wrap {
margin-bottom: 12px;
}
.wpcf7 form .wpcf7-response-output {
padding: 8px 20px;
margin: 0;
font-size: 12px;
border: 1px solid #00a0d2;
}
.ntr-text-content ul {
padding-left: 20px;
margin-bottom: 20px;
}
.ntr-text-content ul li {
list-style-type: disc;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.8);
transition: all ease 0.2s;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.overlay.showed {
opacity: 1;
visibility: visible;
}
.overlay-close {
position: absolute;
top: 40px;
right: 40px;
font-size: 36px;
color: #eee;
cursor: pointer;
}
ul.styled-list {
margin: 12px 0 16px 0;
}
ul.styled-list li {
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 0 12px;
text-align: left;
}
ul.styled-list li::before {
content: "";
display: inline-block;
background: #00A3FF;
width: 8.718px;
height: 8.718px;
transform: rotate(15deg);
flex-shrink: 0;
border-radius: 2px;
}
@media (max-width: 1199px) {
.robotics-about__rf span {
max-width: unset;
}
}
@media (min-width: 1030px) and (max-width: 1199px) {
header .header-wrapper nav a {
margin-left: 15px;
}
ul.menu {
flex-wrap: wrap;
gap: 15px 0;
justify-content: center;
}
.ntr-container.px-0 {
padding: 0 !important;
}
.ntr-container.pl-0 {
padding-left: 0 !important;
}
.ntr-container.pr-0 {
padding-right: 0 !important;
}
.ntr-title.mb {
margin-bottom: 60px;
}
.ntr-slider .owl-nav {
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 1029px) {
.front-page__wrapper ul.home-systems {
width: unset;
margin: unset;
}
header .header-wrapper {
padding: 35px 24px;
}
.ntr-container .ntr-right-subcontainer {
padding: 0;
}
.ntr-container.px-0 {
padding: 0 !important;
}
.ntr-container.pl-0 {
padding-left: 0 !important;
}
.ntr-container.pr-0 {
padding-right: 0 !important;
}
.ntr-top {
padding: 160px 0 45px 0;
}
.ntr-top h1 {
font-size: 48px;
}
.ntr-top p {
font-size: 40px;
}
.ntr-top .mixed p {
font-size: 22px;
}
.ntr-title.mb {
margin-bottom: 60px;
}
.ntr-slider .owl-nav {
margin: 0;
}
#clients-slider .ntr-slider__item {
width: 150px;
height: 150px;
border-radius: 30px;
padding: 15px;
}
section.main .home-slider__item  {
height: auto;
min-height: unset;
width: auto;
padding-top: 130px;
padding-right: 15%;
}
}
@media (max-width: 767px) {
.front-page__wrapper ul.home-systems {
width: unset;
margin: unset;
}
.robotics-drone img {
width: 230px;
height: 230px;
padding: 40px;
border-radius: 60px;
}
.robotics-description h2 {
font-size: 36px;
}
.front-page__wrapper section {
padding-bottom: 80px;
}
.front-page__wrapper .home-systems li a {
font-size: 17px;
}
#news-slider {
display: none;
}
#news-slider-small {
display: block;
}
#news-slider-small img {
width: 360px;
height: 230px;
object-fit: cover;
margin: auto;
display: block;
}
#news-slider-small .news-list-small-background {
width: 360px;
margin: auto;
background-color: transparent;
padding: 0 30px;
text-align: right;
position: relative;
top: -30px;
}
#news-slider-small p {
text-align: left !important;
margin-bottom: 30px;
}
#news-slider-small a {
color: #fff;
}
#news-slider-small .triangle {
height: 50px;
width: 120%;
background-color: #00A3FF;
transform: rotate(8deg);
position: relative;
top: -21px;
left: -5px;
}
#news-slider-small .news-list-small__item:nth-child(2) .triangle {
background-color: #FF6B00;
}
#news-slider-small .news-list-small__item:nth-child(3 ) .triangle {
background-color: #5F65FF;
}
#news-slider-small .news-list-small__item {
width: 360px;
margin: auto;
overflow: hidden;
position: relative;
background-color: #00A3FF;
margin-bottom: 20px;
}
#news-slider-small .news-list-small__item:nth-child(2) {
background-color: #FF6B00;
}
#news-slider-small .news-list-small__item:nth-child(3) {
background-color: #5F65FF;
}
.news .row {
margin-top: 40px;
margin-bottom: 20px;
}
section.awards {
background-color: #fff;
}
.news .row {
padding-left: 30px;
}
.front-page__wrapper .awards h2 {
width: min-content;
}
.main__animation {
display: none;
}
.home-slider .owl-nav {
bottom: 55px;
}
.home-slider .owl-dots {
padding: 20px 0;
}
.home-slider__item {
padding: 0 16px 0 16px;
min-height: 800px;
background-size: contain;
}
.front-page__wrapper h2 {
width: max-content;
}
.front-page__wrapper .key-projects h2 {
width: min-content;
}
.home-slider__item-main-title h2 {
font-size: 35px;
}
h2 {
line-height: 34px;
}
h2.retail {
color: #00A3FF;
}
h2.fintech {
color: #FF6B00;
}
h2.industry {
color: #5F65FF;
font-size: 30px;
}
h2.sector {
color: #FFED48;
}
.home-slider__item-main-title {
height: auto;
font-size: 20px;
max-width: 130%;
gap: 25px;
}
.home-slider__item-title {
margin-bottom: 18px;
font-size: 1.76em;
}
.home-slider__item-number {
margin: 40px 25px 0 25px;
font-size: 0.88em;
}
.home-slider__item-video {
max-height: 40%;
}
.home-slider__item .ntr-btn {
margin-top: 30px;
}
.ntr-section h2 {
font-size: 28px;
}
.key-projects h3,
.key-projects h3 {
font-size: 16px;
line-height: 20px;
}
section.key-projects {
background-color: #fff;
}
.key-projects .row {
margin-top: 140px;
}
.home-systems li {
padding: 10px 0;
}
.pub-list__item {
flex-direction: column;
}
.pub-list__item .left-wrapper .resource {
margin-bottom: 16px;
text-align: left;
}
.pub-list__item .content-wrapper {
margin-left: 0;
}
.sol-title h2 {
margin: 0 40px;
flex: 1 1 auto;
text-align: center;
}
.sol-title.py {
padding: 40px 0;
}
.sol-main {
background-position: center left 40%;
}
.sol-main__content {
padding: 80px 30px;
backdrop-filter: blur(15px);
border-radius: 12px;
}
.sol-main__content h1 {
margin-bottom: 15%;
font-size: 48px;
}
.sol-main__content p {
font-size: 24px;
}
.sol-main__safeai .sol-main__content {
background: rgba(242, 120, 8, 0.1);
}
.sol-main__assigence .sol-main__content {
background: rgba(15, 71, 44, 0.1);
}
.sol-main__ntrmobile .sol-main__content {
background: rgba(0, 196, 223, 0.06);
}
.safeai-about {
padding: 50px 0;
}
.safeai-about img {
margin-bottom: 20px;
}
.safeai-about p {
text-align: center;
}
.safeai-sol__item img {
margin-bottom: 30px;
}
.safeai-sol__item h3,
.safeai-sol__item p {
text-align: center;
}
.safeai-sol__list img {
display: none;
}
.assigence-arch {
background: 0 0;
}
.ntrmobile-desc__item {
margin-top: 30px;
}
.ntrmobile-desc__item span {
margin-bottom: 16px;
}
.ntrmobile-desc__item img {
margin-bottom: 25px;
}
.robotics-page {
font-size: 14px;
}
.robotics-preview__text {
right: -40px;
}
.robotics-preview__text {
right: 0;
}
.contacts-page .robotics-preview__text {
right: -40px;
}
.robotics-preview {
max-height: 480px;
background-image: none !important;
}
.robotics-preview h1 {
font-size: 2.3rem;
text-align: center;
}
.robotics-preview__wrapper {
z-index: -1;
}
.robotics-preview__block:nth-of-type(1) {
top: -646px;
right: -219px;
height: 887px;
width: 869px;
border-radius: 220px;
transform: rotate(24deg);
}
.contacts-page .robotics-preview__block:nth-of-type(1) {
top: -646px;
}
.robotics-preview__block:nth-of-type(1)::after {
display: none;
}
.robotics-about__rf {
margin-bottom: 30px;
}
.video-about__offer {
margin-bottom: 30px;
}
.robotics-advantage {
padding: 80px 15px;
}
.robotics-advantage__image {
display: none;
}
.robotics-peculiarities {
padding: 60px 0 0 0;
}
.robotics-peculiarities h2 {
margin-bottom: 50px;
}
.cases {
padding: 60px 0 0 0;
}
.cases h2 {
margin-bottom: 50px;
}
.robotics-peculiarities__item h3 {
margin: 42px 0 16px 0;
}
.robotics-contact__block {
top: 583px;
right: -101px;
}
.robotics-contact__document {
margin-top: 200px;
}
.robotics-differences {
padding: 60px 0;
}
.robotics-differences table {
display: none;
}
.robotics-differences__mobile {
margin-top: 40px;
display: flex;
}
.robotics-description_first {
padding: 120px 0;
}
.robotics-description_first-block:nth-of-type(1) {
top: -550px;
left: -120px;
}
.robotics-description_first-block:nth-of-type(2) {
top: -285px;
left: 340px;
}
.robotics-description_first-block:nth-of-type(3) {
bottom: -250px;
right: 490px;
}
.robotics-description_first-text {
margin-top: 165px;
}
.robotics-description_last {
padding-bottom: 400px;
}
.robotics-description_last-block:nth-of-type(1) {
bottom: -800px;
right: -140px;
}
.robotics-peculiarities_first-block {
right: -80px;
}
.robotics-advantage__block:nth-of-type(1) {
display: none;
}
.key-projects__background {
width: 300%;
background-color: #fff;
transform: rotate(-7deg);
top: -2%;
}
.ntr-section .systems__background {
background-size: contain;
background-color: #5F65FF;
height: 142%;
transform: rotate(-8deg);
left: -75%;
width: 300%;
top: -3%;
}
.ntr-section .solutions__background {
background-size: contain;
background-color: #00A3FF;
height: 142%;
transform: rotate(-8deg);
left: -75%;
width: 300%;
top: -3%;
}
.awards__rectangle {
height: max-content;
}
.awards__texts {
gap: 8px;
}
.awards__title {
font-size: 16px;
}
.awards__info {
font-size: 14px;
}
.problem__img-wrapper {
bottom: -27%;
top: auto;
right: -37%;
}
.video-about {
padding: 120px 0 250px 0;
}
.benefit__background-block {
width: 107%;
height: 115vh;
}
.benefit .content h2 {
margin: 1em 0 2em 1em;
}
.cases__background-block {
top: 8em;
}
.video-contact__document {
top: -95%;
}
.cases__items {
flex-wrap: wrap;
}
.cases__item {
width: 45%;
;
}
.problem__img-wrapper .block {
top: -452px;
right: 142px;
}
.problem__img-wrapper {
bottom: -27%;
top: auto;
right: -37%;
}
.benefit__background-block {
width: 107%;
height: 115vh;
}
.benefit .content h2 {
margin: 1em 0 2em 1em;
}
.cases__background-block {
top: 8em;
}
.video-contact__document {
top: -95%;
}
.cases__items {
flex-wrap: wrap;
}
.cases__item {
width: 45%;
;
}
.problem__img-wrapper .block {
bottom: -27%;
top: auto;
right: -37%;
}
.problem__img-wrapper .block {
top: -1108px;
left: 289px;
right: -50px;
height: 200px;
width: 200px;
border-radius: 60px;
}
.problem__img-overlay {
right: -125px;
top: -992px;
height: 348px;
width: 609px;
border-radius: 83px;
}
.problem__img-overlay img {
left: -34px;
top: -24px;
width: 300px;
}
.video-contact__document {
position: static;
}
.video-contact {
height: 120vh;
}
section.main .home-slider__item {
height: auto;
min-height: unset;
width: auto;
padding: 150px 10% 0 10%;
}
.front-page__wrapper .home-slider__item-main-title h2 {
font-size: 36px;
}
header .header-wrapper {
padding: 24px;
}
.ntr-section.pb {
padding-bottom: 50px;
}
.ntr-section.pt {
padding-top: 50px;
}
.ntr-top {
padding: 120px 0 30px 0;
}
.ntr-top h1 {
font-size: 32px;
word-wrap: break-word;
}
.ntr-top p {
margin-top: 20px;
font-size: 30px;
}
.ntr-top .mixed p {
font-size: 20px;
}
.ntr-container {
padding: 0 30px;
}
.ntr-pre-title {
padding-top: 20px;
padding-bottom: 40px;
}
.ntr-container .ntr-right-subcontainer {
padding: 0;
}
.ntr-container.px-0 {
padding: 0 !important;
}
.ntr-container.pl-0 {
padding-left: 0 !important;
}
.ntr-container.pr-0 {
padding-right: 0 !important;
}
.ntr-title {
padding-left: 30px;
}
.web-tags {
padding-left: 30px;
}
.ntr-title.mb {
margin-bottom: 45px;
}
.news .ntr-title {
margin-top: unset;
}
.ntr-title.mt, .row.mt {
margin-top: 45px;
}
.ntr-title.my {
margin: 45px 0;
}
.ntr-slider .owl-nav {
margin: 0;
}
.ntrmobile-app__wrapper {
margin: 60px 0 100px 0;
}
.ntrmobile-app__wrapper-bg {
border-radius: 24px;
width: 95%;
height: 105%;
}
.ntrmobile-app__wrapper-content {
grid-auto-flow: row;
grid-row-gap: 12px;
grid-template-areas: "details-area";
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 120px;
grid-template-rows: 120px;
}
.ntrmobile-app__wrapper-content__item {
padding: 12px;
}
.ntrmobile-app__wrapper-content__details {
height: 100%;
padding: 10px 60px;
}
.ntrmobile-app__wrapper-content__details img {
display: none;
}
.ntrmobile-modal__close {
top: -10px;
right: -10px;
}
.ntrmobile-modal__body {
padding: 20px 16px;
}
.robotics-about__block {
display: none;
}
.video-about__block {
display: none;
}
.front-page__wrapper .home-slider__item-wrapper {
width: 100%;
min-height: 250px;
justify-content: space-between;
position: relative;
top: -40px;
}
#clients-slider {
justify-content: center;
gap: 60px;
}
#clients-slider .ntr-slider__item {
width: 110px;
height: 110px;
border-radius: 20px;
padding: 10px;
}
#clients-slider .ntr-slider__item img {
height: 80px;
width: 80px;
max-width: 80px;
max-height: 80px;
}
.front-page__wrapper .home-slider__item-main-title h2 {
width: 100%;
}
.front-page__wrapper .home-slider__item-main-title h2 span {
white-space: normal;
}
.robotics-preview__logo {
display: none;
}
.news.ntr-section,
.news.ntr-section .ntr-container {
background: #eee;
}
.news__background-2 {
display: none;
}
.news__background-1 {
background-size: 140%;
width: 100%;
height: 70%;
top: -2%;
background-position: 50% 0%;
}
.news__background-2 {
background-size: 140%;
width: 200%;
height: 200%;
top: -30%;
background-position: center;
}
.single-ntr-cases .ntr-section.pb {
padding-bottom: 80px;
}
}
@media (max-width: 575px) {
.news.ntr-section {
margin-bottom: -30px;
}
.robotics-differences {
padding-bottom: 90px;
}
.ntr-section .systems__background {
top: 1%;
}
.awards__rectangle {
padding-top: 20px;
}
.robotics-preview h1 {
font-size: 1.6rem
}
.cases__background-block {
top: 0em;
}
.problem__img-wrapper .block {
bottom: -27%;
top: auto;
right: -37%;
}
.problem__img-wrapper .block {
top: -1108px;
left: 289px;
right: -50px;
height: 200px;
width: 200px;
border-radius: 60px;
}
.problem__img-overlay {
right: -125px;
top: -992px;
height: 348px;
width: 609px;
border-radius: 83px;
}
.problem__img-overlay img {
left: -34px;
top: -24px;
width: 300px;
}
.retail__all_text {
top: -33vh;
}
.front-page__wrapper .home-slider__item-main-title {
max-width: 100%;
}
.front-page__wrapper .home-slider__item-main-title h2.industry {
font-size: 28px;
}
.home-slider__item-main-title {
font-size: 18px;
}
.solutions-item__title {
margin-bottom: 16px;
}
.sol-main {
background-position: center;
}
.sol-main__content {
align-items: center;
}
.sol-main__content h1 {
margin-bottom: 10%;
font-size: 40px;
text-align: center;
}
.sol-main__content p {
font-size: 18px;
text-align: center;
}
.sol-main__content .sol-sec-btn {
margin-top: 15px;
}
.sol-main__safeai {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/safeai/safeai-m.svg);
}
.sol-main__assigence {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/assigence/assigence-m.svg);
}
.sol-main__ntrmobile {
background-image: url(//ntr.ai/wp-content/themes/newntr2/assets/img/solutions/ntrmobile/ntrmobile-m.svg);
}
.ntrmobile-exam__slider {
padding-left: 0;
}
.ntrmobile-exam__slider .owl-stage-outer::after,
.ntrmobile-exam__slider .owl-stage-outer::before {
display: none;
}
.robotics-about {
padding: 60px 15px;
text-align: center;
}
.robotics-about ul li {
margin-bottom: 16px;
}
.robotics-advantage h2 {
margin-bottom: 38px;
}
.robotics-contact {
padding: 100px 0 150px 0;
}
.robotics-contact h2 {
text-align: center;
}
.robotics-contact__block {
display: none;
}
.robotics-contact__document {
margin-top: 125px;
text-align: center;
}
.robotics-contact__document a {
margin-top: 45px;
}
.robotics-plug {
height: 160px;
}
.robotics-plug__block:nth-of-type(1) {
display: none;
}
.robotics-plug__block:nth-of-type(2) {
height: 150px;
width: 150px;
right: 202px;
bottom: -78px;
border-radius: 45px;
}
.robotics-plug__block:nth-of-type(3) {
bottom: -80px;
right: -25px;
height: 200px;
width: 200px;
border-radius: 70px;
}
.robotics-advantage {
text-align: center;
}
.robotics-description_first-block:nth-of-type(1) {
top: -525px;
left: -120px;
}
.robotics-description_first-block:nth-of-type(2),
.robotics-description_first-block:nth-of-type(3),
.robotics-peculiarities_first-block {
display: none;
}
.robotics-description_first-text {
margin-top: 170px;
}
.video-preview__wrapper {
left: 0;
}
.video-preview__wrapper h1 {
font-size: 3.4em;
}
.video-about {
padding: 100px 15px;
}
.problem {
padding: 0;
}
.problem__img-wrapper {
display: none;
}
.benefit__background-block {
height: 100%;
left: -159px;
width: 147%;
}
.cases__background-block {
width: 120%;
}
.cases h2 {
margin: 1em 1em 50px;
}
.cases__item {
width: 100%;
padding: 15px;
margin-bottom: 40px;
}
.video-contact__wrapper {
padding-left: 20%;
}
.video-contact h2 {
margin-top: 20px;
}
.ntrmobile-app__wrapper {
font-size: 14px;
}
.ntrmobile-app__wrapper-content {
-ms-grid-rows: 140px;
grid-template-rows: 140px;
}
.key-projects__background {
top: -1%;
}
.news__background {
display: block;
background-color: #fff;
}
.home-systems li {
width: 100%;
position: static;
}
.home-systems li:nth-child(even) {
position: static;
}
.clients__background { }
.ntr-section.awards {
background-color: #fff;
}
.awards__background { }
}
@media (max-width: 326px) {
.video-preview__wrapper h1 {
font-size:32px;
}
.robotics-preview h1 {
font-size: 24px;
font-weight: 800;
}
.problem h2 {
font-size: 36px;
}
}
.contacts-page__wrapper {
font-family: "Montserrat", sans-serif;
}
.contacts-page__wrapper .row.offices {
padding-bottom: 30px;
}
.contacts-page__wrapper .main-contact  {
margin-bottom: 40px;
padding: 0px;
}
.contacts-page__wrapper .other-contacts  {
padding: 30px 0px;
flex: 0 0 48%;
max-width: 48%;
}
.contacts-page__wrapper a {
color: #00A3FF;
}
.contacts-page__wrapper a:hover {
color: #0000fe;
}
.contacts-page__wrapper .contacts h3 {
margin-bottom: 20px;
}
.contacts-page__wrapper .contacts h5 {
margin-bottom: 10px;
}
.contacts-page__wrapper .contacts > .row {
justify-content: space-between;
}
.contacts-page__wrapper .contacts .contacts__name {
color: #838383;
margin-top: 10px;
}
@media (max-width: 767px) {
.contacts-page__wrapper .contacts > .row {
margin-left: auto;
margin-right: auto;
}
.contacts-page__wrapper .other-contacts  {
flex: 0 0 100%;
max-width: 100%;
}
}
.wpcf7-form.accent-200 .consultation-form input,
.wpcf7-form.accent-200 .consultation-form textarea {
color:	#6E41EE
}
#consultation-modal {
display: none;
color: #2B3243;
}
#consultation-title {
font-size: 21px;
font-weight: 700;
}
#consultation-modal .sol-contact__form {
padding: 0;
}
#consultation-modal .close {
font-size: 36px;
margin: -5px -5px 0 0;
font-weight: 500;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
float: right;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
#consultation-modal .close:focus,
#consultation-modal .close:hover {
color: #000;
text-decoration: none;
opacity: .75
}
#consultation-modal .close:not(:disabled):not(.disabled) {
cursor: pointer
}
.consultation-button {
line-height: 170%;
font-weight: 500;
}
.consultation-form {
color: #2B3243;
}
.consultation-form__info {
margin-bottom: 20px;
font-size: 15px;
}
.consultation-form__info ul {
padding-left: 20px;
}
.consultation-form__info ul.styled-list {
margin: 0;
}
.consultation-form__info ul.styled-list li {
margin: 0;
}
.consultation-form__info ul.styled-list li p {
margin: 0;
}
.consultation-form__info ul.styled-list li::before {
background: #6E41EE;
}
.consultation-form__types {
margin-bottom: 20px;
}
.consultation-form__types > p:first-child {
color: #A1A1A1;
}
.consultation-form__types .wpcf7-form-control-wrap {
margin-bottom: 6px;
}
.consultation-form__checkboxes {
display: flex;
flex-wrap: wrap;
}
.consultation-form__checkboxes .wpcf7-list-item {
flex: 1;
min-width: 250px;
margin-bottom: 6px;
margin-top: 6px;
}
.consultation-form__checkboxes .wpcf7-list-item label {
display: flex;
gap: 8px;
white-space: normal;
line-height: 16px;
align-items: flex-start;
}
.consultation-form__checkboxes .wpcf7-list-item label input {
margin-top: 1px;
}
.consultation-form__description textarea {
resize: vertical;
min-height: 60px;
max-height: 300px;
}
.consultation-form__file {
margin-top: -12px;
}
.consultation-form__file p:first-child {
color: #a1a1a1;
font-size: 13px;
}
.consultation-form__acceptance {
font-size: 13px;
display: flex;
gap: 8px;
line-height: 16px;
margin-bottom: 20px;
}
.consultation-form__acceptance a {
color: #00A3FF;
}
.consultation-form__acceptance a:hover {
color: #0000FE;
}
.consultation-form__acceptance .wpcf7-list-item {
margin: 3px 0 0 0;
}
.consultation-form__submit {
margin-top: 20px;
}
.consultation-form__submit .sol-sec-btn {
background: #6E41EE !important;
color: #FFF !important;
cursor: pointer;
}
.consultation-form input[type="checkbox"] {
cursor: pointer;
}
.robotics-page .consultation-button {
display: flex;
width: 255px;
padding: 14px 20px 14px 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12px;
background: #00B4FF;
}
.robotics-page .docs-link {
display: flex;
width: 255px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12px;
border: 1px solid #00B4FF;
background: rgba(0, 180, 255, 0.00);
cursor: pointer;
color: #00B4FF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%;
padding: 14px 10px 14px 10px;
}
.robotics-page .consultation-container {
margin-top: 60px;
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: nowrap;
}
.drones-consultation .consultation-form__submit .sol-sec-btn,
.drones-consultation .consultation-form__info ul.styled-list li::before {
background: #00B4FF;
}
.drones-consultation .consultation-form__submit .sol-sec-btn {
background: #00B4FF !important;
}
.drones-consultation .wpcf7-form.accent-200 .consultation-form input,
.drones-consultation .wpcf7-form.accent-200 .consultation-form textarea {
color:	#00B4FF
}
.video-page .video-about .consultation-container {
margin: 20px 0;
width: 100%;
display: flex;
justify-content: center;
gap: 40px;
}
.video-page  .video-about .consultation-button {
display: flex;
width: 255px;
padding: 14px 20px 14px 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12px;
background: #B866E6;
cursor: pointer;
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%;
border: none;
}
.video-page .video-about .consultation-link {
display: flex;
width: 255px;
padding: 14px 20px 14px 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12px;
border: 1px solid #55DCB6;
background: rgba(0, 180, 255, 0.00);
cursor: pointer;
color: #55DCB6;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%;
}
.video-page .video-about {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12px;
border: 1px solid #B866E6;
background: rgba(0, 180, 255, 0.00);
cursor: pointer;
color: #B866E6;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%;
}
.videoai-consultation .consultation-form__submit .sol-sec-btn,
.videoai-consultation .consultation-form__info ul.styled-list li::before {
background: #B866E6;
}
.videoai-consultation .consultation-form__submit .sol-sec-btn {
background: #B866E6 !important;
}
.videoai-consultation .wpcf7-form.accent-200 .consultation-form input,
.videoai-consultation .wpcf7-form.accent-200 .consultation-form textarea {
color:	#B866E6
}
@media (max-width: 767px) {
.video-page .video-about .consultation-container {
flex-direction: column;
gap: 24px;
align-items: center;
}
.video-page .video-about .consultation-button,
.video-page .video-about .consultation-link,
.video-page .video-about .docs-link {
width: 80%;
padding: 14px 0 14px 0;
}
}
@media (max-width: 310px) {
.video-page .video-about .consultation-button,
.video-page .video-about .consultation-link,
.video-page .video-about .docs-link {
width: 100%;
font-size: 14px;
}
}
@media (max-width: 991px) {
.robotics-peculiarities .container .row.justify-content-between {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.robotics-peculiarities__item {
align-items: center;
justify-content: center;
text-align: center;
}
}
.accreditation {
margin-top: 30px;
display: flex;
gap: 20px;
align-items: center;
}
.accreditation  span {
color: #ffffff80;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 100%;
text-align: left;
}.ntr-top h1 {
font-size: 39px;
font-weight: 800;
line-height: 49px;
word-break: normal;
white-space: pre-line;
overflow-wrap: normal;
}
@media (max-width: 768px) {
.ntr-top h1 {
font-size: 24px;
font-weight: 900;
line-height: 35px;
}
}
@media (max-width: 479px) {
.ntr-top h1 {
font-size: 20px;
font-weight: 900;
line-height: 35px;
}
}
.about-us-page__wrapper .top-section__title h1 {
white-space: nowrap;
font-size: 56px;
font-weight: 800;
}
@media (max-width: 767px) {
.about-us-page__wrapper .top-section__title h1 {
font-size: 42px;
}
}
footer a[href="/sitemap/"] {
display: inline-block;
margin-bottom: 30px;
}
ul.html-sitemap ul {
padding-left: 20px;
}
.home-slider__item-main-title h1 {
font-weight: 800;
font-size: clamp(24px, 10vw, 58px);
line-height: 110%;
text-transform: uppercase;
width: min-content;
}
.home-slider__item-main-title h1 span {
white-space: nowrap;
}
.links-list {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 5%;
grid-auto-flow: column;
}
.links-list .menu-item.menu-item-has-children .sub-menu {
display: block;
position: static;
margin: 0;
padding-left: 20px;
background: none;
}
.links-list .menu-item,
.links-list .menu-item.menu-item-has-children .sub-menu .menu-item {
min-width: unset;
width: unset;
background: none;
padding: 0;
}
.links-list .menu-item.menu-item-has-children.menu-item-953 {
grid-row: span 6;
order: 1;
}
@media (max-width: 1024px) {
.links-list {
grid-template-columns: 1fr 1fr;
gap: 0;
}
.links-list .menu-item.menu-item-has-children.menu-item-953 {
grid-row: span 9;
}
}
@media (max-width: 480px) {
.links-list {
grid-template-columns: 1fr;
grid-auto-flow: unset;
}
.links-list .menu-item.menu-item-has-children.menu-item-953 {
grid-row: unset;
order: unset;
}
}
.front-page__wrapper:not(.about-us-page__wrapper) .ntr-section.important-figures {
position: relative;
z-index: 1;
padding-top: 140px;
padding-bottom: 80px;
background: #fff;
color: #2B3243;
}
.front-page__wrapper:not(.about-us-page__wrapper) .ntr-section .important-figures__background {
display: none;
position: absolute;
background-repeat: no-repeat;
background-size: 100%;
z-index: 1;
width: 95%;
height: 300%;
top: 0;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important {
display: flex;
width: 100%;
gap: 0 97px;
flex-wrap: wrap;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important__item {
padding: 0 0 60px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
max-width: 200px;
}
.front-page__wrapper:not(.about-us-page__wrapper):not(.about-us-page__wrapper) .home-important__item span {
margin-right: 60px;
padding-bottom: 17px;
font-size: 64px;
font-weight: 800;
line-height: 120%;
width: 200px;
border-bottom: 4px solid #2B3243;
}
.front-page__wrapper:not(.about-us-page__wrapper):not(.about-us-page__wrapper) .home-important__item p {
margin-bottom: auto;
font-size: 14px;
line-height: 130%;
width: 170px;
}
@media (max-width: 1365px) {
.front-page__wrapper:not(.about-us-page__wrapper) .ntr-section.important-figures {
padding-top: 120px;
}
.front-page__wrapper:not(.about-us-page__wrapper)  .ntr-section .important-figures__background {
width: 120%;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important {
justify-content: space-between;
gap: 0;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important__item span {
width: 160px;
margin-right: 0;
font-size: 56px;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important__item p {
width: 160px;
}
}
@media (max-width: 1199px) {
.front-page__wrapper:not(.about-us-page__wrapper) .ntr-section.important-figures {
padding-top: 100px;
}
}
@media (min-width: 768px) and (max-width: 1029px) {
.front-page__wrapper:not(.about-us-page__wrapper) .ntr-section.important-figures {
padding-top: 90px;
}
.front-page__wrapper:not(.about-us-page__wrapper)  .important-figures h2 {
width: max-content;
font-size: 28px;
}
.front-page__wrapper:not(.about-us-page__wrapper)  .ntr-section .important-figures__background {
width: 100%;
}
}
@media (max-width: 767px) {
.front-page__wrapper:not(.about-us-page__wrapper) .ntr-section.important-figures {
padding-top: 60px;
}
.front-page__wrapper:not(.about-us-page__wrapper)  .ntr-section .important-figures__background {
background-size: 250%;
left: -80%;
width: 200%;
}
.front-page__wrapper:not(.about-us-page__wrapper)  .ntr-section.important-figures {
padding-bottom: 60px;
}
.front-page__wrapper:not(.about-us-page__wrapper)  .important-figures .ntr-container {
padding: 0 50px;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important {
max-width: 340px;
margin: auto;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important__item {
padding: 25px 0;
flex-direction: column;
align-items: start;
max-width: 100%;
width: 100%;
gap: 0;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important__item span {
margin-bottom: 15px;
font-size: 40px;
width: 100%;
}
.front-page__wrapper:not(.about-us-page__wrapper) .home-important__item p {
width: 100%;
text-align: left;
}
}
@media (min-width: 768px) {
.home-history__item span {
max-width: 145px;
}
}
.news-list__item .img-link {
display: block;
width: 100%;
}
.pub-list__item .left-wrapper .img-link {
display: block;
cursor: pointer;
}
.pub-list__item .left-wrapper .not-img-wrapper {
cursor: unset;
}
footer .row {
justify-content: start;
gap: 5%;
}
footer .row div:has(.links-list) {
width: 60%;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//ntr.ai/wp-content/themes/newntr2/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.modal-open {
padding: 0 !important;
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
padding: 0 !important;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (0.5rem * 2));
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
margin-left: .25rem;
}
.modal-footer > :not(:last-child) {
margin-right: .25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
width: 90%;
max-width: 640px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2));
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 800px;
}
}