/* Start:/local/templates/atmosfera_parus/components/citrus/tszh.payment/orchid_default/style.css?17488691206532*/
.itemBit {
    clear: both;
}

.itemBit div {
    box-sizing: border-box;
}

.itemType {
    width: 25%;
}

.itemType h3 {
    margin: 0px !important;
}

.itemTszh {
    width: 100%;
    color: #333;
}
#emailBox {
    padding: 20px 0px;
}
.pay_input {
    border: 1px solid black;
    border-radius: 4px;
    padding: 3px;
    max-width: 100%;
    margin-top: 10px;
}
.pay_select {
    border: 1px solid black;
    border-radius: 4px;
    padding: 2px 3px 2px 3px;
    max-width: 100%;
    margin-top: 10px;
}
#erEm {
    color: red;
}

.itemPrice {
    width: 16%;
	text-align: right;
}

.itemLink {
    width: 24%;
    text-align: right;
}
.itemPrice div {
	padding: 12px 0 0 !important;
	width: 100%;
}

.itemLink a {
    color: #FFF !important;
}

.clear {
    clear: both;
    height: 0px;
}

@media (max-width: 1100px) {
	.form-theme-default input[type=submit],
	.link-theme-default {
		padding: 10px 15px !important;
	}
}

@media (max-width: 1000px) {
    .itemBit div {
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.itemPrice {
        width: 100%
    }

    .itemLink {
        width: 100%;
        text-align: right;
    }
    .itemTszh {
        width: 100%;
    }
    .itemType {
        width: 100%;
    }
    .link-theme-default {
        padding: 10px !important;
    }
}


.combobox {
    position: relative
}

.combobox:after {
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #afc8e0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 0 0 2px;
    border-bottom: 1px solid #afc8e0;
    position: absolute;
    pointer-events: none;
    top: calc(50% - 8px);
    right: 6px;
}

.combobox:before {
    content: '';
    right: 6px;
    top: 2px;
    width: 20px;
    height: calc(100% - 4px);
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block;
}

.combobox select {
    padding: 5px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
    background: #f8f8f8;
    color: #2b5f93;
    /*border:none;*/
    border: 1px solid #afc8e0;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%;
}


.payment {
    margin-top: 35px;
}

.payment p {
    line-height: 30px;
    padding-top: 5px;
}

.payment input[type="submit"] {
    font-size: inherit;
    padding: 10px 50px;
    margin-top: 30px;
}

.payment__description {
    background-color: #e9edea;
    padding: 5px;
}

.tszh-payment-select-box {
    margin-bottom: 10px;
}

.tszh-payment-select-box__label {
    font-size: 14px;
    margin-right: 20px;
    width: 160px;
    display: inline-block;
}

.tszh-payment-select-box__select {
    /*padding: 5px 10px;*/
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .tszh-payment-select-box__select {
        width: calc(100% - 220px);
    }
}

@media screen and (max-width: 1199px) {
    .payment {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .tszh-payment-select-box__select {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .payment {
        text-align: center;
    }
}

input.disabled {
    background-color: #aaa !important;
    border: 1px solid #aaa !important;
    cursor: not-allowed;
    color: white !important;
}
input.disabled:hover {
    background-color: #aaa !important;
    border: 1px solid #aaa !important;
    color: white;
    cursor: not-allowed;
}

.page-title {
	margin-bottom: 45px  !important;
}

.descBox {
	margin-bottom: 45px;
	line-height: 1.5;
}
.itemBit {
	min-height: 81px;
}

.chet {
    padding-top: 30px  !important;
}

.desc-moneta {
	color:#464545;
	font-size:12px;
	line-height: 1.5 !important;
}
.desc-moneta p{
	color:#464545;
	font-size:12px;
	line-height: 1.5 !important;
	padding-top: 0;
}

.citrustszh-moneta-payment-money-value {
	text-align: right  !important;
}






.select {
    position: relative;
    display: block;
    min-width: 220px;
    width: 100%;
    margin-bottom: 20px;
}
.select:after {
	display:none;
}
.select__head {
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 14px 15px;
    line-height: 18px;
    color: rgba(66, 67, 72, 0.8);
    cursor: pointer;
}

.select__head::after {
    width: 24px;
    height: 24px;
    background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.71005 11.71L11.3001 14.3C11.3926 14.3927 11.5025 14.4662 11.6234 14.5164C11.7444 14.5666 11.8741 14.5924 12.0051 14.5924C12.136 14.5924 12.2657 14.5666 12.3867 14.5164C12.5076 14.4662 12.6175 14.3927 12.7101 14.3L15.3001 11.71C15.9301 11.08 15.4801 9.99996 14.5901 9.99996H9.41005C8.52005 9.99996 8.08005 11.08 8.71005 11.71Z' fill='black'/%3E%3C/svg%3E") no-repeat center / cover;
    position: absolute;
    right: 10px;
    top: 0px;
    transform: translateY(50%);
    content: '';
    display: block;
    transition: .2s ease-in;
}

.select__head.open::after {
    transform: translateY(50%) rotate(180deg);
}

.select__list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-top: 5px;
    max-height: 205px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #424348;
    scrollbar-color: dark;
    scrollbar-width: thin;
    overscroll-behavior: contain;
}

.select__list::-webkit-scrollbar {
    width: 7px;
    background-color: #F8F9FA;
    padding: 5px;
}

.select__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D9D9D9;
}

.select__list .select__item {
    position: relative;
    border-top: 1px solid rgba(224, 229, 231, 0.5);
    padding: 10px 15px;
    cursor: pointer;
    list-style-type: none;
}

.select__list .select__item:hover {
    background-color: rgba(224, 229, 231, 0.5);
}

.content ,
.content .content__page  {
	overflow: inherit !important;
}

.hidden_pay_input {
    margin: 15px 0 5px;
    line-height: 14px;
}





/* End */


/* Start:/local/templates/atmosfera_parus/components/citrus/tszh.payment/orchid_default/animation.css?17488691199361*/
.cssload-thecube {
    width: 73px;
    height: 73px;
    transform: rotateZ(45deg) translateX(-70%);
    -o-transform: rotateZ(45deg) translateX(-70%);
    -ms-transform: rotateZ(45deg) translateX(-70%);
    -webkit-transform: rotateZ(45deg) translateX(-70%);
    -moz-transform: rotateZ(45deg) translateX(-70%);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    /*margin-top: 10%;*/
    /*display: none;*/
}
.cssload-thecube .cssload-cube {
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.cssload-thecube .cssload-c2 {
    transform: scale(1.1) rotateZ(90deg);
    -o-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotateZ(90deg);
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
    transform: scale(1.1) rotateZ(180deg);
    -o-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotateZ(180deg);
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
    transform: scale(1.1) rotateZ(270deg);
    -o-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotateZ(270deg);
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
    animation-delay: 0.35s;
    -o-animation-delay: 0.35s;
    -ms-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
    -moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
    animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
    animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube {
    0%, 10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-o-keyframes cssload-fold-thecube {
    0%, 10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-ms-keyframes cssload-fold-thecube {
    0%, 10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-webkit-keyframes cssload-fold-thecube {
    0%, 10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-moz-keyframes cssload-fold-thecube {
    0%, 10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
.form-variable__button {
    padding: 10px 33px;
    /*border: 1px solid #709dca;*/
    display: inline-block;
    text-decoration: none;
    color: #2b5f93;
    border-radius: 6px;
    /*background-color: #ffffff;*/
    cursor: pointer;
    line-height: normal;
    height: auto;
    font-size: inherit;
}
#main {
    width: 100%;
    margin: 0px auto;
    border: solid 1px #b2b3b5;
    -moz-border-radius: 10px;
    padding: 20px;
    background-color: #ffffff;
}
#header {
    text-align: center;
    border-bottom: solid 1px #b2b3b5;
    margin: 0 0 20px 0;
}
fieldset {
    border: none;
    width: 100%
}

label {
    display: inline-block;
    margin: 15px 0 5px;
    line-height: 14px;
}
div#main > input[type=text], div#main > input[type=password] {
    padding: 5px;
    border: solid 1px #000;
}
.prev, .next {
    background-color: #b0232a;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}
.prev:hover, .next:hover {
    background-color: #000;
    text-decoration: none;
}
.prev {
    float: left;
}
.next {
    float: right;
}
#steps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
#steps li {
    font-size: 24px;
    float: left;
    padding: 10px;
    color: #b0b1b3;
    width: 25%;
}
#steps li span {
    font-size: 11px;
    display: block;
}
#steps li.current {
    color: #000;

}
#makeWizard {
    background-color: #b0232a;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 18px;
}
#makeWizard:hover {
    background-color: #000;
}
.radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 10px;
}
.radio + label {
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
}
.radio + label:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -1px;
    width: 15px;
    height: 15px;
    border: 2px solid #7EA5CD;
    border-radius: 50%;
    display: block;

}
.checkbox {
    display: none;
}
/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
.checkbox-custom {
    position: relative; /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
    width: 30px; /* Обязательно задаем ширину */
    height: 30px; /* Обязательно задаем высоту */
    border: 1px solid #2b5f93;
    border-radius: 3px;
}
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
.checkbox-custom, label {
    display: inline-block;
    vertical-align: super;
}
.checkbox:checked + .checkbox-custom::before {
    font-family: FontAwesome;
    content: "\f00c"; /* Добавляем наш псевдоэлемент */
    font-size: 38px;
    text-align: center;
    color: #7d7d7d;
    display: block; /* Делаем его блочным элементом */
    position: absolute; /* Позиционируем его абсолютным образом */
    /* Задаем расстояние от верхней, правой, нижней и левой границы */
    top: -1px;
    /*right: 20px;*/
    /*bottom: 2px;*/
    left: -2px;
    border-radius: 2px;
}
span.title {
    color: black;
    font-size: large;
}
.next {
    width: 150px;
    height: 40px;
    border: 1px transparent;
    border-radius: 3px;
    background-color: #ffc155;
    color: #2b5f93;
    text-align: center;
    font-family: Inter, Arial, sans-serif;
    vertical-align: middle;
    float: right;
    font-size: medium;
    font-weight: bold;

}
.next:hover {
    background: #ffc155;
    color: #2b5f93;
}
.subscribe {
    font-size: small;
    color: grey;
    font-style: italic;
    margin: 20px 0;
}
input.code {
    height: 30px;
    width: 70%;
    margin: 0 auto;
    border: 2px solid #ccc;

}
div.wrap {
    /* padding: 50px;*/
}

br.small {
    line-height: 1em;
}
td.span {
    width: 20%;
}
td {
    color: #000;
}
#step1Prev {
    margin-right: 20px;
}
#step3Prev {
    margin-right: 20px;
}
.step3data {
    text-align: left;
}
@media screen and (max-width: 768px), screen and (max-width: 480px) {
    #steps li {
        font-size: 24px;
        float: left;
        padding: 10px;
        color: #b0b1b3;
        display: none;
    }
    #steps li span {
        font-size: 11px;
        display: block;
    }
    #steps li.current {
        color: #000;
        width: 100%;
        display: block;
        text-align: center;
    }
    #steps li.hidden {
        display: none;
        width: 0;
    }
    input.code {
        height: 30px;
        width: 100%;
        margin: 0 auto;
        border: 2px solid #ccc;
    }

    #step3Prev {
        padding: 6px 14px !important;
        float: left;
    }
    #step3Prev1 {
        padding: 6px 14px !important;
        float: right;
    }
    #step1Prev {
        padding: 6px 14px !important;
        float: left;
    }
    #step1Next {
        padding: 6px 14px !important;
        float: right;
    }
    .whide {
        display: none;
    }
    .acc_name {
        font-size: 12px;
        line-height: 12px;
    }
    .step3data {
        text-align: left;
    }
    table.step3data td {
        padding-bottom: 30px;
        padding-left: 20px;
    }
}

/* End */


/* Start:/local/templates/atmosfera_parus/components/bitrix/system.auth.authorize/.default/style.css?17488690611271*/
.block-auth-form__error{
	display: none;
	margin-top: 15px;
	color: red;
	text-align: center;
}
.errortext{
	padding-left: 30px;
}
@media screen and (min-width: 1200px) {
	.stat-auth-form .window__inputs {
		/*margin-left: 290px;*/
	}
	.stat-auth-form .window__input{
		width: 340px;
	}
}

.tszh-auth__lg-progress {
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	animation: progressFill 6s -.1s ease-in-out forwards;
}

@-webkit-keyframes progressFill {
	from {
		background-position: right bottom;
	}
	to {
		background-position: left bottom;
	}
}
@-moz-keyframes progressFill {
	from {
		background-position: right bottom;
	}
	to {
		background-position: left bottom;
	}
}
@keyframes progressFill {
	from {
		background-position: right bottom;
	}
	to {
		background-position: left bottom;
	}
}

div#window-password-recovery {

	margin-top: 0;
}


.block-password-recovery-form__error{
	display: none;
	margin-top: 15px;
	color: red;
	text-align: center;
	margin-bottom: 20px;
}
.block-password-recovery-form__account_info_sent{
	display: none;
	margin-top: 15px;
	color: green;
	text-align: center;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
/* End */
/* /local/templates/atmosfera_parus/components/citrus/tszh.payment/orchid_default/style.css?17488691206532 */
/* /local/templates/atmosfera_parus/components/citrus/tszh.payment/orchid_default/animation.css?17488691199361 */
/* /local/templates/atmosfera_parus/components/bitrix/system.auth.authorize/.default/style.css?17488690611271 */