:root{
--base: #E7E2D4; --base-txt: #333; --contrast: #e85a4f; --contrast-2: #ca7952; --contrast-3: #ca7952; --contrast-4: #c70505; --price-subheading-color: #d94f38; --font-main: 'Rubik', sans-serif; --font-txt: 'Rubik', sans-serif; --post-img: url(//wedding-film.ru/wp-content/uploads/2023/01/faq.jpg) no-repeat; } @supports ( -ms-accelerator:true ) 
{
html{
overflow: hidden;
height: 100%;    
}
body{
overflow: auto;
height: 100%;
}
} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
html{
overflow: hidden;
height: 100%;    
}
body{
overflow: auto;
height: 100%;
}
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
a {
background-color: transparent;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80% !important;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, address, cite, 
del, em, img, q, small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, hgroup, nav, section, 
time {
margin:0;
padding:0;
border:0;
outline:0;
font-family: var(--font-txt); 
font-size:100%;
font-weight: 400;
vertical-align:baseline;
background:transparent;
box-sizing: border-box;
}
html { font-size: 16px;}
body {
font-family: var(--font-txt); 
line-height: 1.4;
color: var(--base-txt);
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
background: var(--base);
}
body.active{
overflow: hidden;
}
main, article, aside, footer, header, hgroup, nav, section {
display: block;
}
h1, h2, h3, h4, h5, h6 {
display: block;
font-family: var(--font-main); 
font-weight: 500;
color: var(--contrast-2);
line-height: 1.3;
text-align: center;
margin: 1.5em 0 1em;
letter-spacing: .02em;
text-transform: uppercase;
}
h1 {
font-size: 34px;
text-transform: none;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
margin: 1.5em 0;
line-height: 1.4;
}
ol,
ul {
margin: 1.5em 0 1.5em 2em;
}
ol li,
ul li{
margin: 1em;
}
p:first-child, li:first-child {
margin-top: 0 !important;
}
p:last-child, li:last-child {
margin-bottom: 0 !important;
}
strong{
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
big {
font-size: 125%;
}
a {
color: var(--contrast-2);
outline: none;
text-decoration: none;
transition: .3s;
}
a:visited,
a:hover,
a:focus,
a:active {
color: var(--contrast);
outline: none;
}
a:focus {
outline: none;
}
section{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.overlay {                      
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.content-wrapper{ width: 90%;
max-width: 1170px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
}
.wrapper {
position: relative;
z-index: 2;
}
@-webkit-keyframes moving-flare {
0% {
left: -30px;
margin-left: 0px;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}
@keyframes moving-flare {
0% {
left: -30px;
margin-left: 0px;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}
.pulse {
overflow: hidden;
position: relative;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all .4s ease;
cursor: pointer;
}
.pulse:hover  { transform: scale(1.05);
}
.pulse:active {
filter: brightness(.9);
}
.pulse::after {
content: "";
position: absolute;
left: -80px;
top: -100px;
z-index: 1;
display: block;
width: 10px;
height: 200px;
margin-left: 50px;
background-color: #fff;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.5) 100%);
-webkit-filter: blur(10px);
filter: blur(10px);
transform: rotate(45deg);
}
.pulse:hover::after {
-webkit-animation: moving-flare 3s ease-in-out 0.05s infinite;
animation: moving-flare 3s ease-in-out 0.05s infinite;
}
.parallax { background-position: center !important;
background-size: cover !important;
background-attachment: fixed !important;
display: flex;
justify-content: center;
align-items: center;
position: relative;
} .to-top {                                        
display: block;
width: 40px;
height: 40px;
background: var(--contrast-2);
border-radius: 5px;
opacity: .5;
z-index: 1000;
position: fixed;
bottom: 1em;
right: 1em;
transform: scale(0);
transition: .3s linear;
}
.to-top:hover{
opacity: .8;
}
.to-top.fixed {
transform: scale(1);
}
.to-top:before{
content: '';
display: block;
width: 16px;
height: 16px;
border-top: 5px solid #fff;
border-left: 5px solid #fff;
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -7px;
} .clearfy-cookie--left { max-width: 300px !important;
border-radius: 5px;
}
.clearfy-cookie-container {
text-align: left !important;
}
.clearfy-cookie-accept{
border-radius: 5px;
}
#breadcrumbs { font-size: 15px;
color: #555;
align-self: flex-start;
}
#breadcrumbs a,
#breadcrumbs a:visited { color: var(--contrast-2);
border-bottom: 1px solid transparent;
transition: all .3s;
}
#breadcrumbs a:active,
#breadcrumbs a:hover,
#breadcrumbs a:focus{
color: var(--contrast-2);
border-bottom: 1px solid var(--contrast-2);
} #reviews,
#about {                                                   
border-top: 70px solid transparent;
margin-top: -70px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.faq-anchor::before,
.contacts-anchor::before,
.prices-anchor::before,
.video-anchor{
display: block;
content: "";
height: 70px;
margin: -70px 0 0;
}
@media screen and (max-width: 991px) {
#reviews,
#about {                                                   
border-top: 30px solid transparent;
margin-top: -30px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.faq-anchor:before,
.contacts-anchor:before,
.prices-anchor::before,
.video-anchor{
display: block;
content: "";
height: 30px;
margin: -30px 0 0;
}
} .site-header {
position: fixed;
top: 0;
width: 100%;
height: 175px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 10px 100px;
color: #fff;
background: rgba(20,20,20,.9);
transition: all .4s;
z-index: 10;
}
.site-header.sticky {
height: 76px;
}
.header__top{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.header__item{
flex: 0 0 220px;
width: 220px;
transition: all .4s;
}
.header__item:nth-child(3) {
display: flex;
justify-content: flex-end;
}
.header__item:nth-child(4) {
display: none;
flex: 0 0 0;
width: 0;
}
.site-nav {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 50px;
color: #fff;
transform: translate3d(0, 0, 0);
transition: all .4s;
border-top: 1px solid #444;
margin-top: 10px;
}
.sticky .site-nav{
width: auto;
transform: translate3d(0, -55px, 0);
margin-top: 0;
border-top: 0;
padding-left: 80px;
}
.sticky .site-nav .sub-menu {
top: 64px;
}
.site-nav .header-contacts{
display: none;
}
.site-logo {
display: flex;
justify-content: flex-start;
align-items: stretch;
transition: all .4s;
}
.site-logo img{
width: 80px;
height: auto;
transition: all .4s;
}
.sticky .site-logo img{
width: 50px;
height: auto;
}
.site-logo a,
.site-logo span {
display: flex;
justify-content: flex-start;
align-items: center;
}
.site-description {
font-family: var(--font-main);
text-transform: uppercase;
color: #E5C102;
font-size: 15px;
width: 130px;
margin-left: 10px;
transition: all .4s;
}
.sticky .site-description {
font-size: 12px;
width: 100px;
}
.header-offer {
display: block;
font-family: var(--font-main);
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
color: #eee;
transform: translate3d(0, 0, 0);
transition: all .4s;
}
.sticky .header-offer {
transform: translate3d(0, -80px, 0);
} .header-contacts {
width: 235px;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 5px; } .header-contacts li {
list-style: none;
margin: 0;
padding: 0;
display: flex;
} .header-contacts .header-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 44px;
border-radius: 5px;
color: #fff;
text-decoration: none;
transition: all .25s;
} .header-contacts .icon_btn {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 24px;
flex-shrink: 0; margin-right: 5px;
}
.header-contacts .icon_btn svg {
width: 100%;
height: 100%;
flex-shrink: 0;
} .header-contacts .tel-number { 
background: var(--contrast); 
padding: 0 20px !important; box-sizing: border-box; }
.header-contacts .wa-number { background: #25d366; }
.header-contacts .tg-number { background: #32a5e0; }
.header-contacts .max-number { background: #5032e6; } @media screen and (min-width: 992px) { .header-contacts li:first-child {
flex: 0 0 100%;
} .header-contacts li:not(:first-child) {
flex: 1 1 0;
} .header-contacts li:not(:first-child) .txt_btn {
display: none;
}
.header-contacts li:not(:first-child) .icon_btn {
margin-right: 0;
} .header-contacts .tel-number .txt_btn {
font-size: 20px;
font-weight: 500;
white-space: nowrap;
}
} .sticky .header__item > .header-contacts {
width: auto;
flex-wrap: nowrap;
} .sticky .header__item > .header-contacts li {
flex: 0 0 44px;
} .sticky .header-contacts .txt_btn {
display: none !important;
}
.sticky .header-contacts .icon_btn {
margin-right: 0 !important;
} .sticky .header__item > .header-contacts li:has(.wa-number) {
display: none !important;
} @media screen and (max-width: 991px) {
.site-nav .header-contacts {
display: flex;
flex-direction: column;
align-items: stretch !important;
width: 100%;
max-width: 310px; margin: 20px auto 0;
gap: 8px; }
.site-nav .header-contacts li {
flex: 0 0 auto;
width: 100%;
margin-bottom: 0 !important;
} .site-nav .header-contacts .tel-number {
background: transparent !important; height: auto !important;
padding: 5px 0 10px !important;
}
.site-nav .header-contacts .tel-number .icon_btn {
position: static !important;
margin-right: 10px !important;
}
.site-nav .header-contacts .tel-number .txt_btn {
font-size: 22px !important; margin: 0 !important;
} .site-nav .header-contacts li:not(:first-child) .header-btn {
position: relative; justify-content: center !important; }
.site-nav .header-contacts li:not(:first-child) .icon_btn {
position: absolute !important;
left: 20px !important; margin: 0 !important;
}
.site-nav .header-contacts .txt_btn {
display: flex !important; align-items: center !important; justify-content: center !important; height: 44px !important; font-size: 15px;
font-weight: 500;
color: #fff;
margin: 0 !important;
text-align: center;
}
}  .menu { font-family: var(--font-main);
font-size: 18px;
text-transform: uppercase;
letter-spacing: .02em;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.menu li{ list-style: none;
margin: 0 10px;
position: relative;
}
.menu li.menu-item-has-children a{ position: relative;
padding-right: 15px;
}
.menu li.menu-item-has-children > a:after { content: '';
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(135deg);
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
}
.menu li a{ display: block;
color: #eee;
padding: 15px 5px;
white-space: nowrap;
}
.menu li a:hover,
.menu li.current-menu-item a{ color: var(--contrast-2);
}
.sub-menu { width: auto;
position: absolute;
top: 49px;
transform: scaleY(0);
transform-origin: top left;
transition: all .15s;
margin: 0;
font-size: 16px;
background: rgba(20,20,20,.9);
}
.menu li:hover .sub-menu {
transform: scaleY(1);
}
.mobile-menu__btn{
display: none;
} @media screen and (max-width: 991px) {
.mobile-menu__btn{
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
position: relative;
z-index:2;
overflow: hidden;
cursor: pointer;
}
.mobile-menu__btn span{
display: block;
width: 100%;
height: 2px;
border-radius: 1px;
background: #fff;
}
.mobile-menu__btn span:before{
content: '';
display: block;
width: 100%;
height: 2px;
border-radius: 1px;
background: #fff;
position: relative;
top: -7px;
left: 0;
transition: .15s;
}
.mobile-menu__btn span:after{
content: '';
display: block;
width: 100%;
height: 2px;
border-radius: 1px;
background: #fff;
position: relative;
top: 5px;
left: 0;
transition: .15s;
}
.mobile-menu__btn.active span{
background: transparent;
}
.mobile-menu__btn.active span:before{
top: 2px;
transform: rotate(45deg);
}
.mobile-menu__btn.active span:after{
top: 0;
transform: rotate(-45deg); 
}
.site-nav {
flex-direction: column;
background: rgba(20,20,20,.95);
margin-top: 0;
padding: 20px 20px 40px;
position: fixed;
top: 86px;
left: 0;
width: 100%;
height: calc(100% - 86px);
transform: translateX(-100%) !important;
transition: transform 0.5s;
}
.site-nav.active {
transform: translateX(0) !important;
overflow: auto !important;
display: flex;
justify-content: flex-start;
}
.site-nav.active > div {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}  
.sticky .site-nav{
padding-left: 20px !important;
}
} .site-footer {
background: #222;
padding: 20px 100px 5px;
}
.footer__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-footer .site-logo img {
width: 50px;
height: auto;
}
.site-footer .site-description {
font-size: 12px;
width: 100px;
}
.footer__item p {
font-size: 15px;
color: #ccc;
text-transform: uppercase;
}
.footer-copyright {
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid #444;
padding-top: 5px;
color: #777;
font-size: 14px;
} .first-screen{
justify-content: center;
align-items: center;
width: 100%;
height: auto;
min-height: 100vh;
padding: 140px 0 56px;
border-top: none !important;
margin-top:0 !important;
}
.first-screen h1{ color: #fff;
font-size: 69px;
font-weight: 400;
letter-spacing: -.2px;
margin: 0;
text-transform: uppercase;
}
.first-screen h2{ color: #fff;
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.5em;
letter-spacing: 0;
margin-top: 43px;
}
.first-screen h2:last-of-type{
margin: 2.36em 0 2.15em;
}
.first-screen h3{ color: #fff;
font-size: 26px;
font-weight: 400;
text-transform: none;
line-height: 1.5em;
letter-spacing: 0;
margin: 1em 0 0.5em;
}
.first-screen p{ font-family: var(--font-main);
font-weight: 500;
font-size: 26px;
color: #FFF;
text-align: center;
margin-top: 0;
line-height: 1.2;
}
.first-screen p:first-of-type{
margin-bottom: 15px;
}
.first-screen h2:last-child,
.first-screen p:last-child{
margin-bottom: 0 !important;
} .seo-txt{
padding: 0 0 50px 0;
} .how-txt{ padding: 50px 0;
}
.how-txt h2{ margin-top: 0;
color: #fff;
}
.txt-blocks__wrapper { display: flex;
justify-content: space-between;
align-items: stretch;
}
.txt-blocks__item { flex: 0 1 calc(50% - 20px);
width: calc(50% - 20px);
display: flex;
flex-direction: column;
justify-content: stretch;
}
.txt-block{ background: #fff;
padding: 20px;
border-radius: 5px;
margin-bottom: 20px;
height: 100%;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.txt-block:last-child{
margin-bottom: 0;
} .video { padding: 0; 
max-width: 1170px;
margin: 2em auto;                  
}
.video .has-border {
text-align: center;
color: #604322;
font-size: 20px;
border-top: 1px solid var(--contrast-4);
border-bottom: 1px solid var(--contrast-4);
padding: 2em 0;
}
.video__wrapper { display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
width: calc(100% + 20px);
margin: 0 -10px;
}
.video__item { flex: 0 1 calc(50% - 20px);
width: calc(50% - 20px); margin: 0 10px 2em;
}
.video__thumb { width: 100%;
padding-bottom: 56.25%;
border-radius: 5px;
overflow: hidden;
position: relative;
background-position: center !important;
background-size: 100% auto !important;
transition: 1.5s;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.video__thumb:hover { background-size: 110% auto !important;
transition: 2s;
}
.video__inner { position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
text-align: center;
background: rgba(30,30,30,0); 
cursor: pointer;
transition: all .3s;
}
.video__thumb:hover .video__inner{ background: rgba(30,30,30,.5); 
}
.video_description h3 { margin: 20px 0 0;
color: #484c52;
font-size: 20px;
text-transform: none;
}
.video_description { padding: 1em 20px;
font-size: 18px;
}
.video_description p:first-child{
margin-top: 20px !important;
}
.video__title { color: #fff;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
line-height: 1.5em;
letter-spacing: .1px;
opacity: 0;
transition: all .3s;
}
.video__btn { width: 50px;
height: 50px;
margin: 10px 0;
background: url(//wedding-film.ru/wp-content/themes/movie/img/play-button.svg) no-repeat;
background-position: top center;
background-size: 50px 100px;
}
.video__inner:hover .video__btn{ background-position: bottom center; transform: scale(1.05);
}
.video__inner:hover .video__title{ opacity: 1;
} .testimonial { background: url(//wedding-film.ru/wp-content/uploads/2023/12/1920-300Untitled-1.jpg) no-repeat center center / cover;
padding: 60px 0 20px;
position: relative;
}
.testimonial .overlay{ background: #111;
opacity: .5;
}
.testimonial .content-wrapper{
max-width: 960px;
}
.testimonial__content { background: #fff;
padding: 20px;
border-radius: 10px;
font-style: italic;
}
.testimonial__author { align-self: flex-start;
color: #fff;
font-size: 20px;
margin: 15px 20px 5px;
}
.testimonial__date { align-self: flex-start;
color: #fff;
margin: 0 20px;
} .call-me.parallax { padding: 50px 0;
}
.call-me  h2{ color: #fff;
margin: 0;
}
.call-me p { font-size: 26px;
color: #fff;
font-weight: 500;
width: 100%;
text-align: center;
white-space: nowrap;
}
.btn__wrapper { 
display: flex; flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
}
.btn__wrapper > * {
flex-grow: 1;
}
.btn{ display: flex;
justify-content: space-between;
align-items: center;
width: auto;
max-width: 340px;
padding: 10px 30px;
border-radius: 5px;
min-width: 220px;
background: var(--contrast);
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.btn_wrapper.one-btn > .btn{                       
margin-top: 20px;
}
.btn_with_icon { margin: 0 20px;
}
.btn_with_icon:first-child{
margin-left: 0;
}
.btn_with_icon:last-child{
margin-right: 0;
}
.btn.whatsapp_btn { background: #25d366;
}
.btn.telegram_btn { background: #32a5e0;
}
.icon_btn {
margin-right: 20px;
width: 40px;
height: 30px;
}
@media(max-width:920px){
.icon_btn {
margin-right: 0;
}
}
.icon_btn > *{
display: block;
width: auto;
height: 100%;
}
.icon_btn svg { fill: #fff;
}
.txt_btn{ font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
letter-spacing: .02em;
width: 100%;
height: 35.6px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
@media (max-width:480px) {
.txt_btn{ font-size: 17px;
}
} .you-get{ padding: 50px 0;
}
.you-get .content-wrapper { max-width: 960px;
}
.you-get__wrapper { display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.you-get__item { flex: 0 1 100%;
width: 100%; 
background: #e7e2d4;
border-radius: 5px;
padding: 20px;
margin: 10px 0;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.you-get__item:first-child { display: flex;  
flex-direction: column-reverse;                     
margin-top: 0;
flex-direction: column-reverse;
}
.you-get__item.half-width{ flex: 0 1 calc(50% - 10px);
width: calc(50% - 10px);
}
h2.you-get__header { font-size: 26px;
color: var(--contrast-2);
margin: 10px 0 0 0;
}
h3.you-get__header{ font-size: 25px;
color: var(--contrast-2);
margin: 15px 0 15px 0;
text-align: left;
}
.you-get__description { font-size: 18px;
margin-left: 110px;
}
.you-get__item:first-child .you-get__description{ margin-left: 0;
}
.you-get__img { display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-right: 30px;
float: left;
}
.you-get__img > * { display: block;
width: 100%;
height: auto;
}
.you-get__item svg { fill: var(--contrast);
} .reviews{ background: #E7E2D6; 
}
.reviews .content-wrapper{ margin: 30px 0;
padding: 30px 0;
border-top: 2px solid var(--contrast-2);
border-bottom: 2px solid var(--contrast-2);
}
.reviews h2{ margin: 0;
}
.reviews p{ font-size: 25px;
text-align: center;
color: var(--contrast-2); margin-top: 10px
}
.carousel { width: 100%;
position: relative;
} .itc-slider { position: relative;
width: 90%;
max-width: 1000px;
margin: 0 auto 50px;
z-index: 2;
}
@media (max-width:768px) {
.itc-slider { margin: 0 auto 20px;
}
}
.itc-slider--full-width {
width: calc(100% - 10px);
max-width: calc(100% - 10px);
margin: 50px 5px;
}
@media (max-width:768px) {
.itc-slider--full-width { margin: 0 auto 50px;
}
}
@media (max-width:991px) {
.itc-slider--full-width {
width: calc(100% - 20px);
max-width: calc(100% - 20px);
margin: 50px 10px;
}
}
.itc-slider__wrapper {
overflow: hidden;
}
.itc-slider__items {
display: flex;
transition: transform 0.5s ease;
will-change: transform;
}
.itc-slider--full-width .itc-slider__items {
justify-content: space-between;
}
.itc-slider__transition-none {
transition: none;
}
.itc-slider__item { flex: 0 0 calc(100%/3);
width: calc(100%/3);
display: flex;
justify-content: center;
align-items: flex-start;
user-select: none;
will-change: transform;
border: 20px solid transparent;
}
.itc-slider--full-width .itc-slider__item { flex: 0 0 calc(100%/4);
width: calc(100%/4);
border: 5px solid transparent;
}
.itc-slider__item img{ width: 100%;
height: auto;
-webkit-box-shadow: 0px 5px 10px 2px rgba(71, 39, 24, 0.2);
-moz-box-shadow: 0px 5px 10px 2px rgba(71, 39, 24, 0.2);
box-shadow: 0px 5px 10px 2px rgba(71, 39, 24, 0.2);
}
.itc-slider--full-width .itc-slider__item img{ -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .itc-slider__btn { position: absolute;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 60px; text-align: center;  border: none;
transform: translateY(-50%);
cursor: pointer;
transition: all .3s;
z-index: 3;
}
.itc-slider__btn svg {
fill: #e85a4f;
transition: .15s;
}
.itc-slider__btn_hide {
display: none;
}
.itc-slider__btn_prev { left: 30px; }
.itc-slider__btn_next { right: 30px; }
.itc-slider__btn--out.itc-slider__btn_prev { left: -40px; }
.itc-slider__btn--out.itc-slider__btn_next { right: -40px; }   .itc-slider__indicators { position: absolute;
right: 0;
bottom: -50px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
margin: 0 auto;
padding-left: 0;
list-style: none;
}
@media (max-width:768px) {
.itc-slider__indicators {
display: none;
}
}
.itc-slider__indicator { flex: 0 1 auto;
box-sizing: content-box;
width: 10px;
height: 10px;
margin-right: 5px;
margin-left: 5px;
border-radius: 50%;
text-indent: -999px;
background-color: rgb(255 255 255 / 50%);
background-clip: padding-box;
cursor: pointer;
}
.itc-slider__indicator:first-child{
margin-top: 1em !important;
}
.itc-slider__indicator:last-child{
margin-bottom: 1em !important;
}
.itc-slider__indicator_active { background-color: rgb(255 255 255 / 90%);
}
@media screen and (max-width: 991px) {
.itc-slider__btn_prev {
left: 20px;
}
.itc-slider__btn_next {
right: 20px;
}
.itc-slider__btn--out.itc-slider__btn_prev { left: -30px;
}
.itc-slider__btn--out.itc-slider__btn_next { right: -30px;
}
.itc-slider__item {
flex: 0 0 calc(100%/2);
width: calc(100%/2);
}
.itc-slider--full-width .itc-slider__item { flex: 0 0 calc(100%/2);
width: calc(100%/2);
}
}
@media screen and (max-width: 768px) {
.itc-slider__item {
flex: 0 0 100%;
width: 100%;
}
.itc-slider--full-width .itc-slider__item { flex: 0 0 100%;
width: 100%;
}
.itc-slider__btn_prev {
left: 0;
}
.itc-slider__btn_next {
right: 0;
}
.itc-slider__btn--out.itc-slider__btn_prev { left: 0;
}
.itc-slider__btn--out.itc-slider__btn_next { right: 0;
}
.itc-slider__btn svg {
height: 50px !important;
}
}
@media (max-width:480px) {
.itc-slider__btn--out.itc-slider__btn_prev { left: -15px;
}
.itc-slider__btn--out.itc-slider__btn_next { right: -15px;
}
.itc-slider--full-width .itc-slider__item {
border: none;
}
}  .about { padding: 100px 0;
}
@media(max-width:768px) {
.about { padding: 50px 0;
}
}
.about__inner {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0;
max-width: 980px;
margin: 0 auto;
}
@media(max-width:1024px) {
.about__inner {
grid-template-columns: 45% 55%;
max-width: 100%;
}
}
@media(max-width:768px) {
.about__inner {
display: flex;
flex-direction: column;
}
}
.about__img img {
width: 100%;
height: auto;
}
.about__img > * {
width: 55%;
margin: 0 auto;
display: block;
}
@media(max-width:1024px) {
.about__img > * {
width: 94%;
margin: 0 auto 0 0;
}
}
@media(max-width:768px) {
.about__img > * {
width: 50%;
margin: 0 auto 40px;
min-width: 280px;
}
}
.about__content {
padding-right: 50px;
}
@media(max-width:1024px) {
.about__content {
padding-right: 0;
}
}
.about__content p{
flex: 0 1 100%;
font-size: 20px;
color: #604322;
line-height: 1.15;
}
@media(max-width:768px) {
.about__content p{
text-align: center;
font-size: 17px;
}
}
.about__content p:last-of-type {
text-align:center; 
max-width:420px; 
margin: 0 auto;
}
@media(max-width:768px) {
.about__content p:last-of-type {
max-width:100%; 
}
}
.about__content .btn {
width: 292px;
height: 45.6px;
margin: 40px auto;
display: flex;
justify-content: center;
align-items: center;
color: #fff !important;
font-size: 20px;
font-weight: 500;
}
.text-with-stroke {
font-size: 26px !important;
text-transform: uppercase;
color: var(--contrast) !important;
line-height: 1;
font-weight: 500;
width: 242px;
height: 39px;
margin: 40px auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.stroke {
display: block;
width: 270px;
height: 70px;
border: 3px solid var(--contrast);
border-radius: 48%;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%, 0);
} .section-divider {
display: flex;
align-items: center;
gap: 16px;
padding: 0 60px 18px 60px;
position: relative;
z-index: 2;
width: 100%;
box-sizing: border-box;
margin-top: 60px;
}
.section-divider .line {
flex: 1;
height: 2px;
background: linear-gradient(to right, transparent, #d94f38);
}
.section-divider .line.right {
background: linear-gradient(to left, transparent, #d94f38);
}
.section-divider .icon {
font-size: 20px;
color: #d94f38;
flex-shrink: 0;
}
.stroke::before {
content: '';
position: absolute;
top: 0;
right: 38%;
transform: translateX(-50%);
width: 90px;
height: 10px;
border: 3px solid transparent;
border-top-color: var(--contrast);
border-radius: 60%;
transform: rotate(-6deg);
}
.stroke::after {
content: '';
position: absolute;
top: 0;
left: 38%;
transform: translateX(-50%);
width: 90px;
height: 10px;
border: 3px solid transparent;
border-top-color: var(--contrast);
border-radius: 60%;
transform: rotate(6deg);
} .advantages { padding: 0 0 30px 0;
background-size: 125% !important;
}
.advantages__wrapper { display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin: 0;
}
.advantages__item { flex: 0 1 calc(50% - 20px);
width: calc(50% - 20px);
display: flex;
justify-content: space-between;
margin: 0 0 20px 0;
}
.advantages__img { flex: 0 0 40px;
width: 40px;
}
.advantages__img > *{
display: block;
width: 100%;
height: auto;
}
.advantages__img svg{ fill: var(--contrast);
}
.advantages__content { flex: 0 1 calc(100% - 60px);
width: calc(100% - 60px);
font-size: 18px;
} .offer .content-wrapper { margin: 30px 0;
padding: 30px 0;
border-top: 2px solid var(--contrast-2);
border-bottom: 2px solid var(--contrast-2);
}
.offer h2{ margin: 0;
}
.offer p { font-size: 25px;
text-align: center;
color: var(--contrast-2);
margin-top: 10px;
}
.offer .btn__wrapper {
margin-top: 20px;
} .faq{ padding: 0 0 50px 0;
}
.faq h3{
margin-bottom: 0;
} .accordion { width: 100%;
max-width: 960px;
background: var(--base);
padding: 30px;
border-radius: 5px;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.accordion__item { margin-bottom: 30px;
cursor: pointer;
}
.accordion__item:last-child {
margin-bottom: 0;
}
.accordion__btn { display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-btn__header{ flex: 0 1 calc(100% - 40px);
width: calc(100% - 40px);
font-size: 20px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
}
.accordion__btn:hover .accordion-btn__header{ color: var(--contrast);
}
.accordion-btn__indicator { flex: 0 0 30px;
width: 30px;
height: 30px;
position: relative;
}
.accordion-btn__indicator:before{ content: '';
display: block;
width: 30px;
height: 4px;
background: var(--contrast);
border-radius: 2px;
position: absolute;
top: 50%;
margin-top: -2px;
transition: all .2s;
}
.accordion-btn__indicator:after{ content: '';
display: block;
width: 4px;
height: 30px;
background: var(--contrast);
border-radius: 2px;
position: absolute;
left: 50%;
margin-left: -2px;
transition: all .2s;
}
.active .accordion-btn__indicator:before, .active .accordion-btn__indicator:after{   
transform: rotate(45deg);
}
.accordion__content { padding-left: 50px;
font-size: 18px;
overflow: hidden;
max-height: 0;
transition: all .5s;
}
.active .accordion__content { max-height: 1000px;
transition: all 2s;
}
.active .accordion__btn{ padding: 0 0 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
} .contacts { padding: 50px 0;
}
.contacts__wrapper { width: 100%;
max-width: 960px;
background: #EAE7DC;
padding: 50px;
border-radius: 5px;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.contacts__wrapper p {
text-transform: none;
line-height: 1.15;
font-size: 20px;
}
.contacts__wrapper p:not(:last-child) {
margin-bottom: 15px;
}
.contacts__wrapper p:last-child {
margin-top: 0;
}
.contacts__header h2 { margin: 0;
}
.contacts__header p{
margin: 5px 0 0 0;
font-size: 25px;
}
@media(max-width:768px) {
.contacts__header p{
font-size: 16px;
}
}
.contacts__content{ display: grid;
grid-template-columns: 340px 370px;
grid-gap: 40px;
margin: 20px auto;
max-width: 750px;
}
@media (max-width:920px) {
.contacts__content{ grid-template-columns: 1fr 1fr;
}
}
@media (max-width:768px) {
.contacts__content{ grid-template-columns: 1fr;
max-width: 340px;
}
}
.contacts__inner picture {
display: block;
height: 100%;
}
.contacts__inner img{ width: 100%;
max-width: 370px;
height: 100%;
object-fit: cover;
border-radius: 5px;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.contacts__inner { display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-start;
}
.contacts__inner p { font-size: 22px;
text-align: center;
color: var(--contrast-2);
text-transform: uppercase;
margin-top: auto;
width: 100%;
max-width: 340px;
margin: auto 0 0 0;
}
.contacts__inner .btn_with_icon{ margin: 10px 0;
width: 100%;
max-width: 340px;
}
@media (max-width:920px) {
.contacts__inner .btn_with_icon{ max-width: 100%;
}
}
.contacts__inner .btn_with_icon:first-child {
margin-top:0;
}
.contacts__inner .btn_with_icon:last-of-type{
margin-bottom: 20px
} .contact-form form { display: grid;
grid-template-columns: 340px 370px;
grid-gap: 40px;
margin: 20px auto;
max-width: 750px;
}
@media (max-width:920px) {
.contact-form form { grid-template-columns: 1fr 1fr;
}
}
@media (max-width:768px) {
.contact-form form { grid-template-columns: 1fr;
max-width: 340px;
grid-gap: 0px;
}
}
.contact-form form > * { display: flex;
}
.contact-form .wpforms-field-container{
justify-content: flex-end;
}
.wpforms-field.wpforms-field-text {
width: 100%;
max-width: 340px;
display: flex;
justify-content: flex-end;
position: relative;
}
.contact-form .input-tel input[type="text"] { width: 100%;
max-width: 340px;
padding: 16px 20px ;
font-size: 15px;
line-height: 1;
border: 1px solid var(--contrast-3);
border-radius: 5px;
outline: none;
}
.contact-form .input-tel input[type="text"]:focus{ -webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container{
padding: 10px 0 ;
}
.contact-form button[type="submit"] { display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 18px 30pt;
border-radius: 5px;
border: none;
outline: none;
background: var(--contrast);
font-size: 16px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
width: 100%;
max-width: 340px;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
cursor: pointer;
}
@media (max-width:920px) {
.contact-form button[type="submit"] { max-width: 100%;
}
}
.contact-form  button[type="submit"]:hover{ transform: scale(1.05);
}
.contact-form button[type="submit"]:active {
filter: brightness(.9);
}
.wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #e0ffc7;
border: 1px solid #e85a4f !important;
border-radius: 5px;
text-align: center;
}
.wpforms-field-label.wpforms-label-hide {
display: none;
}
.contact-form .acceptance{ text-align: center;
}
.wpcf7 form .wpcf7-response-output { margin: 1em 0 1em;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.wpforms-has-error {
display: flex;
flex-direction: column;
}
.contact-form .input-tel input[type="text"].wpforms-error {
border: 1px solid red;
}
label.wpforms-error { display: block;
color: red;
font-size: 80%;
position: absolute;
left: 20px;
bottom: -20px;
}
.wpforms-confirmation-container{ display: flex;
justify-content: center;
align-items: center;
color: #25d366;
}
p.acceptance{
text-align: center;
font-size: 16px;
margin-top: 1.5em !important;
} .single-post__wrapper{ display: flex;
justify-content: center;
align-items: flex-start;
padding: 180px 50px 0 50px;
margin-bottom: 2em;
}
.single-post__main { flex: 0 1 calc(100% - 330px);
width: calc(100% - 330px);
max-width: 960px;
}
.entry-header h1.entry-title{ font-size: 50px;
font-weight: 400;
letter-spacing: -.2px;
margin: 0 0 1em 0;
line-height: 1;
}
.post-content__wrapper { padding: 50px 0;
display: flex;
justify-content: center;
align-items: flex-start;
}
.entry-content a {  
color: varvar(--contrast-2); border-bottom: 1px solid var(--contrast-2);
}
.entry-content a:visited {  
color: varvar(--contrast-3); border-bottom: 1px solid var(--contrast-3);
}
.entry-content a:focus, .entry-content a:hover,
.entry-content a:active {
color: var(--contrast);
border-bottom: 1px solid var(--contrast);
}
.wp-block-image img{ border-radius: 5px;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
}
.wp-block-image .alignleft { margin: 0.5em 1.5em 0.5em 0;
}
.wp-block-image .alignright { margin: 0.5em 0 0.5em 1.5em;
}
.wp-block-image figcaption { text-align: center;
font-style: italic;
}
.wp-block-quote { margin: 0 0 0 1.5em;
padding: 0 0 0 1.5em;
border-left: 5px solid var(--contrast-3);
} .post-sidebar { flex: 0 0 300px;
width: 300px;
margin-left: 30px;
padding-left: 20px;
}
.post-sidebar h2{ font-size: 18px;
margin: 0;
}
.wp-block-group__inner-container { display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.post-sidebar ul{ margin-left: 0;
}
.post-sidebar ul li{
list-style: none;
margin: 15px 0;
}
.wp-block-group {
box-sizing: border-box;
width: 100%;
} .archive .content-wrapper{ max-width: 960px;
}
.entry-header .page-title {
font-size: 50px;
font-weight: 400;
letter-spacing: -.2px;
margin: 0 0 1em 0;
line-height: 1;
}
.archive .article-wrapper{ display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px;
}
.post-thumbnail__wrapper { flex: 0 0 300px;
width: 300px;
height: 200px;
background: var(--post-img);
background-position: center center;
background-size: cover;
border-radius: 5px;
-webkit-box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
-moz-box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
box-shadow: 0px 3px 5px 2px rgb(34 60 80 / 30%);
overflow: hidden;
}
.post-thumbnail__wrapper img{ width: 100%;
height: auto;
}
.post__inner { flex: 0 1 calc(100% - 340px);
width: calc(100% - 340px);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post__inner .entry-title { font-size: 20px;
margin: 0 0 5px 0;
text-align: left;
} .navigation.pagination { width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.nav-links { display: flex;
justify-content: center;
align-items: center;
}
.nav-links > * { display: flex;
justify-content: center;
align-items: center;
width: auto;
min-width: 30px;
height: 30px;
line-height: 1;
padding: 5px;
margin: 0 5px;
font-size: 18px;
color: var(--contrast-2);
}
.nav-links a, .nav-links a:visited {
color: var(--contrast-2);
}
.nav-links a:active,
.nav-links a:hover,
.nav-links a:focus{
color: var(--contrast);
}
.page-numbers.current{
color: var(--contrast);
} @media screen and (max-width: 1280px) {
.site-header{
padding: 10px 20px;
}
.menu{
font-size: 17px;
}
.menu li {
margin: 0 5px;
}
}
@media screen and (max-width: 991px){
.site-header,
.site-header.sticky {
height: 86px;
}
.header__top {
width: 100%;
padding: 0 15px;
}
.site-logo img {
width: 50px;
}
.site-description,
.sticky .site-description {
font-size: 14px;
width: auto;
}
.header-offer,
.sticky .header-offer  {
font-size: 14px;
transform: none;
}
.header__item:nth-child(3) {
display: none;
flex: 0 0 0;
width: 0;
}
.header__item:nth-child(4) {
display: flex;
flex: 0 0 220px;
width: 220px;
justify-content: flex-end;
}
.header__item > .header-contacts{
display: none;
}
.sticky .site-nav {
width: 100%;
transform: none;
border-top: 1px solid #444;
margin-top: 0;
}
.site-nav .header-contacts {
display: flex;
flex-direction: column;
align-items: center;
transform: none;
width: 100%;
margin:20px 0 0 0;
transform-origin: unset;
}
.site-nav .header-contacts li {
flex: 0 1 auto;
width: auto;
margin-top: 5px; }
.site-nav .header-contacts li:first-child {
margin-top: 0; }
.menu {
flex-direction: column;
align-items: center;
margin-bottom: 20px;
font-size: 18px;
}
.menu li a {
padding: 10px 5px;
}
.menu li.menu-item-has-children > a:after{
content: none;
}
.sub-menu {
position: static; 
transform: none;
transform-origin: unset;
transition: all 0.5s ease-out;
background: transparent;
}
.sub-menu li a {
padding-left: 20px;
}
.video_description h3 {
margin: 20px 0 0;
font-size: 25px;
}
.about__wrapper {
height: auto;
padding-bottom: 70px;
overflow: hidden;
}
.about__wrapper > .content-wrapper {
justify-content: flex-end;
}
.contacts__wrapper {
padding: 30px;
width: 100%;
}
.contacts__inner .btn_with_icon{
width: 100%;
padding: 10px 20px !important;
}
.contacts__inner .btn_with_icon:last-of-type {
margin-bottom: 40px;
}
.advantages {
background-size: cover !important;
}
.video {
padding: 0 20px 50px;
}
.you-get__img {                                        
width: 60px;
height: 60px;
}
.single-post__wrapper{
padding: 80px 30px 0 30px;
}
.entry-header .page-title {
font-size: 40px;
}
.btn__wrapper {
flex-direction: column;
justify-content: flex-start;
}
.btn_with_icon {
margin: 10px 0;
width: 100%;
}
}
@media screen and (max-width: 768px){
.site-header, 
.site-header.sticky {
height: 70px;
padding: 10px 0;
}
.header__item:nth-child(1),
.header__item:nth-child(4){
flex: 0 0 auto !important;
width: auto !important;
}
.site-header .site-description{
display: none !important;
}
.site-nav {
top: 70px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
.first-screen {
padding: 18px 0 10px;
}
.first-screen h1 {
font-size: 30px;
}
.first-screen h2 {
font-size: 16px;
margin-top: 20px;
}
.first-screen h2:last-of-type{
font-size: 22px;
margin: 0 0 60px;
}
.btn_wrapper.one-btn>.btn{
margin-top: 40px;
}
.first-screen h3,
.first-screen p{ font-size: 18px;
font-weight: 400;
}
.video {
padding: 0 0 50px;
width: 90% !important;
}
.video__wrapper {
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.video__item, 
.video__item:nth-last-child(-n+2) {
flex: 0 1 100%;
width: 100%;
margin: 0 0 30px;
}
.video_description h3 {
margin: 0;
font-size: 18px;
}
.video_description {
padding: 1em 0;
}
.video__title{
display: none;
}
.call-me p {
font-size: 18px;
}
.you-get__item {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.you-get__img {
margin-right: 0;
}
.you-get__description {
margin-left: 0;
}
.you-get__item.half-width {
flex: 0 1 100%;
width: 100%;
}
h2.you-get__header {
font-size: 25px;
}
h3.you-get__header {
font-size: 18px;
text-align: center;
}
.advantages__img {
flex: 0 0 30px;
width: 30px;
height: 30px;
}
.advantages__img svg{
width: 30px !important;
height: 30px !important;
}
.advantages__content {
flex: 0 1 calc(100% - 40px);
width: calc(100% - 40px);
font-size: 18px;
}
.accordion {
padding: 20px;
}
.accordion__content {
padding-left: 0;
}
.accordion-btn__header {
flex: 0 1 calc(100% - 30px);
width: calc(100% - 30px);
font-size: 20px;
line-height: 1.3;
}
.accordion-btn__indicator {
flex: 0 0 20px;
width: 20px;
height: 20px;
}
.accordion-btn__indicator:before {
width: 20px;
}
.accordion-btn__indicator:after{
height: 20px;
}
.accordion__content {
font-size: 16px;
}
.reviews p {
font-size: 16px;
}
.advantages__wrapper {
flex-direction: column;
}
.advantages__item {
flex: 0 1 100%;
width: 100%;
}
.contacts__wrapper {
padding: 20px;
}
.fields__wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.contacts__inner {
flex: 0 1 100%;
width: 100%;
align-items: center;
}
.contacts__inner:last-child{
flex: 0 0 0;
width: 0;
display: none;
}
.contacts__inner p {
font-size: 18px;
margin-top: auto;
width: 100%;
text-align: center !important;
}
.about__wrapper {
padding-bottom: 30px;
}
.fields__wrapper > * {
flex: 0 1 100%;
width: 100%;
}
.fields__wrapper span:first-child,
.fields__wrapper span:last-child{
justify-content: center;
}
.fields__wrapper span:first-child {
margin-bottom: 20px;
}
.txt-blocks__wrapper{
flex-wrap: wrap;
}
.txt-blocks__item {
flex: 0 1 100%;
width: 100%;
}
.txt-block:last-child {
margin-bottom: 20px;
}
.offer p {
font-size: 18px;
}
.single-post__wrapper{
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
padding: 50px 0 0 0;
}
.entry-header .page-title {
font-size: 30px;
}
.single-post__main {
flex: 0 1 100%;
width: 100%;
}
.post-sidebar {
flex: 0 1 100%;
width: 100%;
padding-left: 0;
margin-top: 2em;
margin-left: 0;
}
.entry-header h1.entry-title {
font-size: 30px;
font-weight: 400;
letter-spacing: -.2px;
margin: 0 0 1em 0;
line-height: 1;
}
.site-footer {
padding: 20px 0 5px;
}
.footer__wrapper {
flex-direction: column;
width: 90%;
margin: 0 auto;
}
.footer__item:last-child {
margin: 10px 0;
text-align: center;
}
.archive .article-wrapper {
flex-direction: column;
}
.post-thumbnail__wrapper {
display: none;
flex: 0 1 auto;
width: 300px;
height: 200px;
align-self: center;
}
.post__inner {
flex: 0 1 100%;
width: 100%;
}
.navigation.pagination{
margin-bottom: 2em;
}
.contact-form form > * {
flex: 0 1 100%;
width: 100%;
max-width: 340px !important;
justify-content: center !important;
}
.wpforms-field-text {
width: 100%;
display: flex;
justify-content: center;
}
.contact-form .wpforms-field-container {
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px){
.contacts__inner .btn_with_icon {
padding: 10px 15px !important;
}
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder,
.mfp-inline-holder {
padding-top: 40px;
padding-bottom: 40px; 
display: flex;
justify-content: center;
align-items: center;}
.mfp-iframe-holder .mfp-content,
.mfp-inline-holder .mfp-content{
line-height: 0;
width: 100%;
max-width: 1100px; }
.mfp-iframe-holder .mfp-close,
.mfp-inline-holder .mfp-close {
top: 0px; 
right: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.iframe-adaptive {
position:relative;
padding: 0 0 56.25% 0;
height:0;
overflow:hidden;
}
.iframe-adaptive iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.prices h2 {
color: #d94f38;
text-transform: none;
font-size: 34px;
margin-bottom: 10px;
}
@media (max-width:768px) {
.prices h2 {
font-size: 28px;
margin-bottom: .7em;
padding: 0 10px;
}
}
.prices-subheading {
color: var(--price-subheading-color);
text-transform: none;
font-size: 28px;
margin: 0 0 14px;
text-align: center;
}
@media (max-width:768px) {
.prices-subheading {
font-size: 22px;
padding: 0 10px;
}
}
.prices-subtext {
color: #fff;
font-size: 20px;
text-align: center;
margin-bottom: 32px;
}
@media (max-width:768px) {
.prices-subtext {
font-size: 17px;
padding: 0 10px;
}
} .prices-header-block {
background: #e7e2d6;
padding: 30px 0 25px;
margin-top: 80px;
margin-bottom: 50px;
position: relative;
z-index: 2;
width: 100%;
}
.prices-header-block h2 {
color: #d94f38;
}
.prices-header-block .prices-subtext {
color: var(--base-txt);
}
.prices-header-block .format-selector {
margin-bottom: 0;
}
@media (max-width: 768px) {
.prices-header-block {
padding: 25px 0 20px;
margin-top: 40px;
margin-bottom: 30px;
}
} .format-selector {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 40px;
padding: 0 10px;
}
.format-card {
display: flex;
align-items: center;
gap: 8px;
background: var(--base);
border-radius: 5px;
padding: 14px 20px;
box-shadow: 0px 3px 5px 2px rgba(34, 60, 80, 0.3);
}
.format-card--featured {
border: 2px solid var(--contrast-2);
}
.format-icon {
flex-shrink: 0;
display: flex;
align-items: center;
color: var(--contrast);
line-height: 1;
}
.format-text {
font-size: 17px;
font-weight: 500;
color: var(--base-txt);
white-space: nowrap;
}
@media (max-width: 768px) {
.format-selector {
flex-direction: column;
align-items: stretch;
gap: 10px;
margin-bottom: 0;
padding: 0 10px;
}
.format-card {
padding: 10px 12px;
box-sizing: border-box;
justify-content: center;
}
.format-icon svg {
width: 18px;
height: 18px;
}
.format-text {
font-size: 14px;
white-space: normal;
}
}
@media (max-width: 480px) {
.format-text {
font-size: 13px;
}
}
.prices .hr {
width: 235px;
height: 2px;
background: var(--contrast-4);
margin: 0 auto;
}
.price__items {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 60px 0 50px;
padding: 0 10px;
}
@media (max-width:1100px) {
.price__items {
flex-wrap: wrap;
}
}
@media (max-width:768px) {
.price__items {
margin: 20px 0 50px;
}
}
.price__item {
flex: 0 1 25%;
max-width: 450px;
background: #EAE7DC;
border-radius: 6px;
margin: 0 10px 20px;
}
@media (max-width:1100px) {
.price__item {
flex: 0 1 50%;
}
}
@media (max-width:768px) {
.price__item {
flex: 0 1 100%;
}
}
h3.price-item__title {
margin: 0;
background: #D8C3A5;
border-radius: 6px 6px 0 0;
color: #484c52;
font-size: 36px;
padding: 20px;
}
@media (max-width:768px) {
h3.price-item__title {
font-size: 25px;
}
}
h3.price-item__title::after {
content: '*';
color: var(--contrast-4);
position: relative;
top: -14px;
font-size: 26px;
}
.price-item__price {
font-size: 22px;
text-align: center;
color: var(--contrast);
margin: 30px;
font-weight: 500;
}
.price-item__list {
list-style: none;
margin: 20px;
text-align: center;
}
.price-item__list li {
font-weight: 500;
margin: 0;
padding: 20px;
color: #484c52;
}
@media (max-width:768px) {
.price-item__list li {
font-size: 18px;
padding: 20px 0;
}
}
.price-item__list li span {
font-weight: 500;
}
.price-item__list li:not(:last-child)::after {
content: '';
display: block;
width: calc(100% - 40px);
height: 1px;
background: #ccc;
margin: 0 auto;
position: relative;
top: 20px;
}
.price-btn__wrapper {
margin: 20px 20px 30px 20px;
display: flex;
justify-content: center;
}
.price-btn {
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
color: #fff !important;
background: var(--contrast);
padding: 8px 20px;
border: 2px solid var(--contrast);
border-radius: 6px;
}
.discount {
padding: 40px 0 20px;
margin: 20px 0;
}
.discount .content-wrapper {
max-width: 900px;
}
.discount p {
font-size: 25px;
font-weight: 500;
color: #fff;
line-height: 1.15;
text-align: center;
max-width: 900px;
margin: 0 0 20px;
}
@media(max-width:768px) {
.discount p {
font-size: 16px;
}
}
.discount span {
font-weight: 700;
}
.discount__btn-wrapper .txt_btn {
font-size: 24px;
font-weight: 500;
}
@media(max-width:768px) {
.discount__btn-wrapper .btn {
padding: 7px 30px;
}
.discount__btn-wrapper .txt_btn {
font-size: 20px;
}
}
.portfolio h2,
.portfolio itc-slider {
position: relative;
z-index: 2;
}
.portfolio h2 {
margin: 10px;
background: #eae7dc;
padding: 7px;
text-transform: none;
font-size: 36px;
line-height: 1.15;
}
@media(max-width:768px) {
.portfolio h2 {
font-size: 28px;
}
}
.numbersofslides {
text-align: center;
margin-top: -25px;
margin-bottom: 25px!important;
z-index: 1;
position: relative;
user-select: none;
}
.contrast-4 {
color: var(--contrast-4);
}  .btn.max_btn {
background: #5032e6;
} .header-contacts .max-number {
background: #5032e6;
padding: 10px;
border-radius: 5px;
}