body{
    margin: 0;
    padding: 0;
	font-family: "Inter", sans-serif;
}
.slider {
    background: #f7f4f5;
    height: 600px;
    position: relative;
    display: flex;
    align-items: center;
}
.cont {
    width: 1200px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: nowrap;
}
.slider .menu {
    display: flex;
    z-index: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px 0;
    position: absolute;
    top: 0;
}
.slider .menu a {
    color: #000011;
    margin-right: 20px;
    font-family: "Inter", sans-serif;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 84%;
    letter-spacing: 0%;
}
.slider img {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}
.slider h1 {
    z-index: 1;
    font-weight: 400;
    font-size: 115px;
    line-height: 90px;
    letter-spacing: 0%;
    color: #882068;
    font-family: Golos;
    margin: 0;
    padding: 0;
}
.slider span {
    font-weight: 500;
    font-size: 39px;
    line-height: 115.99999999999999%;
    letter-spacing: 0%;
    z-index: 1;
    color: #000011;
    font-family: "Golos Text", sans-serif;
    margin: 20px 0px;
	margin-top: 10px;
}
.slider .btnBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 1;
}
.slider .btnBlock .btn {
    line-height: 50px;
    background: #862167;
    color: #fff;
    margin-right: 20px;
    border-radius: 7px;
    cursor: pointer;
    padding: 0 40px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0%;
}
.slider .btnBlock .btn.btn2 {
    border: 1px solid #862167;
    background: none;
    color: #862167;
}
.slider .topBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 1;
    margin-top: 30px;
}
.slider .topBlock div {
    font-weight: 400;
    font-size: 16px;
    line-height: 115.99999999999999%;
    letter-spacing: 0%;
    font-family: "Golos Text", sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-right: 30px;
}
.slider .topBlock div strong {
    background: #E5EEED;
    height: 46px;
    width: 46px;
    border-radius: 100px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.slider .topBlock div span svg{}
.block1{
    padding: 30px 0;
}
.block1 h2{
    color: #882068;
    font-family: Golos;
    font-weight: 400;
    font-size: 38.8px;
    line-height: 66%;
    letter-spacing: 0%;
    margin: 30px 0px;
}
.black{
	color:#000;
}
.lcvThis {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.lcvThisBl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% - 450px);
}
.lcvThisBl div {
    width: calc(50% - 52px);
    border: 1px solid #eee;
    padding: 20px;
    margin: 5px;
    border-radius: 15px;
    font-family: "Inter", sans-serif;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.lcvThisBl div span {
    color: #882068;
    font-family: Inter;
    font-weight: 600;
    font-size: 25px;
    line-height: 114.99999999999999%;
    letter-spacing: 0%;
}
.lcvThisBl div p {
    margin: 0;
    color: #232525;
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0%;
}
.lcvThis .company {
    background: url(./img/company.png);
    width: 430px;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: #eee;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px;
    height: 312px;
}
.format {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.format .item {
    width: calc(50% - 15px);
    background-size: 50% auto;
    background-repeat: no-repeat;
    border-radius: 15px;
}
.format .item div {
    width: calc(50% - 42px);
    float: right;
    border: 1px solid #A1558A;
    border-radius: 0 15px 15px 0;
    padding: 20px;
    height: calc(100% - 42px);
}
.format .item div span {
    color: #882068;
    font-family: Golos;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
}
.format .item div span.bot {
    
}
.format .item div ul {
    padding: 0;
}
.format .item div ul li {
    color: #232525;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0%;
    font-family: "Inter", sans-serif;
    margin-top: 15px;
    padding-left: 12px;
    position: relative;
}

ul {
  list-style: none;
}

ul li::before {
    content: "•";
    color: #5CA8A4;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.format .item div a {
    border: 1px solid #862167;
    border-radius: 7px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 0%;
    color: #862167;
    text-decoration: none;
    display: inline-block;
    padding: 0 30px;
}
.format .item p {
    color: #232525;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
}
h3 {
    color: #882068;
    font-family: Golos;
    font-weight: 400;
    font-size: 38.8px;
    line-height: 66%;
    letter-spacing: 0%;
    margin: 30px 0px;
    text-align: center;
    position: relative;
    margin-bottom: 80px;
}
h3:before {
    content: '';
    background: #000;
    opacity: 0.2;
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    top: 16px;
}
h3:after {
    content: attr(data-title);
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    font-weight: 400;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: 0%;
    font-family: "Inter", sans-serif;
    color: #232525;
    opacity: 0.78;
}
h3 span {
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0 10px;
}
h3 span:before {
    content: '';
    background: url(./img/block2_h3.png);
    width: 58px;
    height: 35px;
    position: absolute;
    left: calc(50% - 29px);
    top: -35px;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
}
		
.block6 {
    padding: 70px 0;
    padding-top: 0;
}
.block6 h3 {
    text-align: left;
    margin-bottom: 40px;
}
.block6 h3:before{
    opacity: 0;
}
.block6 .items {
    background: url(./img/block6.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 300px;
    display: flex;
    flex-direction: column;
}
.block6 .items .item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #b2b2b2;
    padding: 10px 0;
}
.block6 .items .item .name {
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0%;
    margin-left: 20px;
    color: #000011;
}
.block6 .items .item .price {
    margin-left: auto;
    color: #862167;
    font-weight: 600;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0%;
}
	
.block5 {
    padding: 70px 0;
}
.block5 .items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.block5 .item {
    width: 220px;
    display: flex;
    flex-direction: column;
    border: 1px solid #dabcd1;
    border-radius: 17px;
    padding: 35px;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.block5 .item.act {
    border-color: #862167;
}
.block5 .item.act:before {
    content: 'Популярно';
    background: #862167;
    color: #fff;
    position: absolute;
    height: 30px;
    border-radius: 10px;
    width: 130px;
    left: calc(50% - 65px);
    top: -15px;
    text-align: center;
    line-height: 30px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0%;
}
.block5 h4 {
    font-weight: 400;
    font-size: 17px;
    line-height: 125%;
    letter-spacing: 0%;
    margin: 0;
}
.block5 .title {
    background: #FAEFF5;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #882068;
    padding: 0 15px;
    border-radius: 5px;
    margin: 10px 0;
}
.block5 .price {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0%;
}
.block5 .price span {
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0%;
    color: #862167;
}
.block5 hr {
    background: #313131;
    height: 1px;
    width: 100%;
    border: 0;
    opacity: 0.3;
}

		
.block4 {
    padding: 70px 0;
    padding-bottom: 10px;
}
.florist {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.florist h4{
    margin: 0;
    margin-bottom: 30px;
    font-family: Golos;
    font-weight: 400;
    font-size: 38.8px;
    line-height: 66%;
    letter-spacing: 0%;
    color: #862167;
}
.florist .items {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: calc(100% - 460px);
    margin-bottom: -10px;
}
.florist .items .item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    box-shadow: 2px 2px 2px 0px #0000001A, -2px -2px 2px 0px #0000001A;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    padding-left: 65px;
    position: relative;
}
.florist .items .item:before {
    content: '';
    background: url(./img/macro.svg);
    background-color: #ABC3C0;
    border-radius: 5px;
    position: absolute;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    left: 10px;
}

.florist .photo {
    background: url(./img/florist.png);
    width: 427px;
    border-radius: 15px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-right: 33px;
}

.florist .items .item span {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #862167;
    margin-bottom: 7px;
}
.florist .items .item p {
    margin: 0;
    color: #000011;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
    opacity: 0.6;
}


.block2 {
    padding: 30px 0;
}
.block2 .items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: -15px;
    width: calc(100% + 30px);
}
.block2 .items .item{
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	box-shadow: 3px 4px 17.1px 0px #00000040;
	width: calc(25% - 30px);
	margin: 0 15px;
	border-radius: 7px;
	padding: 30px 27px;
	position: relative;
}
.block2 .items .item div {
    width: 51px;
    height: 51px;
    background: #E8DDED;
    border-radius: 100px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -26px;
}
.block2 .items .item:nth-child(odd) div{
  background-color: #F6DBE5;
}


.block2 .items .item span{
	font-family: Golos;
	font-weight: 400;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: -8%;
	color: #862167;
	border-bottom: 1px solid;
}
.block2 .items .item strong{
	text-align: center;
	color: #232525;
	font-weight: 500;
	font-size: 14px;
	line-height: 125%;
	letter-spacing: 0%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.block2 .items .item p{
	margin: 0;
	color: #232525;
	font-family: Inter;
	font-weight: 300;
	font-size: 12px;
	line-height: 125%;
	letter-spacing: 0%;
	text-align: center;
}


.block3 .format .item {
    background-size: 41% auto;
}
.block3 .format .item div {
    width: calc(60% - 48px);
    padding-bottom: 40px;
    height: calc(100% - 62px);
    position: relative;
}
.format .item div span.bot {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
    font-family: "Inter", sans-serif;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

h3.h3_2 span:before {
    left: -69px;
    top: 8px;
    transform: rotate(180deg);
    padding: 0 10px;
    background-color: #fff;
}
h3.h3_2 span:after {
    content: '';
    background: url(./img/block2_h3.png);
    width: 58px;
    height: 35px;
    position: absolute;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    right: -69px;
    top: 12px;
    padding: 0 10px;
    background-color: #fff;
    transform: scaleX(-1) rotate(180deg);
}
.bg {
	display:none;
}
.bg.act {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 55%);
    z-index: 8;
	display:block;
}
.modal{display:none;}
.modal p {
    font-size: 16px;
    line-height: 137%;
    letter-spacing: 0%;
    text-align: center;
}
.modal a {
    color: #862167;
    text-decoration: none;
}

.modal form {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.modal input[type='text'], .modal input[type='email'], .modal input[type='tel'] {
    border: 1px solid #C4C4C4;
    margin-bottom: 15px;
    height: 71px;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 22px;
    line-height: 115.99999999999999%;
    letter-spacing: 0%;
    background: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.66"><path d="M5 26C5 23.4741 6.05357 21.0517 7.92893 19.2656C9.8043 17.4796 12.3478 16.4762 15 16.4762C17.6522 16.4762 20.1957 17.4796 22.0711 19.2656C23.9464 21.0517 25 23.4741 25 26H22.5C22.5 24.1056 21.7098 22.2888 20.3033 20.9492C18.8968 19.6097 16.9891 18.8571 15 18.8571C13.0109 18.8571 11.1032 19.6097 9.6967 20.9492C8.29018 22.2888 7.5 24.1056 7.5 26H5ZM15 15.2857C10.8562 15.2857 7.5 12.0893 7.5 8.14286C7.5 4.19643 10.8562 1 15 1C19.1438 1 22.5 4.19643 22.5 8.14286C22.5 12.0893 19.1438 15.2857 15 15.2857ZM15 12.9048C17.7625 12.9048 20 10.7738 20 8.14286C20 5.5119 17.7625 3.38095 15 3.38095C12.2375 3.38095 10 5.5119 10 8.14286C10 10.7738 12.2375 12.9048 15 12.9048Z" fill="%23888888"/></g></svg>');
    background-repeat: no-repeat;
    background-position: 17px center;
    padding-left: 60px;
}
.modal input.phone{
	background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.66" d="M10.927 12.4623C12.0217 14.3856 13.6144 15.9783 15.5377 17.073L16.569 15.6287C16.7349 15.3964 16.9801 15.233 17.2583 15.1694C17.5365 15.1058 17.8283 15.1463 18.0787 15.2833C19.7287 16.1851 21.5509 16.7274 23.4255 16.8747C23.7181 16.8979 23.9912 17.0305 24.1903 17.246C24.3895 17.4616 24.5 17.7443 24.5 18.0378V23.2435C24.5001 23.5324 24.393 23.811 24.1994 24.0254C24.0059 24.2399 23.7397 24.3749 23.4523 24.4043C22.834 24.4685 22.211 24.5 21.5833 24.5C11.5967 24.5 3.5 16.4033 3.5 6.41667C3.5 5.789 3.5315 5.166 3.59567 4.54767C3.62513 4.26031 3.76015 3.99411 3.97459 3.80057C4.18903 3.60704 4.46764 3.49994 4.7565 3.5H9.96217C10.2557 3.49996 10.5384 3.61054 10.754 3.80969C10.9695 4.00884 11.1021 4.28193 11.1253 4.5745C11.2726 6.44909 11.8149 8.27129 12.7167 9.92133C12.8537 10.1717 12.8942 10.4635 12.8306 10.7417C12.767 11.0199 12.6036 11.2651 12.3713 11.431L10.927 12.4623ZM7.98467 11.6958L10.2013 10.1127C9.57225 8.75478 9.14124 7.31365 8.9215 5.83333H5.845C5.838 6.027 5.8345 6.22183 5.8345 6.41667C5.83333 15.1153 12.8847 22.1667 21.5833 22.1667C21.7782 22.1667 21.973 22.1632 22.1667 22.155V19.0785C20.6864 18.8588 19.2452 18.4278 17.8873 17.7987L16.3042 20.0153C15.6668 19.7677 15.0477 19.4753 14.4515 19.1403L14.3838 19.1018C12.0955 17.7995 10.2005 15.9045 8.89817 13.6162L8.85967 13.5485C8.52472 12.9523 8.23233 12.3332 7.98467 11.6958Z" fill="%23888888"/></svg>');
}
.modal input.email{
	background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.66" d="M3.2 4H24.8C25.1183 4 25.4235 4.12292 25.6485 4.34171C25.8736 4.5605 26 4.85725 26 5.16667V23.8333C26 24.1428 25.8736 24.4395 25.6485 24.6583C25.4235 24.8771 25.1183 25 24.8 25H3.2C2.88174 25 2.57652 24.8771 2.35147 24.6583C2.12643 24.4395 2 24.1428 2 23.8333V5.16667C2 4.85725 2.12643 4.5605 2.35147 4.34171C2.57652 4.12292 2.88174 4 3.2 4ZM23.6 8.94433L14.0864 17.2277L4.4 8.91867V22.6667H23.6V8.94433ZM5.0132 6.33333L14.0732 14.1057L23.0024 6.33333H5.0132Z" fill="%23888888"/></svg>');
}


::placeholder {
  color: #000;
  opacity: 0.4;
}
.modal input[type='submit'] {
    background: #862167;
    color: #fff;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    font-size: 22px;
    line-height: 73px;
    letter-spacing: 0%;
    text-align: center;
    cursor: pointer;
}
.modal.act {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 9;
    width: 500px;
    margin: auto;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding: 30px;
    border-radius: 25px;
    overflow-y: auto;
    max-height: calc(100% - 70px);
}
.modal::-webkit-scrollbar {
    width: 3px;
    height: 10px;
}

/* Фон дорожки (рельса) */
.modal::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 8px;
}

/* Сам ползунок (бегунок) */
.modal::-webkit-scrollbar-thumb {
  background: #862167;
  border-radius: 8px;
  border: 2px solid #862167; /* отступ фона вокруг ползунка */
}

/* Эффект при наведении на ползунок */
.modal::-webkit-scrollbar-thumb:hover {
  background: #1e40af;
}


.modal .close{
    position: absolute;
    right: 15px;
    top: 15px;
    border: 1px solid #862167;
    width: 40px;
    height: 40px;
    border-radius: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.modal .title {
    color: #882068;
    font-family: Golos;
    font-weight: 400;
    font-size: 48px;
    line-height: 84%;
    letter-spacing: 0%;
    margin-top: 30px;
}
.modal .subtitle {
    font-size: 20px;
    line-height: 115.99999999999999%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 15px;
}
.slider .menu .closeMenu, .mobile{display:none;}
.slider .menu a.act{
	color:#882068;
}
.modal .format {
    flex-direction: column;
    width: calc(100% - 32px);
    margin-left: 16px;
}
.modal .format .item {
    width: calc(100% - 0px);
    margin-top: 20px;
    background-size: contain;
}
.modal .format .item div {background:#fff;}
.masterclass .bty {
    width: calc(100% - 40px);
    background: #FBEEF0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
}
.masterclass .bty span{
    background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7" clip-path="url(%23clip0_47_1151)"><path d="M10.9996 13.7496C12.5184 13.7496 13.7496 12.5184 13.7496 10.9996C13.7496 9.48083 12.5184 8.24957 10.9996 8.24957C9.48087 8.24957 8.24963 9.48083 8.24963 10.9996C8.24963 12.5184 9.48087 13.7496 10.9996 13.7496Z" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9166 8.25002C11.9166 8.25002 12.8333 6.41669 12.8333 4.58335C12.8333 2.75002 11 0.916687 11 0.916687C11 0.916687 9.16663 2.75002 9.16663 4.58335C9.16663 6.41669 10.0833 8.25002 10.0833 8.25002" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.24996 10.0834C8.24996 10.0834 6.41663 9.16669 4.58329 9.16669C2.74996 9.16669 0.916626 11 0.916626 11C0.916626 11 2.74996 12.8334 4.58329 12.8334C6.41663 12.8334 8.24996 11.9167 8.24996 11.9167" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9166 13.75C11.9166 13.75 12.8333 15.5833 12.8333 17.4167C12.8333 19.25 11 21.0833 11 21.0833C11 21.0833 9.16663 19.25 9.16663 17.4167C9.16663 15.5833 10.0833 13.75 10.0833 13.75" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.75 10.0834C13.75 10.0834 15.5833 9.16669 17.4167 9.16669C19.25 9.16669 21.0833 11 21.0833 11C21.0833 11 19.25 12.8334 17.4167 12.8334C15.5833 12.8334 13.75 11.9167 13.75 11.9167" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.70363 8.40744C9.70363 8.40744 9.05544 6.4629 7.75908 5.16654C6.46272 3.87018 3.87 3.87018 3.87 3.87018C3.87 3.87018 3.87 6.4629 5.16635 7.75926C6.46272 9.05562 8.40727 9.70383 8.40727 9.70383" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.40727 12.2963C8.40727 12.2963 6.46272 12.9445 5.16636 14.2409C3.87 15.5372 3.87 18.13 3.87 18.13C3.87 18.13 6.46272 18.13 7.75908 16.8336C9.05545 15.5372 9.7036 13.5927 9.7036 13.5927" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5927 12.2963C13.5927 12.2963 15.5373 12.9445 16.8336 14.2409C18.13 15.5372 18.13 18.13 18.13 18.13C18.13 18.13 15.5373 18.13 14.2409 16.8336C12.9446 15.5372 12.2964 13.5927 12.2964 13.5927" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.2964 8.40744C12.2964 8.40744 12.9446 6.4629 14.2409 5.16654C15.5373 3.87018 18.1301 3.87018 18.1301 3.87018C18.1301 3.87018 18.1301 6.4629 16.8337 7.75926C15.5373 9.05562 13.5927 9.70383 13.5927 9.70383" stroke="%23882068" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_47_1151"><rect width="22" height="22" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    padding-left: 26px;
    line-height: 33px;
    background-position: center left;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0%;
}
.masterclass .items {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 15px;
}
.masterclass .items .itemModal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    border: 1px solid #C4C4C4;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    cursor:pointer;
}

.masterclass .items .itemModal.act:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
    border-radius: 50px;
    background: #882068;
}
.masterclass .items .itemModal:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    border: 1px solid #C4C4C4;
    right: 10px;
    top: 10px;
    border-radius: 50px;
}

.masterclass .items .itemModal .photo {
    width: 203px;
    background-size: 203px;
    background-repeat: no-repeat;
    border-radius: 10px;
    height: 152px;
    margin-right: 15px;
}
.masterclass .items .itemModal .cont {
    width: calc(100% - 218px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}
.masterclass .items .itemModal .cont span {
    font-family: Golos;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #882068;
}
.masterclass .items .itemModal .cont p {
    text-align: left;
    margin: 0;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 137%;
    letter-spacing: 0%;
    margin-top: 6px;
    margin-bottom: 12px;
}
.masterclass .items .itemModal .cont div {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-top: 6px;
}
.masterclass .items .itemModal .cont div svg{
    margin-right:6px;
}
.masterclass .btn{	
    background: #862167;
    color: #fff;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    font-size: 22px;
    line-height: 73px;
    letter-spacing: 0%;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin-top:10px;
}
		
@media (max-width: 1200px) {
	body{
		margin: 0 15px;
	}
	.cont {
		width: 100%;
	}
    .modal.act {
        width: calc(100% - 60px);
        z-index: 99999999;
        padding: 15px;
    }
    .modal .title{
        font-size: 34px;
    }
    .bg.act{
        z-index: 999999;
    }
}
		
@media (max-width: 1023px) {
    
.masterclass .items .itemModal {
    display: flex;
    flex-direction: column;
}
.masterclass .items .itemModal .photo{
    width: 100%;
    margin-right: 0;
    background-size: 100%;
    margin-bottom: 10px;
}
.masterclass .items .itemModal .cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}
.masterclass .items .itemModal:before {
    border: 1px solid #fff;
    right: 20px;
    top: 20px;
    background: #fff;
}
.masterclass .items .itemModal.act:after {
    right: 25px;
    top: 25px;
}
.masterclass .bty {
    padding-top: 20px;
}
.masterclass .bty span{
    background-position: top left;
    padding-bottom: 10px;
    line-height: 20px;
}
    
.mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    z-index: 999999;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
    padding: 5px 15px;
}
.slider .menu.act {
    position: fixed;
    width: calc(100% - 30px);
    left: 0;
    top: 0;
    z-index: 9999999;
    background: #fff;
    padding: 0 15px;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: calc(100% - 50px);
    padding-top: 50px;
    overflow-y: auto;
}
.slider .menu a {
    margin-right: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
}
.slider .menu .closeMenu {
	display:block;
    position: absolute;
    right: 15px;
    top: 15px;
}

	
	.slider .btnBlock {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.slider .menu {
		display: none;
	}
	.slider h1{
		font-family: Golos;
		font-weight: 400;
		font-size: 48px;
		line-height: 84%;
		letter-spacing: 0%;
	}
	.slider {
        height: auto;
        background: #fff;
        padding-top: 100px;
    }
    .slider img {
        position: relative;
        border-radius: 10px;
        margin-top: 15px;
    }
    .slider .btnBlock .btn {
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }
	.slider .topBlock {
		flex-direction: column;
		flex-wrap: nowrap;
		margin-top: 0px;
	}
	.slider .topBlock div {
		margin-right: 0px;
		margin-top: 15px;
	}
	.slider .topBlock div br{display:none}
	.slider span  br{display:none}
	.slider span {
		font-size: 14px;
	}
	.block1 {
		padding: 0;
	}
	.block5 .items {
		flex-direction: column;
	}
	.block5 .item {
		width: calc(100% - 70px);
		margin-bottom: 30px;
	}
	.block6 .items {
		padding-right: 0;
		background: none;
	}
	.block6 .items .item {
		box-shadow: 1.42px 1.42px 1.42px 0px #0000001A, -1.42px -1.42px 1.42px 0px #0000001A;
		border: 0;
		margin-bottom: 15px;
		border-radius: 7px;
		padding: 10px;
	}
	.block6 .items .item .name {
		font-size: 12px;
		line-height: 14px;
		margin-left: 10px;
	}
    .block6 .items .item .price {
        font-size: 12px;
        white-space: nowrap;
        padding-left: 10px;
    }
	.format {
		flex-direction: column;
	}
	.format .item {
		width: 100%;
	}
	.block3 .format .item div {
		width: calc(100% - 42px);
		margin-top: 170px;
		background: #fff;
		border-radius: 0 0 15px 15px;
        border-color: #D8D8D8;
	}
	.block3 .format .item {
		background-size: 100% auto;
		background-position: 0px -100px;
	}
	.format .item {
		margin-bottom: 15px;
        background-size: 100% auto;
        background-position: 0px -100px;
	}

	.format .item div {
        width: calc(100% - 42px);
        margin-top: 170px;
        border-radius: 0 0 15px 15px;
        background: #fff;
        border-color: #D8D8D8;
    }
	.block2 .items {
		flex-direction: column;
	}
	.block2 .items .item {
        width: calc(100% - 110px);
        margin-bottom: 15px;
        align-items: flex-start;
        padding: 15px;
        padding-left: 63px;
        border: 1px solid #C3C3C366;
        box-shadow: none;
    }
    .block2 .items .item div {
        position: absolute;
        left: 15px;
        top: 15px;
        width: 34px;
        height: 34px;
    }
	.block2 .items .item div svg {
        width: 20px;
    }
	.block2 .items .item span {
		font-size: 26px;
		line-height: 26px;
		margin: 4px 0px;
	}
	.block2 .items .item strong {
		font-size: 18px;
		margin-top: 3px;
		margin-bottom: 15px;
		text-align: left;
	}
	.block2 .items .item p {
		text-align: left;
	}
	.florist {
		flex-direction: column;
	}
    .florist .photo {
        background-size: 100% auto;
        margin-right: 0;
        height: 200px;
        background-position: center;
        width: 100%;
    }
    .florist .items .item {
        width: 100%;
    }
	.florist .items {
		flex-direction: column;
		flex-wrap: nowrap;
		width: calc(100% - 73px);
		margin-bottom: -15px;
	}
	.lcvThis {
		flex-direction: column;
	}
	.lcvThis {
		flex-direction: column;
	}
	.lcvThisBl div span {
		font-size: 14px;
	}
	.lcvThisBl div p {
		font-size: 12px;
		margin-top: 30px;
	}
	.lcvThisBl {
		width: calc(100% + 10px);
		margin-left: -5px;
	}
	.lcvThis .company {
		width: 100%;
		background-size: 100% auto;
		margin-right: 0px;
		height: 210px;
	}
	.block6 h3 {
		margin-bottom: 20px;
	}
    .block5 {
        padding-bottom: 0;
        padding-top: 30px;
    }
	.block5 h3:after, .block6 h3:after{display:none;} 
	.block5 h3 font {
        width: 100%;
        display: inline-block;
    }
	.block1 h2 {
		font-size: 38px;
		line-height: 34px;
	}
	h3 {
		line-height: 34px;
		margin: 0;
		margin-bottom: 20px;
		text-align: left;
	}
	h3 span {
		background: none;
		padding: 0;
	}
	h3 span:before {
		opacity: 0;
	}
	h3:after {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		display: inline-block;
		margin-top: 10px;
	}
	h3:before, h3.h3_2 span:after {
		opacity: 0;
	}
	.block3 h3 font {
		width: 100%;
		display: inline-block;
	}
	.block4 {
		padding-top: 10px;
	}
	.florist h4 {
		white-space: nowrap;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (max-width: 375px) {
	.lcvThisBl div {
		width: calc(100% - 52px);
	}
}