html {
    overflow-y: auto !important;
}
body {
    overflow-y: auto !important;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}
#wrapper {
    padding-top: 70px;
    overflow: hidden;
}
a{
outline: none;
text-decoration: none;
}
img.wall-phone {
width: 100%;
display: block;
}
button.slick-next:before {
content: '→';
opacity: 0;
display: none;
}  
button.slick-prev:before {
content: '→';
opacity: 0;
display: none;
}
section#chr-slider .slick-arrow{
position: absolute;
margin-top: 0%;
}
::-webkit-scrollbar {
width: 0;
}
header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    background: white;
    height: 60px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
header:before{
display: none;
}
#container{
    margin: 0px auto;
    padding: 0 20px;
    width: 100%;
    max-width: 1400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
#header-body{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#header-logo{
    max-width: 50px;
    height: auto;
    position: relative;
    z-index: 3;
}
ul#header-list {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
}
#mobile-menu{
    display: block;
    position: relative;
    z-index: 3;
}
@media(min-width: 0px){
#header-body{
height: 50px;
}
#header-logo{
max-width: 45px;
}
#header-list li{
list-style: none;
margin: 0px 0px 10px 0px;
float: left;
text-align: center;
}
ul#header-list {
width: 32%;
margin: 9%;
}
::marker{
display: none;
}
#mobile-menu{
width: 30px;
height: 20px;
margin-right: 9%;
}
#mobile-menu:before,
#mobile-menu:after{
content: '';
position: absolute;
width: 100%;
height: 2px;
left: 0;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
border-radius: 10px;
background: #7699DE;
}
#mobile-menu.active {
margin-top: -1%;
margin-right: 10%;
}
#mobile-menu:before{
top: 20%;
border-radius: 10px;
}
#mobile-menu:after{
bottom: 17%;
border-radius: 10px;
}
#mobile-menu.active:before{
transform: rotate(45deg);
margin-top: 30%;
}
#mobile-menu.active:after{
transform: rotate(-45deg);
margin-top: 30%;
}
nav#navbar-mobile.active {
margin-top: 0%;
}
#navbar{
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 36%; 
background-color: #7699DE;
padding: 10px 10px 20px 10px;
transition: all 1s ease 0s;
border-radius: 0px 0px 40px 40px;
}
#navbar.active{
top: 60px;
width: 95.5%;
padding-top: 10%;
}
#vk-qr, #wh-qr, #in-qr, #ph-qr {
display: none;
}
a.header-link {
font-size: 22px;
font-family: sans-serif;
}
img#contact-badge {
width: 80%;
padding: 6.7%;
transform: rotate(-360deg);
transition: all 1s;
}
img#contact-badge.active {
transform: rotate(360deg);
transition: all 1s;
}
div#Contact-block {
z-index: 2;
width: 40px;
height: 40px;
border-radius: 30px;
margin-left: 0%;
transition: all 1s;
}
div#Contact-block.active {
margin-left: 0%;
transition: all 1s;
}
#contact-change-block{
margin-top: -135%;
position: fixed;
top: 60px;
left: 0;
width: 100%;
height: 47.5%;
padding-top: 15%;
transition-duration: 1s;
transition-timing-function: ease-in-out;
}
#contact-change-block.active{
margin-top: 0%;
transition-duration: 1s;
transition-timing-function: ease-in-out;
}
p#con-ch-bl {
margin-left: 8%;
font-size: 22px;
}
#change-x-mob{
display: flex;
overflow-x: scroll;
overflow-y: none;
padding: 5%;
}
div#qr-blocks{
display: none;
}
#change-x-pc{
display: none;
}
a#vk,
a#wh,
a#ph,
a#in {
border: solid;
width: 37%;
height: 110px;
margin: 7%;
scale: 1.2;
border-radius: 30px;
font-size: 19px;
text-align: center;
}
img#vk, img#wh, img#ph, img#in{
height: inherit;
}
img#vk {
padding-top: 5%;
padding-left: 1%;
}
img#wh {
scale: 0.65;
}
img#ph {
scale: 0.6;
}
img#in {
scale: 0.8;
}
img#cb-arrow {
position: absolute;
transform: rotate(90deg);
width: 7%;
left: 46.5%;
margin-top: 5%;
}
section#wall-txts {
margin-top: 0%;
border-radius: 0px 0px 30px 30px;
position: relative;
}
p#wall-title {
font-size: 25px;
text-align: center;
padding: 5%;
transition: all 0.5s;
}
section#program-intro-txt{
margin-top: -5%;
}
p#prog-txt-1.animate, p#sh-txt-1.animate {
margin-left: 5%;
transition: all 1.3s;
}
div#chr-txt {
padding-top: 2%;
}
p#program-title {
font-size: 27px;
margin-left: 6%;
margin-bottom: 8%;
}
p#prog-txt-1, p#sh-txt-1 {
margin-left: -10%;
font-size: 35px;
font-weight: 500;
padding: 2%;
margin: 5%;
border-radius: 20px;
transition: all 1.3s;
}
p#sh-txt-1{
padding: 0.2%;
}
section#show-slider {
width: 90%;
margin-left: 5%;
}
p#prog-txt-2.animate, p#sh-txt-2.animate, p#pr-txt.animate {
margin-top: -2%;
transition: all 1.3s;
}
p#prog-txt-2, p#sh-txt-2, p#pr-txt {
margin-top: 50%;
font-size: 18px;
padding: 8%;
width: 87%;
padding-left: 6.2%;
padding-top: 0%;
font-weight: 500;
transition: all 1.8s;
}
#price-block, #price-block-sh {
box-shadow: 0 0 25px rgb(0 0 0 / 16%);
width: 90%;
margin: 3%;
margin-left: 5%;
margin-bottom: 5%;
border-radius: 55px;
display: flex;
align-items: center;
text-align: center;
justify-content: space-between;
}
#price-block-sh {
margin-bottom: -20%;
}
p#price-txt {
color: #7699DE;
padding-left: 5%;
text-align: center;
width: 40%;
}
a#price-btn {
background-color: #7699DE;
color: white;
padding: 3%;
border-radius: 30px;
text-align: center;
width: 50%;
}
main#program {
padding-top: 10%;
}
img.sh-foto {
border-radius: 40px;
margin-left: 0.1%;
margin-right: 0.1%;
}
img.dp-foto {
border-radius: 40px;
margin-left: 0.1%;
margin-right: 0.1%;
}
section#program-slider {
width: 90%;
margin-left: 5%;
}
section#dop-slider{
width: 90%;
margin-left: 5%;
margin-top: 5%;
}
#program-slider .slick-arrow.slick-next{
margin-right: 8.5%;
background-image: url("/components/RightArrow.png");
width: 45px;
height: 70px; 
scale: 0.5; 
}
#program-slider .slick-arrow.slick-prev{
margin-left: 8.5%;
background-image: url("/components/LeftArrow.png");  
width: 45px;
height: 70px; 
scale: 0.5;
}
#program-slider .slick-arrow {
position: absolute;
top: 45%;
z-index: 2;
}
#show-slider .slick-arrow.slick-next{
margin-right: 8.5%;
background-image: url("/components/RightArrow.png");
width: 45px;
height: 70px; 
scale: 0.5; 
}
#show-slider .slick-arrow.slick-prev{
margin-left: 8.5%;
background-image: url("/components/LeftArrow.png");  
width: 45px;
height: 70px; 
scale: 0.5;
}
#show-slider .slick-arrow {
position: absolute;
top: 45%;
z-index: 2;
}
#dop-slider .slick-arrow.slick-next{
margin-right: 8.5%;
background-image: url("/components/RightArrow.png");
width: 45px;
height: 70px; 
scale: 0.5; 
}
#dop-slider .slick-arrow.slick-prev{
margin-left: 8.5%;
background-image: url("/components/LeftArrow.png");  
width: 45px;
height: 70px; 
scale: 0.5;
}
#dop-slider .slick-arrow {
position: absolute;
top: 45%;
z-index: 2;
}
.pr-foto {
border-radius: 40px;
margin-right: 0.05%;
margin-left: 0.05%;
width: 100%;
}
section#wall-foto {
padding-top: 15%;
}
main#characters {
background-color: rgb(150, 117, 222);
width: 90%;
margin-left: 5%;
border-radius: 30px;
}
#chr-slider .slick-arrow.slick-next{
margin-right: 5%;
background-image: url("/components/RightArrow.png");
width: 45px;
height: 70px; 
scale: 0.5; 
}
#chr-slider .slick-arrow.slick-prev{
margin-left: 5%;
background-image: url("/components/LeftArrow.png");  
width: 45px;
height: 70px; 
scale: 0.5;
}
#chr-slider .slick-arrow {
position: absolute;
top: 45%;
z-index: 2;
}
p#chr-slider-txt {
font-size: 20px;
padding-left: 7.25%;
}
#chr-slider{
font-size: 20px;
font-family: 'Montserrat', sans-serif;
text-align: center;
}
p#chr-title {
width: 80%;
padding: 5%;
padding-top: 10%;
font-size: 23px;
font-weight: 600;
}
p#chr-about {
padding: 5%;
}
img.chr-bl-foto {
width: 90%;
padding: 5%;
}
div#chr-foto-slider {
width: 90%;
margin-top: 20%;
position: absolute;
}
#chr-foto-slider .slick-arrow.slick-next{
margin-right: 5%;
background-image: url("/components/RightArrow.png");
width: 45px;
height: 70px; 
scale: 0.5; 
}
#chr-foto-slider .slick-arrow.slick-prev{
margin-left: 5%;
background-image: url("/components/LeftArrow.png");  
width: 45px;
height: 70px; 
scale: 0.5;
}
#chr-foto-slider .slick-arrow {
position: absolute;
top: 45%;
z-index: 2;
}
img.slider-foto-chr.slick-slide {
border-radius: 30px;
}
.pr-circle-3 {
padding-top: 55%;
margin-left: 7.5%;
width: 85%;
background-color: #7d94e8;
border-radius: 30px 30px 5% 5%;
}
.pr-circle-4 {
padding-top: 30%;
background-color: #e47dcc;
margin-top: -30%;
margin-left: 7.5%;
width: 85%;
border-radius:30px 30px 5% 5%;
}
p#sh-txt-1 {
margin-top: 162%;
}
main#dop-moment {
overflow: hidden;
}
section#dop-txts {
font-size: 25px;
margin-left: 5%;
text-align: center;
width: 90%;
}
.dop-block {
margin-left: -1%;
margin-right: 1%;
scale: 0.9;
margin-top: 1%;
border-radius: 30px;
background-color: #4698d7;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.156);
}
div.dop-txt {
width: 68%;
margin: 8%;
}
.dop-foto {
width: 80%;
margin-bottom: 1%;
margin-left: 10%;
}
#dop-title {
background-color: rgba(78, 154, 216, 0.975);
padding: 3%;
border-radius: 20px;
}
div#dop-info {
margin: 5%;
margin-top: 5%;
margin-left: 10%;
width: 70%;
background-color: rgba(78, 154, 216, 0.975);
padding: 4%;
color: white;
border-radius: 25px;
}
p#msg-info {
font-size: 20px;
}
#copy-msg{
font-size: 19px;
}
img#part-3-foto {
width: 10%;
}
#part-3-txt {
display: flex;
align-items: center;
width: 90%;
margin: 5%;
}
img#part-1, img#part-2, img#part-3{
width: 100%;
}
section#part-1, section#part-2, section#part-3, section#part-4 {
color: white;
overflow-y: hidden;
}
section#part-1{
background-color: rgba(160, 90, 240, 0.918);
}
section#part-2{
background-color: rgba(239, 144, 158, 0.918);
}
section#part-3{
background-color: rgba(89, 172, 235, 0.918);
}
section#part-4{
background-color: rgba(205, 92, 220, 0.874);
padding-bottom: 8%;
}
img#part-2-foto {
width: 90%;
margin-left: 5%;
margin-top: 5%;
display: block;
}
p#part-1, p#part-2, p#part-3, p#part-4 {
font-size: 30px;
text-align: center;
font-weight: 600;
padding-top: 8%;
}
p#part-4{
width: 80%;
margin-left: 10%;
}
p#part-3-dop {
width: 75%;
text-align: left;
margin-left: auto;
margin-right: auto;
font-size: 21px;
}
img#part-2 {
margin-top: -10%;
margin-bottom: -5%;
}
img#part-3 {
margin-bottom: -1%;
}
img#part-3-foto{
border-radius: 40px;
}
div#part-4-foto {
display: flex;
padding: 5%;
padding-bottom: 10%;
margin-bottom: 5%;
}
img#part-4 {
width: 33%;
position: absolute;
margin-top: 17.8%;
border-radius: 30px 30px 0px 0px;
}
img#part-4-dop {
width: 80%;
margin-left: 20%;
border-radius: 30px 0px 30px 0px;
}
a#button-zakazat {
text-align: center;
margin-top: 8%;
width: 50%;
margin-left: 23.4%;
font-size: 20px;
padding-top: 5%;
padding-bottom: 5%;
padding-left: 5%;
padding-right: 5%;
color: #e47dcc;
border-radius: 35px;
}
}
@media(max-width: 340px){
ul#header-list {
width: 38%;
}
}
@media(max-width: 360px){
ul#header-list {
width: 34%;
padding-top: 0%;
}
p#intr-events {
font-size: 35px;
}
}
@media(max-width: 370px){
p.pr-name, .dop-name {
font-size: 25px;
font-weight: 600;
}
}
@media(min-width: 385px){
p#chr-about {
font-size: 20px;
}
ul#header-list {
width: 30%;
scale: 1.1;
}
p#con-ch-bl {
font-size: 28px;
width: 70%;
}
p#prog-txt-2, p#sh-txt-2 {
padding: 7%;
margin-top: 20%;
}
p#pr-age {
padding-bottom: 5%;
}
nav#navbar.active{
height: 37.5%;
}
}
@media(min-width: 410px){
ul#header-list {
width: 27.5%;
scale: 1.2;
} 
#price-block, #price-block-sh {
font-size: 18.2px;
}
}
@media(min-width: 420px){
ul#header-list {
width: 26%;
scale: 1.2;
} 
}
@media(min-width: 450px){
ul#header-list {
width: 24%;
scale: 1.2;
} 
#pr-circle-4 {
border-radius: 30px 30px 0% 0%;
}
#price-block, #price-block-sh {
font-size: 19.8px;
}
}
@media(min-width: 500px){
img#cb-arrow {
margin-top: 5%;
left: 40%;
scale: 0.75;
}
ul#header-list {
width: 22%;
scale: 1.2;
}  
main#characters {
width: 80%;
margin-left: 10%;
}
p#prog-txt-1 {
width: 65%;
}
a#vk, a#wh, a#ph, a#in {
margin: 7%;
scale: 1.3;
}
ul#header-list {
width: 23%;
scale: 1.2;
}
#contact-change-block {
height: 57.5%;
}
div#change-x-mob {
scale: 1.1;
padding-left: 10%;
}
p#con-ch-bl {
font-size: 32px;
font-weight: 600;
}
img#cb-arrow{
margin-top: 4%;
}
div#contact-change-block {
padding-bottom: 10%;
}
.program-block {
padding-bottom: 1.3%;
}
div#foto-material-pr {
margin-bottom: -31%;
}
.show-block {
padding-bottom: 2.5%;
}
#price-block, #price-block-sh {
font-size: 20.8px;
}
#chr-txt {
scale: 1.1;
width: 80%;
margin-left: 5%;
margin-top: 5%;
}
main#dop-moment {
margin-bottom: 10%;
margin-top: -25%;
}
img.dop-foto, .dop-block {
border-radius: 65px;
}
#dop-title {
scale: 1.1;
margin-top: 32%;
}
.foto-material-pr {
margin-bottom: -30%;
}
p#chr-slider-txt {
font-size: 25px;
margin-top: 10%;
}
div#chr-foto-slider {
width: 80%;
}
section#part-2, section#part-3, section#part-4 {
border-radius: 40px;
width: 85%;
margin: 7.5%;
margin-top: 0%;
}
p#sh-txt-1 {
margin-top: 158%;
}
div#part-4-foto {
padding-bottom: 25%;
}
a#button-zakazat{
margin-left: 25%;
}
}
@media(min-width: 530px){
#header-body {
height: 65px;
}
ul#header-list {
width: 21%;
scale: 1.2;
}
.pr-txt {
scale: 1.25;
width: 55%;
margin-left: 3%;
}
p#part-3, p#part-4 {
font-size: 35px;
}
p#part-1-dop, p#part-2-dop, p#part-3-dop {
font-size: 28px;
}
div#change-x-mob {
scale: 1.3;
margin-top: 6%;
margin-left: 5%;
}
#price-block, #price-block-sh {
font-size: 21.8px;
}
}
@media(min-width: 580px){
#copy-msg {
font-size: 25px;
}
p#msg-info{
font-size: 30px;
}
#price-block, #price-block-sh {
font-size: 24px;
}
}
@media(min-width: 600px) {
img#cb-arrow {
margin-top: 5%;
left: 40%;
scale: 0.88;
}
ul#header-list {
width: 19%;
padding-top: 4%;
}
a#button-zakazat {
font-size: 25px;
border-radius: 45px;
}
p#prog-txt-1 {
margin-top: 20%;
}
}
@media(min-width: 650px) {
#header-logo {
max-width: 52px;
}
ul#header-list {
width: 17.8%;
}
.pr-txt {
width: 70%;
padding-top: 8%;
padding-left: 10%;
scale: 1;
}
.program-block {
margin-bottom: 9%;
}
p#prog-txt-1, p#sh-txt-1 {
width: 55%;
font-size: 35px;
padding: 3.5%;
border-radius: 30px;
}
p#prog-txt-2, p#sh-txt-2 {
font-size: 26px;
}
p#con-ch-bl {
font-size: 36px;
}
#price-block, #price-block-sh {
font-size: 29px;
}
a#price-btn{
border-radius: 58px;
}
main#dop-moment {
margin-bottom: 10%;
margin-top: 5%;
}
div#dop-info {
border-radius: 35px;
}
#dop-title {
margin-left: 0%;
font-size: 30px;
margin-top: 5%;
}
}
@media (min-width: 680px) {
p#wall-title {
font-size: 35px;
}
}
@media (min-width: 690px){
ul#header-list {
width: 17%;
}
p#part-1 {
font-size: 42px;
width: 90%;
margin-left: 5%;
}
#contact-change-block {
height: 43.5%;
}
}
@media (min-width: 710px){
ul#header-list {
width: 16%;
scale: 1.5;
}
img#cb-arrow {
margin-top: 0%;
}
.pr-txt {
width: 50%;
scale: 1.1;
margin-left: 4%;
}
#price-block, #price-block-sh {
font-size: 31px;
scale: 0.85;
}
div.dop-txt{
width: 45%;
scale: 1.1;
margin-left: 10%;
}
a#button-zakazat {
padding-top: 4%;
padding-bottom: 4%;
}
}
@media (min-width: 750px){
ul#header-list {
width: 14%;
}
a#button-zakazat {
border-radius: 65px;
}
}
@media (min-width: 800px) {
#event-2, #event-3 {
margin-left: -12%;
}
.program-block {
margin-bottom: 10%;
}
#price-block, #price-block-sh {
font-size: 35px;
}
}
@media (min-width: 850px) {
ul#header-list {
width: 13%;
scale: 1.58;
}
.program-block {
margin-bottom: 10%;
}
a#vk, a#wh, a#ph, a#in {
margin: 7%;
scale: 1.5;
}
p#wall-title {
font-size: 40px;
}
p#con-ch-bl {
font-size: 37px;
width: 55%;
}
#price-block, #price-block-sh {
font-size: 38px;
}
}
@media (min-width: 920px){
ul#header-list {
width: 12%;
}
p#wall-title {
font-size: 45px;
}
}
@media (min-width: 1000px){
header {
height: 70px;
}
#container {
height: 70px;
}
#wrapper {
padding-top: 80px;
}
div#mobile-menu {
display: none;
}
#navbar {
position: relative;
top: 0%;
left: 25%;
width: 50%;
height: 160%;
background-color: #4698d700;
}
div#Contact-block.active {
margin-left: 1%;
transition: all 1.5s;
}
div#Contact-block.active {
margin-right: 15%;
transition: all 1s;
}
div#Contact-block {
margin-left: -8%;
transition: all 1.5s;
scale: 1.15;
}
p#con-ch-bl {
margin-top: -5%;
}
#contact-change-block {
margin-top: -70%;
top: 70px;
}
div#change-x-mob {
display: none;
}
div#qr-blocks {
display: block;
}
div#dop-info {
margin-left: 13%;
}
#change-x-pc {
display: flex;
margin-top: 5%;
width: 38%;
margin-left: 13%;
padding: 0.5%;
float: left;
overflow-y: hidden;
scale: 1.2;
overflow-x: scroll;
padding-bottom: 5%;
}
a#vk, a#wh, a#ph, a#in {
margin-right: 12%;
outline: none;
}
#qr-foto{
scale: 0.35;
border-radius: 50px;
margin-left: -6%;
}
a#notqr {
width: 20%;
margin-left: 26%;
margin-top: 3%;
color: #7699DE;
font-weight: 600;
padding: 2%;
text-align: center;
border-radius: 20px;
}
p#qr-txt {
margin-top: -28%;
padding-bottom: 5%;
color: white;
font-size: 25px;
margin-left: 26%;
font-weight: 600;
width: 55%;
}
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
display: block;
float: right;
scale: 0.88;
margin-top: -49%;
margin-right: -11%;
}
img#cb-arrow {
margin-top: 27%;
width: 4.5%;
}
ul#header-list {
position: relative;
display: flex;
z-index: 5;
margin-left: -30%;
width: 100%;
scale: 1.2;
padding-top: 0%;
}
#header-list li {
margin: 0px 11px 0px 0px;
}
a.header-link {
font-size: 14.5px;
color: #7699DE;
}
section.wall-about {
display: flex;
flex-direction: row;
margin-bottom: 8%;
}
section#wall-foto {
width: 40%;
padding-top: 1%;
}
p#wall-title {
font-size: 30px;
margin-left: 0%;
margin-top: 0%;
padding: 1%;
}
section#wall-txts {
position: relative;
border-radius: 0px;
margin-top: -30%;
float: right;
width: 50%;
padding-top: 1%;
padding-bottom: 1%;
margin-right: 3%;
border-radius: 20px;
}
p#prog-txt-1 {
margin-top: 10%;
}
p#program-title {
font-size: 45px;
font-weight: 600;
padding-top: 0%;
}
div#chr-section {
margin-top: 20%;
padding-bottom: 70%;
}
#dop-title {
width: 40%;
padding: 2.2%;
font-size: 30px;
}
.program-block {
margin-right: 0.5%;
margin-left: 0.5%;
}
.pr-txt {
padding-left: 8%;
scale: 1.1;
width: 60%;
}
#show-slider {
padding-bottom: 0%;
}
main#characters {
width: 55%;
margin-left: 3%;
margin-right: 7%;
scale: 0.9;
margin-top: -10%;
padding-bottom: 3%;
}
main#show {
margin-top: -110%;
}
section#dop-txts {
margin-top: 13%;
margin-bottom: 5%;
margin-left: 10%;
}
#price-block-sh {
margin-top: 5%;
margin-bottom: -150%;
}
#price-block-sh, #price-block {
width: 73%;
margin-bottom: -10%;
margin-top: 2%;
margin-left: 0.5%;
}
p#prog-txt-2.animate, p#sh-txt-2.animate, p#pr-txt.animate {
margin-top: -3%;
transition: all 1.3s;
}
p#sh-txt-1 {
margin-top: 111%;
}
div#chr-slider {
margin-left: 2.5%;
width: 95%;
}
#chr-slider .slick-arrow {
top: 45%;
}
div#chr-foto-slider {
position: relative;
margin-top: -190%;
margin-left: 105%;
}
p#chr-title {
font-size: 32px;
font-weight: 500;
}
p#chr-about {
font-size: 25px;
}
.show-block {
margin-right: 0.8%;
margin-left: 0.8%;
}
.foto-material-pr {
margin-bottom: -45%;
}
main#dop-moment {
margin-bottom: 10%;
}
#dop-slider {
margin: 5%;
}
.dop-block {
margin-left: 0.3%;
margin-right: 0.3%;
}
p#prog-txt-2 {
font-size: 18px;
}
p#sh-txt-2, p#pr-txt{
font-size: 27px;
}
img#part-3 {
width: 80%;
margin-left: 10%;
}
img#part-3-foto {
width: 5%;
margin-right: -16%;
}
p#part-3, p#part-4 {
margin: 2%;
text-align: left;
}
p#part-3, #part-3-txt {
padding-left: 5%;
}
#part-3-txt {
display: flex;
align-items: center;
margin: 2%;
}
p#part-4 {
width: 25%;
position: absolute;
text-align: left;
font-size: 34px;
margin-left: 5%;
margin-top: 10%;
}
div#part-4-foto {
margin-left: 36%;
scale: 1;
margin-top: 5%;
margin-bottom: -25%;
}
a#button-zakazat {
width: 30%;
margin-left: 4%;
padding-top: 2%;
padding-bottom: 2%;
margin-top: -15%;
scale: 0.85;
}
p#msg-info{
padding: 1%;
}
}
@media(min-width: 1100px){
.show-block {
padding-bottom: 2%;
}
#dop-slider{
margin: 0%;
}
div#chr-slider {
scale: 1.05;
}
main#dop-moment {
margin-bottom: 10%;
}
a#button-zakazat {
width: 26%;
margin-top: -17%;
scale: 0.85;
}
.foto-material-pr {
margin-bottom: -36.5%;
}
p#msg-info{
font-size: 30px;
}
div.dop-txt {
margin: 10%;
scale: 1.1;
}
}
@media(min-width: 1130px){
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
margin-top: -45%;
}
a.header-link {
font-size: 18.5px;
}
}
@media(min-width: 1200px){
div#change-x-mob {
scale: 1.5;
margin-left: 5%;
width: 27%;
}
img#cb-arrow {
margin-top: 24%;
left: 15%;
}
}
@media(min-width: 1238px){
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
margin-top: -22%;
}
section#wall-foto {
width: 50%;
}
}
@media(min-width: 1250px){
#program-slider {
display: flex;
}
p#sh-txt-1{
color: #7799de;
}
p#prog-txt-2 {
font-size: 19px;
color: #7799de;
}
.foto-material-pr {
margin-bottom: -47.5%;
}
.show-block {
scale: 1.15;
margin-top: 0.8%;
padding-bottom: 2.42%;
}
main#dop-moment {
margin-bottom: 0%;
margin-top: -25%;
}
#dop-title {
margin-top: 35%;
}
main#characters{
margin-top: 0%;
}
p#sh-txt-2, p#pr-txt {
font-size: 28px;
}
img#part-3 {
width: 65%;
margin-left: 17.5%;
}
}
@media(min-width: 1300px){
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
margin-right: -6%;
margin-top: -20%;
scale: 1;
}
#change-x-pc {
margin-left: 12%;
}
a#vk, a#wh, a#ph, a#in {
margin-right: 13%;
scale: 1.8;
}
#chr-txt {
scale: 1.3;
width: 80%;
padding-top: 5%;
margin-left: 12%;
}
.program-block {
scale: 1.1;
margin-top: 0.3%;
}
#header-body {
height: 85px;
}
a.header-link {
font-size: 17.5px;
}
p#prog-txt-1, p#sh-txt-1 {
font-size: 42px;
color: #7799de;
font-weight: 600;
margin-bottom: -4%;
margin-top: 15%;
padding: 2%;
}
#dop-title {
background-color: white;
color: #60aaff;
font-weight: 600;
font-size: 40px;
padding: 0%;
}
p#part-1, p#part-2, p#part-3 {
font-size: 40px;
}
p#part-3-dop {
font-size: 30px;
}
img#part-3 {
margin-right: -10%;
}
div#part-4-foto {
scale: 0.9;
}
p#part-4 {
font-size: 38px;
}
main#show {
margin-top: -10%;
}
a#button-zakazat {
margin-top: -19%;
scale: 0.9;
}
div#dop-info {
padding: 2%;
}
}
@media (min-width: 1400px){
a.header-link {
font-size: 20.5px;
}
main#dop-moment {
margin-top: -27%;
}
img#part-1 {
width: 38%;
margin-bottom: -5%;
padding: 3%;
}
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
margin-right: -1%;
margin-top: -40%;
scale: 1.05;
}
div#Contact-block{
scale: 1.5;
}
img#wall-phone {
width: 110%;
}
p#wall-title {
font-size: 40px;
}
div#chr-slider {
margin-left: 3%;
}
p#prog-txt-2, p#sh-txt-2 {
width: 83%;
}
ul#header-list {
padding-bottom: 9%;
margin-top: 8.5%;
}
}
@media (min-width: 1500px){
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
margin-right: -1%;
margin-top: -17%;
}
.foto-material-pr {
margin-bottom: -46.5%;
}
p#msg-info {
font-size: 40px;
padding: 2%;
}
}
@media (min-width: 1550px){
#wall-title {
font-size: 33px;
}
p#con-ch-bl {
font-size: 50px;
}
section#wall-foto {
width: 55%;
padding-top: 4%;
}
section#wall-txts {
width: 50%;
margin-left: 8%;
}
#chr-slider {
font-size: 32px;
}
p#prog-txt-2.animate, p#sh-txt-2.animate, p#pr-txt.animate {
margin-top: -3%;
}
}
@media (min-width: 1600px){
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
margin-right: -1%;
margin-top: -16%;
}
a#vk, a#wh, a#ph, a#in {
margin-right: 13%;
scale: 2;
}
#vk-qr.active, #wh-qr.active, #in-qr.active, #ph-qr.active {
margin-right: 3%;
scale: 1.15;
}
p#sh-txt-1 {
font-size: 60px;
font-weight: 500;
}
p#prog-txt-1{
font-size: 40px;
}
p#sh-txt-2, p#pr-txt {
font-size: 40px;
}
p#prog-txt-2{
font-size: 21px;
}
#dop-title {
margin-left: -3%;
font-weight: 500;
font-size: 50px;
}
div.dop-txt {
margin: 10%;
margin-left: 15%;
scale: 1.3;
}
p#part-1, p#part-2, p#part-3 {
font-size: 48px;
font-weight: 500;
}
img#part-1 {
width: 37%;
margin-bottom: 1%;
margin-left: 5%;
}
p#part-3-dop {
font-size: 38px;
}
p#part-4 {
font-size: 45px;
margin-top: 5%;
}
div#part-4-foto {
scale: 0.8;
margin-top: -5%;
}
a#button-zakazat {
font-size: 28px;
}
p#chr-slider-txt {
font-size: 30px;
margin-bottom: 5%;
}
#dop-title {
margin-left: -2%;
font-weight: 500;
font-size: 50px;
text-align: left;
width: 50%;
}
}
@media (min-width: 1700px){
.foto-material-pr {
margin-bottom: -48.5%;
}
img#wall-phone {
width: 120%;
padding-top: 10%;
}
ul#header-list {
padding-bottom: 15%;
}
}
@media (min-width: 1800px){
section#wall-txts {
margin-left: 12%;
border-radius: 50px;
scale: 1.15;
}
ul#header-list {
padding-bottom: 25%;
}
}