:root{
	--bradius:5px;
	--red:#910000;
	--redo:#9100000f;
	--colorgrey:#EAEAEA;
	--content-width: 1170px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --black:#000000;
  --white:#ffffff;
  --gray80: rgba(30,30,30,0.8);
    --gray70: rgba(30,30,30,0.7);
    --gray60: rgba(30,30,30,0.6);
    --gray50: rgba(30,30,30,0.5);
    --gray40: rgba(30,30,30,0.4);
    --gray30: rgba(30,30,30,0.3);
    --gray20: rgba(30,30,30,0.2);
    --gray10: rgba(30,30,30,0.1);
    --gray00: #ececec;
}
html {
  --refRes: 1920;
  font-size: calc(100vw / var(--refRes) * 10);
}
@media (max-width: 1200px) {
  html {
    --refRes: 1200;
    font-size: calc(100vw / var(--refRes) * 10);
  }
}
@media (max-width: 744px) {
  html {
    --refRes: 744;
    font-size: calc(100vw / var(--refRes) * 10);
  }
}
@media (max-width: 480px) {
  html {
    --refRes: 375;
    font-size: calc(100vw / var(--refRes) * 10);
  }
}
.popup.popup-fixright{
	position: absolute;
  top: 0;
  transform: none;
  right: 0;
  width: 100%;
  max-width: 65.8rem;
  height: 100%;
  padding:5.6rem 5.8rem;
  text-align: left;
}
@media (max-width: 480px) {
	.popup.popup-fixright{padding: 5.6rem 5.8rem 0 2.8rem;}
}
.sharebasket{}
.sharebasket .shap{
	background: transparent;
	color: #000;	
	margin-bottom: 2.4rem;	
	border: none;
	position:relative;
}
.sharebasket .ogranich450{
	max-width:450px;
	margin: 0 auto;
	position:relative;
}
@media (max-width: 480px) {
	.sharebasket .ogranich450{margin-left: 15px;
margin-right: 15px;}
}
.sharebasket .shap .title-callback{
	border: none;
	padding:0;
	margin:0;
	font-size: 3.8rem;
	font-weight: 500;
  letter-spacing: -0.01vw;
  line-height: 1;
}
@media (max-width: 1920px) {
	
}
@media (max-width: 480px) {
	.sharebasket .shap .title-callback{font-size:2.6rem;}
}
.sharebasket .remodal-close{
	top:0;
	right: 0;
	transform: translate(100%, -100%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2.4rem' height='2.4rem' viewBox='0 0 30 30'%3E%3Cpath fill='%23000' d='M15.707 15l5.646 5.646-.707.707L15 15.707l-5.647 5.647-.707-.707L14.293 15 8.646 9.354l.707-.707L15 14.293l5.646-5.647.707.707L15.707 15z'/%3E%3C/svg%3E");
	border: 0.1rem solid rgba(30, 30, 30, 0.1);
	border-radius: 0.6rem;
}

.sharebasket .checkradio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-bottom:20px;
}
.sharebasket .checkradio__input {
    display: none;
}
.sharebasket .checkradio__mask {
    position: relative;
    cursor: pointer;
    width: 5.1rem;
    height: 3.1rem;
    border-radius: 10rem;
    background: var(--gray30);
    padding: 0.3rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sharebasket .checkradio__mask::after {
    content: "";
    position: absolute;
    left: 0.3rem;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-box-shadow: 0 0.3rem 0.1rem 0 rgba(0, 0, 0, 0.06), 0 0.3rem 0.7rem 0 rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.04);
    box-shadow: 0 0.3rem 0.1rem 0 rgba(0, 0, 0, 0.06), 0 0.3rem 0.7rem 0 rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.04);
    background: #fff;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sharebasket .checkradio__text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--gray50);
    cursor: pointer;
}
@media (max-width: 1200px) {
    .sharebasket .checkradio__text {
        font-size: 1.4rem;
    }
}
@media (max-width: 744px) {
    .sharebasket .checkradio__text {
        font-size: 1.2rem;
    }
}
.sharebasket .checkradio__input:checked ~ .checkradio__mask {
    background: var(--black);
}
.sharebasket .checkradio__input:checked ~ .checkradio__mask::after {
    left: 2.3rem;
}
.sharebasket .checkradio__input:checked ~ .checkradio__text {
    color: var(--black);
}

.sharebasket .modal__login{}
.sharebasket .modal__login .variants{
	display:flex;
	gap:10px;
	margin-bottom:20px;
}
.sharebasket .modal__login .variants label{
	flex:1 1 calc(100% / 3 - 10px);
	display:flex;
	justify-content: center;
	align-items:center;
	border:1px solid var(--gray80);
	position:relative;
	overflow:hidden;
	padding:4px 10px;
	color:var(--black);
	background-color:var(--white);
	cursor:pointer;
	font-weight:300;
}
.sharebasket .modal__login .variants label.js-tab-btn-active{
	color:var(--white);
	background-color:var(--black);
}
.sharebasket .modal__login .variants label input{
	position:absolute;
	margin-top:-150px
}
.sharebasket .modal__login-tab{display:none; margin-bottom:4rem;}
.sharebasket .modal__login-tab.tab-box-active{display:block;}
.sharebasket .modal__login-tab2{display:none; margin-bottom:4rem;}
.sharebasket .modal__login-tab2.tab-box-active{display:block;}

.sharebasket .modal__login-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
}
@media (max-width: 744px) {
    .sharebasket .modal__login-form {
        row-gap: 1.4rem;
    }
}
@media (max-width: 480px) {
    .sharebasket  .modal__login-form {
        row-gap: 1.8rem;
    }
}
.sharebasket .modal__login-text{
	color:var(--black);
	text-align:left;
}
.sharebasket .modal__login-text_note{
	margin-top: -16px;
	color:var(--gray50);
}
.sharebasket .modal__login-text_note a{color:var(--gray50);}
@media (max-width: 744px) {
    .sharebasket .modal__login-text_note {
        margin-top: -0.4rem;
    }
}
@media (max-width: 480px) {
    .sharebasket .modal__login-text_note {
        margin-top: -0.2rem;
    }
}

.sharebasket .notemarg{margin-top:0;text-align:center;}
.sharebasket .input-block{}
.sharebasket .input-block .input__error{display:none;}
.sharebasket .input-block input{
	width:100%;
	border:1px solid var(--black);
}
.sharebasket .modal__login-form .modal__login-btn,.sharebasket .modal__login-form .modal__login-btn2{
	border-radius:0;
	background-color:var(--black);
	color:var(--white);
	height:50px;
	display: flex;
  align-items: center;
  justify-content: center;
}

.sharebasket .placeholder-container{position:relative;}
.sharebasket .placeholder-container label {
    color: var(--black);
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px;
    pointer-events: none;
    position: absolute;
    transition: all 200ms;
    top: 5px;
    left: 10px;
    background-color: #FFF;
	font-weight:500;
}
.sharebasket .placeholder-container input:focus + label,
.sharebasket .placeholder-container input:not(:placeholder-shown) + label{
    top: -20px;
	left: 0;
	font-size: 11px;
	color: #000;
	padding: 2px 10px;
}
.sharebasket #blockbtnsubmit{text-align:center;}

.sharebasket .form-check2{position: relative;padding-left: 3.6rem;font-weight: 500; color: var(--gray60);}
.sharebasket .form-check2 label {
  display: block;
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.sharebasket .form-check2 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.sharebasket .form-check2 label::before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/images/svg/checkbox-empty.svg) no-repeat;
  background-size: cover;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  pointer-events: none;
}
@media (max-width: 480px) {
  .sharebasket .form-check2 label::before {
    width: 2rem;
    height: 2rem;
  }
}
.sharebasket .form-check2 input:checked + label::before{
  background: url(/images/svg/checkbox-full.svg) no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  .sharebasket .form-check2{padding-left: 2.6rem;}
  .sharebasket .form-check2 label {
    width: 2rem;
    height: 2rem;

  }
}




.madalsharebasket .modal__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.4rem;
}
@media (max-width: 1200px) {
    .madalsharebasket .modal__form {
        row-gap: 1.6rem;
    }
}
.madalsharebasket .modal__form-text {
    
    max-width: 48rem;
   
}
@media (max-width: 1200px) {
    .madalsharebasket .modal__form-text {
        max-width: 40rem;
    }
}
@media (max-width: 744px) {
    .madalsharebasket .modal__form-text {
        max-width: 35.6rem;
    }
}
@media (max-width: 480px) {
    .madalsharebasket .modal__form-text {
        max-width: 30rem;
    }
}
.madalsharebasket .modal__form-text_fix {
    max-width: 50rem;
	font-size: 2.2rem;
}
@media (max-width: 1200px) {
    .madalsharebasket .modal__form-text_fix {
        max-width: 45rem;
		font-size: 2rem;
    }
}
@media (max-width: 744px) {
    .madalsharebasket .modal__form-text_fix {
        max-width: 40rem;
		font-size: 1.8rem;
    }
}
@media (max-width: 480px) {
    .madalsharebasket .modal__form-text_fix {
        max-width: 35rem;
		font-size: 1.6rem;
    }
}
.madalsharebasket ul{padding-left: 2.4rem;margin:2.4rem 0;}
.madalsharebasket .modal__form-fields {
    margin-top: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem 2rem;
}
@media (max-width: 744px) {
    .madalsharebasket .modal__form-fields {
        gap: 1.2rem 1rem;
    }
}
@media (max-width: 480px) {
    .madalsharebasket .modal__form-fields {
        margin-top: 0;
    }
}
.madalsharebasket .modal__form-block {
    width: 100%;
	position:relative;
	max-width: 50rem;
	font-size: 1.8rem;
}
@media (max-width: 1200px) {
    .madalsharebasket .modal__form-block {
        max-width: 45rem;
		font-size: 1.4rem;
    }
}
@media (max-width: 744px) {
    .madalsharebasket .modal__form-block {
        max-width: 40rem;
    }
}
@media (max-width: 480px) {
    .madalsharebasket .modal__form-block {
        max-width: 35rem;
    }
}
.madalsharebaske .remodal-close{
	width: 4rem;
height: 4rem;
}


.madalsharebasket .modal__form-block input {
    padding-right:40px;
	height: 5rem;
	font-size: 1.8rem;
}
@media (max-width: 480px) {
	.madalsharebasket .modal__form-block input {font-size: 1.4rem;}
}
.madalsharebasket .modal__form-block_wide {
    width: 100%;
}
.madalsharebasket .modal__form-block textarea {
    height: 11rem;
    min-height: 5.6rem;
    max-height: 13.4rem;
}
@media (max-width: 1200px) {
    .madalsharebasket .modal__form-block textarea {
        height: 10rem;
        min-height: 4.3rem;
        max-height: 12.4rem;
    }
}
@media (max-width: 744px) {
    .madalsharebasket .modal__form-block textarea {
        height: 7.2rem;
        min-height: 4.5rem;
        max-height: 15.2rem;
    }
}
@media (max-width: 480px) {
    .madalsharebasket .modal__form-block textarea {
        height: 7.2rem;
        min-height: 4.5rem;
        max-height: 13.6rem;
    }
}
.madalsharebasket .modal__form-note {
    color: var(--gray50);
    margin-top: -1.6rem;
}
@media (max-width: 1200px) {
    .madalsharebasket .modal__form-note {
        margin-top: -0.8rem;
    }
}
.madalsharebasket .modal__form-note a {
    color: var(--gray50);
}
.madalsharebasket .forerror{
    color: var(--red);
}
.madalsharebasket .spasibo{width: 100%;
    height: auto;
    max-width: 91.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 2.4rem;
}
.madalsharebasket .basket-share-new-url-icon {
  position: absolute;
right: 0;
top: 0;
cursor: pointer;
padding: 1.4rem 1rem;
}
.madalsharebasket .basket-share-new-url-icon:hover svg path {
    fill: #AF0000;
  }
.madalsharebasket #sharesoc{display:none;}
@media (max-width: 480px) {
	.madalsharebasket #sharesoc{display:block;}
	.madalsharebasket .basket-share-new-url-icon {padding: 1.8rem 1rem;}
}