html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
@font-face {
font-family: Neuropol;
font-display: swap;
src: url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/ofont.ru_Neuropol.ttf) format('truetype');
font-style: normal;
}
@font-face {
font-family: DelaGothicOn;
font-display: swap;
src: url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/DelaGothicOne-Regular.ttf) format('truetype');
font-style: normal;
}
@font-face {
font-family: MontserratMedium;
font-display: swap;
src: url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/Montserrat-Medium.woff2) format("woff2"),
url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts//Montserrat-Medium.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: MontserratRegular;
font-display: swap;
src: url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/Montserrat-Regular.woff2) format("woff2"),
url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/Montserrat-Regular.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: MontserratBold;
font-display: swap;
src: url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/Montserrat-Bold.woff2) format("woff2"),
url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/Montserrat-Bold.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: Days;
font-display: swap;
src: url(//marketingwedo.ru/wp-content/themes/navidu/assets/fonts/ofont.ru_Days.ttf) format('truetype');
font-style: normal;
}
.wrapper{
display: flex;
flex-direction: column;
min-height: 100%;
overflow-x: hidden;
}
html {
scroll-behavior: smooth;
}
main{
flex: 0 0 100%;
}
html,
body {
height: 100%;
}
body::before { content: 'mobile';
display: none;
}
.show-block{
display:none;
}
@media only screen and (min-width: 1050px) {
body::before { content: 'desktop';
}
}
@media only screen and (min-width: 1050px) {
body[data-hijacking="on"] {
overflow: hidden;
}
}
.cd-section {
height: 100vh;
}
.container1{
}
@media (max-width:1050px) {
.cd-section {
height: auto;
}
.block__text{
padding: 100px 0px;
}
}
.cd-section:first-of-type > div {
background:#00000065 url(/wp-content/themes/img/pl3.jpg);
background-blend-mode: color;
background-attachment: fixed;
background-size: cover;
}
.cd-section:nth-of-type(2) > div {
background-color: #2e5367;
}
.cd-section:nth-of-type(3) > div {
background-color: #267481;
}
.cd-section:nth-of-type(4) > div {
background-color: #fcb052;
}
.cd-section:nth-of-type(5) > div {
background-color: #f06a59;
}
.cd-section:nth-of-type(6) > div {
background-color: #ff790b;
}
.cd-section:nth-of-type(7) > div {
background-color: #ff432a;
}
[data-animation="parallax"] .cd-section > div, [data-animation="fixed"] .cd-section > div, [data-animation="opacity"] .cd-section > div {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
[data-animation="parallax"] .cd-section:first-of-type > div, [data-animation="fixed"] .cd-section:first-of-type > div, [data-animation="opacity"] .cd-section:first-of-type > div {
background: #fff;
background-size: cover;
}
[data-animation="parallax"] .cd-section:nth-of-type(2) > div, [data-animation="fixed"] .cd-section:nth-of-type(2) > div, [data-animation="opacity"] .cd-section:nth-of-type(2) > div {
background: url(//marketingwedo.ru/wp-content/uploads/2025/04/news-img.jpg);
background-size: cover;
}
[data-animation="parallax"] .cd-section:nth-of-type(3) > div, [data-animation="fixed"] .cd-section:nth-of-type(3) > div, [data-animation="opacity"] .cd-section:nth-of-type(3) > div {
background: #fff;
}
[data-animation="parallax"] .cd-section:nth-of-type(4) > div, [data-animation="fixed"] .cd-section:nth-of-type(4) > div, [data-animation="opacity"] .cd-section:nth-of-type(4) > div {
background: #ffffff;
}
[data-animation="parallax"] .cd-section:nth-of-type(5) > div, [data-animation="fixed"] .cd-section:nth-of-type(5) > div, [data-animation="opacity"] .cd-section:nth-of-type(5) > div {
background: #fff;
}
[data-animation="parallax"] .cd-section:nth-of-type(6) > div, [data-animation="fixed"] .cd-section:nth-of-type(6) > div, [data-animation="opacity"] .cd-section:nth-of-type(6) > div {
background: #ffffff;
}
[data-animation="parallax"] .cd-section:nth-of-type(7) > div, [data-animation="fixed"] .cd-section:nth-of-type(7) > div, [data-animation="opacity"] .cd-section:nth-of-type(7) > div {
background: #fff;
}
[data-animation="parallax"] .cd-section:nth-of-type(8) > div, [data-animation="fixed"] .cd-section:nth-of-type(7) > div, [data-animation="opacity"] .cd-section:nth-of-type(7) > div {
background: #fff;
}
[data-animation="parallax"] .cd-section:nth-of-type(9) > div, [data-animation="fixed"] .cd-section:nth-of-type(7) > div, [data-animation="opacity"] .cd-section:nth-of-type(7) > div {
background: #fff;
}
[data-animation="parallax"] .cd-section:nth-of-type(10) > div, [data-animation="fixed"] .cd-section:nth-of-type(7) > div, [data-animation="opacity"] .cd-section:nth-of-type(7) > div {
background: #fff;
}
@media only screen and (min-width: 1050px) {
.cd-section h2 {
font-size: 4rem;
font-weight: 300;
}
[data-hijacking="on"] .cd-section {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
[data-hijacking="on"] .cd-section > div {
visibility: visible;
}
[data-hijacking="off"] .cd-section > div {
opacity: 0;
}
[data-animation="rotate"] .cd-section { -webkit-perspective: 1800px;
-moz-perspective: 1800px;
perspective: 1800px;
}
[data-hijacking="on"][data-animation="rotate"] .cd-section:not(:first-of-type) {
-webkit-perspective-origin: center 0;
-moz-perspective-origin: center 0;
perspective-origin: center 0;
}
[data-animation="scaleDown"] .cd-section > div, [data-animation="gallery"] .cd-section > div, [data-animation="catch"] .cd-section > div {
box-shadow: 0 0 0 rgba(25, 30, 46, 0.4);
}
[data-animation="opacity"] .cd-section.visible > div {
z-index: 1;
}
}
@media only screen and (min-width: 1050px) {
.cd-section:first-of-type > div::before {
display: none;
}
}
@media only screen and (min-width: 1050px) {
.cd-section > div {
position: fixed;
top: 0;
left: 0%;
height: 100%;
width: 100%; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
[data-hijacking="on"] .cd-section > div {
position: absolute;
}
[data-animation="rotate"] .cd-section > div {
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
}
}
.cd-vertical-nav { position: fixed;
z-index: 1;
right: 3%;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
}
.cd-vertical-nav a.cd-prev {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
margin-bottom: 10px;
}
.cd-vertical-nav a.inactive {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
@media only screen and (min-width: 1050px) {
.cd-vertical-nav {
display: block;
}
}
.container {
max-width: 1640px;
padding: 0px 15px;
margin: 0 auto;
width: 100%;
}
.otziv-main.hidden {
display: none !important;
}
.otziv-main-video{
display: flex;
gap: 50px;
position: relative !important;
border: 2px solid #000;
padding: 50px 30px;
border-radius: 20px;
box-sizing: border-box;
margin: 20px 0px;
}
.otziv-size-video{
margin: 0px 0px;
width: 94% !important;
}
.otziv-flex-wrap{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}
header{
position: relative;
z-index: 3;
background-color: transparent;
}
.header__flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 20px 0px;
}
.logo:hover .logo-img{
transform: translateX(-5px);
}
.logo:hover .logo__header{
color: #000;
}
.logo__header {
font-size: calc(22px + 18 * (100vw / 1900));
font-family: MontserratBold;
line-height: calc(24px + 20 * (100vw / 1900));
color: #EEAA9C;
transition: all 0.4s ease 0s;
}
.logo-img{
max-height: 42px;
transition: all 0.5s ease 0s;
}
.menu__body__glav {
}
.menu__list__glav {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.header__link-link {
text-decoration: none;
color: #000000;
text-transform: uppercase;
cursor: pointer;
transition: all 0.4s ease 0s;
font-size: calc(12px + 2 * (100vw / 1900));
font-family: MontserratMedium;
position: relative;
}
.header__link-link:nth-child(1)::before, .header__link-link:nth-child(1)::after{
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
content: '';
opacity: 0;
}
.header__link-link:nth-child(1)::before {
height: 10px;
top: 100%;
}
.header__link-link:nth-child(1)::after {
transition: opacity 300ms;
transition-delay: 0s;
}
.header__link-link:nth-child(1):hover::before {
opacity: 1;
animation: lineUp 300ms ease forwards;
}
.link-otziv{
display: flex;
flex-wrap: wrap;
margin: 0px;
justify-content: flex-start;
}
@keyframes lineUp {
0% {
transform-origin: 50% 100%;
transform: scale3d(1, 0.045, 1);
}
50% {
transform-origin: 50% 100%;
transform: scale3d(1, 1, 1);
}
51% {
transform-origin: 50% 0%;
transform: scale3d(1, 1, 1);
}
100% {
transform-origin: 50% 0%;
transform: scale3d(1, 0.045, 1);
}
}
.header__link-link:nth-child(1):hover::after {
opacity: 1;
transition-delay: 300ms;
}
.header__link-link:hover{
color: #000000;
}
.header__link-link:hover::before{
scale: 1;
}
.form__scroll{
transition: all 0.4s ease 0s;
}
.form__scroll a:hover{
background-color: #c96518;
border-radius: 0px;
}
.burger {
display: none;
}
.burger._active .burger__line{
transform: rotate(45deg);
background-color: transparent;
}
.burger._active .burger__line::before{
transform: translate(0px, 7px) rotate(-90deg);
}
.burger._active .burger__line::after{
transform:translate(0px, -7px)  rotate(0deg);
}
@media (max-width:992px) {
.burger {
display: block;
}
.burger__line {
width: 25px;
height: 2px;
background-color: #000;
transition: all 0.4s ease 0s;
position: relative;
}
.burger__line::before {
width: 30px;
height: 2px;
top: -7px;
left: -5px;
position: absolute;
content: "";
background-color:#000;
transition: all 0.4s ease 0s;
}
.burger__line::after {
width: 30px;
height: 2px;
top: 7px;
left: -5px;
position: absolute;
content: "";
background-color: #000;
transition: all 0.4s ease 0s;
}
.menu__body__glav{
position: absolute;
left: -115%;
top: 72px;
background-color: #fff;
width: 100%;
height: 100vh;
transition: all 0.4s ease 0s;
padding: 20px;
z-index: 13;
}
.menu__body__glav._active{
left: 0px;
}
.menu__body__glav ul{
flex-direction: column;
gap: 20px;
align-items: start;
}
}
.first__main {
}
.cd-section {
}
.visible {
}
.container {
}
.center__block {
display: flex;
color: #000;
flex-direction: column;
gap: 20px;
width: 100%;
margin-left: 100px;
margin-top: 150px;
}
.center__block h1{
font-family: MontserratMedium;
font-size: calc(36px + 24 * (100vw / 1900)); 
color: #333333;
max-width: 1100px;
margin: 10px 0px;
}
.center__block p{
font-family: MontserratRegular;
font-size: 14px;
text-transform: uppercase;
color: #000000;
}
.center__block .mini-p {
font-size: 12px;
color: #8d8d8d;
font-family: MontserratRegular;
}
.abs-logo{
position: relative;
z-index: 10;
width: 100%;
opacity: 0;
}
.abs-logo._active{
animation: navidu 0.5s linear 1s forwards;
}
@keyframes navidu {
0%{
transform: translateY(300px);
}
100%{
transform: translateY(220px);
opacity: 1;
}
}
.rait {
}
.container1 {
}
.container {
}
.container h2{
font-family: MontserratMedium;
margin-top: 50px;
font-size: 24px;
text-align: end;
}
.flex__raiting {
display: flex;
justify-content: center;
margin: 0 auto;
flex-wrap: wrap;
gap: 30px;
max-width: 1200px;
margin-top: 40px;
}
.raiting__item {
flex: 0 1 29%;
text-align: left;
display: flex;
padding: 25px 0px;
min-height: 200px;
flex-direction: column;
gap: 15px;
border-right: 1px solid #888888;
}
.raiting__item:nth-child(3),
.raiting__item:nth-child(6),
.raiting__item:nth-child(8){
border-right:none;
}
.raiting__item h2{
text-align: left;
margin-top: 0px;
}
.raiting__item h2 a{
font-size: 34px ;
}
.header__link-link {
}
.text__agency {
font-family: MontserratRegular;
text-transform: uppercase;
}
.cd-section {
}
.container1 {
}
.container {
}
.accorion {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 50px;
align-items: center;
}
.accordion__item {
width: 100%;
border-top: 1px solid #8d8d8d;
}
.accordion__item:last-child{
border-bottom: 1px solid #8d8d8d;
}
.accordion__button {
background-color: transparent;
border: none;
display: flex;
align-items: center;
width: 100%;
padding: 17px 10px;
font-family: MontserratRegular;
font-size: calc(18px + 8 * (100vw / 1900));
text-align: left;
color: #000; 
justify-content: space-between;
}
.span__burger {
position: relative;
width: 20px;
cursor: pointer;
height: 20px;
transition: all 0.8s ease 0s;
}
.span__burger::before{
position: absolute;
content: "";
width: 20px;
height: 2px;
background-color: #000;
left: 0px;
top: 10px;
transition: all 0.8s ease 0s;
}
.span__burger::after{
position: absolute;
content: "";
width: 20px;
height: 2px;
background-color: #000;
transform: rotate(90deg);
left: 0px;
top: 10px;
transition: all 0.8s ease 0s;
}
.accordion__button.rotate .span__burger::before{
transform: rotate(125deg);
}
.accordion__button.rotate .span__burger::after{
transform: rotate(215deg);
}
.answer {
max-height: 0; overflow: hidden;
transition: all 0.7s ease; padding: 0 10px; font-family: MontserratRegular;
font-size: calc(14px + 4 * (100vw / 1900));
margin-top: 5px;
line-height: calc(110% + 2 * (100vw / 1900));
}
.answer.open {
max-height: 1000px; padding: 10px; }
footer{
background-color: #000;
position: relative;
z-index: 10;
}
.top__button {
width: 100%;
position: relative;
}
.top__button a{
text-decoration: none;
}
.center__button {
background-color: #6a59b8;
padding: 60px 0px;
text-align: center;
text-decoration: none;
font-family: MontserratMedium;
text-transform: uppercase;
font-size: 36px;
color: #fff;
}
.top__button div:nth-child(2){
position: absolute;
left: -120%;
height: 100%;
top: 0%;
width: 110%;
transform: translate(0px, 0px) skewX(-30deg);
background-color:#6a59b8;
transition: all 0.4s ease 0s;
text-align: center;
}
.left__button:nth-child(3) {
position: absolute;
left: -120%;
top: 0%;
width: 110%;
color: #fff;
font-family: MontserratMedium;
font-size: 36px;
text-transform: uppercase;
padding: 60px 0px;
transition: all 0.4s ease 0s;
text-align: center;
}
.left__button span{
}
.top__button:hover div:nth-child(2){
left:-5%;
}
.top__button:hover .left__button{
left:-5%;
}
.btn-back-cases{
font-family: MontserratMedium;
font-size: calc(15px + 2 * (100vw / 1900));
text-transform: uppercase;
background-color: white;
color: #7A79E3;
border: solid 1px #7A79E3;
text-decoration: none;
padding: 10px 20px;
border-radius: 100px;
}
.btn-back-cases:hover{
font-family: MontserratMedium;
font-size: calc(15px + 2 * (100vw / 1900));
text-transform:uppercase;
background-color: #7A79E3;
color: white;
text-decoration: none;
padding: 10px 20px;
border-radius: 100px;
border:solid 1px #7A79E3;
}
.backbtn-block{
z-index: 1;
margin-bottom: 30px;
} .tabs {
margin: 0 auto;
}
.tab-links {
display: flex;
list-style-type: none;
padding: 0;
margin: 30px auto;
gap: 25px;
flex-wrap: wrap;
justify-content: center;
}
.col-1__item h3{
font-family: MontserratRegular;
font-size: 20px;
}
.tab-links li {
flex: 0 1 18%;
text-align: center;
padding: 10px;
cursor: pointer;
border-radius: 12px;
box-sizing: border-box;
font-weight: bold;
border-bottom: none;
border: 1px solid #7A79E3;
transition: all 0.4s ease 0s;
}
.tab-links li a{
text-decoration: none;
height: 100%;
align-items:center;
font-family: MontserratRegular;
color: #7A79E3;
display: flex;
justify-content: center;
transition: all 0.4s ease 0s;
}
.tab-links li:hover{
background-color: #7A79E3;
}
.tab-links li:hover a{
color: #fff;
} .tab-links li.active {
background-color: #7A79E3;
}
.tab-links li.active a{
color: #fff;
} .tab-content {
} .tab-pane {
display: none;
} .tab-pane.active {
display: block;
}
.groupe-case {
}
.container1 {
}
.flex__keis {
display: flex;
gap: 70px;
justify-content: center;
flex-wrap: wrap;
padding: 40px 0px;
}
.keis-item {
flex: 0 1 45%;
border-radius: 5px;
display: flex;
flex-direction: column;
overflow: hidden;
text-decoration: none;
position:relative;
}
.keis-item:hover .bottom-info{
background-color: #7A79E3;
color: #fff;
}
.keis-item:hover .mimi-text{
color: #F1F1F1;
}
.top-info {
position: relative;
}
.text-top-info {
max-width: 390px;
padding: 30px 0px 150px 50px;
color: #fff;
}
.text-top-info h3{
font-family: Neuropol;
font-size: 36px;
margin-bottom: 30px;
}
.big-number {
font-family: Days;
font-size: 50px;
}
.opis-number {
font-family: MontserratMedium;
font-size: 18px;
}
.abs-name-keis {
position: absolute;
content: "";
right: 20px;
top: 0px;
padding: 50px 20px 10px 20px;
background-color: #7A79E3;
font-family: MontserratMedium;
font-size: 16px;
color: #fff;
border-radius: 0px 0px 10px 10px;
}
.abs-navidu {
position: absolute;
content: "";
right: 20px;
bottom: 20px;
font-family: Neuropol;
font-size: 22px;
color: #fff;
}
.bottom-info {
padding: 20px;
background-color: #F5F5F5;
color: #000;
display: flex;
height: 100%;
flex-direction: column;
align-items: stretch;
transition: all 0.5s ease 0s;
}
.bottom-info h2{
font-family: MontserratMedium;
font-size: 22px;
margin-bottom: 10px;
margin-top: 0px;
text-align: left;
}
.mimi-text {
font-family: MontserratRegular;
color: #828282;
font-size: 16px;
margin-bottom: 10px;
transition: all 0.5s ease 0s;
}
.opisanie-keis{
font-family: MontserratRegular;
margin-bottom: 10px;
line-height: 120%;
}
.date-keis {
font-family: MontserratMedium;
font-size: 16px;
}
.top-info{
background-size: cover !important;
} .detai-keis {
padding: 40px 0px;
}
.container {
box-sizing: border-box;
}
.detai-keis  h1{
font-family: MontserratMedium;
font-size: calc(22px + 14 * (100vw / 1900));
text-transform: uppercase;
margin-bottom: 20px;
}
.img-keis {
width: 100%;
border-radius: 20px;
}
.flex_col-2 {
margin-top: 30px;
display: flex;
gap: 50px;
justify-content: space-between;
}
.col-2__item {
flex: 0 1 50%;
}
.text-border {
font-family: MontserratMedium;
font-size: calc(20px + 10 * (100vw / 1900));
display: flex;
flex-direction: column;
gap: 15px;
flex: 0 1 40%;
color: #000;
text-transform: uppercase;
}
.opisanie-text {
font-family: MontserratRegular;
font-size: 18px;
padding: 5px;
margin-top: 10px;
line-height: 130%;
color: #000;
}
.flex_col-1 {
margin-top:40px;
display: flex;
justify-content: space-between;
gap: 20px;
padding-bottom: 40px;
border-bottom: 1px solid #333;
}
.col-1__item {
display: flex;
flex-direction: column;
gap: 20px;
flex: 0 1 60%;
}
.col-1__item p{
font-family: MontserratRegular;
font-size: 18px;
}
.col-2-item {
flex: 0 1 50%;
}
.block-detail-keis-img img{
width: 100%;
max-width: 300px;
}
.name-atap{
font-family: MontserratMedium;
font-size: 26px;
margin-top: 25px;
text-transform: uppercase;
color: #000;
}
.list-keis{
padding-left: 20px;
}
.list-keis li{
font-family: MontserratRegular;
margin-top: 15px;
font-size: 18px;
position: relative;
}
.list-keis li::before{
position: absolute;
content: "";
left: -15px;
top: 5px;
width: 7px;
height: 7px;
background-color: #000;
border-radius: 10px;
}
.flex__kreativ {
display: flex;
gap: 30px;
margin-top: 30px;
}
.img-kreativ {
flex: 0 1 33%;
text-align: center;
}
.img-kreativ img{
}
.priziv{
color: #fff;
padding: 12px 20px;
border-radius: 7px;
background-color: #7A79E3;
font-family: MontserratMedium;
text-transform: uppercase;
font-size: 20px;
text-decoration: none;
transition: all 0.5s ease 0s;
box-shadow: 0px 0px 10px #0000005b;
}
.priziv:hover{
background-color: #6a68c4;
box-shadow: 0px 0px 100px #00000000;
}
body.disable-scroll {
overflow: hidden;
}
.slideshow {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
}
.slideshow .slider {
width: 100vw;
height: 100vw;
z-index: 2;
}
.slideshow .slider * {
outline: none;
}
.slideshow .slider .item {
height: 100vh;
width: 100vw;
position: relative;
overflow: hidden;
border: none;
}
.slideshow .slider .item .text {
display: none;
}
.slideshow .slider .item img {
min-width: 101%;
min-height: 101%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slideshow .slick-dots {
position: fixed;
z-index: 100;
width: 40px;
height: auto;
bottom: auto;
top: 50%;
right: 0;
transform: translateY(-50%);
left: auto;
color: #fff;
display: block;
}
.slideshow .slick-dots li {
display: block;
width: 100%;
height: auto;
}
.slideshow .slick-dots li button {
position: relative;
width: 20px;
height: 15px;
text-align: center;
}
.slideshow .slick-dots li button:before {
content: "";
background: #000000;
color: #fff;
height: 2px;
width: 20px;
border-radius: 0;
position: absolute;
top: 50%;
right: 0;
left: auto;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
opacity: 0.6;
}
.slideshow .slick-dots li.slick-active button:before {
width: 40px;
opacity: 1;
}
.slideshow.slideshow-right {
left: 0;
z-index: 1;
width: 50vw;
pointer-events: none;
}
.slideshow.slideshow-right .slider {
left: 0;
position: absolute;
}
.slideshow-text {
position: absolute !important;
display:none !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
font-size: 56px;
width: 700px;
text-align: center;
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-weight: 100;
pointer-events: none;
text-transform: uppercase;
letter-spacing: 20px;
line-height: 0.8;
}
.slideshow-text .slick-slide{
background-color: #0000006e;
display: inline-flex !important;
text-align: center;
justify-content: center;
}
@media (max-width: 767px) {
.slideshow-text {
font-size: 40px;
}
}
.the-most {
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
width: 50vw;
max-width: 200px;
padding: 10px;
}
.the-most img {
max-width: 100%;
}
.abs-text-keis{
position: absolute;
content: "";
left: 50%;
transform: translate(-50%, 0%);
top: 0%;
padding:10px 20px;
font-family: MontserratMedium;
font-size: 24px;
z-index: 10;
background-color: #fff;
border-radius: 0px 0px 10px 10px;
}
.haeder-anim{
transform: translateY(-30px);
opacity: 0;
transition: all 0.8s ease 0s;
}
.haeder-anim._active{
opacity: 1;
transform: translateY(0px);
}
.title-animation{
transform: translateY(200px);
transition:all 0.6s ease 0.5s;
opacity: 0;
}
.title-animation._active{
opacity: 1;
transform: translateY(0px);
}
.subtitle-animation{
transform: translateX(-200px);
transition:all 0.6s ease 0.5s;
opacity: 0;
margin-bottom: 50px;
}
.subtitle-animation._active{
opacity: 1;
transform: translatex(0px);
}
.mini-p{
opacity: 0;
transition:all 0.6s ease 0.5s;
}
.mini-p._active{
opacity: 1;
}
.footer__bottom{
background-color: #000;
}
.footer__flex{
display: flex;
justify-content: space-between;
gap: 100px;
padding: 50px 0px;
}
.footer__item{
display: flex;
gap: 15px;
flex-direction: column;
max-width: 500px;
}
.footer__item a{
color: #c4c4c4;
text-decoration: none;
font-family: MontserratMedium;
transition: all 0.4s ease 0s;
}
.footer__item a:hover{
color: #fff;
}
.footer__item p{
color: #bdbdbd;
font-family: MontserratRegular;
margin-bottom: 10px;
}
.flex__social{
display: flex;
gap: 10px;
align-items: center;
}
.info-tel-mail{
display: flex;
gap: 10px;
flex-direction: column;
margin: 20px 0px;
}
.footer__item {
}
.title__item {
font-family: MontserratMedium;
color: #525252;
text-transform: uppercase;
font-size: 16px;
}
.footer__item ul{
display: flex;
gap: 15px;
flex-direction: column;
}
.footer__item ul li{
font-family: MontserratMedium;
color: #c4c4c4;
font-size: 16px;
text-transform: uppercase;
}
.first-block-who {
padding: 50px 0px;
background: url(/wp-content/themes/img/ako.jpg);
background-size: cover;
}
.first-block-who h1{
font-family: MontserratMedium;
font-size: 40px;
color: #333333;
}
.flex-block-col2 {
display: flex;
gap: 20px;
}
.block-col2-item {
display: flex;
gap: 100px;
flex: 0 1 50%;
}
.block-col2-item h3{
font-family: MontserratRegular;
font-size: 13px;
color: #333333;
}
.info-osnofatel{
width: 100%;
}
.info-osnofatel p{
font-family: MontserratRegular;
font-size: 16px;
color: #333333;
}
.info-osnofatel h4{
font-family: MontserratMedium;
font-size: 18px;
color: #333333;  
}
.block-people {
padding: 50px 0px;
}
.block-people h3{
font-family: MontserratRegular;
font-size: 13px;
color: #333333;
}
.block-col2-item p{
font-family: MontserratRegular;
font-size: 16px;
color: #333333;
}
.flex-wrap-people {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 30px;
}
.people-item {
flex: 0 1 31%;
transition: all 0.5 ease 0s;
}
.people-item img{
filter: grayscale(1);
width: 100%;
transition: all 0.5s ease 0s;
}
.people-item:hover img{
filter: grayscale(0);
}
.people-item:hover .line{
background-color: #7A79E3;
width: 100px;
}
.people-item h3{
font-family: MontserratMedium;
font-size: 18px;
color: #333333;  
margin-top: 20px;
}
.people-item p{
font-family: MontserratRegular;
font-size: 16px;
color: #333333;
margin-top: 10px;
}
.line {
margin: 20px 0px;
transition: all 0.5s ease 0s;
height: 2px;
width: 30px;
background: #000;
} .uslugi__block .title__h2{
font-size: calc(26px + 26 * (100vw / 1900));
font-family: MontserratRegular;
color: #333;
}
.uslugi__block .answer.open{
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
max-height: 1000px;
}
.uslugi__block .accorion:last-child{
padding-bottom: 50px;
}
.uslugi__block .answer.open:hover {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
.uslugi__block .answer{
display: flex;
gap: 20px;
}
.answer__left{
flex: 0 1 50%;
padding: 30px 0px;
}
.serweces-title{
display: flex;
gap: 20px;
max-width: 800px;
width: 100%;
justify-content: space-between;
padding-right: 15px;
}
.services__slogan {
font-size: calc(22px + 16 * (100vw / 1900));
line-height: 115%;
text-transform: uppercase;
font-family: MontserratRegular;
color: #000;
max-width: 600px;
}
.btn__services {
margin-top: 35px;
}
.btn__services a{
padding: 20px 40px;
background-color: #000;
border-radius: 105px;
text-decoration: none;
transition: all 0.5s ease 0s;
color: #fff;
font-family: MontserratRegular;
border: 1px solid #000;
text-transform: uppercase;
}
.btn__services a:hover{
background-color: #fff;
color: #000;
}
.answer__right {
padding: 30px 0px;
flex: 0 1 50%;
}
.list__answer{
margin-top: 25px;
padding-left: 30px;
}
.answer__right p{
color: #333;
}
.list__answer li{
list-style: disc;
font-size: 16px;
font-family: MontserratRegular;
color: #333;
margin-top: 10px;
}
@media (max-width:992px) {
.uslugi__block .answer.answer{
flex-direction: column;
}
}
@media (max-width:560px) {
.serweces-title{
flex-direction: column;
align-items: flex-start;
}
.btn__services a{
padding: 15px 25px;
}
} .block__text-uslugi {
max-width: 900px;
padding: 100px 0px;
}
.overflow-text{
overflow: hidden;
margin-bottom: calc(15px + 20 * (100vw / 1900));
}
.overflow-text h1{
font-family: MontserratMedium;
color: #333333;
font-size: calc(26px + 26 * (100vw / 1900));
margin:  0px;
transform: translateY(100px);
transition: all 0.7s ease 0s;
}
.block__text-subtitle{
font-family: MontserratRegular;
color: #333333;
text-transform: uppercase;
}
.overflow-text._active h1{
transform: translateY(0px);
}
.block__text-uslugi-p {
margin: 50px 0px;
font-family: MontserratRegular;
color: #333333;
line-height: 150%;
}
.btn__otzivy{
text-decoration: none;
color: white;
font-size: calc(17px + 2 * (100vw / 1900));
font-family: MontserratMedium;
border: solid 1px black;
border-radius: 60px;
padding: 15px 30px;
background: black;
margin-right: 5px;
cursor: pointer;
width: 90%;
}
.btn__otzivy:hover{
transition: background-color 1s ease-out;
text-decoration: none;
color: black;
font-size: calc(17px + 2 * (100vw / 1900));
font-family: MontserratMedium;
border: solid 1px black;
border-radius: 60px;
padding: 15px 30px;
background: white;
margin-right: 5px;
cursor: pointer;
width: 90%;
}
.btn__uslugi {
display: flex;
gap: 20px;
}
.btn__services {
display: flex;
}
.trasperent-bg a{
background-color: transparent;
color: #000;
text-transform: uppercase;
}
.trasperent-bg a:hover{
background-color: #7F7DE8;
border:1px solid #7F7DE8;
color: #fff;
}
.scrolldown {
--color: #333;
position: absolute !important;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
--sizeX: 30px;
--sizeY: 50px;
position: relative;
width: var(--sizeX);
height: var(--sizeY);
margin-left: var(sizeX / 2);
border: calc(var(--sizeX) / 10) solid #333;
border-radius: 50px;
box-sizing: border-box;
margin-bottom: 16px;
cursor: pointer;
}
.scrolldown::before {
content: "";
position: absolute;
bottom: 30px;
left: 50%;
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #333;
border-radius: 100%;
animation: scrolldown-anim 2s infinite;
box-sizing: border-box;
box-shadow: 0px -5px 3px 1px #2a547066;
}
@keyframes scrolldown-anim {
0% {
opacity: 0;
height: 6px;
}
40% {
opacity: 1;
height: 10px;
}
80% {
transform: translate(0, 20px);
height: 10px;
opacity: 0;
}
100% {
height: 3px;
opacity: 0;
}
}
.chevrons {
padding: 6px 0 0 0;
margin-left: -3px;
margin-top: 48px;
width: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.chevrondown {
margin-top: -6px;
position: relative;
border: solid #000;
border-width: 0 3px 3px 0;
display: inline-block;
width: 10px;
height: 10px;
transform: rotate(45deg);
}
.chevrondown:nth-child(odd) {
animation: pulse54012 500ms ease infinite alternate;
}
@keyframes pulse54012 { from { opacity: 0; } to { opacity: 0.5; } }
.chevrondown:nth-child(even) {
animation: pulse54012 500ms ease infinite alternate 250ms;
}
.overflow-text h2{
font-family: MontserratRegular;
font-size: calc(26px + 16 * (100vw / 1900));
text-align:center;
padding-bottom: 5px;
text-transform: uppercase;
margin:  0px;
transform: translateY(100px);
transition: all 0.7s ease 0s;
}
.overflow-text._active h2{
transform: translateY(0px);
}
.flex__col-3 {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
}
.col-3__item {
flex: 0 1 28%;
}
.utp-when {
padding: 15px;
border-radius: 10px;
border: 1px solid #000;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
transition: all 0.5s ease 0s;
}
.utp-when:hover{
border: 1px solid #7F7DE8;
}
.utp-when:hover .text__utp {
color: #7F7DE8;
}
.utp-when:hover .line-when {
max-width: 100%;
background-color: #7F7DE8;
}
.text__utp {
font-family: MontserratRegular;
text-align: center;
font-size: calc(16px + 5 * (100vw / 1900));
transition: all 0.5s ease 0s;
}
.line-when {
width: 100%;
max-width: 100px;
height: 1px;
background-color: #000;
transition: all 0.5s ease 0s;
}
@media (max-width:550px){
.services__slogan{
margin-bottom: 25px;
}
.footer__flex{
flex-direction: column;
gap: 30px;
}
}
.flex__col-2 {
margin-top: calc(25px + 20 * (100vw / 1900));
display: flex;
gap: 40px;
justify-content: center;
flex-wrap: wrap;
}
.col-2__item {
flex: 0 1 43%;
}
.complex-block {
padding: 25px;
border-radius: 0px;
border-left: 2px solid #fff;
border-top:  2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
display: flex;
flex-direction: column;
gap: 25px;
align-items: center;
transition: all 0.5s ease 0s;
flex: 0 1 40%;
}
.complex-block:hover{
border-left: 2px solid #7F7DE8;
border-top:  2px solid #7F7DE8;
border-right: 2px solid #7F7DE8;
border-bottom: 2px solid #7F7DE8;
border-radius: 10px;
}
.top__title-complex {
display: flex;
gap: 10px;
align-items: center;
width: 100%;
text-align: left;
margin-bottom: 10px;
font-family:MontserratRegular;
font-size: calc(22px + 6 * (100vw / 1900));
}
.top__title-complex span{
font-family: MontserratRegular;
font-size: calc(22px + 20 * (100vw / 1900));
color: #7F7DE8;
}
.bottom__info-complex {
font-family: MontserratRegular;
line-height: 150%;
font-size: 16px;
}
.full_plan{
background: #7F7DE8;
font-family: MontserratRegular;
color: #fff;
padding: 20px;
margin-top: 60px;
text-align: center;
}
.uslugi__block-price .container1{
display: flex;
justify-content: center;
align-items: center;
}
.block__center-price {
padding: 20px;
border-radius: 10px;
background-color: #fff;
display: flex;
flex-direction: column;
gap: 10px;
max-width: 600px;
margin: 0 auto;
align-items: center;
}
.overflow-text {
}
.anim-item {
}
.price__uslugi {
text-transform: uppercase;
font-size: 12px;
font-family: MontserratRegular;
display: flex;
align-items: center;
gap: 10px;
}
.price__uslugi span{
font-size: calc(22px + 20 * (100vw / 1900));
}
.btn__services {
}
.uslugi__block-number .overflow-text{
margin-top: 100px;
}
.top-info-about {
display: flex;
align-items: center;
border-bottom: 1px solid #DFE3E4;
}
.info-about{
border: 1px solid #DFE3E4;
}
.number-about {
padding:  15px;
background-color: #e5e5e5;
font-size: 28px;
font-family: MontserratRegular;
}
.info-about1 {
font-family: MontserratRegular;
font-size: 23px;
padding:  15px;
}
.bottom-info-about {
font-family: MontserratRegular;
text-align: center;
padding: 15px;
}
.text__under-btn{
font-family: MontserratRegular; 
margin-top: 50px;
text-align: center;
}
.uslugi__slider-atap .overflow-text{
margin-top: 40px;
}
.custom-utp{
position: relative;
display: flex;
flex-direction: column;
max-width: 1000px;
margin:0 auto;
}
.custom-utp svg{
position: absolute;
content:"";
left: 0px;
top: 0px;
}
.utp__utem{
height: 130px;
align-items: center;
justify-content:space-between;
display: flex;
gap: 40px;
align-items: center;
}
.utp__utem:nth-child(2){
flex-direction: row-reverse;
}
.utp__utem:nth-child(4){
flex-direction: row-reverse;
}
.number-custrp__utp{
font-family: MontserratRegular;
font-size: 80px;
flex:0 0 200px;
text-align: center;
}
.text-custom__utp{
padding: 0px 30px;
}
.title__custom-utp{
font-family: MontserratMedium;
font-size: 26px;
margin-bottom: 15px;
}
.subtitle__custom-utp{
font-family: MontserratRegular;
font-size: 16px;
}
.flex__col-2 {
}
.advance-flex{
gap: 30px;
justify-content: center;
}
.advance-block {
flex: 0 1 55%;
display: flex;
flex-direction: column;
gap: 20px;
}
.advance-item {
}
.top-advance {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 25px;
}
.line-advance {
width:2px;
height: 26px;
background-color: #7F7DE8;
}
.title-advance {
font-family: MontserratMedium;
font-size: 24px;
color: rgba(95, 95, 95, 1);
}
.bottom-advance {
font-family: MontserratRegular;
color: rgba(95, 95, 95, 1);
}
.advance-block-column {
flex: 0 1 40%;
display: flex;
flex-direction: column;
gap: 20px;
}
.advance-item-column {
flex: 0 1 40%;
display: flex;
flex-direction: column;
align-items: center;
}
.number-advance {
font-family: MontserratMedium;
font-size: 46px;
color: #7F7DE8;
}
.nember-advacne-text {
font-family: MontserratRegular;
color: rgba(95, 95, 95, 1);
}
.line {
width: 100%;
max-width: 270px;
background: #7F7DE8;
height: 1px;
}
.uslugi__block .container1{
display: flex;
align-items: center;
}
.uslugi__block-margin .overflow-text{
margin-top: 100px;
}
.purpl-bg a{
background-color:#7F7DE8;
border: 1px solid #7F7DE8;
color: #fff;
}
.purpl-bg a:hover{
background-color:#fff;
border: 1px solid #000;
color:#000;
}
@media (max-width:992px) {
.col-3__item{
flex: 0 1 43%;
}
.uslugi__block{
padding: 50px 0px;
}
.complex-block{
flex: 0 1 100%;
}
}
@media (max-width:750px) {
.advance-flex{
flex-direction: column;
}
.block__text-uslugi{
padding: 25px 0px;
}
}
@media (max-width:650px) {
.info-about{
flex: 0 1 100%;
}
.col-3__item{
flex: 0 1 100%;
}
.complex-block{
gap: 20px;
}
.top__title-complex{
margin-bottom: 10px;
}
.block__text-uslugi-p{
margin: 30px 0px 20px 0px;
}
}
@media (max-width:476px) {
.btn__uslugi{
flex-direction: column;
align-items: center;
}
.trasperent-bg{
margin-top: 0px;
}
} .pum-theme-default-theme {
background-color: rgb(0 0 0 / 86%) !important;
}
.pum-title.popmake-title{
font-family: MontserratMedium;
text-align: center;
text-transform: uppercase;
}
.wpcf7-form p {
margin-top: 30px;
}
.wpcf7-form p label{
font-family: MontserratRegular;
color: #333;
}
.wpcf7-form-control{
height:60px;
padding: 10px;
width: 100%;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #7F7DE8;
font-family: 'MontserratMedium';
color: #7f7de8;
}
.pum-theme-7 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
font-family: MontserratRegular !important;
color: #333 !important;
background-color: #ffffff00 !important;
font-size: 22px !important;
box-shadow: none;
right:10px !important;
}
.wpcf7-form-control.wpcf7-submit{
font-family: MontserratRegular;
background-color: #7F7DE8;
cursor: pointer;
border: 1px solid #7F7DE8;
color: #fff;
transition: all 0.5s ease 0s;
}
.wpcf7-form-control.wpcf7-submit:hover{
background-color:transparent;
color: #000;
border: 1px solid #000;
}
@media (max-width:992px){
.flex_col-1{
flex-direction: column;
margin-top: 25px;
gap: 10px;
}
.footer__flex{
gap: 30x;
flex-wrap: wrap;
}
}
.text__padding h2{
text-align: center;
text-transform: uppercase;
font-size:calc(22px + 20 * (100vw / 1900)); 
}
@media (max-width:1050px){
.text__padding{
padding: 20vh 0px;
}
.abs-logo._active{
transform: translatey(70px);
}
.slideshow .slick-dots{
position: absolute; 
}
.center__block{
display: flex;
color: #000;
flex-direction: column;
gap: 20px;
box-sizing: border-box;
margin-left: 0px;
margin-top: 50px;
}
[data-animation="parallax"] .cd-section:nth-of-type(2) > div, [data-animation="fixed"] .cd-section:nth-of-type(2) > div, [data-animation="opacity"] .cd-section:nth-of-type(2) > div {
background: url(//marketingwedo.ru/wp-content/uploads/2025/04/news-img.jpg);
background-size: cover;
background-position: center;
}
.split-slideshow,
.slideshow .slider .item img,
.slideshow,
.slideshow .slider .item{
height: 600px;
}	
}
@media (max-width:992px){
.haeder-anim{
position: relative;
z-index: 15;
}
.header__link-link{
font-size: calc(24px + 10 * (100vw / 1900));
}
.tab-links{
flex-wrap: wrap;
gap: 25px;
box-sizing: border-box;
justify-content: center;
}
.tab-links li{
flex: 0 1 31%;
box-sizing: border-box;
}
}
@media (max-width:750px){
.split-slideshow,
.slideshow .slider .item img,
.slideshow,
.slideshow .slider .item{
height: 500px;
}
}
@media (max-width:792px){
.keis-item{
flex:0 1 100%;
}
.tab-links li{
flex: 0 1 45%;
}
}
@media (max-width:600px){
.split-slideshow,
.slideshow .slider .item img,
.slideshow,
.slideshow .slider .item{
height: 400px;
}
.abs-name-keis{
max-width: 200px;
padding: 30px 10px 10px 10px;
text-align: center;
}
.center__button,
.left__button:nth-child(3){
padding: 30px 0px;
font-size: 26px;
}
.flex__keis{
gap: 30px;
}
}
@media (max-width:492px){
.split-slideshow,
.slideshow .slider .item img,
.slideshow,
.slideshow .slider .item{
height: 300px;
}
.tab-links{
gap: 12px;
}
.tab-links li{
flex: 0 1 100%;
}
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
border-color: #ff0000;
font-family: MontserratRegular;
margin: 0px;
text-align: center;
}
.utp__utem:nth-child(6){
flex-direction: row-reverse;
}
@media (max-width:992px){
.custom-utp svg{
display: none;
}
.number-custrp__utp{
font-size: calc(30px + 20 * (100vw / 1900));
flex: 0 1 200px;
}
.utp__utem{
gap: 20px;
border-bottom: 1px solid #000;
padding-bottom:10px;
}
.text-custom__utp{
padding: 0px;
}
.title__custom-utp{
font-size: calc(18px + 10 * (100vw / 1900));
}
}
@media (max-width:592px){
.text-top-info{
padding: 30px 0px 50px 25px;
}
.top-info{
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.answer__left{
padding: 0px;
}
.answer__left .btn__services{
margin-top: 0px;
}
}
.checkbox .wpcf7-form-control{
border: none;
}
@media (min-width:1100px){
.accordion__item:nth-child(9){
display: none;
}
.accordion__item:nth-child(10){
display: none;
}
.accordion__item:nth-child(11){
display: none;
}
}
.services__slogan{
display: none;
}
.section-main{
padding: 50px 0px;
}
.section-main p,
.section-main li{
font-family: MontserratRegular;
line-height: 130%;
}
#popmake-346{
width: 400px !important;
padding: 10px 10px 20px 10px;
background: #fff !important;
box-shadow: none;
border: 1px solid #6a59b8;
border-radius: 10px
}
#popmake-346 .pum-content.popmake-content{
padding-bottom: 30px;
}
#popmake-346 .pum-content p{
font-family: MontserratRegular !important;
font-size: 14px !important;
text-align: center;
}
#popmake-346 .pum-content p a{
color: #000 !important;
text-decoration: underline !important;
}
#popmake-346 .pum-close{
top: 76% !important;
right: 30% !important;
padding: 10px 30px !important;
background-color: #6a59b8 !important;
font-size: 14px !important;
line-height: 14px;
color: #fff !important;
border-radius: 10px;
transition: all 0.4s ease 0s;
border: 1px solid #6a59b8;
}
#popmake-346 .pum-close:hover{
background-color: #fff !important;
color: #6a59b8 !important;
}
#popmake-348{
width: 30% !important;
}
.wpcf7 label span{
line-height: 25px;
position: relative;
}
.pum-theme-7 .pum-container, .pum-theme-default-theme .pum-container{
background: #fff !important;
box-shadow: none !important;
border: 1px solid #6a59b8 !important;
border-radius: 20px;
}
.wpcf7-spinner{
display: none !important;
}
@media (max-width:592px){
.slideshow .slick-dots{
top: 60%;
height: 40px;
}
.abs-text-keis{
max-width: 160px;
text-align: center;
width: 100%;
}
}
@media (max-width:492px){
.slideshow .slick-dots{
top: 55%;
height: 40px;
}
}
@media (max-width:422px){
.slideshow .slick-dots{
top: 60%;
height: 40px;
}
}
.about-first {
height:100vh;
display: flex;
justify-content: center;
align-items: center;
}
.padding-main{
padding: 100px 0px;
}
.mask-text h1{
font-size: calc(26px + 69 * (100vw / 1900));
line-height: 120%;
font-family: MontserratMedium;
}
.mask-text h1 .word-1{
padding-left: 7px;
color: #fff;
background: url(https://marketingwedo.ru/wp-content/uploads/2025/06/word-1.png);
}
.mask-text h1 .word-2{
padding-left: 25px;
color: #fff;
background: url(https://marketingwedo.ru/wp-content/uploads/2025/06/word-2.png);
}
.about-number{
background-color: #000;
}
.mini-text{
text-transform: uppercase;
font-size: calc(16px + 4 * (100vw / 1900));
text-align:left;
font-family: MontserratMedium;
margin: 20px 0px;
}
.mini-w{
color: #fff;
}
.mini-b{
color: #000;
}
.mission-subtitle{
padding-left:calc(15px + 30 * (100vw / 1900));
font-size: calc(22px + 18 * (100vw / 1900));
font-family: MontserratMedium;
margin: 70px 0px;
color: #fff;
}
.col-3{
display: flex;
gap: 30px;
}
.col-3-item{
flex:0 1 33%;
}
.flex-number{
margin-bottom: 40px;
}
.numer-item{
display: flex;
align-items: center;
flex-direction: column;
gap: 15px;
}
.big-number-1{
font-size: calc(60px + 140 * (100vw / 1900));
font-family: MontserratBold;
color: #000;
-webkit-text-stroke: 1px #fff;
}
.numer-item p{
font-size: calc(16px + 16 * (100vw / 1900));
text-transform: uppercase;
color: #fff;
text-align:center;
font-family: MontserratRegular;
line-height: 120%;
}
.flex-item{
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 40px;
justify-content: center;
}
.item-cen{
flex:0 1 32%;
box-sizing: border-box;
padding:70px 40px;
border-radius: 15px;
background: url(//marketingwedo.ru/wp-content/uploads/2025/06/rectangle-bg-2.png);
background-size: cover;
}
.item-cen h3{
font-size: calc(18px + 4 * (100vw / 1900));
text-transform: uppercase;
color: #000;
margin-bottom: 25px;
}
.item-cen p{
font-size: calc(16px + 4 * (100vw / 1900));
color: #000;
}
.about-work{
background-color: #000 !important;
}
.item-work:nth-child(2){
margin-top: 50px;
}
.item-work{
border-top: 1px solid #fff;
padding: 40px 20px;
display: flex;
gap: 20px;
}
.mini-number{
font-size: calc(16px + 4 * (100vw / 1900));
color: #fff;
font-family: MontserratRegular;
}
.work-name{
}
.work-name h2{
font-size: calc(28px + 16 * (100vw / 1900));
color: #fff; 
font-family: MontserratMedium;
margin-top: 0px;
text-transform: uppercase;
}
.work-subtitle{
width: 100%;
}
.work-subtitle p{
max-width: 650px;
font-size: calc(16px + 4 * (100vw / 1900));
color: #fff;
margin-left: auto;
font-family: MontserratMedium;
line-height: 120%;
}
.work-name a{
text-decoration: underline;
color: #fff;
}
.work-subtitle p a{
text-decoration: underline;
color: #fff;
}
.otziv-flex{
display: flex;
flex-direction: column;
align-items: center;
}
.otziv-size{
margin: 40px 20px;
width: 45% !important;
}
.otziv-swipe{
}
.otziv-swiper{
padding: 30px 0px !important;
margin-top: 55px;
}
.otziv-slide{
display: flex !important;
gap: 50px;
position: relative !important;
border: 2px solid #000;
padding: 50px 30px;
border-radius: 20px;
box-sizing: border-box;
}
.otziv-main{
display: flex;
gap: 40px;
position: relative !important;
border: 2px solid #000;
padding: 50px 0px 0px 0px;
border-radius: 20px;
box-sizing: border-box;
flex-direction: column-reverse;
}
.abs-element-otziv{
position: absolute;
content: "“";
text-align: center;
width: 95px;
height: 75px;
left: 100px;
top: -30px;
line-height: calc(70px + 70 * (100vw / 1900));
border-radius: 10px;
font-family: MontserratMedium; 
color: #fff;
background: #000;
font-size: calc(60px + 60 * (100vw / 1900));
}
.otziv-info{
flex:0 1 100%;
padding: 20px 70px;
}
.video-otziv-info{
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex: 0 1 100%;
padding: 20px 20px 0px;
justify-content: center;
}
.name-video-otziv{
width: 75%;
margin: 30px 30px 0px;
}
.name-video-otziv h4{
font-family: MontserratMedium;
color: #000;
font-size: calc(16px + 8 * (100vw / 1900));
}
.name-video-otziv p{
font-family: MontserratRegular;
line-height: 120%;
color: #000;
font-size: calc(16px + 4 * (100vw / 1900));
}
.otziv-info p{
font-family: MontserratRegular; 
line-height: 120%;
color: #000;
font-size: calc(16px + 4 * (100vw / 1900));
}
.name-otziv{
text-align:end;
margin-top: 30px;
}
.name-otziv h4{
font-family: MontserratMedium; 
color: #000;
font-size: calc(16px + 8 * (100vw / 1900));
}
.name-otziv p{
font-family: MontserratRegular;
margin-top: 10px;
color: #000;
font-size: 16px;
}
.otziv-logo{
flex:0 0 300px;
display: flex;
justify-content:center;
align-items: center;	
}
.otziv-video{
flex:0 0 300px;
display: flex;
justify-content:center;
align-items: center;	
}
.otziv-video-logo{
flex:0 0 300px;
display: flex;
justify-content:space-between;
align-items:center;
}
.otziv-logo img{
width: 100%;
height:100%;
max-width: 256px;
max-height: 256px;
border-radius:200px;
}
.swiper-button-prev{
left: 40px !important;
top: 80% !important;
border: 1px solid #000;
border-radius: 10px;
padding: 5px 20px;
background-color: #fff !important;
}
.swiper-button-next{
left: 120px !important;
top: 80% !important;
background-color: #fff !important;
border: 1px solid #000;
border-radius: 10px;
padding: 5px 20px;
}
.swiper-button-next:after, .swiper-button-prev:after{
color: #000 !important;
font-size: 16px !important;
}
.mtb6{
margin:60px 0px;
}
.mt1{
margin-top:10px;
}
.link-reviews{
text-decoration: none;
color: black;
font-size: calc(17px + 2 * (100vw / 1900));
font-family: MontserratMedium;
border: solid 1px black;
border-radius: 60px;
padding: 10px 30px;
margin-right: 5px;
}
.link-reviews:hover{
text-decoration: none;
color: white;
background-color:black;
transition: background-color 1s ease-in-out;
font-size: calc(17px + 2 * (100vw / 1900));
font-family: MontserratMedium;
border: solid 1px white;
border-radius: 60px;
padding: 10px 30px;
margin-right: 5px;
}
.link-website{
text-decoration: none;
color: black;
font-size: calc(17px + 2 * (100vw / 1900));
font-family: MontserratMedium;
border: solid 1px black;
border-radius: 60px;
padding: 20px 30px;
}
.link-website:hover{
text-decoration: none;
color: white;
background-color:black;
transition: background-color 1s ease-in-out;
font-size: calc(17px + 2 * (100vw / 1900));
font-family: MontserratMedium;
border: solid 1px white;
border-radius: 60px;
padding: 20px 30px;
}
.img-visibility{
}
@media (max-width: 1850px){	
.name-video-otziv{
width: 70%;
margin: 40px;
}
}
@media (max-width: 1540px){	
.name-video-otziv{
width: 65%;
margin: 40px;
}
}
@media (max-width: 1336px){	
.name-video-otziv{
width: 60%;
margin: 40px;
}
}
@media (max-width: 1186px){	
.name-video-otziv{
width: 55%;
margin: 40px;
}
}
@media (max-width: 1070px){	
.name-video-otziv{
width: 45%;
margin: 40px;
}
}
@media (max-width: 900px){	
.name-video-otziv{
width: 40%;
margin: 40px;
}
.img-visibility{
visibility:hidden;
display:none;	
}
.link-website{
font-size: calc(15px + 2 * (100vw / 1900));
padding: 20px 20px;
width:100%;
text-align:center;
}
.link-website:hover{
padding: 20px 20px;
font-size: calc(15px + 2 * (100vw / 1900));
width:100%;
text-align:center;
}
}
@media (max-width: 836px){	
.name-video-otziv{
width: 100%;
margin: 30px 0px;
}
.otziv-main-video {
display: flex;
gap: 50px;
position: relative !important;
border: 2px solid #000;
padding: 30px 30px;
border-radius: 20px;
box-sizing: border-box;
}
.video-otziv-info {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex: 0 1 100%;
padding: 20px 0px 0px;
justify-content: center;
}
.otziv-size {
margin: 40px 20px;
width: 100% !important; 
}
.otziv-info {
flex: 0 1 0%;
padding: 0px 70px;
}
.otziv-video{
width:100%;
flex:none;
display: flex;
justify-content:center;
align-items: center;	
padding:0px 40px;
}
.otziv-main{
display: flex;
gap: 50px;
position: relative !important;
border: 2px solid #000;
padding: 50px 30px;
border-radius: 20px;
box-sizing: border-box;
flex-direction: column-reverse;	
}
}
@media (max-width: 510px) {
.otziv-info {
flex: 0 1 0%;
padding: 0px 0px;
}
}
@media (max-width:1492px){
.flex-item{
gap: 30px;
}
.item-cen{
flex: 0 1 512px;
}
}
@media (max-width:1092px){
.flex-item{
gap: 30px;
}
.item-cen{
flex: 0 1 442px;
padding: 56px 22px;
}
}
@media (max-width:992px){
.otziv-logo img{
width: 100%;
height:100%;
max-width: 206px;
max-height: 206px;
}
}
@media (max-width:856px){
.swiper-button-prev{
top: 75% !important;
left: 75% !important;
}
.swiper-button-next{
top: 75% !important;
left: 85% !important;
}
}
@media (max-width:780px){
.swiper-button-prev{
top: 75% !important;
left: 75% !important;
}
.swiper-button-next{
top: 75% !important;
left: 85% !important;
}
}
@media (max-width:760px){
.swiper-button-prev{
top: 75% !important;
left: 72% !important;
}
.swiper-button-next{
top: 75% !important;
left: 84% !important;
}
}
@media (max-width:660px){
.swiper-button-prev{
top: 75% !important;
left: 69% !important;
}
.swiper-button-next{
top: 75% !important;
left: 83% !important;
}
}
@media (max-width:592px){
.col-3{
flex-direction: column;
}
.mission-subtitle{
margin: 30px 0px;
}
.item-cen{
padding: 50px 30px;
flex:0 1 100%;
background-repeat: no-repeat;
background-size: contain;
}
.item-work{
flex-wrap: wrap;
}
.about-first{
height: 60vh;
}
.otziv-slide{
flex-direction: column;
gap: 25px;
}
.item-cen p{
max-width: 315px;
}
.abs-element-otziv{
width: 65px;
height: 45px;
top:-20px;
left: 50px;
}
.otziv-slide{
padding: 30px 10px;
}
.swiper-button-prev,
.swiper-button-next{
top:23px !important;
}
.swiper-button-next{
right: 10px !important;
left: auto !important;
}
.swiper-button-prev{
right: 90px !important;
left: auto !important;
}
.otziv-swiper{
padding-top: 80px !important;
margin-top: 30px !important;
}
.padding-main{
padding: 50px 0px;
}
.otziv-logo{
flex:0 1 170px;
}
.otziv-logo img {
max-width: 170px;
max-height: 170px;
}
}
@media (max-width:452px){
.item-cen h3{
margin-bottom: 10px;
}
.item-cen{
height: 160px;
padding: 50px 10px;
}
.abs-name-keis {
max-width: 180px;
box-sizing: border-box;
padding: 10px 5px 10px 5px;
text-align: center;
}
}	
#popmake-172{
height: 100%;
border-radius: 0px;
border: none !important;
}
#popmake-172 .wpa-test-msg{
display: none;
}
#popmake-172 .pum-close{
left: -50px;
top: 30px !important;
right: auto !important;
color: #fff !important;
font-size: 36px !important;
}
#popmake-172 .pum-title{
margin-top: 50px;
font-family: Neuropol;
font-size: 38px;
}
.wpcf7-form-control:focus-visible{
border-top: none;
border-left: none; 
border-right: none;
border-bottom: 2px solid #7F7DE8;
outline: none;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{
overflow: hidden !important;
}
.wpcf7-list-item{
margin: 0px !important;
}
@media(max-width:492px){
#popmake-172 .pum-title {
margin-top: 20px;
font-size: 26px;
}
.wpcf7-form p{
margin-top: 15px;
}
#popmake-172 .pum-close{
left: 10px !important;
color: #000 !important;
}
}
.video-background video{
width: 100%;
}
.section-porfolio{
padding-top: 100px;
background-color: #141414;
margin-top: 250px;
}
.container-full{
max-width: 100%;
width: 100%;
}
.overlay-text{
overflow: hidden;
}
.overlay-text h2{
font-family: DelaGothicOn;
font-weight: 400;
font-size: calc(40px + 85 * (100vw / 1900));
color: #fff;
text-align: center;
}
.t1{
transform: translatey(150px);
transition: all 1s cubic-bezier(0.32, 0.42, 0.14, 0.87);
}
.t1._active{
transform: translatey(0px);
}
.flex-col-2{
margin-top: 100px;
display: flex;
gap: 30px;
height: 1000px;
}
.col__2-item-big{
flex:0 1 60%;
background-image: url(https://marketingwedo.ru/wp-content/uploads/2025/07/mac-ivkino.jpg);
background-size: cover;
position: relative;
height: 100%;
min-height: 250px;
}
.col__2-item-small .col__1-item-vetrical:nth-child(1){
background-size: cover;
background-image: url(https://marketingwedo.ru/wp-content/uploads/2025/07/iphone-ivkino.jpg);
}
.col__2-item-small .col__1-item-vetrical:nth-child(2){
background-size: cover;
background-image: url(https://marketingwedo.ru/wp-content/uploads/2025/07/logo-ivkino.jpg);
}
.col__2-item-small{
flex:0 1 40%;
min-height: 250px;
}
.col__1-item-vetrical{
position: relative;
height: 100%;
}
.flex-direction{
display: flex;	
gap: 30px;
flex-direction: column;
}
.bg-image{
position: absolute;
content:"";
left: 0px;
top: 0px;
width: 100%;
min-height: 250px;
height: 100%;
min-width: 250px;
}
.text-justifu{
position: relative;
z-index: 3;
height: 100%;
padding: 30px 50px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text-justifu__top{
color: #B4B4B4;
font-family: DelaGothicOn;
text-transform: uppercase;
font-weight: 800;
font-size: 20px;
line-height: 129%;
}
.text-justifu__bottom .border-text{
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
font-size: calc(30px + 30 * (100vw / 1900));
font-family: DelaGothicOn;
display: flex;
flex-direction: column;
gap: calc(15px + 15 * (100vw / 1900));
}
.text-justifu__bottom .border-text span{
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: #fff;
color: #fff;
}
.text-justifu__bottom .overlay-text{
margin-top: calc(20px + 60 * (100vw / 1900));
backdrop-filter: blur(3.6072499752044678px);
background: rgba(89, 89, 89, 0.5);
padding: 20px 40px;
font-weight: 400;
font-size: 20px;
line-height: 103%;
letter-spacing: 0.1em;
color: #fff;
border-radius: 55px;
max-width: 550px;
text-align:center;
font-family: MontserratRegular;
}
.about-servises{
background-color: #141414;
padding-bottom: 100px;
}
.aling-right.text-stroke h2{
text-align: end;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
line-height: 105%;
}
.flex__col-3-wrap{
display: flex;
flex-wrap: wrap;
}
.col-3-wrap__item{
flex: 0 1 33.3%;
padding: 80px 50px;
box-sizing: border-box;
}
.white-col{
background-color: #fff; 
}
.white-col .overlay-text h3{
color: #000;
font-size: calc(22px + 10 * (100vw / 1900));
line-height: 125%;
font-family: DelaGothicOn;
}
.white-col p{
margin-top: 30px;
color: #000; 
font-family: MontserratRegular;
line-height: 125%;
}
.black-col{
background-color: #141414;
}
.black-col .overlay-text h3{
color: #fff;
font-size: calc(22px + 10 * (100vw / 1900));
line-height: 125%;
font-family: DelaGothicOn;
}
.black-col p{
margin-top: 30px;
color: #fff; 
font-family: MontserratRegular;
line-height: 125%;
}
.p1{
opacity: 0;
transform: translatey(20px);
transition: all 1s cubic-bezier(0.24, 0.65, 0.96, 0.61);
transition-delay: 1s;
}
.p1._active{
opacity: 1;
transform: translatey(0px);
}
@media(max-width:992px){
.flex-col-2{
flex-direction:column;
}
.col__2-item-small.flex-direction{
flex-direction:row;
}
.col__1-item-vetrical{
flex: 0 1 50%;
}
}
@media(max-width:892px){
.col-3-wrap__item{
flex: 0 1 50%;
padding: 40px 30px;
}
}
@media(max-width:650px){
.flex-col-2{
height: 100%;
}
.col-3-wrap__item{
flex: 0 1 100%;
padding: 60px 30px;
}
.col__2-item-big{
aspect-ratio: 1;
}
.text-justifu{
padding: 20px;
}
.col__2-item-small.flex-direction{
flex-direction:column;
}
.col__1-item-vetrical {
aspect-ratio: 3 / 2;
}
.text-justifu__bottom .overlay-text{
padding: 12px;
}
.section-porfolio {
padding-top: 50px;
margin-top: 100px;
}
}
.full-bg{
background: url(//marketingwedo.ru/wp-content/uploads/2025/07/1-bonus.jpg);
background-size: cover;
height: 90vh;
}
.full-bg .container{
height: 100%;
}
.text-justify-end{
display: flex;
justify-content: center;
align-items: end;
height: 100%;
padding-bottom: 40px;
box-sizing: border-box;
}
.text-justify-end h1{
font-family: MontserratMedium;
text-transform: uppercase;
font-size: 18px; 
color: #fff;
max-width: 200px;
text-align: center;
}
.row-col2{
display: flex; 
}
.row-col2_item {
flex: 0 1 50%;
}
.revues-row{
padding: 80px 0px;
gap: 30px;
align-items: end;
}
.revues__subtitle{
font-family:MontserratMedium;
color: #6A59B8;
text-transform: uppercase;
font-size: 16px; 
}
.revues__title{
font-family:MontserratbBold;
color: #000 !important;
font-size: calc(26px + 74 * (100vw / 1900)) !important; 
margin: 20px 0px !important;
text-align: left !important;
}
.overlay-img{
overflow: hidden;
position: relative;
}
.abs-text{
position: absolute;
width: 100%;
height: 100%;
content: "";
left: 0px;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
box-sizing: border-box;
background:#00000070;
font-family: MontserratMedium;
color: #fff !important;
font-size: calc(23px + 13 * (100vw / 1900)) !important; 
}
.img-animate{
transition: all 0.7s ease 0s;
transform: translatey(300px);
opacity: 0;
}
.img-animate._active{
opacity: 1;
transform: translatey(0px);
}
.revues-p-50{
max-width: 600px;
font-family:MontserratRegular;
color: #202322;
line-height: 125%;
}
.why-bonus{
background: #202322;
padding: 40px 0px;
}
.why__title{
font-family:MontserratbBold;
color: #fff !important;
font-size: calc(26px + 24 * (100vw / 1900)) !important; 
text-align: left !important;
}
.why__subtitle{
font-family:MontserratMedium;
color: #fff;
font-size: 16px;  
text-transform: uppercase;
margin-top: 10px;
border-top: 1px solid #fff;
padding-top: 10px;
line-height: 125%;
}
.why-p-50{
max-width: 600px;
font-family:MontserratRegular;
color: #fff;
opacity: 0.7;
line-height: 125%;
margin: 30px 0px;
}
.w-100{
max-width: 900px;
max-height: 600px;
width: 100%;
height: 100%;
object-fit: cover;
}
.how-work,
.what-profit{
padding: 50px 0px;
}
.how-work__block,
.what-profit__block{
margin-top: 50px;
}
.how-work__item{
padding: 30px 0px;
border-top: 1px solid #000;
display: flex;
justify-content: space-between;
gap: 10px;
font-family:MontserratMedium;
color: #000;
font-size: calc(20px + 6 * (100vw / 1900));  
}
.how-work__item:last-child{
border-bottom: 1px solid #000;
}
.what-profit__item{
display: flex;
gap: 15px;
padding: 15px 0px;
border-top: 1px solid #000;
}
.what-profit__item img{
max-width: 250px;
max-height: 250px;
width: 100%;
height: 100%;
object-fit: cover;
}
.profit__text{
display: flex;
flex-direction: column;
justify-content: space-between;
font-family:MontserratMedium;
color: #000;
font-size: calc(20px + 6 * (100vw / 1900));  
}
.profit__text span{
padding: 7px 10px;
border: 1px solid #000;
border-radius: 20px;
max-width: 230px;
text-align: center;
}
.what-profit__item:last-child{
border-bottom: 1px solid #000;
}
.full-bg-1{
height: 100vh;
background: #0000006e url(//marketingwedo.ru/wp-content/uploads/2025/07/frilans-scaled.jpg);
background-size: cover;
background-position: center;
background-blend-mode: color;
background-attachment: fixed;
}
.full-bg-1 .container{
height: 100%;
}
.text-justify-space{
box-sizing: border-box;
height: 100%;
padding: 40px 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.color-f{
color: #fff !important;
}
.t-center{
text-align: center !important;
}
.fs-70{
font-size: calc(22px + 50 * (100vw / 1900)) !important;  
}
.bottom-info-full{
display: flex;
width: 100%;
justify-content: space-between;
padding: 25px 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-family:MontserratMedium;
font-size: 22px;
text-decoration: none;
transition: all 0.4s ease 0s;
position: relative;
}
.full-bg-2{
background: #0000006e url(//marketingwedo.ru/wp-content/uploads/2025/07/predprenimatel-scaled.jpg);
background-size: cover;
background-position: center;
background-blend-mode: color;
background-attachment: fixed;
}
.full-bg-3{
background: #0000006e url(//marketingwedo.ru/wp-content/uploads/2025/07/aktivnye-lyudi-scaled.jpg);
background-size: cover;
background-position: center;
background-blend-mode: color;
background-attachment: fixed;
}
@media(max-width:992px){
.revues-row{
flex-direction: column;
}
}
@media(max-width:592px){
.what-profit__item{
flex-direction: column;
align-items: center;
}
.profit__text{
align-items: center;
text-align: center;
}
.revues-row{
padding: 30px 0px;
}
}
.tooltip {
position: absolute;
pointer-events: none;
background: #000;
border: 1px solid #333;
color: #fff;
padding: 10px 20px;
border-radius: 20px;
font-family:MontserratMedium; 
text-transform: uppercase;
font-size: 14px;
white-space: nowrap;
transform: translate(-50%, -50%);
display: none;
z-index: 100;
}
.detail-keis-links .center__button,
.detail-keis-links .left__button{
font-size: 24px;
}
@media(max-width:792px){
.detail-keis-links .center__button,
.detail-keis-links .left__button{
font-size: 18px;
padding: 30px 10px;
}
}
.quiz *{
font-family: 'MontserratRegular' !important;
}
.quiz .wpcf7-form-control {
border-bottom: 0;
}
.quiz_item {
margin-bottom: 30px;
}
.quiz_title {
font-size: 1.5em;
font-weight: 600;
margin-bottom: 10px;
}
.quiz_subtitle {
margin-bottom: 10px;
}
.quiz_input .wpcf7-checkbox input {
display: none;
}
.quiz_input .wpcf7-checkbox {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
padding: 0;
height: auto;
}
.quiz_input .wpcf7-checkbox label span {
cursor: pointer;
border: 1px solid #7a79e3;
border-radius: 50px;
padding: 5px 15px;
background: #fff;
display: block;
white-space: nowrap;
}
.quiz_input .wpcf7-checkbox label:hover{
opacity:0.8;
}
.quiz_input .wpcf7-checkbox label input:checked + span {
background: #7a79e3;
color:#fff;
}
.quiz_input input.wpcf7-text,.quiz_input textarea {
border: 1px solid #7a79e3;
height: auto;
width: calc(100% - 42px);
margin-bottom: 10px;
border-radius: 5px;
padding: 10px 20px;
}
.quiz_input textarea {
border-bottom: 1px solid #7F7DE8 !important;
}
.quiz {
width: 50%;
margin: auto;
}
.quiz_input_checkbox {margin-bottom: 10px;}
.quiz input[type="file"] {
height: auto;
padding-top: 0;
}
.quiz .wpcf7-submit {
border-radius: 5px;
}
@media (max-width: 991px){
.quiz {
width: 100%;
}
.quiz_title {
font-size: 1.3em;
line-height: 1.3em;
}
.quiz_subtitle {
line-height: 1.3em;
}
}
@media (max-width: 600px){
.quiz span.wpcf7-list-item {
width: 100%;
text-align: center;
}
}
table {
width: 100%;
border-collapse: collapse; font-family:MontserratRegular;
font-size: 14px;
}
th, td {
border: 1px solid #ddd; padding: 8px 12px;
text-align: left;
transition: all 0.4s ease 0s;
}
th {
background-color: #f4f4f4; font-weight: bold;
}
tr{
transition: all 0.4s ease 0s;
}
tr:nth-child(even) {
background-color: #fafafa; }
tr:hover {
background-color: #f1f1f1; }
.page404{
padding: 100px 0px;
position: relative;
}
.title-404{
text-align: center;
font-size: calc(60px + 160 * (100vw / 1900)) !important; 
font-family: Days;
margin: 0px;
}
.text-404{
text-align: center;
font-size: calc(20px + 15 * (100vw / 1900)) !important; 
font-family: MontserratRegular;
margin: 40px auto;
max-width: 900px;
}
.btn-404{
display: flex;
justify-content: center;
width: 100%;
}
.btn-404 a{
background-color: #fff;
border-radius: 100px;
border: 2px solid #000;
font-size: calc(20px + 10 * (100vw / 1900)) !important; 
font-family: MontserratMedium;
color: #000;
text-decoration: none;
transition: all 0.5s ease 0s;
padding: 30px 50px;
}
.btn-404 a:hover{
background-color: #000;
color: #fff;
}
@media(max-width: 592px){
.btn-404 a{
padding: 15px 25px;
}
} .tumble-wrapper {
--d: var(--size);
position: absolute;
bottom: 10px; left: -300px; width: var(--d);
height: var(--d);
pointer-events:none;
z-index: 10;
will-change: transform;
} .tumble-bob {
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
will-change: transform;
animation: bob 1.9s ease-in-out infinite;
} .tumble-img {
width:100%;
height:100%;
max-width: 200px;
display:block;
transform-origin:50% 50%;
user-select:none;
-webkit-user-drag:none;
will-change: transform;
filter: drop-shadow(0 6px 10px rgba(0,0,0,0.45));
} .tumble-shadow {
position:absolute;
left:50%;
transform:translateX(-50%) scaleX(1);
bottom:-8px;
width:60%;
height:10px;
border-radius:50%;
background: radial-gradient(ellipse at center, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.15) 60%, rgba(0,0,0,0) 100%);
opacity:0.75;
will-change: transform, opacity;
z-index:5;
transition: transform 120ms linear, opacity 120ms linear;
pointer-events:none;
}
@keyframes bob {
0%   { transform: translateY(0); }
50%  { transform: translateY(-12px); }
100% { transform: translateY(0); }
}
.checkbox{
margin: 20px 0px;
}
.checkbox a{
color: #7f7de8;
}
.popmake-content p{
text-align: center;
font-size: 23px;
font-family: MontserratRegular;
}
.flex-input{
display: flex;
align-items: center;
gap: 15px;
margin-top: 30px;
}
.flex-input label{
width: 100%;
}
.wpa-test-msg{
display: none;
}
#popmake-1270 .wpcf7-form-control.wpcf7-submit{
border-radius: 30px;
}
@media(max-width:592px){
.flex-input{
flex-direction: column;
}
}
.page-id-1297 .video-background{
max-height: 786px;
overflow: hidden;
}
.detai-keis h3{
font-size: 22px;
margin: 15px 0px;
text-decoration: underline;
}