/* Start:/bitrix/templates/.default/components/bitrix/catalog.section/main/style.css?177642650710410*/
    #tabs .buttons {
        display: flex;
        gap: 20px;
    }
    #tabs .button {
        width: 240px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
        border: 1px solid #1DB6B7;
        font-family: Exo2\.0 Regular;
        font-weight: 500;
        font-size: 18px;
        color: #1DB6B7;
        text-decoration: none;
    }
    #tabs .button.dark {
        background: #1DB6B7;
        color: #fff;
    }
    #tabs .header {
        display: flex;
        gap: 10px;
        align-items: center;
        font-family: Exo2\.0 Regular;
        font-weight: 600;
        font-size: 39.15px;
        line-height: 31.32px;
        letter-spacing: -1.5%;
    }
    #tabs p {
        font-family: Exo2\.0 Regular;
        font-weight: 300;
        font-size: 22px;
        line-height: 35.2px;
        letter-spacing: -0.1px;
    }
    
    #tabs .container > div {
        display: flex;
        padding: 50px 0;
    }
    #tabs .image_wrap, #tabs .content {
        width: 50%;
    }
 
#tabs .image_wrap {
    position: relative;
}
#tabs .image_wrap img {
    position: relative;
    padding: 50px 0;
    max-width: 90%;
}    
#tabs .image_wrap:before {
    content: '';
    display: block;
    position: absolute;
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg, #072121 0%, #1db6b7 100%);
    border-radius: 0 6px 6px 0;
}

#tabs .container > div:nth-child(2n) .image_wrap {
    order: 1;
}
#tabs .container > div:nth-child(2n) .image_wrap:before {
    right: 0;
    rotate: 180deg;
}    
#tabs .container > div:nth-child(2n) .image_wrap img {
    float: right;
}


    
    
    #tabs li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #tabs li a {
        font-size: 22px;
        text-decoration: none;
        color: #fff;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    #tabs li.ui-tabs-active {
        background: #fff;
    }
    #tabs li.ui-tabs-active a {
        color: inherit;
    }
    .tabs-container {
        height: auto;
    }
@media screen and (max-width: 1150px) {
    #tabs h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 1024px) {
    #tabs h2 {
        font-size: 40px;
    }
}
@media screen and (max-width: 850px) {
    #tabs .button {
        width: 180px;
    }
    #tabs .container > div {
        padding: 50px 10px;
    }
} 
@media screen and (max-width: 770px) {
    #tabs h2 {
        font-size: 28px;
    }
}   
@media screen and (max-width: 600px) {
    #tabs li a {
        height: 70px;
        color: inherit;
    }
    #tabs li.ui-tabs-active a {
        color: #1DB6B7;
    }
    #tabs li.ui-tabs-active:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #tabs .header > h2 {
        margin: 0;
        font-size: 25px;
    }
    #tabs .header > img {
        width: 25px;
    }
    #tabs p {
        font-weight: normal;
        font-size: 12px;
        line-height: normal;
        letter-spacing: normal;
    }
    #tabs .buttons {
        flex-wrap: wrap;
        gap: 5px;
    }
    #tabs .container > div:nth-child(2n+1) .content {
        margin-right: 10px; 
    }
    #tabs .container > div:nth-child(2n) .content {
        margin-left: 10px; 
    }
    
    
}


























.products_wrap {
        display: flex;
        gap: 100px;
        margin-top: 40px;
        padding-bottom: 40px;
}
.products_wrap .section_list h4 {
    font-size: 16px;
    color: #5D6969;
    margin: 0;
    padding: 10px;
    font-weight: 400;
}
.products_wrap .section_list a {
    text-decoration: none;
    white-space: nowrap;
    width: fit-content;
    padding: 10px;
    display: block;
    fint-size: 18px;
    color: #000;
}
.products_wrap .section_list a.active {
    background: #1DB6B7;
    color: #ffffff;
    border-radius: 4px;
}
.products_wrap .products {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    
}

.products_wrap .products > div {
    width: calc((100% - 48px) / 3);
	min-width: 290px;
    min-height: 440px;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 24px;
    border-radius: 10px;
    background: #F3F5F6;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.products .header {
    display: flex;
    align-items: center;
    gap: 10px;
}
.products .header .pname {
    display: block;
    height: 64px;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.products .header h2 {
    flex: 1 1 100%;
}
.products .header .os {
    height: 22px;
    padding: 2px 8px;
    border-radius: 8px;
    border: 1px solid #D1D5DC;
    font-size: 12px;
    color: #4A5565;
}
.products .ico {
    width: 64px;
    height: 64px;
}
.products .header h2 {
    margin: 0;
    font-size: 18px;
}
.products p {
    font-size: 14px;
}
.products .content {
    flex: 1;
}
.products .price {
    font-size: 24px;
    color: #179293;
}
.products .mark {
    border-radius: 8px;
    border: 1px;
    padding: 4px 8px;
    background: #EAEBED;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #4A5565;
}
.products .bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-top: 1px solid #C1C1C1;
    padding-top: 16px;
}

.products_wrap.v2 .products .buttons {
    justify-content: space-between;
    display: flex;
    position: relative;
    gap: 8px;
    width: 100%;
}

.products_wrap.v2 .products .button {
    height: 36px;
    border-radius: 8px;
    font-size: 16px;
}
.products_wrap.v2 .products .button.gray {
    background: #EAEBED;
    cursor: not-allowed;
    color: #4A5565;
}
.products .auth-block {
    flex: 1;
}


.products .buttons span a {
    font-size: 16px;
    color: #1DB6B7;
    text-decoration: none;
    display: block;
    padding: 2px;
}

.container.prod {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    gap: 10px;
}
.container.prod h1 {
    position: relative;
    top: 0;
}
.container.prod div {
    max-width: 718px;
    color: #D1D5DC;
    font-size: 20px;
    text-align: center;
}

.m-custom-modal-body.products {
	padding: 24px;
	width: 100%;
    box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.offer {
	padding: 16px;
	width: 100%;
	box-sizing: border-box;
	background: #F0F2F4;
	border-radius: 10px;
	display: flex;
	gap: 16px;
}
.oinf {
	flex: 1;
	display: flex;
	gap: 16px;
	flex-direction: column;
}
.oitop {
	display: flex;
	gap: 16px;
	border-bottom: 1px solid #CBCDD3;
	padding-bottom: 8px;
}
.oitop > div {
	display: flex;
	gap: 4px;
	flex-direction: column;
	flex: 1;
}
.oitop > div > div:nth-child(1) {
	font-size: 14px;
	color: #0A0A0A;
	font-weight: 500;
}
.oitop > div > div:nth-child(2) {
	font-size: 14px;
	color: #6A7282;
}
.oitop > div > div:nth-child(3) {
	font-size: 12px;
	color: #4A5565;
}
.oitop > div > div:nth-child(3):before {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.3334 0.666626L4.00008 7.99996L0.666748 4.66663' stroke='%231DB6B7' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
	padding-right: 8px;
}

.white-popup .button.add2basket {
	width: 48px;
	height: 48px;
    border-radius: 8px;
}
.oibot {
	width: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
}
.oibot .delivery {
	font-size: 14px;
	color: #6A7282;
	display: flex;
    align-items: end;
    gap: 4px;
}
.oibot .delivery span {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='131.848 -0.559 12 12' width='12px' height='12px'%3e%3cpath d='M 143.848 5.441 C 143.848 8.755 141.161 11.441 137.848 11.441 C 134.534 11.441 131.848 8.755 131.848 5.441 C 131.848 2.128 134.534 -0.559 137.848 -0.559 C 141.161 -0.559 143.848 2.128 143.848 5.441 Z' fill='%236A7282' style='stroke-width: 1;'/%3e%3cpath d='M 138.328 3.041 C 138.88 3.041 139.328 2.593 139.328 2.041 C 139.328 1.489 138.88 1.041 138.328 1.041 C 137.775 1.041 137.328 1.489 137.328 2.041 C 137.328 2.593 137.775 3.041 138.328 3.041 Z' fill='white' style='stroke-width: 1;'/%3e%3cpath d='M 137.4 4.33 C 137.348 4.442 137.355 4.589 137.37 4.881 L 137.54 8.292 C 137.553 8.549 137.559 8.677 137.612 8.776 C 137.663 8.871 137.743 8.948 137.841 8.994 C 137.942 9.041 138.07 9.041 138.328 9.041 C 138.585 9.041 138.714 9.041 138.814 8.994 C 138.912 8.948 138.993 8.871 139.044 8.776 C 139.096 8.677 139.102 8.549 139.115 8.292 L 139.286 4.881 C 139.3 4.589 139.308 4.442 139.255 4.33 C 139.209 4.231 139.132 4.15 139.036 4.099 C 138.926 4.041 138.78 4.041 138.487 4.041 L 138.169 4.041 C 137.876 4.041 137.729 4.041 137.62 4.099 C 137.523 4.15 137.446 4.231 137.4 4.33 Z' fill='white' style='stroke-width: 1;'/%3e%3c/svg%3e");
    width: 12px;
    height: 12px;
	display: block;
}

#modal-download, #modal-select {
    max-width: 800px;
}
#madal-request {
    max-width: 400px;
}
.dfiles, .offers, .hidden-success {
	display: none;
}

#modal-download .m-custom-modal-body {
    gap: 16px;
    display: flex;
    flex-direction: column;
}
#modal-download a {
	display: flex;
    gap: 5px;
	align-items: center;
	padding: 16px;
    width: 100%;
    box-sizing: border-box;
    background: #F0F2F4;
    border-radius: 10px;
    color: #000;
}
#modal-download a:before {
    content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.25 12.25H6.75H12.25M6.75 10.25V0.75M6.75 10.25L2.75 6.25M6.75 10.25L10.75 6.25" stroke="%231DB6B7" stroke-linecap="round"/></svg>');
    display: block;
}


@media screen and (max-width: 1520px) {
.products_wrap .products > div {
    width: calc((100% - 24px) / 2);
}
}
@media screen and (max-width: 1130px) {
.products_wrap .products > div {
    width: 100%;
}
}
@media screen and (max-width: 900px) {
	.products_wrap {
    padding: 40px 0;
    gap: 40px;
}
}
@media screen and (max-width: 640px) {
    .products_wrap {
        flex-wrap: wrap;    
    }
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/form/masterklass/bitrix/form.result.new/.default/style.css?1756882487682*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/bitrix/templates/.default/components/bitrix/form/masterklass/bitrix/form.result.new/.default/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/templates/.default/components/bitrix/form/masterklass/bitrix/form.result.new/.default/images/icon_warn.gif);
}

font.errortext {
    color: red;
    font-weight: bold;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/catalog.section/main/style.css?177642650710410 */
/* /bitrix/templates/.default/components/bitrix/form/masterklass/bitrix/form.result.new/.default/style.css?1756882487682 */