/* Start:/local/templates/aspro_max/css/support/style.css?174892905310541*/
.support-c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
}

.support-c .left {
    background: #EAF7FC;
    padding: 40px;
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: 65px auto;
}

.support-c .ico {
    background-image: url("data:image/svg+xml,%3csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_89_495)'%3e%3cpath d='M-1.42941e-07 6L42 48L-3.8147e-06 48L-1.42941e-07 6Z' fill='%23C6E9F8'/%3e%3cpath d='M30 30L18 18L30 18L30 30Z' fill='%23A9DEF5'/%3e%3cpath d='M24 35.4584C30.3283 35.4584 35.4583 30.3283 35.4583 24C35.4583 17.6718 30.3283 12.5417 24 12.5417C17.6717 12.5417 12.5417 17.6718 12.5417 24C12.5417 30.3283 17.6717 35.4584 24 35.4584Z' stroke='%230F265C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19.5612 4.79834L13.5635 7.28251L14.7808 11.7714C13.6443 12.6301 12.6324 13.6423 11.7741 14.779L7.28522 13.5617L4.80014 19.5594L8.79956 21.8529C8.69811 22.5649 8.64739 23.2805 8.64739 23.9998C8.64739 24.7184 8.69811 25.434 8.79956 26.1466L4.80014 28.4401L7.28431 34.4378L11.7732 33.2205C12.6319 34.357 13.6441 35.3689 14.7808 36.2272L13.5635 40.7161L19.5612 43.2012L21.8547 39.2018C22.5667 39.3026 23.2823 39.3533 24.0016 39.3539C24.7202 39.3539 25.4358 39.3032 26.1484 39.2018L28.4419 43.2012L34.4396 40.717L33.2223 36.2281C34.3588 35.3694 35.3707 34.3573 36.229 33.2205L40.7179 34.4378L43.203 28.4401L39.2036 26.1466C39.3044 25.434 39.3551 24.7184 39.3557 23.9998C39.3539 23.2815 39.3025 22.5641 39.2017 21.8529L43.203 19.5594L40.7188 13.5617L36.2675 14.7689C35.4026 13.6209 34.3813 12.5996 33.2333 11.7348L34.4396 7.28342L28.4419 4.79834L26.1484 8.79959C25.4372 8.69884 24.7199 8.64738 24.0016 8.64559C23.2823 8.64559 22.5667 8.69631 21.8547 8.79776L19.5612 4.79834Z' stroke='%230F265C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_89_495'%3e%3crect width='48' height='52' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    width: 48px;
    height: 52px;
    background-size: contain;
    background-repeat: no-repeat;
}
.support-c .tel .ico{
    background-image: url("data:image/svg+xml,%3csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1_297)'%3e%3cpath d='M-1.42941e-07 6L42 48L-3.8147e-06 48L-1.42941e-07 6Z' fill='%23C6E9F8'/%3e%3cpath d='M30 30L18 18L30 18L30 30Z' fill='%23A9DEF5'/%3e%3cpath d='M16.4779 6H6.2691C5.92653 9.45851 4.50364 17.9733 14.4362 30.0906C25.3321 43.3832 37.5762 42.8051 42 41.1321V31.0944L32.8121 30.0906L27.4385 35.1095C21.3132 32.0982 16.2088 26.0755 13.4153 22.0604L18.5197 16.0378L16.4779 6Z' stroke='%230F265C' stroke-width='1.5' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1_297'%3e%3crect width='52' height='52' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
	 width: 60px;
    height: 56px;
}

.support-c .phone .ico{
	background-image: url("data:image/svg+xml,%3csvg width='61' height='56' viewBox='0 0 61 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_89_528)'%3e%3cpath d='M-3.34568e-06 7L49 56L-7.62939e-06 56L-3.34568e-06 7Z' fill='%23C6E9F8'/%3e%3cpath d='M35.0001 33.8334L21.0001 19.8334L35.0001 19.8334L35.0001 33.8334Z' fill='%23A9DEF5'/%3e%3crect x='6.7085' y='12.5417' width='42.5833' height='30.9167' stroke='%230F265C' stroke-width='1.75'/%3e%3cpath d='M6.41675 12.2501L28.0001 33.8334L49.5834 12.2501' stroke='%230F265C' stroke-width='1.75'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_89_528'%3e%3crect width='60.6667' height='56' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
	 width: 61px;
    height: 56px;
}

.support-c .tg .ico{
	background-image: url("data:image/svg+xml,%3csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_89_534)'%3e%3cpath d='M-3.34568e-06 7L49 56L-7.62939e-06 56L-3.34568e-06 7Z' fill='%23C6E9F8'/%3e%3cpath d='M36.1667 33.8334L22.1667 19.8334L36.1667 19.8334L36.1667 33.8334Z' fill='%23A9DEF5'/%3e%3cpath d='M33.3651 23.8606C33.6563 23.4749 33.5797 22.9263 33.194 22.6351C32.8083 22.3439 32.2596 22.4205 31.9684 22.8062L33.3651 23.8606ZM25.7896 32.4424L25.0912 31.9151L24.6533 32.4952L25.1431 33.0321L25.7896 32.4424ZM40.8948 49.0001L40.2484 49.5898L41.4236 50.8779L41.754 49.1659L40.8948 49.0001ZM49.0001 7.00006L49.8592 7.16586L50.1663 5.5748L48.6675 6.19074L49.0001 7.00006ZM6.41675 24.5001L6.08415 23.6907L4.38409 24.3894L5.99825 25.2685L6.41675 24.5001ZM21.0001 32.4424H21.8751V31.9226L21.4186 31.6739L21.0001 32.4424ZM21.0001 43.7501H20.1251V45.8424L21.6146 44.373L21.0001 43.7501ZM32.6667 23.3334L31.9684 22.8062L25.0912 31.9151L25.7896 32.4424L26.4879 32.9696L33.3651 23.8606L32.6667 23.3334ZM25.7896 32.4424L25.1431 33.0321L40.2484 49.5898L40.8948 49.0001L41.5412 48.4103L26.436 31.8527L25.7896 32.4424ZM40.8948 49.0001L41.754 49.1659L49.8592 7.16586L49.0001 7.00006L48.1409 6.83426L40.0357 48.8343L40.8948 49.0001ZM49.0001 7.00006L48.6675 6.19074L6.08415 23.6907L6.41675 24.5001L6.74935 25.3094L49.3327 7.80938L49.0001 7.00006ZM6.41675 24.5001L5.99825 25.2685L20.5816 33.2108L21.0001 32.4424L21.4186 31.6739L6.83525 23.7316L6.41675 24.5001ZM21.0001 32.4424H20.1251V43.7501H21.0001H21.8751V32.4424H21.0001ZM21.0001 43.7501L21.6146 44.373L28.983 37.1037L28.3685 36.4808L27.754 35.8579L20.3856 43.1272L21.0001 43.7501Z' fill='%230F265C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_89_534'%3e%3crect width='56' height='56' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
	 width: 56px;
    height: 56px;
}

.support-c h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    margin: 0 0 19px;
}
.support-c ul {
    margin: 0 0 0 0;
}
.support-c ul li{margin: 0 0 12px  1em;font-size: 18px;font-weight: 400;line-height: 22px;}
.support-c ul:not([id*="bx_"]) li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8.003845' height='16.004517' viewBox='0 0 8.00385 16.0045' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3Cpath id='Vector 2816' d='M0 0L0 16L8 7.89L0 0Z' fill='%23009EE3' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
        margin: 2px 0 0 -1em;
    background-position: center left;
}


.support-c .descr p:first-of-type {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.support-c .descr .sub {
    color: rgb(133, 133, 133);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.support-c .left .descr .btn {
	width: 100%;
    margin: 1.15em 0;
    max-width: 492px;
    padding: 1em;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-transform: none;
}
.support-c .right .descr b {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.support-c .right .descr span {
    color: rgb(75, 75, 75);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    display: block;
}
.support-c .plash {
    background: #EAF7FC;
    display: grid;
    padding: 3em 2.5em;
    grid-template-columns: 76px auto;
    transition: .3s;
	align-items: center;
}

.support-c .right {
    display: grid;
    gap: 25px;
}

.support-c .plash:hover {
    background: #c6e9f8;
}

/*form*/
.repair__form .support-f .form_head h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 37px;
    margin: 0 0 .5em;
    display: block;
}

.repair__form .support-f .form_head .form_desc {
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    max-width: 514px;
    margin: 0 0 2em;
}

.support-f {
    margin: 5em 0 0;
}
.repair__form .support-c form {
    background: none;
    padding: 0 0 0;
}
.repair__form .support-c form input {height: 4em;}

.rightplash {
    background: #EAF7FC;
    margin: 30px 0 0;
    padding: 2.25em 5em;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
}

.repair__form .support-c {
    align-items: flex-start;
}

.rightplash .btn {
    margin: 2em 0;
    text-transform: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

#file-dropzone {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
#file-dropzone input {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 60px;
    opacity: 0;
    cursor: pointer;
}
#file-dropzone span {
  cursor: pointer;
}
#file-dropzone p {
    margin: 0;
}
#preview-container {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.preview-image {
  width: 80px;
  border-radius: var(--radius1);
  height: 80px;
  overflow: hidden;
  position: relative;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  transition: var(--animation1);
}
.preview-image img {
     max-width: 100%;
}
.preview-image:after {
  content: "X";
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.4);
  color: #333333;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  display: flex;
  font-size: 30px;
  justify-content: center;
  align-items: center;
  transition: var(--animation1);
  cursor: pointer;
}
.preview-image:after:hover {
  background: rgba(255, 255, 255, 0.8);
}

#preview-container {
  position: relative;
}
.reclamation .form_sect h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
	margin: 0 27px;
}

.reclamation .form_sect .wrap {
    padding: 1.5em 2em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2em;
}

.reclamation div.form-control label + br {
    display: none;
}

.reclamation div.form-control {
    margin: 0 0 0;
}
.reclamation .el {
    margin: 0 0 2em;
}
.reclamation .form .form_footer {
    margin: 0 2em 2em!important;
}
.reclamation .form textarea {
    min-height: 119px;
}
/* End */


/* Start:/local/templates/aspro_max/css/support/media.css?17489290532240*/
@media (max-width:1199px){
	.repair__form .support-c {
		grid-template-columns: 60% 40%;
	}

	.rightplash {
		font-size: 16px;
		padding: 2em 3em 1em;
	}

	.rightplash .btn {
		font-size: 14px;
	}
}
@media (max-width:1023px){
	.support-c h3 {
		font-size: 18px;
		font-weight: 600;
		line-height: 22px;
	}

	.support-c .descr p:first-of-type {
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
	}

	.support-c ul li {
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
	}

	.support-c ul:not([id*="bx_"]) li:before {
		width: 10px;
		height: 10px;
		margin: 3px 0 0 -9px;
	}

	.support-c .descr .sub {
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
	}

	.support-c .left .descr .btn {
		font-size: 14.95px;
		font-weight: 500;
		line-height: 18px;
	}

	.support-c .left {
		grid-template-columns: 1fr;
		gap: 1em;
		padding: 2em;
	}

	.support-c .right .descr b {
		font-size: 18px;
		font-weight: 500;
		line-height: 22px;
	}

	.support-c .right .descr span {
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
		margin: 4px 0 0;
	}

	.support-c .plash {
		padding: 2em 0.5em 2em 2em;
	}

	.repair__form .support-c {
		grid-template-columns: 1fr;
	}
}
@media (max-width:767px){
	.support-c {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.tech-support__title {
		font-size: 22px;
		margin: 0 0 22px;
	}

	.support-c .right {
		gap: 18px;
	}

	.repair__form .support-f .form_head h4 {
		font-size: 22px;
	}

	.repair__form .support-f .form_head .form_desc {
		font-size: 16px;
	}

	.repair__form form {
		margin: 0!important;
	}

	.repair__form .form-control label {
		font-size: 12px;
		font-weight: 500;
	}

	.repair__form .support-c form input {
		height: 45px;
	}

	.repair__form .act-example {
		height: 45px;
	}

	.rightplash {
		padding: 1em;
		margin: 2em 0 0;
	}

	.rightplash center {
		padding: 1em 2em 0;
	}

	.rightplash .btn {
		margin: 18px 0 20px;
	}

	.repair__form label[for=act-file] {
		height: 45px;
		line-height: 29px;
	}

	.repair__form label[for=act-file]:before {
		top: 14px;
		left: 22px;
	}
	
}
@media (max-width:500px){
	
}
/* End */


/* Start:/local/templates/aspro_max/components/bitrix/form.result.new/repair_smallf/style.css?17489290535789*/
.repair__form .form_head h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 113%;
    color: #333333;
}

.repair__form form {
    background: rgba(226, 115, 104, 0.2);
    padding: 25px 20px;
}

.repair__form .form_body div.form-control {
    background: rgba(226, 115, 104, 0);
}

.repair__form .form-control label {
    font-size: 16px;
}

.repair__form .form .form_footer {
    margin: 0;
}

.repair__form label[for=act-file] {
    position: relative;
    padding: 8px 43px 7px;
    width: 100%;
    height: 56px;
    background: #fff;
    cursor: pointer;
	background:#f8f8f8;
	    border: 1px solid #ececec;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 37px;
}

.repair__form label[for=act-file]:before {
    position: absolute;
    content: '';
    background: url('/local/templates/aspro_max/images/tech-support/clip.svg');
    width: 8px;
    height: 15px;
    top: 17px;
    left: 16px;
}

.repair__form input[id=act-file] {
    display: none;
}

.repair__form .act-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.repair__form .act-example {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 48px;
    background: #D1EBF6;
    margin: 20px 0 1em;
    align-items: center;
    justify-content: center;
	transition:.3s;
	 border: 1px solid #D1EBF6;
}

.repair__form .act-example span {
    position: relative;
    display: flex;
    align-items: center;
}

.repair__form .act-example:hover span {
    color: var(--theme-base-color);
}
.repair__form .act-example:hover {
    border: 1px solid var(--theme-base-color);
}
.repair__form .act-example span:before {
    display: inline-block;
    content: '';
    background: url('/local/templates/aspro_max/images/tech-support/down-arrow3.svg') no-repeat;
    width: 13px;
    height: 15px;
    background-size: contain;
    padding: 0 26px 0 0;
}

.repair__form .form .form_footer button[type=submit] {
    margin: 0 20px 0 0;
}

#main .repair__form .form .form_footer label[for=licenses_inline] {
    color: #000;
}


.repair__form .thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }

@media (max-width: 768px) {
    .repair__form .act-fields {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        gap: 15px;
    }

    .repair__form .form .form_footer button[type="submit"] {
        margin: 0;
    }
}
.previews {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -15px;
}

.previews .act-field {
    margin: 15px;
    width: 132px;
    height: 132px;
	position: relative;
}

.previews .act-field input {
    position: absolute;
    opacity: 0;
}

.previews .act-field label {
    position: relative;
    padding: 8px 43px 7px;
    width: 132px;
    height: 132px;
    background: #fff;
    cursor: pointer;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 32px;
}
.previews .act-field.not-active label {
    box-sizing: border-box;
    border: 1.18px solid var(--theme-base-color);
    border-radius: 2.37px;
    background: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
    color: var(--theme-base-color);
    font-size: 14.21px;
    font-weight: 400;
    line-height: 18.94px;
    flex-direction: column;
}

.previews .act-field.not-active label i {
    display: block;
    font-size: 71.69px;
    font-weight: 400;
    line-height: 59.74px;
    font-style: normal;
}

.previews .act-field.not-active + .not-active {
    display: none;
}
.active .preview {
    display: flex;
    position: absolute;
    width: 132px;
    height: 132px;
    z-index: 100;
    background: white;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.active .preview img {
    max-width: 100%;
}

.not-active .preview {
    display: none;
}
.previews .act-field label.error{display:none!important;}
.act-field.active .del {
    position: absolute;
    z-index: 200;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: var(--theme-base-color);
    display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}

.act-field.active .del:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='18.418457' height='18.418457' viewBox='0 0 18.4185 18.4185' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Vector 2824' d='M14.23 5.02L5.02 14.23L4.18 13.39L13.39 4.18L14.23 5.02ZM13.39 4.21L13.39 4.18C13.62 3.95 13.99 3.95 14.23 4.18C14.46 4.41 14.46 4.78 14.23 5.02L14.2 5.02L13.39 4.21ZM5.02 14.2L5.02 14.23C4.78 14.46 4.41 14.46 4.18 14.23C3.95 13.99 3.95 13.62 4.18 13.39L4.21 13.39L5.02 14.2Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3Cpath id='Vector 2825' d='M13.39 14.23L4.18 5.02L5.02 4.18L14.23 13.39L13.39 14.23ZM14.2 13.39L14.23 13.39C14.46 13.63 14.46 13.99 14.23 14.23C13.99 14.46 13.62 14.46 13.39 14.23L13.39 14.2L14.2 13.39ZM4.21 5.02L4.18 5.02C3.95 4.78 3.95 4.42 4.18 4.18C4.41 3.95 4.78 3.95 5.02 4.18L5.02 4.21L4.21 5.02Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    width: 15px;
    height: 15px;
    z-index: 201;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}
/* End */
/* /local/templates/aspro_max/css/support/style.css?174892905310541 */
/* /local/templates/aspro_max/css/support/media.css?17489290532240 */
/* /local/templates/aspro_max/components/bitrix/form.result.new/repair_smallf/style.css?17489290535789 */